Tutorial Blog Like Mine - Make Blog Like Mine #1

Hai all! AKu dah' lama ya, ga ngepost! Jadi, aku bakal post beberapa tuto yang di req maupun yang enggak. Gak semua yang direq diambil yaa, karena req menumpuk.  BTW: Ini bukan mengedit denim #2 ya. Ini adalah bbrp tuto ttg cara buat blog sepertiku
Mengganti Tlisan Read More dengan Gambar>>
  • Blogger.com/home >> Template >> Edit HTML
  • CTRL+F, cari kode: 
<b:if cond='data:post.hasJumpLink'>
  • Pasti dibawahnya ada tulisan: 
<div class='jump-link'> <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a></div> </b:if>
  • Ganti kode dibawah kode nomor 2 itu dengan: 

      <div class='jump-link'>
     
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><img src='URL GAMBAR READ MORE'/></a></div>
    </b:if>
Ganti tulisan berwarna  merah dengan gambar read more kamu.

  • Save
Mengganti tulisan navbar post
  • Blogger >> tata letak >> di daerah posting blog klik edit.
  • Edit sesukamu.
  • Save.
Status Box Hover Like Mine
  • Blogger >> tata letak >> Tambahkan gadget >> HTML/Java SCript.
  • Di kolom isi, pastekan kode:

<style>
.y{
border-radius: 0px 15px 15px 0px;
width:10px;
padding:10px;
height:25px;
margin-top:30px;
margin-left:255px;
background: #faafbe;
color:white;
font-size:12px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
#kotakstatus {
position:fixed;
border:4px solid #faafbe;
width:250px;
left:-265px;
top:50px;
height:100px;
padding:4px;
text-align:left;
font-size:11px;
font-family:arial;
background-color:white;
background-image:url(URL BACKGROUND);
background-position:right;
color:#333333;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
#kotakstatus:hover {
left:1px;
}
</style>
<div id="kotakstatus"><div class="y">
s</div>
<div style="margin-top: -80px;"><br />
Helow!</div></div>

  • edit sesukamu. 
Maaf guys, yang background in sidebar gak bisa sekarang yaa


Ehemm, segini dulu ya

Tidak ada komentar:

Posting Komentar