Cara Membuat Beberapa Widget Sejajar Kearah Samping

Scholovers Blogger | Hari ini saya akan sharing tentang bagaimana Cara Membuat Beberapa Widget Sejajar Kearah Samping. Karena yang saya tau. jika widget dipasang di satu kolom lebih dari satu widget maka widget itu akan otomatis membentuk susunan atas bawah. bukan menyamping. dan ini menyebabkan blog kita akan terlihat semakin panjang ke bawah mengikuti ukuran widget yang tersusun atas bawah tadi.

Karena itu cara ini akan membantu. cara ini akan membuat widget kita menjadi berdampingan satu widget dengan widget lainnya di satu kolom... tertarik tidak..??? kalau tertarik silahkan lihat dan ikuti caranya di bawah ini,.. caranya sangat mudah tinggal menambah sedikit HTML saja.

  • Masuk ke akun Blogger.
  • Kemudian jikan sobat sudah punya widget yang ingin di susun secara berdampingan, silahkan klik Tata Letak.
  • Dan pilihlah kolom gadget yang sudah di isi dengan widget yang ingin di sejajarkan... dan sisipkan kode ini.
    <table><tr>
    <td>kode widget anda</td>
    <td>kode widget anda</td>
    </tr></table>
  • Misal kode HTML yang akan kita sejajarkan adalah ini.. 

    1) 
    <a href="http://www.alexa.com/siteinfo/http://fauzischolovers.blogspot.com"><script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/s/a?url=http://fauzischolovers.blogspot.com'></script></a>

    2)
    <a href="http://www.alexa.com/siteinfo/http://fauzischolovers.blogspot.com?p=rwidget#reviews" ><img src='http://www.alexa.com/images/widgets/blue/dark/v2-125x125.png' alt='Review http://fauzischolovers.blogspot.com on alexa.com' /></a>
  • Maka Akan menjadi...

    <table><tr>
    <td><a href="http://www.alexa.com/siteinfo/http://fauzischolovers.blogspot.com"><script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/s/a?url=http://fauzischolovers.blogspot.com'></script></a></td>
    <td><a href="http://www.alexa.com/siteinfo/http://fauzischolovers.blogspot.com?p=rwidget#reviews" ><img src='http://www.alexa.com/images/widgets/blue/dark/v2-125x125.png' alt='Review http://fauzischolovers.blogspot.com on alexa.com' /></a></td>
    </tr></table>
     
Semoga Postingan hari ini dapa membantu sobat blogger semua....

Comments