Welcome To My Site

Terima kasih anda masih setia mengunjungi blog kami ,

Just Sharing Bro N Sis

Menerima Penginstalan PC / Laptop Untuk Daerah Makassar ,, Harga Murah Dan Terjangkau Khususnya Bagi Pelajar Dan Mahasiswa Daerah Makassar Dan Sekitarnya Alamat : Jl.AbubakarLambogo No 178 Pettarani Makassar Jl.Aspol Toddopuli Blok C20 Contact person : +628524138771 (Fh14n)

Tips Dan Trik Komputer

Komputer Sangat Banyak Yang bisa Kita pelajari dan banyak hal didalam komputer yang belum ketahui, Ayo ketahui Sekarang !.

Belajar Internet

Internet Begitu luas, ayo pelajari sekarang jangan sampai kita GaptekK ,, hahaha

Ngasal Aja Bro tapi Pas Kena Di Hati ,, hahaha

Jika cinta itu Sistem Operasi, maka, tak akan kubiarkan cinta ini terkena virus yang bisa mengganggu stabilitas dan eksistensinya sebagai sistem operasi yang tangguh. kalau perlu akan kugunakan sistem operasi yang kebal virus.

Tuesday, April 30, 2013

Jika Hewan Punya Facebook



          Kalau binatang punya Facebook, kira-kira statusnya apa aja ya? Berikut beberapa yang sudah ditemukan. Tapi nggak tau apa mereka bener binatang.
Anjing Pudel    : Nunggu mo ke salon neh
Kecoak            : Baru aja selamat dari injekan maut, yeah!
Sapi                 : Aku diraba-rabi lagi oleh majikanku, dasar…!!!
Kucing             : Anak gue yang ke- 5 barusan nanya siapa bapaknya. Gue bingung mau  jawab apa. Gue sendiri lupa bapaknya siapa?
Nyamuk          : Ane positif HIV AIDS boooo
Ayam              : Teman-teman…kalo besok gw ga update… berarti gw udah di goreng… i luv u all…
Cumi-cumi      : Abis isi ulang tinta nich.
Babi                 : Gw difitnah nyebarin flu. Sialan!!
Kambing          : Hari yang bahagia, Alhamdulillah, lebaran haji kemarin ndak disembelih
Sumber: http://wakakak.net/Humor-Hewan/

Cara Memperbaiki Posting Blog yang Eror di Read More Otomatis dan Link Blog


       Tampilan posting yang eror, pada ada halaman read more otomatis atau di link blog seperti yang sudah saya jelaskan sebelumnya (Cara Memperbaiki Tampilan Posting Tulisan Blog Read more dan Link blog yang Eror), sebenarnya bisa diedit melalui HTML Posting blog.
Jika sobat sering menulis dan mengedit tulisan melalui word office terlebih dahulu, mungkin saran-saran yang saya berikan dibawah ini sangat penting untuk sobat perhatikan. Karena menurut saya, ini bukan hanya mempengaruhi eror postingan blog di read more otomatis tetapi juga berpengaruh pada di indeks tidaknya tulisan sobat di search engine.
Saya berikan contoh tulisan yang di kopi melalui word office kemudian dimasukkan ke dalam posting blog, seperti dibawah ini:

Memang benar, bahwa manusia tidak akan bisa bertahan hidup tanpa ada orang-orang disekitarnya. Jika alasan keberadaan orang disekitar kita adalah untuk bertahan hidup seperti yang kita pahami selama ini, itu artinya bahwa pola pikir kita masih berada dijaman primitif, keberadaan orang-orang disekitar kita, hanya dijadikan sebagai pelindung, seperti manusia purba membutuhkan orang lain untuk menaklukkan alam. 

