Cara Membuat Fixed Footer di blogspot | website

FIle pc ancha.com : Kali ini saya akan menjelskan bagaimana cara atau tips Membuat fixed footer di blogspot. pasti penasaran kan bentuk nya kayak apa. coba anda liat paling bawah di blog ku. atau liat gambar diatas yang di lingkari garis berwarnah merah. kalau kurang jelas klik gambar untuk memperbesarnya. nah untuk membuatnya ikuti langkah-langkahnya

• Log in dulu ke blogger
  
• Pada menu Dashboard langsung saja klik Layout
  
• Edit HTML
  
• Cari kode ]]></b:skin>
  
• Kemudian lettak kode berikut di atas kode ]]></b:skin>
  
  
   
  

  #footer img
  {/* margin: 0px 0px -8px 0px; */
  vertical-align: middle;
  }
  #footer p.info {
  float: right;
  padding-right:40px;
  line-height: 1.2;
  height: 100%;
  vertical-align: bottom;
  }
  #footer p {
  float: left;
  margin: 0px;
  padding-top:4px;
  padding-left:40px;
  vertical-align: bottom;
  line-height: 1.2;
  }
  #footer a {
  color: #333;
  }
  #footer {
  align: center;
  position: fixed;
  border-top: 1px solid #ddd;
  border-bottom: 5px solid #f5f5f5;
  background-color: #f5f5f5;
  width: 100%;
  left: 0px;
  text-align: left;
  color: #888;
  font-family: Verdana;
  font-size: 11px;
  z-index:10000;
  opacity: 0.9;
  filter: alpha(opacity: 90);
  bottom:0;
  }

• kemudian cari kode </body>

• letakkan kode dibawah ini persis diatas kode </body>
  
  
  
  

  <div id='footer'>
  <p><img border='0' src='http://lh3.ggpht.com/_KZO3OJWly2c/SflrfqtvduI/AAAAAAAAAOw/Ykwirvbpdxk/s128/akuj.PNG'/>&#160;&#160;<a href='http://ayat-1000dinar.blogspot.com/'>J_Putra&#39;s Blog</a>&#160;&#169;&#160;2008-2009&#160; </p>
  <p class='info'>Powered by <a href='http://www.blogger.com'>Blogger</a> Template by <a href='http://blogtemplate4u.com' target='_blank'>Template 4 U</a><br/>Best viewed in Mozilla Firefox.</p>
  </div>

Jika anda sedikit mengerti tentang CSS, anda bole memodifikasi bentuk fixed footer diatas, tapi  ubah'
lah kode yang berwarna merah ke gambar yang anda miliki atau pilihan anda sendiri, pokoknya terserah ane,, mau gambar apa aja, ,,, kode berwarna hijau diubah ke alamat blog anda dan ke nama blog anda, kode berwarna kuning bisa anda ubah ke alamat template anda, dan kode berwarna pink bisa diubah ke nama blog dimana template anda diperoleh.

• Kemudian simpan
• semoga berhasil.

Selamat Mencoba gan,dan jangan Lupa kunjungan baliknya gan ,,, untuk artikel artikel lainyya, waslm

Keywords : Cara membuat fiexed footer di blog, langkah membuat fixed footer pada blogger, tutorial menambah fixed footer pada blog, fixed footer tutor.