Cara Membuat Blogroll Model Scrollbar
Usep Suryana
25 Apr 2011
98
comments
Membuat Link Blogroll Model Scroll atau Dropdown Scrollbar, membuat scrollbar blogroll.
Blogroll adalah daftar link blog eksternal yang dipasang dalam suatu blog. Link-link blog eksternal yang dipasang biasanya adalah daftar atau list anggota tukar link yang sama-sama salingmemasang link di masing-masing blognya atau juga bisa dikatakan sebagai daftar link sahabat danlink-link pavourite.
Blogroll ada yang dipasang sebagai widget di sidebar, bottombar, dan di halaman posting tertentumisalnya di halaman tukar link. Blogroll yang dipasang pada halaman tertentu atau halaman tukar link biasanya dilakukan apabila jumlah link yang terpasang sudah terlalu banyak dengan alasan
agar tidak mengganggu atau memberatkan loading halaman hompage bersangkutan.
Pada panduan dan tutorial gratis kali ini akan membahas cara membuat blogroll atau cara pasangblogroll dengan model scrollbar yang bisa dipasang pada sidebar atau bottombar homepage blogyang juga bisa dipasang pada halaman posting atau terserah pengguna.
Jika Anda ingin membuat blogroll model scrollbar silakan ikuti panduan berikut:
1. Copy kode berikut ini:
<div style="border:1px solid#000000;overflow:auto;width:170px;height:100px;">
<ul>
<li><a href="http://diarykudiblog.blogspot.com">Panduan Dan Tutorial Gratis</a></li>
<li><a href="Edit">Judul Blog Anda</a></li>
<li><a href="Edit">Judul Blog Anda</a></li>
</ul>
</div>
Jika Anda ingin link blogroll Anda terbuka di tab baru ketika di klik (open in new tab or in newwindow), silakan copy-paste kode yang ini saja:
<div style="border:1px solid#000000;overflow:auto;width:170px;height:100px;">
<ul>
<li><a href="http://diarykudiblog.blogspot.com" target="new">Panduan Dan Tutorial Gratis</a></li>
<li><a href="Edit" target="new">Judul Link Anda</a></li>
<li><a href="Edit" target="new">Judul Link Anda</a></li>
</ul>
</div>
2. Login ke blogger.com-->klik design3. Pilih gadget di sidebar yang masih kosong dengan cara klik 'Add a Gadget', kemudian pilih HTML/Javascript
4. Letakan kode yang tadi Anda copy diatas pada kotak kosong yang tersedia, beri judul/title: BlogRoll atau Link Sahabat
5. Ganti tulisan 'Edit' dengan alamat url/link yang ingin Anda pasang. Save dan lihat hasilnya.
Jika dipasang pada halaman posting, letakkan saja kode diatas pada halaman posting tukar link blog Anda, jika belum ada halaman tukar link silakan membuat entri baru atau posting baru terlebih dahulu dan letakkan kodenya di entri baru tersebut.
Artikel Terkait
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
![thumbnail]( "Cara Membuat Blogroll Model Scrollbar")
Judul: Cara Membuat Blogroll Model Scrollbar
Usep Suryana | Twitter | Facebook Page
Published :25 Apr 2011 Jam 09.06
Silakan jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi tulisan ini. Terima kasih sudah singgah serta membacanya, Semoga tulisan ini bermanfaat bagi sobat Blogger Copast semuanya amin.
Usep Suryana | Twitter | Facebook Page
Published :25 Apr 2011 Jam 09.06
Silakan jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi tulisan ini. Terima kasih sudah singgah serta membacanya, Semoga tulisan ini bermanfaat bagi sobat Blogger Copast semuanya amin.
thanks atas infonya yang sangat2 bermanfaat gan, salam kenal ya
BalasHapussama2 mas, makasih atas kunjungannya
Hapusoh iya ini hanya sekedar bloge uji coba
makannya ane kasih nama copast
(copy & paste)
sob salam kenal yah . and jangan lupa di kunjungi blog saya juga yah ..... kita bisa tukeran link :)
BalasHapusfile-stream.blogspot.com
salam kenal juga mas.
Hapussiap nampung linK yang kunjung ke blog uji coba ini.
makasih atas kunjungannya
Saya pake ya gan hasil postingannya ke blog ..?
BalasHapusDapet juga ,caranya
sekalian mampir gan ke blog ane anonymousreport.blogspot.com ,, masih nyubi gan
ok.
Hapusmakasih kunjungannya mas
Segera diparkatekan Gan...tapi kalau nggak bener gimana...??? ajari saya ya...ini bener-bener newbie...dan Blank....ttg yang gini-ginian,sangat menarik artikelnya dan sangat bermanfaat buat saya,thks,,,Gan...
BalasHapusinsyaAlloh bener. saya juga sudah coba.
Hapusklo ngajarin mah cari orang lain aja mas, soalnya saya juga masih dalam tahap pembelajaran. Hehe.....
makin mantaf aja blognya kang??
BalasHapushatur nuhun kang
Hapusnu kieu mah mung uji coba hungkul
nice tutorial untuk personalisasi tampilan blog
BalasHapusmas, kalo menu dropdown+scroll gimana ya
BalasHapusinfo yang menarik
BalasHapusmakasih atas kunjungannya kang
Hapusmantap tutorialnya kak....
BalasHapuskalau disertain demonya jadi lebih mantap lagi,,..!!
blogwalking ke blog ku ini yak.. Shift-7
dicoba nih. . . .
BalasHapushttp://ir-fa.blogspot.com
link anda sudah ane pasang d blog ane bos.. tukar link yaa sobat
BalasHapusSIAP BOSS
Hapusmkasih master tukar link donk
BalasHapusgan.. tukeran link yuk.. link kamu udah ane pasang di blog ane..
BalasHapusnih blog ane http://stylirrx.blogspot.com
makasih gan..
BalasHapustukeran link yuk gan.. blog ente udah ane pasang di blog ane http://stylirrx.blogspot.com
Tourist Information
HapusTUKER LINK (LINK EXCHANGE)
KUNJUNGI BLOG ANE AJA GAN
SOK KADINYA TUKEURAN LINK NA!
Hapusthanks sobb
BalasHapusmampir yah
allof-you.blogspot.com
SIAP MELUNCUR GAN
HapusMass..Gimana caranya buat scrollbar pada arsip blog..
HapusMohon bimbingan ya boss
Cara Membuat Blogroll Model Scrollbar
Hapuspadahal scrip di atas ane sudah coba & buktikan serta jelas.
coba cek kesalan dalam dalam tanda ( ' or " )
tipz nya menarik bozz...boz tlong liat blog ane ape nang kurang ane minta sarannya.........makasihhh..
BalasHapussiap mas bro
HapusThanks....
BalasHapusfollowe back gan blog saya di
http://kontrolmekanikjurusanku.blogspot.com/
kalau buat edit warna fontnya sekaalian gmana bang??
BalasHapussyukron udah di coba
BalasHapushttp://ramadhaniqbaal.blogspot.com/
thanks infonya ya ,salam kenal saya masih newbie , visit
BalasHapushttp://downloadperai.blogspot.com untuk download software gratis
lam kenal juga mas
Hapusmantap gans ...... kalau membuat kotaknya gimana gan ?
BalasHapusvisit
http://www.downloadperai.blogspot.com
sangat membantu gan. thx dr newbie
BalasHapusmakasih
Hapusmaaf baru bisa balas koment-nya
Info nya bermanfaat niy...^_^
BalasHapusmakasih mudah-mudahan memberikan pencerahan
Hapusbagi para sobat Blogger Copast
terima kasih mas, bermanfaat bagi newbie seperti saya.
BalasHapushttp://flashmus.blogspot.com
kembali kasih Mas mudah-mudahan memberikan pencerahan
Hapusbagi para sobat Blogger Copast
Artikel yang sangat membantu bang n link nya udah aq tancepin di blog aq. ditunggu kunjungan baliknya ya ke http://kampoengikan.blogspot.com...terima kasih
BalasHapussiap meluncur mas
Hapusbeneran copas yah
BalasHapus:)
yo'i mas...
Hapusmakasih kunjungan-nya
Thanks Infonya ^^
BalasHapushttp://indonesiapunyaresep.blogspot.com
ya
Hapussemoga bermanfaat mas
Komentar ini telah dihapus oleh administrator blog.
BalasHapusmakasi gan...mampir di blog ane panaka12.blogspot.com
BalasHapusya mas
HapusTerima kasih gan atas tutorial. berhasil saya praktekin, :)
BalasHapushttp://rhosy18.blogspot.com/
ya... mas
Hapusgood... tukeran yux http://shemeyou.blogspot.com
BalasHapussiap gan
HapusDunia Maya - thanks yah gan... buat widget link sahabat nih
BalasHapusoke mas
Hapusmakasih atas tutorialnya. bisa diliat di http://celotehanwarungkopi.blogspot.com. tukeran link ya...
BalasHapusSiap Mas
HapusThank bro kodenya tak praktek, itu kodenya ada warna2 bro kopasya wkwk.
BalasHapuswisata yuk
monggo.
Hapusane edit dikit sengaja kasih warna..
Salam kenal..dulu...
BalasHapusthanks atas info yang berguna ini..
berkarya terus...!
jangan lupa kunjungan baliknya ke blog aku ini:http://bloggerasmuri.blogspot.com/
sebagai tanda persahabatan sesama blogger...
siap mas
Hapussalam blogger
bagus gan :v
BalasHapusayuk kunjungi blog saya ^^
http://ngkass-dpi.blogspot.com
siap gan
Hapusthanks ..
BalasHapushttp://neptura.blogspot.com
sama-sama mas
Hapusmakasih atas kunjungannya
makasih banyak gan artikelnya, maklum saya masih newbie ,,
BalasHapusfollow balik blog saya juga ya http://aiirm59.blogspot.com/
makasi bwt infonya...
BalasHapusya somaga bermanfaat
Hapusmakasih atas kunjungannya gan
Makasi mas buat infonya!
BalasHapusLink balik di www.maniaksoftware.com
ya mas sama-sama
Hapusmakasih kunjungannya
makasih gan nice posting
BalasHapusok gan
Hapusmakasih kunjungannya
salam blogger
silahkan mas
BalasHapusmakasih..coba ya!!
BalasHapussilahkan
Hapusmakasih atas kunjungannya
Sama-sama Mr
BalasHapusSemoga bermanfaat
mantafff...
BalasHapusthanks infonya gan...
sippp...
semoga memberikan pencerahan
Hapusmakasih atas kunjungannya
gan tukar link yah,,,,,
BalasHapusnieh link blog sederhana ane,,,,
http://ch06-blackers.blogspot.com
oh ya,,, ntr liad di tab exchange disamping blog ane, link agan dah terdaftar disana,,,,
mksih sbmnya,,,,
Ok gan
Hapusmakasih
makasih gan..
BalasHapusvisit me
http://kevinherivo.blogspot.com/ SITUS BERBAGI ILMU TERPERCAYA
OKE AJA BUAT BLOG INI
BalasHapushttp://nursingdocumentation.blogspot.com
BalasHapusfoolow back gan
Siip..
BalasHapusmakasih gan infonya?
BalasHapuskembali kasih gan
Hapuswww.manchesterbayu.blogspot.com
BalasHapusSelamat mencoba mas
BalasHapusinfona sae pisan kang.. ujangyoyo kunjung balik nyah
BalasHapusthanks infonya
BalasHapusThanks gan
BalasHapusThe Ipeenk Creations
SEO In Blogger
Daftar Harga Kendaraan Terbaru
Template Creations Blogger Template
wah, terimakasih.
BalasHapusBermanfaat sekali
Kunjungi balik ya.
www.osfbandung.com
www.mallpria.com
Thanks infonya... Mantap gan...
BalasHapusthanks infonya, visit balik yaa...
BalasHapusdi http://masteristy.blogspot.com
BalasHapusthanks infonya http://pembuatkaoskaji.blogspot.co.id/
BalasHapusSangat bermanfaat informasinya bro
BalasHapus