Menanggapi beberapa pertanyaan teman-teman blogger yang bingung membuat scroll di gadget blogroll, kali ini saya akan membahas cara mudah membuat blogroll dengan fungsi scroll. Kegunaan fungsi scroll tentunya untuk memperpendek suatu gadget biar gak terlalu memanjang kebawah. Untuk membuatnya, silahkan ikuti langkah-langkah berikut :
1. Login di akun blogger Sobat
2. Klik "Rancangan" (Dulunya "Tata Letak") => "Edit HTML"
3. Centang "Expand Template Widget"
4. Cari kode yang seperti ini :
<b:widget id='LinkList2' locked='false' title='Blogroll' 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>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<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>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Coba perhatikan kode yang berwarna merah, itu adalah judul gadget yang akan kita ubah. Kode yang berwarna merah tersebut bisa berbeda judulnya, kalau judul gadget Sobat "Link Teman", ya kode itulah yang harus Anda cari.
5. Sekarang, sisipkan kode yang berwarna merah dibawah ini diantara kode yang berwarna hitam :
<b:widget id='LinkList2' locked='false' title='Blogroll' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:250px;'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>
6. Klik "Pratinjau" terlebih dahulu untuk melihat contoh hasilnya.<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:250px;'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>
7. Kalau sudah berhasil, silahkan klik "Save"
57 komentar:
langsung aku copas ya bung musthofa...
trims...sukses slalu
trims ya info nya...
Bermanfaat bro. . . Thank ya. . .
mantap nh kang...aku juga lagi nyari nh..mumpung lg renovasi...
aku juga mo nanya cara buat menu seperti punya kang muzzy di samping..penggabungan daftar isi recen coment dan top coment..klo masih sibuk tolong berikan linknya kang..thanks
wah.. ilmunya makin tinggi ni maz muzzy..
sbenernya dah lama dari dlu q cari2 ni.. skarang sih scrollnya pkek link java script d dalem tab view
but karna maz muzzy postnya skarang baru taw skarang.. kapan2 aj q ganti okey??
Thanks aj yaw?? :D :D
thx om tak cuba dulu...
Pernah mencoba tapi gagal,makasih infonya coba nanti saya praktekin lagi..
Thanks, tutornya shob ....
mantap mas infonya...rencana aq jg mo bongkar muat blogku tp tgg waktu agak luang...thx infonya mas.salam kenal
maksih infonya.. langsugn praktek...
nice inponya...
wah makin mantab aja nih,,,,,
ini cara modifikasi widget yg disediain dari blogger ya mas bos??? kalo gitu patut dicoba nih. :D
big fish
http://bigfish-easymoney.blogspot.com/
pake itu saja akang..hihi
matur tengkyuh..
nice info...
nice info... pasti bny nih yg memerlukan tips dari bang Muzzy
seeep bang muzzy, gak kpikiran saya klo ngedit dr situ, biasanya langsung di widgetna, ini lbh praktis lg, thanks bang muzzy
sudah di praktekkan.. makasih info nya
Info-infonya bagus banget buat para blogger sobat. Like this. Semangat..!!!
Thanks nih kang tutornya
ijin save ya mas muzzy, kapan2 tak cobain. thanks ilmunya
boleh juga neh.. buat blog ane..!!
makin hari-makin bnyak link yang harus di pasang, otomatus space trus berkurang... hehe
nice post...
rupanya keadaan sudah aman terkendaLi nih, jadi sudah sempat buat tutor terbaru. semoga kondisi kesehatan disana seLaLu daLam keadaan sehat dan afiat, serta untuk istri yang baru saja mendapat kendaLa pada kesehatannya, kini sudah puLih kembaLi seperti sedia kaLa.
hakhakhak... si_om bisa aja nih kaLo memuji, bisa bikin saya jadi ge-er. itu juga utak-atiknya memakan waktu yang cukup panjang om, kebanyakan gagaLnya. masih beLum puas sih dengan hasiLnya, nanti mau coba diperbaiki Lagi pLus nambah pada tutor yang terbaru ini. terima kasih banyak om atas informasi-informasi tutornya.
oh ya, jadinya bLog azzmie yang account yahoo saya manfaatkan untuk utak-atik template dan account yang googLe untuk dipakai sebagai bLog beLiau. tapi saat ini beLiau masih daLam proses beLajar untuk mengeLoLanya, jadi beLum berani untuk eksistensi bLogwaLking.
seLamat istirahat yah om, saLam sukses seLaLu untuk om dan keLuarga di rumah.
rame lagi kalo kang muzzy udah datang kembali...
bnyak yg kutanyakan tapi blm smpat di jawab kang muzzy nh...klo ada waktu ya kang
dengan berat hati sejak malam ini blog gak mutu menyatakan untuk ... .
informasi yang opke bang... minta ijin untuk copy... :)
wah mampir aja deh.. . hehehe
kembali dengan tutorialnya yang mangstab mas, terima kasih, izin simpan codenya mas...
bener bener mantab nih info buat blog kita...
thnxs for info....good luck ya,...
Baca toturial dulu ach, salam pak muzzy makasih ya sudah berkunjung
ini tips yg saya cari dari dulu....
tp kok ndak ada tlsan blogroll di situs sy ya?
keren nih ,,, bisa lebih bagus menata blog ku , thanks infonya
halo mas muzzy kunjungan perdana ni, lagi belajar blogwalking.maaf ni belum bisa banyak kasih koment, maklumlah masih tahap training.
selamat berakhir pekan ajach.
dari tadi utak-atik untuk memfollow blog bingung tapi sekarang alhamdulilah dah bisa, ijin jadi follower di blog mas muzzy.tks
Wah klo ini aku udah pake Sob....Keep post!!!
Happy blogging!!
wedew.. saya juga udah pake :)
hmmm setiap kali mampir kesini selalu mendapat ilmu2 baru yg bermanfaat!!
thanks for share kang
ok nih mas blog q juga dah saya pasang model scrool
ini tutorial yg paling aku suka
apakah ini cara untuk membuat daftar link di halaman statis dengan pembatas nama?
misalnya :
A
Abdul
Arkan
B
Budi
Babon
blogroll itu apa,ya?Maaf kalau ngereptin
wow keren... tutorialnya, kebetulan aku belum ada jadi sangat harus dicoba.... thanks kunjungannya bro... :15
thx y om infonya.
om tukeran link y, link om udah aku pasang di blog aku.
ini punyaku
Fitrian Blog's
fitrianblogs.blogspot.com
mantap infonya mas...kbetulan aq be belajar ngeblog...follow u..
ini yang saya cari2.., akhirnya ketemu juga
makasih banyak ya sob :10
thanks for sharing, great tips..
thanks for sharing, great tips..
Nice info.. thanks for sharing.. :)
terimakasih untuk sharingnya ,..
thanx gan.. punya ku langsung praktek kayak gitu... Mohon di back link ya.. tu Link agan udah aku pasang
kok nih blog gak pernah di update lagi ya??
thank's gan
mantaps gan ,langsung praktek dan langsung jadi,,, sip sip
mantaf ilmunya om,,,thx
perlu di coba nih kawan...
terimakasih sudah berbagi ilmunya kepada semuanya..
Jangan Lupa Kasih Komentar Ya...
Silahkan Sobat semua komentar disini. Segala kritik dan saran dari Sobat semua akan sangat berguna bagi kemajuan blog ini.