Cara Membuat Backlink Auto Hide dibawah Postingan

TNK Go-Blog on

Kamis, 13 September 2012

Halo sobat. Setelah kemarin saya posting Cara membuat Tombol Twitter di Blogspot sekarang saya akan memposting Cara Membuat Backlink Auto Hide dibawah Postingan. Kayak apa itu ya? contohnya ada dibawah ini : 

Gimana bagus gk? Kalo bagus & pengen membuatnya, silahkan ikuti cara dibawah ini :

Tutorial : 

• Login ke Blogger 
• Klik Dasbor » Rancangan » Edit HTML
• Centang " Expand Template Widget "
• Kemudian letakan code dibawah ini tepat sebelum code ]]></b:skin>

#HGCbacklinks{overflow:hidden;margin-top:5px;border:2px solid white;border-radius:5px;height:42px;width:auto;-webkit-transition:all 0.4s ease-in-out;}
#HGCbacklinks:hover{height:185px;-webkit-transition:all 0.7s ease-in-out;}
.HGCbkl{margin-top:5px;float:left;color:black;width:518px;border:1px solid #fff;background:transparent;-moz-border-radius:5px;transition:all .9s ease-in-out;}
.HGCbkl:hover{color:black;border:1px solid #fff;background:transparent;}
#HGCbacklinksTitle{border:2px solid white;border-radius:5px;width:auto;height:20px;text-align:center;font-family:Arial;font-size:18px;font-style:Bold;font-weight:normal;color:White;margin:5px;padding:2px 10px;}

• Kemudian cari Kode <data:post.body/> dan Paste kode ini dibawahnya 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='HGCbacklinks' style='margin-top:30px;'>
<div id='HGCbacklinksTitle'>Backlink Please !</div>
<table border='0' height='140' style='margin-left:7px;' width='260'>
<tr><td>URL<br/><input class='HGCbkl' expr:value='data:post.url' onclick='this.focus();this.select();' readonly='readonly' title='Press CTRL+C to copy' type='text'/></td></tr>
<tr><td>Code For Forum<br/><input class='HGCbkl' expr:value='&quot; [URL=&quot; + data:post.url + &quot;]&quot; + data:post.title + &quot;[/URL] &quot;' onclick='this.focus();this.select();' readonly='readonly' title='Press CTRL+C to copy' type='text'/></td></tr>
<tr><td>HTML Code<br/><textarea class='HGCbkl' onclick='this.focus();this.select();' readonly='readonly' style='height:18px;' title='Press CTRL+C to copy'><a expr:href='data:post.url' target='_blank'><data:post.title/></a></textarea></td></tr><tr><td/></tr></table></div></b:if>

• Setelah itu Simpan Template

SELAMAT MENCOBA

Labels: Tutorial Blog

Thanks for reading Cara Membuat Backlink Auto Hide dibawah Postingan. Please share...!