Tampilkan postingan dengan label Tutorial Blogging. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blogging. Tampilkan semua postingan

Sabtu, 28 Juli 2012

Cara Menghilangkan Tanggal Posting

menghilangkan tanggal posting blogger, mau tau caranya? pertama masuk halaman Edit HTML kemudian cari h2.date-header { jika sudah ketemu tambahkan visibility: hidden; diantara kode tersebut. lihat contoh kodenya dibawah:

h2.date-header {
margin:.3em 0 0;
padding:0;
font-size:80%;
color:#777;
height: 0px;

visibility: hidden;
}

Selamat Mencoba...
~ Baca Selengkapnya ...

Jumat, 27 Juli 2012

Membuat Toggle Spoiler Untuk Menampilkan dan Menyembunyikan Widget Sidebar

Untuk lebih jelasnya kamu bisa mengikuti langkah-langkah sebagai berikut:
  1. Login ke akun Blogger kamu.
  2. Dari halaman Dasbor, klik Rancangan dan pilih Edit HTML.
  3. Lakukan duplikasi template untuk berjaga-jaga jika terjadi masalah.
  4. Beri tanda centrang pada Expand Template Widget.
  5. Cari kode ]]></b:skin> lalu letakkan kode CSS berikut di atasnya:
  6. /*-----Toggle Spoiler-----*/
    .widgethidden {display:none}
    .widgetshown {display:inline}
  7. Dan letakkan script berikut di bawah kode ]]></b:skin> tadi:
  8. <script type='text/Javascript'>
    function togglespoiler (postid){
    var whichpost = document.getElementById(postid);
    if (whichpost.className=="widgetshown"){
    whichpost.className="widgethidden";
    }
    else{
    whichpost.className="widgetshown";
    }
    }
    </script>
  9. Setelah itu carilah kode berikut pada widget-widget yang akan kamu sembunyikan:
  10. <h2 class='title'><data:title/></h2>
  11. Ganti kode tersebut dengan kode ini:
  12. <a href='javascript:togglespoiler (&quot;widget-spoiler1&quot;)' title='Show/Hide Widget'><h2 class='title'><data:title/></h2></a>
  13. Kemudian pada kode berikut, yang ada di bawahnya:
  14. <div class='widget-content'>
  15. Ganti dengan kode ini:
  16. <div class='widgethidden' id='widget-spoiler1'>
  17. Jangan lupa diSIMPAN
  18. Catatan:
Untuk widget-widget berikutnya, ganti widget-spoiler1 menjadi widget-spoiler2, widget-spoiler3, dst., baik pada kode HTML untuk judul (title) maupun pada kode widget-content-nya.
~ Baca Selengkapnya ...

Submit ke 20 Search Engine Terkenal