Latest News

Cara Menciptakan Fixed Footer Di Blogspot

Hai teman blogger... Article kali ini wacana cara Membuat fixed footer di blogspot. niscaya ingin tau kan bentuk nya kayak apa. coba anda liat gambar diatas yang di lingkari garis berwarnah merah. jikalau kurang terang klik gambar untuk memperbesarnya. nah untuk membuatnya ikuti langkah-langkah di bawah ini........
  • Log in dulu ke blogger
  • Pada sajian Dashboard eksklusif saja klik Layout
  • Edit HTML
  • Cari instruksi ]]></b:skin>
  • Kemudian lettak instruksi berikut di atas instruksi ]]></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 instruksi </body>
  • letakkan instruksi dibawah ini persis diatas instruksi </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://jayaputrasbloq.blogspot.com/index.html'>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 wacana CSS, anda dapat memodifikasi bentuk fixed footer diatas, tapi sebelumnya ubahlah instruksi yang berwarna merah ke gambar yang anda miliki, instruksi berwarna hijau diubah ke alamat blog anda dan ke nama blog anda, instruksi berwarna kuning dapat anda ubah ke alamat template anda, dan instruksi berwarna pink dapat diubah ke nama blog dimana template anda diperoleh.
  • Kemudian simpan

Sumber: jayaputrasbloq.blogspot.com

Sumber http://bkj-tutorial.blogspot.com

0 Response to "Cara Menciptakan Fixed Footer Di Blogspot"