Halaman

Blogger : Horizontal Blog Roll on New Blogger

Bila kita terbiasa menemukan blogroll (kumpulan tautan) dibagian footer (bawah), maka bagi pengguna layanan blogger baru kita akan menemukan penyajian yang berbeda. Perbedannya terletak pada pengurutannya yang kebawah. Bisa sangat tidak indah dipandang bila pengalokasiannya di bagian footer. Mungkin dari awal Blogger sengaja menyajikan widget ini untuk dipasang di sidebar. Maka tepatlah bila pengurutan tautannya menjadi terurut dari atas ke bawah. Bukan pengurutan abjad yang dimaksudkan disini. Hanya penyajian penampilan saja yang dimunculkan secara vertikal. Berikut visualisasi untuk lebih membantu mencerahkan.

Tampilan Vertikal

tampilan Horisontal

Untuk mendapatkan pengurutan yang horisontal di bagian footer, maka kita perlu melakukan penyetelan dibagian Edit HTML. Berikut langkah yang perlu dilakukan.

Langkah 1. Masuk ke bagian Edit HTML.
Tak lupa untuk mencentang kotak di samping Expand Widget Templates .
Cari kode berikut :

<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>
Perhatikan di bagian yang tertulis warna merah. Setelah menemukan bagian yang dimaksud, hapus kode-kode yang ditunjukan oleh warna merah di atas. Dan simpan.

Langkah 2. Upsss...tak ada langkah lagi...maaf :)

Tapi bagi yang ingin melangkah lebih jauh dengan menampilkan tautan di bagian ini menjadi berhuruf kecil, sila tengok bagian ini di bagian CSS. Masih sama dengan langkah sebelumnya, klik Edit HTML dan tak lupa centang expand widget.

#footer .widget {
background:url("http://www.blogblog.com/harbor/divider.gif") no-repeat center top;
margin:0;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
}

Nah perhatikan kembali kata yang tertulis warna merah. Ubah kata tadi dengan lowercase. Beres.
Add to Technorati Favorites

14 komentar:

  1. wowww... getol banged neyh mas petunjuknya,, saya tuh ampe semaleman gitu menghayati postingan ini biar bisa diterapin diblog saya,, dan ternyata berhasil! duh, makasih banyak ya mas edittag.. ditunggu postingan2 barunya yg sangad berkhasiat,, hohohoo.. xP

    BalasHapus
  2. Kalo utk blog roll sprt punya mas Agus yg dibawah ini, sama gak kode htmlnya sprt yg ini???

    BalasHapus
  3. pro pyuriko :utk blogroll dibawah blog ini, aku sebenernya ga make metode diatas, karena aku masih make template klasik. :D

    pro nieke: makasih juga dah sudi dipake...

    BalasHapus
  4. thx.. emang ini yg lagi saya cari :)

    BalasHapus
  5. mo nanya lagi nih kang,
    gimana cara nampilin link blogroll dengan menu pulldown...?

    sebelum-nya terima kasih atas penjelasan-nya ttg "fickrphotos" beberapa hari yg lalu.

    BalasHapus
  6. matur nuwun sanget mas ilmunya...punyaku jadi rapi :)

    BalasHapus
  7. Atur nuhun...mau berbagi ilmu.

    BalasHapus
  8. pro sachroel : menggunakan layout kah? ok nanti akan coba dibahas.

    pro fajar dan harrie : sama-sama :).

    BalasHapus
  9. Salam dari Amsterdam...thks bro gue baru ngedit pengaturan bentuk nama blogroll....BERHASIL !!
    thks alot..

    BalasHapus
  10. halo amsterdam....salam buat fans AJAX ya!

    BalasHapus
  11. Anonim11:42 PM

    kalau di blogger lama (classic) gmn caranya mas? trus klo mau pindah dari template ke layout bisa ga ya tanpa harus kehilangan kode-kode html yang sudah dipasang sebelumnya? terima kasih...

    BalasHapus
  12. untuk tipe klasik tak ada trik khusus, untuk memasukan link horisontal kita bisa gunakan html dasar dan jangan gunakan br diantara link, niscaya akan terpasang menyamping.

    untuk pindah ke tipe layout memang sangat sering kehilangan banyak aksesoris blog, untuk amannya, bisa gunakan xml editor dan salin serta tambahkan elemen css agar bisa terbaca di layout barunya.

    BalasHapus
  13. Anonim10:58 AM

    mas gimana ney kurang jelas......heheheee

    BalasHapus
  14. kurang jelas? nah bagian mana nih yg perlu penjelasan lebih?

    BalasHapus

Kamu bisa dapetin ilustrasi wajah yang sesuai dengan wajah kamu di moselo.com/Bikingemeys. Jangan lupa ada promo jika pesan dari aplikasinya langsung.