JIka anda orang yang suka mengonta-ganti template, saya tebak salah satu yang membosankan adalah membakup daftar link ( blogroll ). mungkin anda menulis ulang one by one nama dan alamat linknya. dan mungkin karena males membuat daftar link lagi, maka biasanya solusi yang tercepat anda mengunakan widget Html/JavaScript sebagai penganti.
Namun masalah datang kemudian ketika teman ngeblog anda mengajak tukeran link !.. uuukhhk malesnya karena anda harus menulis nama dan alamat blog teman anda secara manual ( atau copy paste ).
Nah di sini saya mempunyai sedikit trik cara membackup alamat daftar link, kemudian menambahkanya lagi ke dalam widget ( elemen ) daftar link.
Pertama : Membackup dan menyimpan ke dalam program notepad.
Dalam halaman muka blog kita, klik kanan mouse kemudian pilih View Page Source ( atau Ctrl + U di keyboard).
Setelah terbuka windows Source kemudian cari alamat dan nama daftar link ( gunakan kotak pencarian dengan menekan Ctrl + F di key ).
Copy paste semua ke dalam program notepad. ( yang di awali dengan tag <li> di tutup </li> )
Kedua: Menambah ( Widget ) elemen Daftar Link baru.
Setelah kita menganti templatenya dengan yang baru. buka dan tambahkan widget ( elemen ) Daftar Link. kemudian buat link pertama sebagai pancingan. dan beri judul My link.
Ketiga : Memasukan Alamat link yang telah di backup.
Buka tab Edit Html kemudian tandai kotak kecil di samping tulisan Expand Template Widget.
setelah itu cari daftar link baru yang telah kita pasang dengan judul My Link. ( Ctrl + F kemudian pada kotak pencari tulis My Link ).
Kemudian masukan alamat link yang telah kita backup letakan posisinya , seperti contoh tulisan yang berwarna merah. ( tambahkan tag <li> Blogroll 2 </li> untuk membedakan dengan yg baru )
<b:widget id='LinkList4' locked='false' title='My Link' type='LinkList'>
<b:includable id='main'> <b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
<li> Blogroll 2 </li>
<li><a href='http://lowongankerja87.com/'>lowongankerja</a></li>
<li><a href='http://uangpanas.com/'>uangpanas</a></li>
<li><a href='http://mrilham.com/'>mrilham</a></li>
<li><a href='http://mangamovie-review.blogspot.com/'>mangamovie-review</a></li>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
Dan jika ingin Daftar link-nya bisa di scroll
Tambahkanlah kode dan letaknya seperti tulisan berwarna red ini.
<b:widget id='LinkList4' locked='false' title='My Link' type='LinkList'>
<b:includable id='main'> <b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content' style="overflow:auto;width:95%;height:150px;border:1px dotted #000;padding:2px;">
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
<li> Blogroll 2 </li>
<li><a href='http://lowongankerja87.com/'>lowongankerja</a></li>
.....
</b:includable>
</b:widget>
</b:section>
Tulisan Yang Rada Nyambung
1.membuat-kotak-scroll-untuk-blogroll
2.blogroll-scrolling-dengan-inline-style
3.labels-cloud-tampa-java-script
0 comments:
Post a Comment