Tutorial Cara Membuat Footer Tiga 3 Kolom Di Blogspot - IRWANSULAIMAN

Saturday, August 18

Tutorial Cara Membuat Footer Tiga 3 Kolom Di Blogspot

Cara Membuat Footer Tiga 3 Kolom di Blogspot - Dalam segi design mendesign Blog memang tidak ada habisnya,  termasuk saya juga yang sering mengutak atik widget blog entah itu di tambahkan atau pengurangan widget, dalam kesempatan ini admin ingin membahas cara membuat footer tiga 3 kolom, bagaimana cara membuat footer tiga kolom. Info ini saya dapatkan dari berbagai sumber dan sudah saya edit sedikit, baiklah kita langsung saja ke intinya pertama log in ke blogger , design, edit HTML, centang, cari kode di bawah ini kemudian simpan di atas kode   ]]></b:skin>

#bawah{font-size:13px;background:#444; width:960px; position:relative; clear:both; margin:0 auto; float:left; padding:5px 0 10px 0; color:#fff;border-bottom:3px inset #ccc} # bawah a:link{color:#fff;text-decoration:none} #bawah a:hover{color:#00000; text-decoration:none} #bawah a:visited{color:#fff; text-decoration:underline} #bawah h2{border-bottom:3px inset #9B9996;font-size:12px;padding:0; margin:0 0 10px 0; font-weight:bold; line-height:1.4em; text-transform:uppercase;background:text-align:center;} #bawah ul{padding:0; margin:0; color:#F93} #bawah ul li{list-style-type:none; border-bottom:1px solid #ccc;padding:0; margin:3px 0 0 5px;background:} #left-bawah{width:290px; float:left; padding-left:22px;} #center-bottom{width:290px; float:left; padding-left:25px;} #right-bawah{width:290px; float:left; padding-left:20px;} #left-bawah2{width:30px; padding-top:16px; float:left; padding-left:20px} #center-bawah2{width:940px; font-size:70%; padding-top:16px; float:left; padding-left:35px;border-bottom:3px solid #000} #right-bawah2{width:30px; padding-top:16px; float:left; padding-left:20px} #category{width:906px; float:left; padding:0px 0 20px 20px;margin-left:22px;border-bottom:0px inset #ccc} #upper-footer{width:950px; margin:0 auto; padding:0px; clear:both; line-height:1.3em; letter-spacing:.0em; font-size:50%; border-top:1px solid #000; padding-top:10px}

Selanjutnya cari kode di bawah ini atau  yang  mirip dengan kode di bawah ini.
</div> <!-- end content-wrapper -->
Setelah ketemu simpan kode di bawah ini tepat di atasnya.

<div id='bawah'> <b:section class='category' id='category'/> <b:section class='left-bawah' id='left-bawah' preferred='yes' showaddelement='yes'/> <b:section class='center-bawah' id='center-bawah' preferred='yes' showaddelement='yes'/> <b:section class='right-bawah' id='right-bawah' preferred='yes' showaddelement='yes'/> </div>


Selanjutnya simpan dan lihat hasilnya, demikian postingan saya tutorial cara membuat footer tiga 3 kolom di Blogspot semoga bermanfaat.

Contoh gambar footer tiga kolom di bawah ini :


Comments

2 comments

terima kasih atas infonya gan......
harap kunjugan baliknya

sama - sama sob makasi sudah mampir di tunggu kunjungan baliknya


EmoticonEmoticon