Langsung ke konten utama

Cara Tambah 4 Kolom Bagian Footer Anda

1.Masuk ke dashboard -> Layout--> Edit HTML
2.Gulir ke bawah di mana Anda melihat ini:


 



<b:section class='footer' id='footer'/>

Lihatlah gambar di bawah ini.


3.Sekarang Ganti  garis di atas dengan kode di bawah ini.

 


<div id='footer-column-container'>
<div id='footer1' style='width: 225px; float: left; margin:0; '>
<b:section class='footer-column' id='footer-column-1' preferred='yes' style='float:left;'>
<b:widget id='Text1' locked='false' title='About B-G' type='Text'/> </b:section>
</div>
<div id='footer2' style='width: 225px; float: left; margin:0; '>
<b:section class='footer-column' id='footer-column-2' preferred='yes' style='float:left;'>
<b:widget id='Text4' locked='false' title='About Author' type='Text'/>
</b:section>
</div>
<div id='footer3' style='width: 225px; float: right; margin:0; '>
<b:section class='footer-column' id='footer-column-3' preferred='yes' style='float:right;'>
<b:widget id='Text3' locked='false' title='Subscribe in Reader' type='Text'/>
</b:section>
</div>
<div id='footer4' style='width: 225px; float: right; margin:0; '>
<b:section class='footer-column' id='footer-column-4' preferred='yes' style='float:right;'>
<b:widget id='Text2' locked='false' title='Access B-G on Go' type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>


4.Sekarang gulir lagi  ke bawah ke mana Anda melihat ini:




]]></b:skin>

 5.Sekarang menambahkan kode di bawah ini sebelum kode ]]></ b: skin>




#footer-column-container { border: .3px dotted #cccccc;} .footer-column { margin: 0 10px 0 10px; padding:5px;
color: #666666; line-height: 1.5em; font-size:12px;}
.footer-column h2 {
padding-bottom:.15em; text-align:center;
font:"normal normal 80% 'Comic Sans MS','Lucida Sans Unicode','Trebuchet MS',Sans-serif";
color:#333333;
line-height:1em; letter-spacing:.1em;
border-bottom: 1px solid #cccccc;}
.footer-column ul { list-style:none; margin:0 0 0; padding:0 0 0;}
.footer-column ul li {
background: url(http://i421.photobucket.com/albums/pp296/rnbutpur/bullet-1.gif) no-repeat;
margin:0 0 0; padding-left: 16px;
padding-bottom: 0.5em; line-height:1.2em;}
.footer-column .widget {margin:0 0 .5em; padding:0 0 1em;}


6.Sekarang menyimpan template Anda dan Anda selesai.
Label:
Lokasi: Pandaan, Indonesia

Komentar

Posting Komentar

Postingan populer dari blog ini

Cara Menghapus Komentar Blogger

Jika Anda ingin menghapus sebuah komentar, pertama pastikan bahwa Anda login ke account Blogger yang benar (administrator dari blog atau penulis komentar). Lalu pergi ke blog dan menemukan halaman mana komentar terdaftar.Kemudian ke komentar, Anda akan melihat ikon tempat sampah, seperti ini:
Posting Komentar
Read more»

Cara Tampilkan Widget Blogger Hanya di Halaman Posting

1.Log in ke dashboard -> Layout--> Elemen Halaman   2.Klik pada Tambah Gadget pada sidebar. pilih jenis gadget yang Anda butuhkan dan Simpan Perubahan. Sekarang Anda dapat melihatnya atas sidebar.   Misalnya saya menambahkan gadget HTML / Javascript untuk sidebar.   . 3.Sekarang pergi ke Edit HTML "Tanpa Expanding Widget Templates " Gulir ke bawah ke mana Anda melihat seperti ini:
Posting Komentar
Read more»