Posts

Showing posts from December, 2015

Membuat Tahun Copyright Otomatis

Image
Gini cara nya: 1. Pertama masuk ke html edit themplate blogger. 2. cari : Copyright &#169  2016 3. ganti dengan ini:   Copyright &#169;  <script type='text/javascript'> var creditsyear = new Date(); document.write(creditsyear.getFullYear()); </script> 4. klik preview terlebihdahulu untuk memastikan tidak terjadi error. 5. Jika dirasa sudah sudah bagus dan tidak terjadi error simpan template. 5. Refres Halaman blog Anda lihat hasilnya.

Membuat recent post per label fast loading ( tanpa thumbnail)

Image
Seperti biasa masuk tata letak dan add gadget HTML/Javascript masukkan kode berikut: <!-- Script yang pertama-->  <script type="text/javascript">  function showrecentposts(json) { for (var i = 0; i < numposts; i++) {  var entry = json.feed.entry[i];  var posttitle = entry. title.$t;  var posturl;  if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break;  }} posttitle = posttitle.link(posturl); if (standardstyling) document.write('<li>'); document.write(posttitle); }  if (standardstyling) document.write('</li>'); } </script> <!-- end Script yang pertama--> <!-- Script yang Kedua--> <script type="text/javascript"> var numposts = 5 ; <!--jumlah postingan yang akan muncul --> var showpostdate = true; var showpostsummary = true; va

Membuat widged label kotak seperti evo magz template

Image
Jika ingin membuat tamplilan Label pada blog anda seperti diatas. 1. Login ke blogger. 2. Klik tab Template. 3. Klik Edit HTML. 4. Cari kode seperti ini : ]]></b:skin> (ctrl+f --> skin)  5. Copy paste kode berikut persis di atas kode yang tadi : /* label */ .label-size-1 , .label-size-2 , .label-size-3 , .label-size-4 , .label-size-5 { font-size : 100 %; filter : alpha( 100 ) ; opacity : 10 } .cloud-label-widget-content { text-align : left } .label-size { background : # 4d68a2 ; display : block; float : left; margin : 0 3 px 3 px 0 ; color : #ffffff ; font-size : 11 px; text-transform : uppercase; } .label-size a , .label-size span { display : inline-block; color : #ffffff !important ; padding : 6 px 8 px; font-weight : bold; } .label-size :hover { background : #333333 ; } .label-count { white-space : nowrap; padding-right : 3 px; margin-left : - 3 px; background : #333333 ; color : #fff !important ; } .label-size { line-hei

Solusi kolom komentar Blogger tidak tampil pada mobile browser

Image
Jika kita baru menggantitemplate blog, kadang banyak masalah yang tidak diinginkan timbul. jika masalah yang anda alami seperti ini, maka begini solusinya. semoga membantu :) Cukup masukkan kode dibawah ini ke dalam skin atau css template .blogger-iframe-colorize {display: block !important; } udah gitu aja !!

Cara membuat recent post perlabel

Image
1. Login ke blogger. 2. Klik tab Template. 3. Klik Edit HTML. 4. Cari kode seperti ini :  ]]></b:skin>  (ctrl+f --> skin) 5.  Copy paste kode berikut persis di atas kode yang tadi : /* RECENT POSTS LABEL */ img.label_thumb { position:absolute; top:0; left:0; float:left; height:50px; width:58px; } ul.label_with_thumbs { float:left; width:100%; margin: 0 0 0; padding:0; } ul.label_with_thumbs li { padding:0 0 10px 66px; position:relative; min-height:53px; margin:0 0 10px 0; border-bottom:1px solid #eee; } ul.label_with_thumbs li:last-child { border-bottom:none !important; margin:0 0 0 0; } .label_with_thumbs li { list-style:none; font-size:11px; color: $(post.footer.text.color); } .label_with_thumbs .title-label a { float: left; display: inline-block; font-weight: bold; font-size: 13px; margin: 0 0 3px; padding: 0; color: $(post.title.color); width: 100%; } .label_with_thumbs a:hover { color: $(post.title.hov

Cara Ganti Tombol Share Bawaan Blogger

Image
Cara Ganti Tombol Share Bawaan Blogger Cari ]]></b:skin> masukkan kode ini diatasnya  .widgetshare a{ font:bold 12px/20px Tahoma !important; -webkit-border-top-left-radius:7px;     -moz-border-radius-topleft:7px;     border-top-left-radius:7px;     -webkit-border-top-right-radius:7px;     -moz-border-radius-topright:7px;     border-top-right-radius:7px;     -webkit-border-bottom-right-radius:7px;     -moz-border-radius-bottomright:7px;     border-bottom-right-radius:7px;     -webkit-border-bottom-left-radius:7px;     -moz-border-radius-bottomleft:7px;     border-bottom-left-radius:7px; text-decoration: none !important; padding: 5px 4px; color: #fff !important; transition: all 1s ease;} .widgetshare a:hover {box-shadow: 0 0 5px #00ff00; border: 1px solid #e9fbe9;} .fcbok { background: #3B5999; } .twitt { background: #01BBF6; } .gplus { background: #D54135; } .lkdin { background: #005a87; } kemuadian cari:    <!-- AddThis Button BEGIN --> <div class='

Cara menghilangkan quick edit pada blog

Image
Cara Pertama 1. Login ke blogger. 2. Klik tab Template. 3. Klik Edit HTML. 4. Cari kode seperti ini : ]]></b:skin> (ctrl+f --> skin) 5. Copy paste kode berikut persis di atas kode yang tadi : .quickedit{ display:none; } 6. Simpan template. Cara kedua 1. Login ke blogger. 2. Klik tab Template.\ 3. Klik Edit HTML. 4. Cari kode seperti ini : <b:include name='quickedit'/> (ctrl+f) 5. Hapus semua kode tersebut. 6. Simpan template.

Cara membuat Sitemap Otomatis dengan Script

Image
Cara Membuat/Menambahkan Sitemap di Halaman Blogger seperti ini: Untuk dapat membuat sitemap di blogger Anda, silahkan ikuti tutorial berikut ini: Langkah Pertama : Silahkan Login ke  Dashboard Blogger  dan pilih  blog Anda . Langkah ke Dua : Pilih  Pages >> New Page  dan akan  tampil halaman kosong . Langkah ke Tiga : Pada halaman kosong, pilih  mode HTML  lalu  copy paste kode  di bawah ini dan jangan lupa beri judul  sitemap/daftar isi . <script src=" http://yourjavascript.com/ 8386403111/sitemap.js" type="text/javascript"></script> <script src=" http://www.dencokie.com/ /feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script> Silahkan Anda ganti Url http://www.dencokie.com/ menjadi situs Anda. Langkah ke Empat : Jika Anda tak ingin sitemap Anda di komentari, silahkan klik pada  options  di sisi kanan dan pilih  don't allow,hide existing