Cara Memasang Scroll pada Archive Blog
Cara Memasang Scroll pada Archive Blog - Cara membuat scroll pada widget archive atau cara menambah scroll pada archive blog atau Cara memasukkan archive/arsip blog ke dalam scroll box - Setelah kemarin update beberapa artikel yang berkaitan dengan scroll pada blog, diantaranya cara Memasang Counter Flag di Blog, dan cara memasang lagu di blog, maka kali ini saya akan update artikel yang berkaitan dengan scroll lagi dengan judul cara memasang scroll pada archive blog. Cara ini hampir sama dengan membuat Fungsi Scroll Pada Label/Kategori yang telah saya posting sebelumnya, perbedaannya hanya terletak pada kata label dengan archive saja.
Angka 120px dan 200px (merah) adalah lebar dan tinggi kotak scroll itu, silahkan disesuaikan. Mungkin saja diblog anda kodenya berbeda, Oleh karena itu carilah yang mirip dan perlu dicoba, terus jangan lupa templatenya dibackup dulu. Setelah selesai Simpan Template Sobat.
 |
| scroll down arsip |
Untuk jelasnya langsung saja cara memasukkan archive blog ke dalam scroll box - Membuat scroll wigget berikut ini :
- Login ke Acount Blogger atau Dashboard.
- Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
- Cari kode yang seperti ini : atau kata Archive.
Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu klik next.atau tanda panah(di google chrome). - Kalau sudah, tambahkan kode warna merah itu sebagai scollnya.
Lengkapnya kode tersebut seperti dibawah ini:
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:120px; height:220px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div></div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:120px; height:220px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div></div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
Angka 120px dan 200px (merah) adalah lebar dan tinggi kotak scroll itu, silahkan disesuaikan. Mungkin saja diblog anda kodenya berbeda, Oleh karena itu carilah yang mirip dan perlu dicoba, terus jangan lupa templatenya dibackup dulu. Setelah selesai Simpan Template Sobat.
Terima kasih telah membaca artikel Cara Memasang Scroll pada Archive Blog
Artikel ini memiliki rating: 97% Top Artikel dari 93058 ratings. 93058 pembaca merekomendasikan ini.
Ditulis Oleh Zai Azura
Description: Cara Memasang Scroll pada Archive Blog
Terimakasih atas kunjungan Sobat beserta kesediaan Sobat membaca artikel ini. Kritik dan Saran dapat Sobat sampaikan melalui Kotak komentar dibawah.
Artikel ini memiliki rating: 97% Top Artikel dari 93058 ratings. 93058 pembaca merekomendasikan ini.
Ditulis Oleh Zai Azura
Description: Cara Memasang Scroll pada Archive Blog
Terimakasih atas kunjungan Sobat beserta kesediaan Sobat membaca artikel ini. Kritik dan Saran dapat Sobat sampaikan melalui Kotak komentar dibawah.
0 comments
Post a Comment
Untuk menyisipkan gambar, gunakan tag <i rel='image'>URL GAMBAR ANDA...</i>
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA...</i>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA...</strong>
Link aktif akan dimatikan secara otomatis.
NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".
NB: Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (Out Of Topic) dengan menekan tombol OOT di bawah ini.
Konversi Kode di Sini! Emoticon OOT