Cara Membuat Tempat Backlink Animasi Di bawah Postingan

Bagi shobat setia yang suka nge-blog nih aku kasih tutor cara bikin tempat backlink dibawah postingan shobat, tujuanya blog kita biar lebih keren gitu :D
Bagi shobat yang mau tahu caranya atau ingin memasang Backlink di blog shobat, nih aku kasih...hehe

Langkah Langkah Cara Membuat Tempat Backlink Animasi Di bawah Postingan :

1. Masuk pada akun blogger kalian masing masing
2. Masuk ke Dasbor dan klik Template
3. Klik Edit HTML
4. Klik Lanjutkan
5. Centang  Expand Template Widget
6. Tekan CTRL + F dan taruh kode ]]></b:skin> di kotak pencarian tadi yang kalian klik CTRL + F terus kode yang di bawah ini kalian copy paste di atas kode ]]></b:skin>

#BKbacklinks{overflow:hidden;margin-top:5px;border:4px solid white;box-shadow:0 0 20px #000;border-radius:5px;height:45px;width:540px;-webkit-transition:all 0.4s ease-in-out;} #BKbacklinks:hover{height:185px;-webkit-transition:all 0.7s ease-in-out;} .BKbkl{margin-top:3px;float:left;color:black;width:517px;border:1px solid #fff;background:transparent;-moz-border-radius:3px;transition:all .9s ease-in-out;} .BKbkl:hover{color:black;border:1px solid #fff;background:transparent;} #BKbacklinksTitle{border:4px solid white;border-radius:5px;width:500px;height:20px;text-align:center;font-family:Black Ops One;font-size:20px;font-style:normal;font-weight:normal;color:White;margin:5px;padding:2px 10px;}
Silahkan diedit kode tersebut sesuai keinginan!

Langkah selajutnya:

Tekan CTRL + F dan taruh kode <data:post.body/> di kotak pencarian tadi yang kalian klik CTRL + F terus kode yang di bawah ini kalian copy paste di bawah kode <data:post.body/>, biasanya kode tersebut lebih dari 1 dan shobat letakkan kode tersebut dibawah kode yang ke dua, kalau gak bisa taruh dibawah kode ke tiga., dan saya pake yang kedua.

<b:if cond='data:blog.pageType == "item"'> <div id='BKbacklinks' style='margin-top:30px;'> <div id='BKbacklinksTitle'> Backlink Please !</div> <table border='0' height='140' style='margin-left:7px;' width='260'> <tr><td>URL<br/><input class='BKbkl' 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='BKbkl' expr:value='" [URL=" + data:post.url + "]" + data:post.title + "[/URL] "' onclick='this.focus();this.select();' readonly='readonly' title='Press CTRL+C to copy' type='text'/></td></tr> <tr><td>HTML Code<br/><textarea class='BKbkl' 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>

Langkah berikutnya:

Simpan dan lihat hasilnya, Alhamdulillah ya :D

Langkah terakhir:

Tinggalkan Like dan Koment

Sekian dan selamat mencoba.