Tulisan diatas menggunakan font tulisan arial dengan size 11 yang saya tulis dari word office terlebih dahulu. Kemudian saya masukkan ke dalam blog, dan melihat edit HTML posting, maka kode yang keluar seperti dibawah ini:
<!--[if gte mso 9]><xml>  <w:WordDocument>   <w:View>Normal</w:View>   < <w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>   < BreakWrappedTables/>    <w:SnapToGridInCell/>    <w:WrapTextWithPunct/>    <w:UseAsianBreakRules/>    <w:DontGrowAutofit/>    <w:SplitPgBreakAndParaMark/>    <w: </m:mathPr></w:WordDocument> </xml><![endif]--><!--[if gte mso 9]><xml>  <w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true"
  <w:LsdException Locked="false" Priority="33" SemiHidden="false"
   UnhideWhenUsed="false" QFormat="true" Name="Book Title"/>   <w:LsdException Locked="false" Priority="37" Name="Bibliography"/>   <w:LsdException Locked="false" Priority="39" QFormat="true" Name="TOC Heading"/>  </w:LatentStyles> </xml><![endif]--><!--[if gte mso 10]> <style>
 /* Style Definitions */
 table.MsoNormalTable
    {mso-style-name:"Table Normal";
    mso-tstyle-rowband-size:0;
    mso-tstyle-colband-size:0;
-theme-font:minor-fareast;
    mso-hansi-font-family:Calibri;
        mso-bidi-font-family:Arial;
    mso-bidi-theme-font:minor-bidi;}
</style> <![endif]--> 
<h3 style="text-align: justify; text-indent: 36pt;">
<span style="font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 11pt; font-weight: normal;">Memang benar, bahwa manusia tidak akan bisa bertahan hidup tanpa ada orang-orang disekitarnya. Jika alasan keberadaan orang disekitar kita adalah untuk bertahan hidup seperti yang kita pahami selama ini, itu artinya bahwa pola pikir kita masih berada dijaman primitif, keberadaan orang-orang disekitar kita, hanya dijadikan sebagai pelindung, seperti manusia purba membutuhkan orang lain untuk menaklukkan alam. </span></h3>

Tulisan diatas yang akan muncul pada HTML Blog sobat, begitu panjang (itupun beberapa bagian saya hapus, karena memang sangat panjang) padahal, tulisan sobat hanya beberapa kata saja. Ini contoh bahwa tulisan yang kita tulis dari word office akan terbaca di blog seperti ini. Dengan kode ini, bisa dipastikan bagaimana tulisan sobat bisa terindeks di search engine, sungguh berat untuk terbaca di search engine manapun.
Solusinya adalah, jika sobat memang sering menulis di word office terlebih dahulu, jangan lupa mengedit HTML posting terlebih dahulu sebelum sobat menerbitkan tulisan sobat. Karena selain berat untuk terbaca di search engine juga akan eror di read more otomatis sobat atau eror di link blog sobat.
Caranya adalah, sobat lihat dan hapus saja kode-kode HTML yang muncul, yang sebenarnya tidak berguna. Yang berguna misalnya hanya pengatusan gaya tulisan (font) atau ukuran tulisan, atau yang lainnya. Kode-kode yang muncul selain itu silahkan dihapus saja.
Contoh pada postingan diatas yang saya ambil hanya kode seperti dibawah ini, kode-kode sebelumnya saya hapus, karena memang tidak perlu ada dan tidak mengubah tampilan tulisan.
<h3 style="text-align: justify; text-indent: 36pt;"><span style="font-family: &quot;Arial&quot;,&quot;sans-serif&quot;; font-size: 11pt; font-weight: normal;">Memang benar, bahwa manusia tidak akan bisa bertahan hidup tanpa ada orang-orang disekitarnya. Jika alasan keberadaan orang disekitar kita adalah untuk bertahan hidup seperti yang kita pahami selama ini, itu artinya bahwa pola pikir kita masih berada dijaman primitif, keberadaan orang-orang disekitar kita, hanya dijadikan sebagai pelindung, seperti manusia purba membutuhkan orang lain untuk menaklukkan alam. </span></h3>


Oke sobat, sekian dulu sharing kali ini. Semoga sukses selalu…, kritik dan sarannya saya tunggu komentar di bawah ini...~~~

Cara Membuat Menu Drop Down di Bawah Header Blog


Menu drop down adalah adalah menu pada blog yang yang jika di sentuh memunculkan menu-menu yang lain. Menu ini banyak macamnya, ada yang dipasang pada header blog, sidebar blog ataupun pada tempat-tempat yang lain.
Kali ini kita akan membahas cara membuat menu drop down secara otomatis yang terletak pada header blog, tepatnya dibawah header blog. Seperti menu header yang ada pada “PSYCHOLOGYMANIA” ini.
Langsung saja kita coba sobat: 
  1. Masuk pada Design --- edit HTML 
  2. Jangan lupa kopi kode HTML sobat terlebih dahulu, jangan sampai ada kesalahan 
  3. Beri tanda centang pada “Expand Widget Templates ” 
  4. Kopi paste kode dibawah ini tepat diatas ]]></b:skin>
#catmenucontainer{
height:33px;
width:1000px;
margin:0 auto;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIlLT1gZDF9Ee1T4dYT9rhaD2AdY_-zTVzrSRyCJF_sv1WBrGoBzI_AfmdbIfJbr0TKRXHAiNJFo4uJRwj9ZteAuQf0LRJB86dXiey-JnwiGPcShTtjfdcNNoMWr3qv1dimY4tThfzrAiN/s1600/2.gif) repeat-x;
display:block;
padding:0px 0 0px 0px;
font-size:12px;
font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
font-weight:normal;
border-top:1px solid #252424;
}
#catmenu{
margin: 0px;
padding: 0px;
width:1000px;
background:#252525 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM7LBIjaJpaOwHI4EMcnDNVPYOXwF6Bh4ycGeP2yFTTj31jlWlHevqVZ4gnhfHC-b5lAVvsq6RAuLKXwNBF3bk_Gbn04JnPOg8iOFiiTDSuHunPnGsgQihlTEd3cRhetZM3YUkXa3XDUMs/) repeat-x;
height:33px;
}

#catmenu ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}

#catmenu li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}

#catmenu li a, #catmenu li a:link, #catmenu li a:visited {
color: #fae7df;
display: block;
margin: 0px;
padding: 9px 10px 10px 10px;
}

#catmenu li a:hover, #catmenu li a:active {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrI6ZtKF4gQOhWBAHz1lixE6aZaT41tsAAevQdn7mb_RyMQ_aJV1RUG4x-eA00sKtXUiSccT61LEpN_rRjOXDJgie9FnP6kTu8Qsdz7BHLeK3OzMq80msH8s9OYiBgT3z627f4ZiCbZOv9/) repeat-x;
color: #fff;
margin: 0px;
padding: 9px 10px 10px 10px;
text-decoration: none;
}

#catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited {
background:#ED4A05;
width: 150px;
color: #fae7df;
font-family:Tahoma,century gothic,Georgia, sans-serif;
font-weight: normal;
float: none;
margin: 0px;
padding: 9px 10px 10px 10px;
border-bottom: 1px solid #FF7800;

}

#catmenu li li a:hover, #catmenu li li a:active {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrI6ZtKF4gQOhWBAHz1lixE6aZaT41tsAAevQdn7mb_RyMQ_aJV1RUG4x-eA00sKtXUiSccT61LEpN_rRjOXDJgie9FnP6kTu8Qsdz7BHLeK3OzMq80msH8s9OYiBgT3z627f4ZiCbZOv9/) repeat-x;
color: #fff;
padding: 9px 10px 10px 10px;
}

#catmenu li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0px;
padding: 0px;
}

#catmenu li li {
}

#catmenu li ul a {
width: 140px;
}

#catmenu li ul a:hover, #catmenu li ul a:active {
}

#catmenu li ul ul {
margin: -34px 0 0 170px;
}

#catmenu li:hover ul ul, #catmenu li:hover ul ul ul,
#catmenu li.sfhover ul ul, #catmenu li.sfhover ul ul ul {
left: -999em;
}

#catmenu li:hover ul, #catmenu li li:hover ul,
#catmenu li li li:hover ul, #catmenu li.sfhover ul,
#catmenu li li.sfhover ul, #catmenu li li li.sfhover ul {
left: auto;
}

#catmenu li:hover, #catmenu li.sfhover {
position: static;
}

5.    Cari Kode <div id='content-wrapper'>
6.    Kopi paste kode dibawah ini tepat dibawah kode <div id='content-wrapper'>
<div id='catmenucontainer'>
<div id='catmenu'>

