Menggabungkan kotak permalink dengan from berlangganan keren

Pada kesempatan kali ini saya akan berbagi tip atau cara membuat kotak permalink blogger,namun pada atikel saya kali ini sedikit berbeda dari yang kemarin tentang cara membuat permalink dibawah postingan blog,kali ini saya akan membahas caranya menggabungkan kotak permalink seo friendly dengan kotak from berlangganan via email di bawah postingan,antara permalink dan from berlangganan dijadikan dalam satu kotak,biar lebih praktis dan lebih multi fungsi.Oke bagi yang mau tau cara membuatnya langsung saja sob,ke caranya. .

kotak permalink dan from berlangganan via email

Masuk ke dasbord blogger kalian
Ke menu tempelate >> edit HTML
Cari kode ]]></b:skin> pada tempelate anda
Kemudian copy kode di bawah ini dan letakan tepat di atas ]]></b:skin>

#rss-wrapper {

background-color:#fff;

border-radius: 0px 0px 15px 15px;

border:2px solid #DF3A01;

margin:0 0 10px;

padding:5px 10px;

font-size: 13px;

}

.lsc-inp {

border:1px solid #DF3A01;

border-radius: 6px 6px 6px 6px;

width:180px;

height:20px;

font-size:13px;

padding:3px 4px 4px 10px

}

.lsc-sbmt {padding:2px}

.clear{clear:both}

KETERANGAN : Kode yang berwarna orange di atas,itu untuk warna border silahkan ganti dengan kode warna yang anda inginkan.dan untuk nilai border-radius'nya juga silahkan sesuaikan dengan yang anda inginkan agar lebih sesuai dengan tempelate anda. .

Kalau sudah menyesuaikan kode di atas
Masih di edit html pada tempelate anda
Sekarang cari kode <data:post.body/>
Kalau tempelate anda menggunakan auto readmore kemungkinan kode <data:post.body/> ada dua,atau lebih. . .
Copy code dibawah ini dan letakan di bawah kode <data:post.body/> yang kedua.

<b:if cond='data:blog.pageType == "item"'>

<div id='rss-wrapper'>

<div class='lsc-rss'>

<div style='text-align: justify;'>

Anda baru saja membaca artikel yang berjudul <span style='color:red;'><strong><data:blog.pageName/></strong></span>.Anda boleh copy paste artikel ini dengan menyertakan link <span style='color:green;'><b><data:post.url/></b></span> sebagai sumbernya.Dan Jika Anda ingin berlangganan Artikel dari blog ini, Silahkan <a href='http://feeds.feedburner.com/blogspot/Andoelsean' target='_blank' title='Berlangganan'>

<b>klik disini</b></a> untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel terbaru setiap ada artikel yang terbit di blog ini.

<hr color="#DF3A01" />

</div>

<div class='lsc-subs'>

<table border='0' cellpadding='0' cellspacing='0' width='100%'>

<tr>

<td align='left' style='padding:5px 0 0 0;' valign='top' width='65%'><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=Andoelsean', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='border:0px;padding:3px;text-align:center;' target='popupwindow'>

<div align='left'>

<input class='lsc-inp' name='email' onblur='if (this.value == "") {this.value = "Enter your email and submit";}' onfocus='if (this.value == "Enter your email and submit") {this.value = "";}' type='text' value='Enter your email and submit'/>

<input name='uri' type='hidden' value='Andoelsean'/>

<input name='title' type='hidden' value='Andoelsean'/>

<input name='loc' type='hidden' value='en_US'/>

<input class='lsc-sbmt' type='submit' value='Submit'/></div>

</form></td>

<td align='left' style='padding:10px 0 0 0;' valign='top' width='35%'>

<a href='http://feeds.feedburner.com/Andoelsean'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/Andoelsean?bg=DF3A01&fg=444444&anim=1' style='border:0' width='88'/></a> <a href='http://www.blogger.com/follow-blog.g?blogID=2407762948145064726' target='_blank' title='Follow my blog'><img height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8DWRrrB4U8YolHeVvX-lekeJp2WMBxdq6Y-GrbKIaKuk9XMqtg0PnSaxAnl4pvxebIiUmeeWivBK0J4u4PFbkeYCnOOe81ZKDo7vo9wYN0yDNwr95r1sW9f9XeWCYUMoXK9CGTLxBy2Pi/w177-h38/Join+button.png' width='100'/></a><p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>

<a href='http://andoelsean.blogspot.com/' target='_blank'>:: Terimakasih ::</a></span></p>

</td></tr></table></div></div></div><div class='clear'/></b:if>

KETERANGAN : Teks yang berwarna ORANGE silahkan ganti dengan Id feedburner anda,dan teks yang berwarna MERAH adalah kata-kata yang ada dalam kotak permalink,silahkan disesuaikan dengan yang kamu inginkan,terakhir teks yang berwarna BIRU silahkan ganti dengan Id blogger anda. .

Kalau semua sudah disesuaikan,preview dulu tempelate anda,jika tidak ada yang error ya langsung di save saja,dan lihat hasilnya. .selamat blog anda sekarang sudah terpasang permalink dan from berlangganan otomatis dibawah postingan. .hhe
selamat mencoba dan selamat berksperimen. . :)