Selagi ada kesempatan mendingan saya meu posting nih. Sudah tahu kan apa yang akan saya posting kali ini. Arikel yang akan saya posting mempunyai tema. Apa temanya? Temanya adalah tentang footer. Nah, biasanya banyak blog yang menggunakan footer kolom, kadang kolom tersebut ada dua, tiga, empat, bahkan bisa lima. Footer yang sedang saya bicarakan ini adalah footer yang tidak menggunakan kolom, tetapi menggunakan tulisan yang bermanfaat bagi blog kadang tulisannya asal dari template blog dan lain sebagainya. Bisa saja dipasang auto ping, seo monitor, dan lain lain. Mungkin itu adalah sedikit penjelasan bagi saya, kalau begitu saya akan mengajak anda ke cara pembuatannya. Mau? Kalau begitu simak langkah-langkah berikut ini.
1. Pastikan sudah login di Blogger dan berada di dasbor blog.
2. Klik Rancangan > Lalu klik Edit HTML.
3. Cari kode ]]></b:skin> menggunakan Ctrl+F pada keyboard.
4. Copy paste kode di bawah ini tepat di atas kode tadi.
/* footer */
#bottom{background:#444 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipO4E8jQ2Ip_fLtCLocip7CVWyK_UdA5-cYxA1yW6TSF6x8m_cwoL8B2adMLUGHTtIwdV_F3U_qIGyvLNv8QrlTD7q0_6zQNgChsEx33-gzLaNTEFsC6d-FfKuiszbLYIeL_-zaKDEZQdG/s1600/buttommenu-c.png) no-repeat; width:900px; position:relative; clear:both; margin:0 auto; float:center; padding:25px 0 10px 0; color:#fff}
#bottom a:link{color:#fff; text-decoration:none}
#bottom a:hover{color:#fff; text-decoration:underline}
#bottom a:visited{color:#C0C0C0; text-decoration:none}
#bottom h2{padding:15px 0 0 10px; margin:0 0 10px 0; font-weight:bold; line-height:1.4em; text-transform:uppercase; border-bottom:0px dotted #fff}
h2 {font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height:28px; color:#fff; padding-bottom:6px; }
h2 a:link, h2 a:visited{color:#666666; font-size:11px;}
#bottom ul{padding:0; margin:0; color:#F93}
#bottom ul li{list-style-type:square; border-bottom:0px solid #626200; padding-left:5px; margin:3px 0 0 22px}
#left-bottom{width:210px; float:left; padding-left:22px}
#center-bottom{width:280px; float:left; padding-left:0px}
#right-bottom{width:330px; float:left; padding:0 5px 0 50px}
#left-bottom2{width:30px; padding-top:16px; float:left; padding-left:20px}
#center-bottom2{width:760px; font-size:90%; padding-top:16px; float:left; padding-left:30px}
#right-bottom2{width:30px; padding-top:16px; float:left; padding-left:20px}
#category{width:860px; float:left; padding:0px 0 20px 20px}
#upper-footer{width:860px; margin:0 auto; padding:0px; clear:both;line-height:1.3em; letter-spacing:.0em; font-size:90%; border-top:1px solid #c0c0c0; padding-top:10px;padding-bottom:20px;}
#footer-wrapper{height:0px; clear:both; margin:0 auto; text-align:left; padding:1px}
.credits{margin:0; width:900px; padding:0px 0px 0px; font-size:95%}
5. Jika sudah cari kode <div id='footer'> (Ctrl+F) atau yang sejenisnya dengan kode tersebut.
6. Ganti kode <div id='footer'> dengan kode berikut ini (copy-paste).
<!--Start Footer-->
<div id='bottom'>
<b:section class='bottom' id='category' preferred='yes'/>
<b:section class='bottom' id='left-bottom' preferred='yes'/>
<b:section class='bottom' id='center-bottom' preferred='yes'/>
<b:section class='bottom' id='right-bottom' preferred='yes'/>
<div id='upper-footer'>
<div style='float:center; padding-top:0px'>
<font color='#ffffff'>© 2011 </font><font color='#ffffff'><data:blog.title/></font><font color='#ffffff'> is proudly powered by <a href='http://blogger.com'>blogger.com</a> | Template by <a href='http://sandydoank12.blogspot.com'>Gang Tutorial</a></font>
</div>
</div>
</div>
<!--End Footer-->
7. Klik Pratinjau jika sudah klik Simpan Template.
>>>Selamat Mencoba<<<
Anda telah membaca artikel tentang Membuat Footer Blog Menjadi Menarik dengan url http://superrefreshing.blogspot.com/2012/03/membuat-footer-blog-menjadi-menarik.html. Anda boleh menyebarluaskan atau mengcopy artikel Membuat Footer Blog Menjadi Menarik ini dengan catatan mencantumkan link sumbernya.
