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&#8221;) 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

12 pemikiran pada “Blogger : Horizontal Blog Roll on New Blogger

  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

    Suka

  2. pro pyuriko :utk blogroll dibawah blog ini, aku sebenernya ga make metode diatas, karena aku masih make template klasik. πŸ˜€

    pro nieke: makasih juga dah sudi dipake…

    Suka

  3. 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.

    Suka

  4. 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…

    Suka

  5. 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.

    Suka

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s