Membuat Label Dengan Fungsi Scroll

By Sultan Fatahillah

Untuk membuatnya, silahkan ikuti dengan cermat langkah-langkah berikut ini:
  1. Login ke blogger dengan ID sobat tentunya
  2. Buatlah Label dengan menambah Gadget pada sidebar, jangan lupa beri judul
  3. Anggap saja sobat telah membuat judul labelnya dengan nama “Kategori”
  4. Sekarang tuju ke Edit HTML
  5. Cari label yang sudah sobat buat tadi, dengan CTRL+F dan ketikkan “Kategori”, maka akan muncul kode HTML yang ribet, tapi jangan pusing melihat kode HTML tersebut.
  6. Perhatikan saja tulisan yang berwarna merah dibawah ini, kode itulah yang harus disisipkankedalam label yang sudah sobat buat.
  7. Jangan lupa Simpan Template. 
<b:widget id='Label1' locked='false' title='Kategori' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget content&quot;'>
<div style="overflow:auto;width:350px;height:150px;">
<b:if cond='data:display == &quot;list&quot;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>

Note:
Setiap template mempunyai karakter yang berbeda, mungkin di blog sobat kode yang ada adalah
<div class='widget-content'>
bukan seperti yang ada di blog saya yaitu:
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'> 
yang penting letak kode tambahan yang disisipkan harus benar meletakkannya.

Untuk kode height:150px adalah tinggi label scroll, dan width:350px  untuk lebarnya. silahkan sobat ganti angka tersebut sesuai keinginan sobat semua.

Comments

Post a Comment

Popular posts from this blog

Nikmat untuk ashabul yamin dan azab untuk ashabus syimal

By Sultan Fatahillah
Image
Surat Ayat Tema :  Al-Waqiah :  27-56 : N ikmat untuk ashabul yamin dan azab untuk ashabus syimal a. Asbabun nuzul Diriwayatkan oleh Sa’id bin Manshur di dalam Sunan-nya dan al-Baihaqi di dalam Kitab al-Ba’ts, yang bersumber dari ‘Atha’ dan Mujahid bahwa setelah Rasulullah mengizinkan orang-orang Tha-if menguasai lembah yang indah dan bersarang madu, mereka mendengar bahwa syurga itu serba indah. Mereka pun berangan-angan memiliki lembah di syurga, seperti yang dimilikinya waktu itu. Maka turunlah ayat,, Dan golongan kanan, alangkah bahagianya golongan kanan itu” (al-Waqi’ah: 27) (Tafsir Al-Munir-Dr.Wahbah Az-Zuhaili) b. Materi Dakwah Macam-macam kenikmatan untuk ashabul yamin Berada di antara pohon bidara yang tidak berduri. Secara lahiriah, pohon bidara ini sewaktu  di duninya ia mempunyai banyak duri dan sedikit buahnya. Sebaliknya, di akhirat kelak pohon bidara tersebut mempunyai banyak buah dan tidak berduri. “dan ...
Baca selengkapnya

Tafsir Ibnu Katsir Bahasa Indonesia Lengkap

By Sultan Fatahillah
Image
A. Tafsir Ibnu Katsir Lengkap 8 Jilid ➽ Jilid ke- 1                                                    ➽   Jilid ke- 5                                        ➽  ➽     ➽       ↪  Ibnu Katsir 1 a                                           ↪  Ibnu Katsir 5 a                           ↪  Ibnu Katsir 8 c       ↪  Ibnu Katsir 1 b                                           ↪  Ibnu Katsir 5 b         ...
Baca selengkapnya

Tafsir Tematik Surat Al-Maidah Ayat 116-120

By Sultan Fatahillah
Surat                 : Al Maaidah Ayat                  : 116-120 Tema                : Sanggahan Atas Akidah Nasrani a. Asbabun nuzul Firman Allah swt. “Dan (ingatlah) ketika Allah berfirman” hal ini terjadi pada hari kiamat di mana Allah swt. Menanyakan kepada Nabi Isa as. prihal dakwah yang di sampaikan kepada umatnya yang mengangap dirinya sebagai tuhan sekaligus celaan atas kaumnya itu. “Maha Suci Engkau” Merupakan sebuah pernyataan yang di ucapkan oleh Nabi Isa as. atas Allah swt. Bahwa diri-Nya maha suci dari segala sesuatu yang tidak layak banginya. “Maka setelah Engkau wafatkan (angkat) aku” yakni Allah swt. Mengangkatnya ke langit. (Tafsir Al Munir-DR.Wahbah Az Zuhaili) b. Materi Dakwah Sanggahan Allah atas akidah nasrani tentang penuhana Isa Al Masih Isa Al masih tiada lain adalah seorang manusia biasa yang di la...
Baca selengkapnya