cara buat tempat tukeran link menggunakan menu hide/show

8:17 AM
Bagi rekan netter, kini bertukar link juga bisa untuk meningkatkan page rank
blog/web anda. Terkadang kita merasa kesulitan untuk melakukan tukar link
tersebut karena anda harus copy/paste link blog dari blogger lain ke blog anda.

cara berikut ini menggunakan menu hide/show, kenapa menggunakan hide/show kok bukan blogroll. keuntungannya anda bisa menghemat space dihalaman blog
anda. dan menu inipun bisa anda gunakan untuk memasang widget lainya diblog anda tinggal menyesuaikan saja kebutuhannya
berikut ini contohnya:
di klik biar keluar contohnya



berikut ini adalah scryptnya:
---------------------------------------------------------------------------------------------
batas copy paste atas
---------------------------------------------------------------------------------------------


<input style="margin: 0px; padding: 0px; width: 475px; font-size: 10px;" value="FRIENDS LINK" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'FRIENDS LINK'; }" type="button"/>


<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 475px;
height: 250px;
text-align: center; ">
A
<a href="http://www.buatbisnis.com">huruf awal A
B
<a href="http://www.buatbisnis.com">huruf awal B
C
<a href="http://www.buatbisnis.com">huruf awal C
D
<a href="http://www.buatbisnis.com">huruf awal D
E
<a href="http://www.buatbisnis.com">huruf awal E


--------------------------------------------------------------------------------
batas copy paste bawah
--------------------------------------------------------------------------------

Dengan memasang widget seperti contoh diatas, anda bisa membantu blogger lain
agar lebih mudah dalam bertukar link. Mereka tinggal copy/paste script blogroll tersebut sidebar blog mereka atau bisa juga ditempatkan kebagian lain pada blog. Anda bisa sesuaikan sesuai dengan kebutuhan tampilan blog anda

Keterangan:
1. yang berwarna merah adalah judul menu silahkan kamu ganti sesuka hati
2.yang berwarna Biru diganti dengan link kamu
3. jika kamu mau yang diisikan bukan tukeran link, kamu ganti yang warna kuning dengan obyek yang ingin kamu hide/show
4. yang terakhir yang warna hijau ukuran panjang menu hide/show dan panjang blogrollnya kamu sesuaikan dengan halaman kamu


Artikel Terkait

Next Article
« Prev Post
Previous Article
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Disqus
Tambahkan komentar Anda

11 comments

Wah, postingannya menarik banget!!
Salam akrab ya...

Balas

Trim banget tutorialnya. Dengan tip ini bisa menijimatkan banyak ruang di blog kita...

Balas

bol-jug nih.....tapi kok hurufnya kagak bisa kaya yang kaya dicontoh...bisa jadi besar bisa jadi kecil.....apenye yeh bossssssss

Balas

@willy maksudnya besar kecil gimana sob ntar aku bantu

Balas

Wahhh..,mantap tuh...!!!!
Newbie pa ya...!!!

Balas

seperti punya sobat...kalo kursornya kita letakkan,hurufnya jd membesar/mengecil...padahal co-pas nya ud ok....thank's yah...banner ente yang mane nih sob...tuker yeh

Balas

trus dmna kita menyisipkan link sahabat..yg mw kita backlink..

Balas

#trik & : tu yaNG aku kasih warna biru kamu ganti dengan link temen yang mau kita pasang
terus "huruf awal..." kamu ganti dengan namanya beres deh moga bermanfaat

Balas

mantep sob, bisa untuk hal lain ga, maksudnya ga untuk link aj,
bisa digunain untuk tempat guestbook,, semacam itu,,,??

Balas

@ilmu coin : bisa sob, untuk tempat apa saja bisa kok

Balas