Cara membuat scroll di widged Arsip blog ,yang artinya widged arsip blog nantinya di buat menjadi bisa di geser kebawah dan keatas sehingga bisa menghemat ruang dalam blog anda masing-masing.
Perlu diketahui bahwa Arsip blog adalah sebagai data dari semua isi posting yang sudah kita buat dan sudah di publikasikan di dalam website/blog kita masing-masing.
Sehingga dari data arsip blog tersebut semua posting yang pernah kita buat akan tercatat dalam widged arsip blog tersebut, dan jika usia blog sudah lama tentunya postinganpun juga sudah banyak dan otomatis jika widged arsip blog di tampilkan dalam sidebar blog maka akan memakan ruang yang sangat panjang, oleh karena itu jasa pembuatan website kali ini akan berbagi Tips yaitu Cara membuat scroll widget untuk arsip blog sehingga ukuran panjang serta lebar dari widged arsip blog tersebut bisa kita sesuaikan menurut keinginan kita sendiri.
Mungkin ada yang belum tau dari widged arsip blog , bisa di lihat coontoh arsip blog nya pada gambar di bawah ini
Perlu diketahui bahwa Arsip blog adalah sebagai data dari semua isi posting yang sudah kita buat dan sudah di publikasikan di dalam website/blog kita masing-masing.
Sehingga dari data arsip blog tersebut semua posting yang pernah kita buat akan tercatat dalam widged arsip blog tersebut, dan jika usia blog sudah lama tentunya postinganpun juga sudah banyak dan otomatis jika widged arsip blog di tampilkan dalam sidebar blog maka akan memakan ruang yang sangat panjang, oleh karena itu jasa pembuatan website kali ini akan berbagi Tips yaitu Cara membuat scroll widget untuk arsip blog sehingga ukuran panjang serta lebar dari widged arsip blog tersebut bisa kita sesuaikan menurut keinginan kita sendiri.
Mungkin ada yang belum tau dari widged arsip blog , bisa di lihat coontoh arsip blog nya pada gambar di bawah ini
Widged arsip blog berguna juga untuk memberi taukan kepada pengunjung data yang ada dalam blog yang sedang di bukanya.
sesuai judul postingan ini maka mahadewa pulsa sebagai jasa pembuatan website ganti domain akan memberikan panduan Cara membuat scroll widged arsip blog, dan cara pembuatanya silahkan simak panduanya di bawah ini
Cara membuat scroll widged arsip blog
1.Buka blog anda bisa melalui blogger.com
2.Kemudian login ke akun blog masing-masing
3.klik desain untuk menuju dashboard blog
4.kemudian pilih tata letak dan klik Tambahkan widged , panduan gambarnya bisa di lihat gambar yangdi bawah ini
5.selanjutnya cari widged arsip blog kemudian klik tambahkan widged arsip blog tersebut kedalam sidebar blog anda masing-masing.
6.lalu jika sudah berhasil menambahkan widged archive blog maka kembali ke menu dashboard blog dan pilih menu template lalu klik EDIT HTML
7.kemudian cari kode widged arsip blognya di dalam html , contoh kodenya seperti di bawah ini
6.selanjutnya tambahkan kode yang ada di bawah ini tepat di bawah kode <div class='widget-content'>
2.Kemudian login ke akun blog masing-masing
3.klik desain untuk menuju dashboard blog
4.kemudian pilih tata letak dan klik Tambahkan widged , panduan gambarnya bisa di lihat gambar yangdi bawah ini
5.selanjutnya cari widged arsip blog kemudian klik tambahkan widged arsip blog tersebut kedalam sidebar blog anda masing-masing.
6.lalu jika sudah berhasil menambahkan widged archive blog maka kembali ke menu dashboard blog dan pilih menu template lalu klik EDIT HTML
7.kemudian cari kode widged arsip blognya di dalam html , contoh kodenya seperti di bawah ini
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄ 
<b:else/>
► 
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul class='hierarchy'>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='flat' var='data'>
<ul class='flat'>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<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>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
6.selanjutnya tambahkan kode yang ada di bawah ini tepat di bawah kode <div class='widget-content'>
<div style='overflow:auto; width:230px; height:300px;'>
7.dan tambahkan kode penutupnya </div> di samping kode </div> juga
7.dan tambahkan kode penutupnya </div> di samping kode </div> juga
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄ 
<b:else/>
► 
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul class='hierarchy'>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='flat' var='data'>
<ul class='flat'>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:230px; height:370px;'>
<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:widget>
9.selesai
keterangan :
ukuran tinggi dan lebar dari widged arsip blognya bisa di rubah sesuaikan keinginan masing-masing sesuai dengan ruang blog anda masing-masing, cara merubah ukuranya ganti angka pada kode width 230px dan height 370px nya
Samapi disini panduan dari jasa pembuatan website , ganti domain tentang Cara membuat scroll widged arsip blog.