RSS

Membuat Artikel Berhubungan

Keuntungan membuat Related Post/ Artikel Yang Berhubungan adalah para pembaca dapat melihat artikel lain di blog kita yang masih sesuai dengan Artikel yang sedang mereka baca saat itu. Ingat dalam Related Post didasarkan pada label suatu post jadi untuk memposting artikel sobat harus mencantumkan Label.
Untuk caranya silahkan lihat:
1. Login ke blogger
2. Pilih menu "Layout-->Edit HTML"
3. Beri tanda centang pada kotak "Expand Widgets Template".
4. Truzz silahkan download "SCRIPT INI"
5. Buka file itu n' copy semua
6. Setelah itu cari kode dan letakkan script tadi dibawahnya. Untuk blog yang udah pakek Readmore maka akan terdapat 2 kode sobat harus meletakkan di kode yang pertama.
7. K'lo dah kelar silahkan save template

Keterangan:
Jika sobat ingin mengganti tulisan "Related Posts by Categories"dengan kata" yang lain cari kata tersebut di HTML/ template sobat tempatnya sama kayak yang tadi truzz hapus n' ganti

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Menampilkan Komentar Terbaru

Menampilkan Komentar terbaru sangatlah mudah sobat hanya perlu menambahkan script berikut ini, tapi agar lebih jelas perhatikan caranya:
1. Login ke blogger pilih menu "Layout"
2. Kemudian copy script ini:



3. Ganti Alamat Blog dengan Alamat Blog Sobat, Truzz Angka 8 merupakan banyaknya komen yang ditampilkan
4. Oya... lupa untuk memasangnya silahkan pilih "Add a Gadget --> HTML/Javascript" Lalu copy script diatas

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Memberi Icon di Label

Untuk Menambah Icon sebelum label maksudnya yaitu memberikan gambar/icon kecil sebelum Macam-macm label yang ada di blog sobat. Untuk caranya adalah sebagai berikut:

1.Login dulu ke blogger
2. Pilih Layout (tata letak) kemudian masuk menu Edit HTML
3. Copy kode dibawah tepat di atas kode ]]> atau di deretan Kode CSS sobat
/*Label
----------------------*/
#Label1 ul, #Label2 ul{
list-style:none;
margin:0 0 0;
padding:0 0 8px;
}
#Label1 li, #Label2 li{
background:url(Alamat gambar ) no-repeat;
padding-top:0;
padding-right:0;
padding-bottom:3px;
padding-left:20px;
margin-bottom:3px;
border-bottom:1px dotted #666666;
line-height: 1.2em;
}

4. Silahkan ganti tulisan Alamat Gambar dengan almat dimana gambar sobat di upload.
Sebagai contoh aku ambilkan dari blognya Mas Anas
Photobucket
http://i296.photobucket.com/albums/mm169/anasku/folder-16x16.png

Photobucket
http://i296.photobucket.com/albums/mm169/anasku/folder-open-16x16.png

Photobucket
http://i296.photobucket.com/albums/mm169/anasku/folder-explorer-16x16.png

Photobucket
http://i296.photobucket.com/albums/mm169/anasku/forder-biru.png

Terakhir save template!!!!

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Agar Navbar Transparant

Mebuat Navbar Blogger transparant, oke sekarang ada alternatif lain untuk memodifikasi navbar di blogger sebelumnya kita telah mebahas tentang cara menghilangkan navbar dan auto hide navbar tapi aku lupa linknya so g' aku cantumin deh tapi buat yang penasaran temen" bisa lihat di kumpulan Tutorial trik blogging yang di seidebar.
1. Log in dulu ke blogger lalu pilih menu Layout dan masuk Edit HTML
2. Cari Code ]]>
3. Kemudian truh kode berikut diatas kode ]]>

#navbar-iframe{opacity:0.2;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:0.5;filter:alpha(Opacity=100, FinishedOpacity=50)}


4. Save template oy buat sobat yang udah gunakan trik menghilangkan atau autohide navbar harus dihapus dulu kodenya

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS