Mohon maaf agan-agan semua sebelumnya, yaitu mengenai judul past ini Tutorial/ cara termudah dan akurat membuat/ memasang kolom scroll blog archive (arsip blog) 2013, hehe ..mungkin sangat lebay ya?. Mengawali postingan kali ini Catatan Akang admin, yang share about tips and tricks blogging, mengucapkan selamat berpuasa dan semoga pada bulan ini tak ada yang berkurang segala sesuatunya. Cara termudah membuat dan memasang kolom scroll blog archive (arsip blog) 2013 di blogger.
Nah ini dia DEMO nya sob dibawah, saya ambil SS ini dari blog ku. Jadi kolom scroll blog arsipnya yang ditengah ya....
Ceritanyaaaa,,, jauh sob, yaitu di Pandeglang-Banten, hehe sorry just kidding :)
yang di pandeglang itu bukan cErita tapi cArtita cuma beda satu huruf yaitu A dan E, hehe. . .
Okelah kalau begitu, back to the tengtop..!
Ceritanya saya ingin blog saya terlihat rapi, elegant, dan widget-widget yang penting seperti popular post, blog arsip,random post, recen post, recent comment, label, dll itu termuat di page/ blog. ternyata yang saya inginkan/ harapkan itu tak termuat karena halaman pagenya sempit, oleh karena itu saya ingin memasang kolom scroll di blog ku, singkat cerita setelah saya googling kemana-kemana saya dapat tutorial/ cara memasang kolom scroll, eh ternyata gak benar, saya juga tidak tahu kenapa, apakah karena berbeda templete atau apa. setelah search lagi saya menemukan dan ku coba alhamdulilah akurat/ benar, hehe. So saya ingin men-share ke sobat yang mau memasang kolom scroll blog archive (arsip blog)-nya.
Cara/ tutorial termudah membuat kolom scroll blog archive (arsip blog) 2013 di blogger, silahkan sobat ikuti tutorialnya, hehe maf ya sob bukan berarti saya menggurui sobat.
Sobat login dulu ke Blogger, kemudian di halaman Dasbor sobat pilih Rancangan Blogger, setelah memilih rancangan blogger lalu klik Edit HTML, lalu sobat cari kode berikut <div id=ArchiveList> atau ArchiveList agar supaya mudah gunakanlah CTRL+F dan Jika sudah ketemu <div id=ArchiveList> atau ArchiveList-nya Selanjutnya sobat tambahkan kode yang berwarna hijau diatas <div id=ArchiveList> atau seperti di bawah ini, Sob dan kebawahnya setelah double/ 2 </div>, maka sobat harus menaruh lagi satu </div> dibawahnya double/ 2 </div> !
Silahkan sobat mencobanya, yang khusyuk ya, biar akurat, hehe
<div class=widget-content> <div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 100%; height: 200px; background-color: #FFFFFF;"> <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> |
Agar sobat dapat menemukan kode <div id=ArchiveList> atau ArchiveList, So sobat harus memasang Blog Archive nya hulu dengan cara seperti biasanya, yaitu;
Klik Design/ Rancangan -> Page Element -> Add a Gadget -> Blog Archive -> dan terahir Save !!.
Nah Jika sobat sudah memasang Blog Archive-nya, Sobat langsung saja mencari kode yang tadi <div id=ArchiveList> atau ArchiveList .
Sobat dapat menyesuaikan sendiri kodenya;
200px : Adalah Untuk merubah tinggi kolom scroll-nya, silahkan ganti pada kode height:
Jika sobat sudah menyesuaikannya klik Save templates
Lalu lihatlah hasilnya.
Itu saja sobat semua sharing ku hari ini, 26 juli 2013 semoga berhasil dan bermanfaat saja.
Salam kenal dari Catatan Akang sambudi, hehe. See you next time ;)
