JagadRochain

Cara Membuat Widget Menjadi Dua Kolom

Cara Membuat Widget Menjadi Dua Kolom

by BangMatro , at 4/10/2015 08:03:00 am
Cara membuat widget menjadi dua kolom
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:
Membuat Widget Menjadi Dua Kolom


Langkah-langkahnya Membuat Widget Menjadi Dua Kolom kurang lebih sebagi berikut :
1. Masuk di dashboard blogger anda
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
<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.
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.

Cara Membuat Widget Menjadi Dua Kolom
Cara Membuat Widget Menjadi Dua Kolom - Oleh BangMatro , Pada , Label Widgets
Comment disabled

DASAR SEO

BISNIS ONLINE

BLOGGING

Copyright ©2013 JagadRochain by
Theme designed by Damzaky - Published by Proyek-Template
Powered by Blogger
-->