<ul>
<li><a href='http://NAMA LINK BLOG ANDA/'>Home</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-1</a>
<ul class='children'>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-1-1</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-1-2</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-1-3</a></li>
</ul>
</li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2</a>
<ul class='children'>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2-1</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2-2</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2-2</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-2-3</a></li>
</ul>
</li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-3</a>
<ul class='children'>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-3-1</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-3-2</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-3-3</a></li>
</ul>
</li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-4</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-5</a>
<ul class='children'>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-5-1</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-5-2</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-5-3</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-5-4</a></li>
</ul>
</li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-6</a>
<ul class='children'>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-6-1</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-6-2</a></li>
</ul>
</li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-7</a></li>
<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-8</a></li>
</ul>

<div style='float:right;margin-right:20px;'>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=pbtemplates'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBrDKz8J4YEfk_lSCYH-Gy4VlqwQt04tqWm-35ZTpty6R3S9JhxPYPX495OgkvhJ8R9m4Afd4PQ2NZzGQViZwDmoBSFK1Mg1jnfdvrF6w2QRLymxpjuVLRtMn8UWddN3slzTLwZkRYfpGA/'/></a>
<a href='http://feeds.feedburner.com/pbtemplates'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSmI_X3PDA-qZZaWuRglk8ICteQ2n8MJnrGgXnqIF_R5v1puYcLgkhtRxfAk-pRB9RA26XnQqBb6jy7fUMrDIPwmrs5J2mAdKYiqs_HxPCNIy7KoGjSOBTRWVE-TRh9LqYbZcR1zwP_Xuq/'/></a>
<a href='http://www.twitter.com/btipandtrick'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtHn9HBYwHXUbWZTJ_JELv9VYY3Yo3drMYk3jFqMUtHT_ei6ncdY0uA4WrfxgP8BUojciavsA1ztgtRdj9yeQkrrO3W_fqrecU8cMXHksNlTokfbq8vzXljUZz8Udasc8GZYIgiEZ2dKVY/'/></a>
<a href='mailto:123@abc.com'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHGhzKIJ3mECAY1Rx2Egv2f5qqGZmgzbBvmMHbyXPTT86tq4RVgnbEcRTKEB1eNjn9KrlscOMvaCKw1OeDBwD0bQhORpYSsS6Y9XdP2GR_teZ46OoFiXQUhawJxkNdicPiNfNYqANcAc0G/'/></a>
</div>

</div>
</div>

<div class='clear'/>


7.   Ganti kode-kode “'Your-Link-Here” dengan link yang ingin sobat masukkan dan “Link-Name” dengan nama link yang sobat inginkan.
8.   Simpan template, dan lihat hasilnya…. 

Selamat mencoba semoga sukses…~~~

Cara Membuat Daftar Isi Blog dengan Tab View



Daftar isi blog sangat penting, untuk memudahkan pengunjung, tentang konten-konten dan tulisan-tulisan apa saja yang ada dalam blog kita. Salah satu cara membuat daftar isi blog itu dengan menggunakan tab view. Blogspot memang sudah memiliki konten daftar isi ini, tetapi, kelihatan tidak terlalu artistic, dan menunya tidak bisa diedit.
Sebenarnya, dengan menggunakan tab view, bukan hanya daftar isi yang bisa dimunculkan, tentang tergantung dari kebutuhan dan keinginan sobat. Kita bisa menggantikannya dengan recent post (posting terakhir), popular post (posting terpopuler) atau konten lainnya, atau mengkombinasikan hanya dalam satu program, yaitu tab view. Jadi kegunaan tab view, juga bisa menghemat tempat yang ada dalam blog kita.
Tab view bisa digunakan dengan dua kolom, tiga kolom atau lebih. Tetapi bagi saya sendiri lebih suka menggunakan tiga kolom. Coba sobat perhatikan contoh tab view yang saya gunakan dibawah ini:
Tab View in saya gunakan di PSCYHOLOGYMANIA pada bagian sidebar kiri.  Dengan menu tiga kolom, yaitu daftar isi, Journal dan E-Book. Cantik bukan?
Jika sobat ingin memasang tab view di blog sobat, saya akan berbagi dengan sobat trik-trik bagaimana cara membaut tab view ini. Jadi sobat tinggal pakai saja, dengan mengganti konten sesuai dengan keinginan sobat.
Ok, kita lanjut bagaimana memasang tab view di blog sobat. Ikuti langkah-langkah dibawah ini:
Silahkan login pada blog sobat --- >>> pilih rancangan ---- >>> element laman.
Tentukan dimana tab view dipasang (sidebar kiri atau kanan).
Buat/tambah gadget yang baru, kemudian copy script dibawah ini:

