Cara Menghilangkan Tanda Quickedit (Icon Tang & Obeng)

Dalam keadaan login ke account gmail/Blog, kita akan melihat tanda tang dan obeng pada widget-widget yang terpasang pada blog kita. Ini sebenarnya tidak akan mengganggu kenyamanan pengunjung, karena icon ini hanya terlihat pada account kita, tidak pada halaman yang dilihat pengunjung. Tapi bila anda merasa terganggu dengan tampilannya, anda bisa menghilangkannya koq.
 
1. Login ke Account / Dashboard blog anda.
 
2. Masuk ke pilihan Design / Rancangan.
 
3. Pilih menu Edit HTML.
 
4. Cari kode ]]></b:skin>
 
5. Ganti kode tersebut dengan kode berikut ini :


 .quickedit {display:none !important;}
]]></b:skin>

 

 

6. Simpan dan lihat hasilnya sob,,

Cara Menghilangkan Navigator Bar Bloogger

Langsung aja ya,,,,
 1. Buka menu Layout kemudian Edit HTML
2. Cari Kode ]]></b:skin> kemudian
3. Taruh Script Di bawah ini diatas Kode diatas

#navbar-iframe {
height:0px;
visibility:hidden;
display:none}

 4. Kemudian Save deh...  

Auto Hide Navbar Blogger

Tadi saya shared cara menghilangkan NavBar Blogger,,,nah sekarang saya juga ingin shared cara auto hide Navbar Blogger ne,,,langsung aja ya,,,
   1. Pastiakan udah log in di blogger
   2. Ke menu Layout Kemudian Edit HTML
   3. Kemudian Cari Code seperti ini ]]></b:skin> (untuk mempermudah pencarian ketik ctrl+F)

   4. Lalu Diatas Code ]]></b:skin> tambahkan Code seperti dibawah

 

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

  5. Selesai Deh tinggal SImpan Template dan lihat hasilnya..

Cara Membuat Navigasi Page Number di Blogspot

Kali ini saya akan membahas bagaimana cara membuat membuat Navigasi Page Number Di Blogspot, Pada template Blogspot umumnya menggunakan navigasi Previous dan Next/Posting lebih baru dan Posting Lama yang ada pada bagian bawah postinagn blog, fungsinya yaitu membantu pembaca/pengunjung untuk berganti halaman menuju tulisan sebelum atau setelah dari tulisan yang sedang dibaca tanpa ada keterangan nomor halaman.Contohnya ada jg pada blog saya ini, Biar tidak bingung saya kasih contoh gambar dibawah ini.

Lihat Gambar

 

 

 Nah, begitulah kiranya yang akan saya buat, Berikut adalah langkah-langkah membuat navigasi nomor halaman (kode script modifikasi ini dibuat oleh Abu Farhan dan Muhammad Rias).
Ikuti langkah-langkah berikut :

1. Seperti biasa, Login ke blogger sobat

2. klik Tata Letak dan pilih Edit HTML

3. Kalau sudah, klik Expand Template Widget

4. Lalu cari kode berikut (Ctrl + F) : ]]></b:skin>

5. Kemudian masukan kode script dibawah ini tepat di atas kode: ]]></b:skin>

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

 6. Selanjutnya kita cari lagi kode berikut: </body>

7. Kemudian masukan kode script berikut tepat di atas kode: </body>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>

Keterangan :
Kode pageCount di atas menunjukkan jumlah tulisan/posting/artikel yang akan ditampilkan dalam satu halaman.
Kode displayPageNum menunjukkan jumlah nomor halaman yang ditampilkan (jika diisi dengan angka 7 berarti nomor halaman yang muncul ada 8, ditambah satu untuk halaman satu). Kode upPageWord mengarahkan kita ke halaman yang lebih baru (tulisan Previous bisa diganti sesuai dengan keinginan).
Kode downPageWord mengarahkan ke halaman yang lebih lama (tulisan Next bisa diganti sesuai dengan keinginan).

8. Terakhir kita cari kode script berikut: 'data:label.url'

9. Gantilah kode script diatas dengan kode dibawah ini:

'data:label.url + &quot;?&amp;max-results=5&quot;'

Keterangan :
Fungsi dari script ini adalah untuk mengganti default (standar) Blogspot yang akan menampilkan 20 posting setiap halamannya, karena pada pageCount di atas kita isi 5, maka pada script ini pun juga diisi dengan 5 (menampilkan 5 posting per halaman).

10. Simpan template, dan lihat hasilnya.

Memasang Widget " I Love Indonesia"

Kali ini saya bahas gmn cara pasang widget I Love Indonesia di pojok kanan atas/seperti yg terlihat di blog ini. Mungkin teman-teman sudah bnyak yang tahu, tapi gak ada salahnya kalo saya bahas lagi.
Langsung saja sob, ikuti langkah-langkah berikut ini.

 Langkah-langkahnya :

1. Buka Blogger dan Sign In menggunakan account sobat
2. Pilih tata letak
3. Add Widget
4. Text/HTML
5. Masukan Script di bawah ini :

    <script language="JavaScript" src="https://sites.google.com/site/kodeblogger/javascript/widget.js.txt" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://lh6.googleusercontent.com/_9W8681AXnyo/TWS8zq3XKFI/AAAAAAAAAL8/VNes2sF4baw/iluvindonesia.png")</script>

  

6. Simpan dan lihat hasilnya