0 Cara Menghilangkan Nomor Di Label Blog dengan edit HTML


Nah kali ini Saya mw share tentang trik blogger dan mungkin sobat-sobat membutuhkanya.
oke langsung aja neh bagaimana seh menghilangkan no pada label tapi dengan cara edit html??? mungkin cara ini banyak di gunakan buat para blogger yang memakai templatenya fool java scrip.

Contoh tabel misalkan :

  • Sebelum
Trik blogger(12)
Trik komputer(12)
Trik facebook(12)

  • Sesudah

Trik blogger
Trik komputer
Trik facebook

Agar lebih menghemat waktu, mari kita mulai mantra trik blogger untuk menghilangkan angka jumlah label tersebut. Eit, hampir lupa trik ini dapat Sobat gunakan jika kamu telah memasang widget atau gadget label dalam blog.
  •     Login dulu ke account blogger kamu.

  •    Pilih tab Tata Letak --> Edit HTML --> centang "Expand Template Widget".


Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template sobat yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan Sobat sudah memiliki back-up untuk mengembalikannya seperti semula.
  •     Cari kode (<data:label.count/>).


Tips : Kalau susah mencarinya, coba tekan CTRL+F di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox) Jika Sobat Menggunakan Google Chrome,sama saja cara pencarian nya,hanya saja letak nya ada di atas,lalu sobat tinggal memasukkan kata yang ingin dicari.
  •     Jika sudah ketemu, hapus kode tersebut.
  •    Jangan lupa disimpan
Credit By  : Rahman De Cheaterz

0 Cara membuat bintang berkedip ketika kursor mendekati Link




Kali ini saya coba sampaikan Tips and Trik Blog, bagaimana cara membuat effect bintang berkedip ketika kursor ditujukan ke link. Biar kelihatan makin keren dong...!!
Berikut adalah langkah-langkahnya :
1. Seperti biasa kita login dulu di blogger.
2. Klik tata letak / rancangan.
3. Edit HTML.. cari kode </head>
4. Letakkan kode di bawah ini tepat diatas kode tadi
Untuk yang bintangnya warna putih : 
<style>
a:hover { text-decoration:blink; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYuJpIxckxlskjtYWN1g6emb1B52877LqatBCMGCcoUj96n1o3Canj2Iee3mvuQsAQJ2XMB5TbTQ6zZ_U7RWkCb6ApOWRVV8iHHXho4nFztY4Zk2qO-jPmdSkUxPyyjDSg-i5UrupKoy8/s1600/blink.gif); }
</style>


Untuk bintang berwarna merah ganti kode yg bercetak tebal dengan :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGpqHry-G3EB5kzeOSUa6RaFmujAEevOdFPU7CATXUoN4TNr89m80QTX8Rk1AzFbG7Ln4zewBtJPKuufjNWxk8sNQi8z-xZpRJzOmDA7qLVOeflWYfzwgqvQN50B1jCSpndsutfOK-56Q/s1600/str4.gif


Kemudian SAVE.... dan lihatlah hasilnya.


SEMOGA BERMANFAAT 

Credit By : Rahman De Cheaterz

0 Cara Membuat Label Berfungsi Scroll


Lang Sung Aja Ke Turorial Nya : 
1. Buka Edit HTML, jangan lupa di backup dulu templatenya
2. Cari Kode ]]></b:skin>
3. Copykan kode berikut di atasnya
 
#Label1 .widget-content{
height:315px;
width:auto;
overflow:auto;
}
 

0 Cara Membuat Scrool Pada Widget Archive Blog


Sudah cukup lama tidak menulis panduan dasar dalam belajar blog, sepertinya artikel terakhir di bulan juni 2011, yaitu Cara Membuat Versi Mobile pada Blogspot.

Sebenarnya artikel yang saya tulis ini bukanlah barang baru, namun cukup penting bagi saya pribadi, yah supaya tidak lupa jika ingin menambahkan scroll pada arsip blog.

Langkah dalam memasang scroll ini dibagi 2 tahap, yaitu :
1. Memasang arsip blog;
2. Memasang scroll pada arsip blog.

Untuk langkah yang pertama, saya yakin teman-teman sudah sangat paham, tapi tidak ada salahnya jika saya menulisnya lagi untuk blogger pemula.

Langkah-langkahnya adalah sebagai berikut :
1. Login ke dashboard blog, klik Design
2. Pada menu Design (Page Elements), klik Add a Gadget, pilih Blog Archive

Gambar Page Elements

 

Gambar Add a Gadget Blog Archive
 

3. SAVE, maka langkah pertama usai. 

Untuk langkah kedua, dalam memasang scroll pada arsip blog, kita membutuhkan satu kecil kode HTML yang akan kita sisipkan pada bagian widget Arsip Blog. 

Langkah-langkahnya adalah : 
1. Copy kedua kode HTML scroll berikut ini : 
  • Kode pertama : <!-- scrollbar start --><div style='width:250px;height:400px;overflow:auto'>
  • Kode kedua : <!-- scrollbar stop --></div> 
2. Pada menu Design, klik edit HTML


3. Pada menu edit HTML, klik (check/centang) Expand Widget Templates


4. Cari Widget Arsip Blog, temukan kode berikut :

<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>

5. Selanjutnya sisipkan kedua kode HTML di atas (langkah 1) pada kode HTML (langkah 4) :

<div class='widget-content'>
<div id='ArchiveList'>
<!-- scrollbar start --><div style='width:300px;height:580px;overflow:auto'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<!-- scrollbar stop --></div>
<b:include name='quickedit'/> 

6. SAVE

Harap diperhatikan posisi penempatan kode, jangan sampai salah posisi, perhatikan contoh di atas (warna merah). 

Untuk keamanan template anda, sebaiknya silakan dilakukan backup sebelum melakukan perubahan secara manual pada HTML. 
™Selamat Datang Sobat!Kunjungan Anda Sangat Berarti Bagi Saya. Dan Jangan Lupa Juga Kunjungin Balik Ya Blog Saya.™
 
--= [ Copyright © 2012 Rahman Chandra Modified By Rahman Blog Powered By Blogger ] =--