<div><style type="text/css">
div.TabView div.Tabs
{height: 30px;overflow: hidden}
div.TabView div.Tabs a {float:left; display:block; width: 84px; /* Lebar Menu Utama Atas */
text-align:center ; height: 30px; /* Tinggi Menu Utama Atas */
padding-top:8px; vertical-align:middle; border:3px solid #ffffff; /* Warna border Menu Atas */
border-bottom-width:0; text-decoration: none; font-family: "Verdana", Serif; /* Font Menu Utama Atas */
font-weight:bold; color:#ffffff; /* Warna Font Menu Utama Atas */ -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {background-color: #990000; /* Warna background Menu Utama Atas */ }

div.TabView div.Pages {clear:both;border-top:3px solid #ffffff;
/* Warna border Kotak Utama */ overflow:hidden; /* Warna background Kotak Utama */ }

</style>
<script type='text/javascript'>
//<![CDATA[
function tabview_aux(TabViewId, id)
{
var TabView = document.getElementById(TabViewId);
// ----- Tabs -----
var Tabs = TabView.firstChild;
while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
var Tab = Tabs.firstChild;
var i = 0;
do
{
if (Tab.tagName == "A")
{
i++;
Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
Tab.className = (i == id) ? "Active" : "";
Tab.blur();
}
}
while (Tab = Tab.nextSibling);
// ----- Pages -----
var Pages = TabView.firstChild;
while (Pages.className != 'Pages') Pages = Pages.nextSibling;
var Page = Pages.firstChild;
var i = 0;
do
{
if (Page.className == 'Page')
{
i++;
if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
Page.style.overflow = "auto";
Page.style.display = (i == id) ? 'block' : 'none';
}
}
while (Page = Page.nextSibling);
}
    // ----- Functions -------------------------------------------------------------
    function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
    function tabview_initialize(TabViewId) { tabview_aux(TabViewId,  1); }
    //]]>
    </script>
    <form action="tabview.html" method="get">
    <div id="TabView" class="TabView">
    <div style="width: 279px;" class="Tabs">
    <a>Dftr Isi</a>
    <a>Journal</a>
    <a>E-Book</a>
    </div>
    <div style="width:279px; height:375px; " class="Pages">
  

 <div class="Page">
    <div class="Pad">

<ol>
<script style="text/javascript">
var numposts = 800;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://mr-form.googlecode.com/files/label-post.js'></script>

<h3>Tokoh-Tokoh Psikologi</h3>
<ol>
<script src="http://www.psychologymania.com/feeds/posts/default/-/Psi. Tokoh-Tokoh Psikologi?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
<h3>Psikologi Kepribadian</h3>
<ol>
<script src="http://www.psychologymania.com/feeds/posts/default/-/Psikologi Kepribadian?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol>

    </div>
    </div>
    <div class="Page">
    <div class="Pad">

<ol>
<script style="text/javascript">
var numposts = 800;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://mr-form.googlecode.com/files/label-post.js'></script>

<h3>Jurnal Psikologi Perkembangan</h3>
<ol>
<script src="http://www.psychologymania.com/feeds/posts/default/-/Q.Jurnal Psikologi Perkembangan?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
<h3>Jurnal Psikologi Pendidikan & Konseling</h3>
<ol>
<script src="http://www.psychologymania.com/feeds/posts/default/-/Q. Jurnal Psikologi Pendidikan dan Konseling?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol>

    </div>
    </div>
    <div class="Page">
    <div class="Pad">

<ol>
<script style="text/javascript">
var numposts = 800;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://mr-form.googlecode.com/files/label-post.js'></script>

<h3>Clinical & Abnormal</h3>
<ol>
<script src="http://www.psychologymania.com/feeds/posts/default/-/Z.Psikologi Klinis dan Abnormal?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
<br/>
<h3>Counseling & Education</h3>
<ol>
<script src="http://www.psychologymania.com/feeds/posts/default/-/Z.Pendidikan dan Konseling?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>

</ol>

    </div>
    </div>
    </div>
    </div>
    </form>
    <script type="text/javascript">
    tabview_initialize('TabView');
    </script></div>
Kemudian SAVE hasil editan sobat, dan lihat hasilmya

Catatan: 
  • Sobat bisa mengganti link-link yang saya beri tanda warna dengan link yang ada pada blog sobat. 
  • Alangkah bagusnya, memilih link itu sesuai dengan link kategori/label blog sobat, jadi yang muncul di daftar isi adalah kategori/label tulisan yang sobat pilih
  • Sobat juga bisa mengganti link setiap kolom (saya beri warna berbeda) dengan menu lain, misalnya recent post, popular post, yang srciptnya bisa sobat dapatkan secara mudah di google. searching aja, “cara membuat recent post atau popular post pada blog”.
  • Ukuran tab view juga bisa sobat ubah ukurannya, silahkan sobat lihat pada awal-awal kode HTML script ini.

Cara Membuat Nomor Halaman Blog (Page Navigation)


Nomor halaman blog sangat penting untuk navigasi pada sebuah blog. Jika postingan sobat sudah banyak, maka keberadaan nomor halaman mungkin adalah sebuah kebutuhan yang harus sobat miliki. Sobat tak usah membayar untuk mendapatkannya, tinggal ikuti langkah-langkah yang saya berikan dibawah ini, sobat sudah bisa memasangnya di blog sobat.
yang berada dibawah postingan blog.
Perlu sobat ketahui, bahwa, halaman blog ini muncul saat sobat masuk di halaman muka (halaman utama blog), atau pada saat sobat masuk di label/kategori blog sobat.
Langkah-langkah membuat nomor halaman blog adalah sebagai berikut: 
  1. Silahkan sobat log in di blog sobat 
  2. Pilih rancangan --- >>> edit HTML 
  3. Silahkan cari kode ]]></b:skin> (untuk mempermudah silahkan copy kode tadi dan tekan Ctrl+F, kemudian  Ctrl+V), kemudian masukkan script/HTML ini dibawah ini, diatas kode    ]]></b:skin>
