BloonOnline GoTemplatez VersiEdan
Facebook Twitter You Tube Friendfeed
Blog Seo Intermezo

Tip N Trik Membackup Daftar Link

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

Page views this post: reader

6 komentar:

Paris Van Java said...

ini dia tips penting banget,
makasih infonya =)

anyway, mari bertukar link...

saya sudah pasang TEXT LINK ke sini di 2 tempat, harap di-link back =)

1/ lowongankerja87.com >> harap link dgn text "lowongan-kerja-baru"

2/ uangpanas.com >> harap dilink dgn text "lowongan-kerja-panas" (link ada di halaman depan bagian bawah)

PS ::

a/ traffic kami sudah lebih dari 500+ pengunjung per hari. Karenanya situs / blog Anda semakin dikenal banyak orang.

b/ dua2nya punya banner. Kalau mau ngelink pake banner boleh juga =)

c/ YANG MAU DAPAT BACKLINK, silakan datang ke situs saya dan baca penjelasannya =)

Paris Van Java said...

lho di contoh kodenya udah ada blog saya


********

[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]

********

tapi di kotak my link belum ada,
ehehe ^^

Cebong Ipiet said...

dulu masi manual kang hiihihi belom ngerti si

wanda said...

Thanks for you important information i like it and you very helpfullMyokezone,blog stuf and fun information

Arief Hidayat said...

Top banget.. Tks bro

Indonesia News Aggregator said...

terimakasih banyak atas informasinya sobat, ini akan sangat berguna untuk kita semua Job Feed Aggregator, General Forum Discussion

salam

Post a Comment

" Apapun Yang Dapat Anda Lakukan, Atau Ingin Anda Lakukan Mulailah

Keberanian Memiliki Kecerdasan, Kekuatan Dan Keajaiban Di Dalam-nya"

Makacih Atas Komentar-Nya

 

Copyright 2009. Home | Serba Serbi Google | XHTML | CSS Design by Catalog-Tutorial