Cara Membuat Widget Menjadi Dua Kolom-Tak jarang bagi para blogger khususnya yang masih pemula seperti saya ini menemui kendala saat ingin membagi widget/gadget blog menjadi dua kolom atau lebih, jika sebelumnya saya pernah memposting tentang bagaimana cara memasang atau menambahkan widget pada blogspot. Kali ini saya ingin mencoba share membuat widget menjadi dua kolom.
Tidak sedikit memang penyedia template berplatfrom blogspot telah menyediakan template yang sudah di design dengan menyematkan widget dua kolom atau lebih. Tapi bagaimana jika template blogspot yang kita pakai di blog masih satu kolom dan entah karena sesuatu hal apakah itu kebutuhan dari blog itu sendiri ataupun hanya sekedar untuk mempercantik blog, dan kita menginginkan widged/gadget yang terbagi menjadi beberapa kolom.
Berikut akan kita bahas cara membuat widget menjadi dua kolom. Sebagai contoh tampilan widget dua kolom seperti pada blog jagadrochain ini:
Tidak sedikit memang penyedia template berplatfrom blogspot telah menyediakan template yang sudah di design dengan menyematkan widget dua kolom atau lebih. Tapi bagaimana jika template blogspot yang kita pakai di blog masih satu kolom dan entah karena sesuatu hal apakah itu kebutuhan dari blog itu sendiri ataupun hanya sekedar untuk mempercantik blog, dan kita menginginkan widged/gadget yang terbagi menjadi beberapa kolom.
Berikut akan kita bahas cara membuat widget menjadi dua kolom. Sebagai contoh tampilan widget dua kolom seperti pada blog jagadrochain ini:
Langkah-langkahnya Membuat Widget Menjadi Dua Kolom kurang lebih sebagi berikut :
2. Pilih elemen Tata letak blog anda
3. Klik "Tambahkan Gadget" dan pilih Widget/Gadget " HTML/Java Script"
4. Setelah Jendela Gadget HTML/Java Script muncul masukan kode html berikut.
<table border="0" width="300"><tr bgcolor="#F7F8FD"><td align="center"><b>MyWorld</b>
</td><td align="center"><b>JgdRch</b></td></tr><tr><td align="center"> <img style="
width: 100px;
height: 100px;"
src="http://3.bp.blogspot.com/-x_ZVMLHEo0Q/..................................gif" /></td><td align="center">
<img style="
width: 100px;
height: 100px;"
src="http://1.bp.blogspot.com/-57f7w4vpHT4/VSfTzKliFjI/..........................................jpg"/></td></tr></table>
|
5. Gantilah Kode yang berwarna Putih (MyWorld) dengan Judul Kolom 1 anda dan (JGdRch) Judul Kolom 2 anda.
6. Ganti Juga Kode yang berwarna putih ini
<img style="
width: 100px;
height: 100px;"
src="http://3.bp.blogspot.com/-x_ZVMLHEo0Q/..................................gif" />
dengan Url gambar anda atau keterangan judul Kolom 1 anda, dan ganti pula
dengan Url gambar anda atau keterangan judul Kolom 1 anda, dan ganti pula
<img style="
width: 100px;
height: 100px;"
src="http://1.bp.blogspot.com/-57f7w4vpHT4/VSfTzKliFjI/..........................................jpg"/>
dengan Url gambar anda atau keterangan judul Kolom 2 anda.
dengan Url gambar anda atau keterangan judul Kolom 2 anda.
7. Klik simpan Widget anda, dan sekarang anda sudah memiliki blog dengan Widget Dua Kolom.
Cukup mudah bukan, sedikit share dari saya Cara Membuat Widget Menjadi Dua Kolom kurang lebihnya mohon maaf semoga bermanfaat. Selamat berkarya, semoga sucses dan mendapat Ridho dari Allah Swt. Amin.