Minggu, 28 Oktober 2012

Tips Trik Membuat Daftar Isi Diblog

Berikut langkah-langkah membuat daftar isi diblog 1. Membuat daftar isi blog di laman Login di blogger dengan ID anda Pilih  Laman Klik Entri Laman Baru Kemudian copas kode berikut kedalamnya <script src="http://wong-sidakaton.googlecode.com/files/daftar-isi.js"></script> <script src="http://wong-sidakaton.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"> </script>   Ganti...

Tips Trik Membuat Related Post Dengan Fungsi Scroll

Cara membuat Related Post Dengan Fungsi Scroll: Login ke blogger dengan ID sobat. Klik Rancangan atau Tata Letak. Klik Edit HTML.( jangan lupa centang expand template widget ) Lalu cari kode ]]></b:skin> ( untuk mempermudah pencarian tekan ctrl + F3 ) Lalu letakan code di bawah ini tepat dibawah ]]></b:skin>  /*-- Related Post with Scroll by wong-sidakaton --*/ .rbbox{border: 1px solid #D8D8D8;padding: 5px; background-color:...

Tips Trik Membuat Related Post Dipostingan Blog

Cara membuatnya sbb: Log in di blogger Klik Rancangan Klik Edit HTML ( jangan lupa backup dulu template anda ) Cari kode ]]></b:skin> ( Gunakan ctrl + f untuk mempercepat pencarian ) Copy  kode di bawah ini dan paste di atas kode ]]></b:skin> .related-posts { border:1px solid #ddd; background:#D8DFEA; font-weight:bold; width: 80%; float:right; } .related-posts p { margin:5px 10px 5px; } .related-posts ol { font-weight:normal; margin:0...

Jumat, 26 Oktober 2012

Tips Trik Membuat Artikel Terkait Dengan Icon

Cara pemasangan diblog sbb: Login ke blogger dengan ID sobat. Klik Rancangan. Klik Edit HTML.jangan lupa ( centang tulisan expand template widget ) Lalu cari kode </head> ( untuk mempermudah pencarian tekan ctrl + F3 ) Lalu letakan kode berikut di bawah kode </head> <style type='text/css'> #related-posts { float : left; width : 100%; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts...

Kamis, 25 Oktober 2012

Tips Trik Membuat Box Cantik Efek Jahitan

Copy kode dibawah ini dan paste diatas ]]></b:skin> .box { height:auto; margin:15px auto; line-height:1.1 !important; font-size:15px; padding:5px; width:300px; text-align: justify; } .abu2 { background:#999; outline:4px solid #888; outline-offset:1px; border:2px dashed #666; } .merah { background:#e00; outline:4px solid #d00; outline-offset:1px; border:2px dashed #a00; } .kuning { background:#FD0; outline:4px solid #FC0; outline-offset:1px; border:2px...

Tips Trik Menghapus Nomor pada Label

Cara menghilangkan nomor pada label langsung aja : Login di Blogger dengan ID anda. Klik Rancangan. Klik Edit HTML Jangan lupa centang Expand Template Widget. Lalu cari kode seperti dibawah ini (untuk mempercepat pencarian tekan Ctrl+F ) <span dir='ltr'>(<data:label.count/>)</span> Hapus kode yang berwarna merah tersebut Lalu save template anda dan lihat hasilnya...

Rabu, 24 Oktober 2012

Tips Trik Menghilangkan Underline ( Garis Di Bawah Link )

Berikut ini cara menghilangkan Underline pada Link blog : Login dulu ke blog sobat di http://www.blogger.com/ Masuk ke halaman Layout dan Klik Edit HTML Cari kode seperti  ]]></b:skin> Copy kode dibawah ini dan paste diatas kode ]]></b:skin> a:link {text-decoration: none} a:visited {text-decoration: none} a:active {text-decoration: none} terakhir, simpan template sobat. Untuk memastikan kode tersebut bekerja di template sobat,...

Senin, 24 September 2012

Tips Trik Membuat Readmore Otomatis di Blog

Cara membuat Read more otomatis diblogger: Login ke blogger dengan ID sobat. Klik Rancangan atau Tata Letak. Klik Edit HTML.jangan lupa centang tulisan expand template widget Lalu cari kode </head> ( untuk mempermudah pencarian tekan ctrl + F3 ) Lalu letakan code di bawah ini tepat diatas  </head> <script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height...

Tips Trik Membuat Box Area Efek Gelap Terang Dengan CSS3

Cara membuat kotek area efek gelap terang adalah sbb: Log in di blogger Klik Rancangan Klik Edit HTML Cari kode ]]></b:skin> ( Gunakan ctrl + f untuk mempercepat pencarian ) Copy  kode di bawah ini dan paste di atas kode ]]></b:skin> .mybox{ position:relative; display:block; width:200px; max-height:400px; background:#fff; color:#000; overflow:auto; padding:20px 15px; margin:20px 5px; border:2px solid #777; border-radius:6px; opacity:0.2; filter:alpha(opacity=20); transition:1s;  -o-transition:1s; -moz-transition:1s; -webkit-transition:1s; } .mybox:hover{ opacity:1.0; filter:alpha(opacity=100); } Untuk...

Membuat Syntax Highlighter Di Blogspot

( image:syntax Highlighter ) Cara membuat Syntax Highlighter di blogspot: Log in di blog anda Klik Rancangan klik Edit HTML Cari kode ]]></b:skin> Copy  kode di bawah ini dan paste di atas kode ]]></b:skin> .dp-highlighter { font-family: "Consolas", "Monaco", "Courier New", Courier, monospace; font-size: 12px; background-color: #E7E5DC; width: 99%; overflow: auto; margin: 18px 0 18px 0 !important; padding-top: 1px; /* adds...