,

Arthemia Magazine Tutorials For Blogger: Trik Membuat Sidebar Sama Tinggi

03 February 2009 Leave a Comment

Arthemia Magazine for BloggerBerhubung banyaknya sobat-sobat blogger yang menggunakan Template Arthemia Magazine, untuk postingan tutorial-tutorial a2i3s selanjutnya Insya Allah akan membahas bagaimana cara mengedit dan mempercantik blog yang menggunakan template tersebut. Arthemia Magazine aslinya adalah Wordpress Template buatan kang Jubel dan telah banyak diconvert menjadi Blogger Template yang salah satunya oleh nhc (ThemeLib.com).

Template Arthemia Magazine for blogger bisa anda unduh di di sini! untuk tutorial pertama ini a2i3s akan berbagi sedikit trik bagaimana cara menyamakan tinggi sidebar Kiri dan Kanan yang a2i3s rasa kurang enak dilihat dan terkesan pincang sebelah. Selain untuk template Arthemia, trik ini bisa diterapkan pada template lain, yang prinsipnya hampir sama. OK, kita langsung aja bahas bagaimana cara menyamakan sidebar kiri dan kanan yang tidak sama tinggi seperti tampak pada screenshoot di bawah ini, menjadi sama tinggi.

Sidebar not equal hight

Bagaimana kita merubahnya menjadi sama tinggi?


Equal hight sidebar
Login ke Dashboard anda, Masuk ke Editor Template, (Tidak diperlukan mengaktifkan Expand Widget Template) Setelah itu copy script dari Amanda (bloggerbuster.com) yang terdapat di postingan ini, lalu paste pada editor template anda sebelum kode </head>, simpan template anda! Jika muncul pesan error, cek kembali kode yang tadi, biasanya ada kode yang terlewatkan anda salin.

Nah, selanjutnya Aktifkan mode Expand Widget Template

Expand Widget Template

Lalu cari kode di bawah ini!

Sidebar kiri:
<b:section class='sidebar-left' id='sidebar-left' preferred='yes'>

Sidebar kanan:
<b:section class='sidebar-right' id='sidebar-left' preferred='yes'>


Setelah ketemu, tambahkan column pada class section seperti kode berikut.

<b:section class='sidebar-left column' id='sidebar-left' preferred='yes'>

<b:section class='sidebar-right column' id='sidebar-left' preferred='yes'>

Klik Preview untuk melihat perubahannya, jika tidak ada masalah, Simpan template anda, dan selamat kini tinggi sidebar template Arthemia anda tidak pincang sebelah lagi! :)

Catatan:


Trik ini bisa juga diterapkan pada template selain Arthemia, asalkan mempunyai 2 kolom pada sidebar, Silahkan baca tutorial dari Amanda untuk lebih jelasnya!

______________

Special Thanks for Amanda

Related Posts

Previous Page Arrow Left Arrow next page arrow right arrow Back to home home icon button