Belajar Mendesain Blog Modifikasi Widget Arsip

By | Desember 26, 2017
membuat tampilan arsip blog tambah keren Belajar Mendesain Blog Modifikasi Widget Arsip
Menu pilihan pada arsip blog

Widget Arsip blog merupakan salah satu widget dasar dalam blogger yang cukup terkenal dan banyak dipakai dalam merancang blog. Arsip blog yang dalam bahasa Inggris disebutkan Blog Active ini mempunyai tiga buah bentuk yang sanggup dipilih. Yaitu : Hierarki, Daftar Flat dan Menu Dropdown

Bentuk Hierarki dan Daftar Flat merupakan bentuk dasar arsip blog yang akan menampilkan semua arsip artikel yang pernah diterbitkan dalam blog kita secara bersusun menurut impian kita (edit pada bab menu. Memodifikasi arsip blog model ini yaitu dengan memasangkan scroll pada bab widget arsip tersebut semoga tidak terlalu meluncur jauh kebawah dan merusak tampilan widget. 
Caranya?

Cari dan temukan arahan berikut pada tamplate anda
<div id=’ArchiveList’>

Setelah bertemu arahan tersebut maka silahkan ubah menjadi berikut hingga diatas arahan quick edit, menjadi menyerupai dibawah ini
 <div style='overflow:auto; width:ancho; height:200px;'> <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></div> 

Bagian yang berwarna merah yaitu bab yang dicara dan akan ditambahkan (warna ungu). Sedangkan bab yang berwarna kuning sanggup anda ubah angkanya untuk diadaptasi dengan kondisi tamplate blog anda. Sehingga nanti terlihat lebih rapi. Hasilnya arsip blog anda akan lebih rapi alasannya yaitu terdapat (overflow) scroll pada widgetnya.

Setelah itu simpan Tamplate anda

Berikutnya yaitu Modifikasi pada arsip log model dropdown sajian menyerupai dibawah ini !

membuat tampilan arsip blog tambah keren Belajar Mendesain Blog Modifikasi Widget Arsip
Modifikasi Arsip Blog
Jika kita eksklusif melaksanakan sanksi pada sajian Dropdown. dipastikan anda hanya akan mendapat sebuah dropdown yang buruk dan kurang menarik. bahkan tidak sanggup tampil lebar menyerupai yang anda ingin kan. 
Memperlebar sajian dropdown pada arsip blog

Cara yang dipakai sebetulnya cukup gampang anda hanya perlu mencar arahan berikut 
<div class=’widget-content’>
<div class=’ArchiveList’>
Jika tidak bertemu maka cari saja <div id=’ArchiveList’> setelah itu ubah div id menjadi div class seperti yang atasnya.
sehabis ketemu masukkan arahan CSS berikut diatas ]]></b:skin 
 .ArchiveList {margin : 10px 1px 10px 1px; height:auto;     position:static;     text-align: center;     width:98%;/*mengatur lebar kolom*/     float:inherit;padding: 10px} .ArchiveList  {margin-top:10px;     display: inline-block;*display: inline;     padding:0;background:#fff; /*warna background dropdown*/     width:98%;height:30px;     overflow:hidden;     border:1px solid #ddd}/*warna dan tebal border*/ .ArchiveList  input {font:normal 13px Arial;     color:#b7b7b7;line-height:23px;     height:30px;padding:0;margin:0;}/*mengatur text pada sajian dropdown*/ .ArchiveList .input, select, textarea {font-size:13px;background:transparent;     padding:0 0 0 4px;margin:0;     width: 98%; /*mengatur lebar kolom*/     height:30px; /*mengatur Tinggi kolom*/     border:0px;outline: none;     line-height:23px;}

Setelah itu Simpan Template anda dan jangan lupa untuk disesuaikan.
Semoga Bermanfaat

Disarankan : Alat-alat bantu dalam dunia blogging

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *