Friday, July 12, 2013

Cara Membuat 1 Kolom Diatas Postingan

Hey para reader semua......, kali ini ane akan membuat postingan tentang bagaimana caranya menambah 1 kolom di atas postingan. Ane awalnya cuman mau ber-experimen aja eh ternyata berhasil....(alhamdulillah)
Begini hasilnya.....


Langsung aja ya...

Hal yang wajib pertama kali sebelum edit-mengedit script adalah membuka akun blogger anda. (hehehehe semua juga tahu...)

  • Buka akun blogger anda.
  • Masuk ke template > Edit HTML.
  • Cari kode ]]></b:skin> dan copy kan kode css di bawah ini diatas kode ]]></b:skin>.

#magazine-column-container h2{color:#111;font:bold 13px/13px Verdana,sans-serif;margin-bottom:5px;border-bottom:1px solid silver;padding:0 0 5px;text-transform:uppercase;}
#magazine-column-container ul{list-style-type:circle;margin:10px;padding:10px}
#magazine-column-container ul li{border-bottom:1px solid silver;line-height:1.5em;text-align:left;list-style-type:auto;margin:0;padding:2px 0}
.magazine-column {padding: 4px 10px;}
#magazine-center{margin-top:10px;float:center;}


  • Kemudian cari code <div id='main-wrapper'>.
  • Copy kode di bawah ini di bawahnya.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='magazine-column-container'>
<div id='magazine-left' style='width: 48%; float: left; margin:0; text-align: left;'>
<b:section class='magazine-column' id='col31' preferred='yes' style='float:left;'/>
</div>
</div>
<div style='clear: both;'/>
</b:if>


  • Kemudian simpan template.

ads

Ditulis Oleh : Alimstudio Hari: 12:00 PM Kategori:

0 comments:

Post a Comment

Berkomentarlah dengan baik jangan berkomentar yang bersifat menjatuhkan
terima kasih

 

Kategori

Daftar Isi

Blogger

1. Memasang Menu Slide-In di Blogspot

2. Membuat Kotak Script / Css pada Postingan Blogger

3. Mematikan Fungsi Klik Kanan Pada Blog

4. Membuat Info melayang keren di blog 2013

5. Menghilangkan Tuilisan "Diberdayakan Oleh Blogger"

6. Membuat Widget Berlangganan Dengan Jejaring Sosial

7. Membuat Link Berwarna-Warni Seperti Pelangi

8. Membuat Spoiler Di Blog

9. Cara Membuat Tombol "Copy All" di Blog

10.Membuat Agar Blog Kita Tidak Bisa di Block

11.Menjadikan Postingan Blog Otomatis Muncul di Twitter dan Facebook

12.Kumpulan Efek-Efek Blog Lengkap

13.Cara Ping Blog ke Google

14.Memasang Chating Pada Blogger

15.Membuat Burung Twitter Berterbangan

16.Membuat Website atau Blog

4. Membuat Info melayang keren di blog 2013

5. Menghilangkan Tuilisan "Diberdayakan Oleh Blogger"

6. Membuat Widget Berlangganan Dengan Jejaring Sosial

7. Membuat Link Berwarna-Warni Seperti Pelangi

8. Membuat Spoiler Di Blog

9. Cara Membuat Tombol "Copy All" di Blog

10.Membuat Agar Blog Kita Tidak Bisa di Block

11.Menjadikan Postingan Blog Otomatis Muncul di Twitter dan Facebook

12.Kumpulan Efek-Efek Blog Lengkap

13.Cara Ping Blog ke Google

1. Memasang Menu Slide-In di Blogspot

2. Membuat Kotak Script / Css pada Postingan Blogger

3. Mematikan Fungsi Klik Kanan Pada Blog

4. Membuat Info melayang keren di blog 2013

5. Menghilangkan Tuilisan "Diberdayakan Oleh Blogger"

6. Membuat Widget Berlangganan Dengan Jejaring Sosial

7. Membuat Link Berwarna-Warni Seperti Pelangi

8. Membuat Spoiler Di Blog

9. Cara Membuat Tombol "Copy All" di Blog

10.Membuat Agar Blog Kita Tidak Bisa di Block

11.Menjadikan Postingan Blog Otomatis Muncul di Twitter dan Facebook

12.Kumpulan Efek-Efek Blog Lengkap

13.Cara Ping Blog ke Google

Site Info

Free Page Rank Tool