/* -- NUMBER PAGE NAVIGATION -- */
#blog-pager {padding:6px 10px}
.showpageArea{float:left;}
.showpageOf{margin:0 8px 0 0;padding:3px 7px;color:#FFFFFF;font:15px Arial,Verdana;background:transparent;}
.showpagePoint{color:#fff;font:bold 15px Arial,Verdana;padding:2px 7px;margin:2px;border:0px solid #fff;background:#aa1f20;text-decoration:none}
.showpageNum a{font:15px Arial,Verdana;padding:3px 7px;margin:0 4px;text-decoration:none;background:transparent;color:#FFFFFF;}
.showpageNum a:hover{color:#fff;background:#3e3e3e;}
.showpage a{font:15px Arial,Verdana;padding:3px 7px;margin:0 4px;text-decoration:none;background:transparent;color:#FFFFFF;}
.showpage a:hover{color:#fff;background:#3e3e3e;}
.showpageArea{margin:10px 0;font:15px Arial,Verdana;color:#FFFFFF;}
.addthis_toolbox{padding:0px 0 5px 0;text-align:center}
.addthis_toolbox .custom_images a{width:32px;height:32px;margin:0 1px 0 0px;padding:0}
.addthis_toolbox .custom_images a:hover img{opacity:1}
.addthis_toolbox .custom_images a img{opacity:0.85}
#comment-form iframe{padding:5px;width:475px}
4.  Silahkan simpan (save) template sobat, dan lihat hasilnya. 
5.  Semoga sobat berhasil  
6.  Jika berhasil, silahkan berikan kementar sobat sebagai hadiah dan kenang-kenangan untuk PSYCHOLOGYMANIA. Terima kasih, atas kunjungan sobat.
Catatan:
Sobat bisa mengubah warna background dan warna tulisan dengan mengubah kode warna yang saya tandai dengan kode warna merah diatas.

Cara Membuat Scroll Tabel Pada Posting Blog

Sobat blogger yang saya kagumi, mungkin masih banyak diantara kita mencari dan bertanya, bagaimana cara membuat tabel yang berbentuk scroll pada postingan blog. Scroll tabel itu seperti dibawah ini:

Scroll tabel ini banyak digunakan pada postingan-postingan blog untuk tutotial atau postingan lain, yang membutuhkan pemisahan antara paragraph utama dengan sebuah lampiran yang panjang. Scroll tabel ini memang terlihat indah jika dibandingkan dengan tabel biasa. Disamping itu tabel yang berbentuk scroll, bisa menghemat tempat pada halaman blog.
Langsung saja sobat blogger praktekkan:
1. Pertama sobat harus edit tulisan pada menu Edit HTML, bukan compose atau yang lainnya




2. Tentukan batas tulisan yang ingin di scroll dalam tabel. Jika sudah, tahu batas tulisan itu, maka silahkan copy paste code/script dibawah ini:
<div style="overflow:auto;width:470px;height:150px;padding:10px;border:1px solid #000000">
Letakkan tulisan atau gambar atau yang lainnya yang ingin di Scroll dalam table DISINI…!!!</div>

3. Sangat simple bukan? Oke, sobat bisa mengedit width (width:470px), height (height:150px) dan warna border tabel (solid #000000) sesuai dengan keinginan sobat. Tutorial ini sangat singkat tapi sangat diperlukan.
4. Sekian dan terima kasih. Jika sobat berhasil menggunakan tutorial ini, mohon kiranya memberikan komentar sebagai kenang-kenangan untuk PSYCHOLOGYMANIA.

Cara Mempopulerkan Artikel Blog agar Ramai Pengunjung


Banyak cara yang bisa ditempuh oleh seorang blogger agar artikel yang sudah ditulis terbaca oleh khayalak ramai. Terkadang merupakan sebuah kebanggan, jika artikel yang kita tulis dapat dibaca oleh orang lain. Mempengaruhi orang lain melalui ide-ide dan pemikiran, berbagi pengetahuan, sharing pengalaman dan lain-lain dalam artikel. Semua itu dapat terjadi, jika kita dapat mempromosikan artikel tersebut supaya bisa dibaca oleh orang, jika tidak, artikel tersebut hanya semacam kertas buram tanpa tulisan apa-apa (tidak berguna).
Dibawah ini, diberikan berbagai cara mempopulerkan artikel pada blog agar bisa dibaca oleh orang lain.
Promosi Artikel
Promosi artikel disini dengan memberikan link artikel ke penyedia iklan online, seperti situs-situs berita, blog/website yang ramai pengunjung atau ke distributor iklan online. Cara ini sangat ampuh mendatangkan pengunjung/pembaca, tetapi tentunya cara ini tidak gratis, membutuhkan biaya pengiklanan. Sehingga cara ini kurang praktis, apalagi bagi seorang blogger yang terkena “kanker”.
Memamfaatkan Jejaring Sosial
Cara yang memperkenalkan artikel adalah melalui media jejaring sosial seperti facebook, twitter, kaskus, skype dan lain-lain. Cara ini, sedikit berguna, apalagi pengunjung jejaring social tersebut memang ramai, tetapi cara ini kurang praktis, karena masih membutuhkan cara yang “manual”, karena harus mengkopi link/artikel ke media jejaring sosial tersebut.
Melakukan Blog Walking
Cara selanjutnya adalah blogwalking. Cara inipun terlihat praktis, dan juga hitung-hitung sekalian silaturrahmi dengan blogger lain. Tetapi jika mengandalkan blog walking untuk mempopulerkan artikel, saya rasa kurang terlalu memadai. Memang, blog yang kita kunjungi kemungkinan besar akan mengunjungi blog kita, tetapi biasanya hanya melihat tampilan blog saja, tidak sampai membaca artikel yang kita maksud.
Memaksimalkan Search Engine
Search engine adalah media yang sering digunakan oleh pencari berita/artikel. Jika seorang blogger dapat memamfaatkan search engine ini dengan baik, bisa dipastikan akan menjadi “raja” (banyak pengunjung). Salah satu search engine yang terkenal adalah Google. Semua blogger berlomba-lomba agar terindeks di search engine ini. Karena tanpa membutuhkan biaya, dan pengunjungnya pun akan ramai jika terindeks di search engine google, apalagi pada urutan pertama dihalaman pertama Google. Tinggal anda belajar, bagaimana cara terindeks dan menempatkan artikel dihalaman pertama Google.