Biarkan

Trik blogspot- Mumpung ane lagi lowong, ni ane ada tips buat sobat blogger. Sebelum memulai tutorialnya, saya terlebih dahulu berterima kasih kepada pemilik blog http://www.mybloggertricks.com yang merupakan sumber dari artikel ini.

Baiklah sobat - sobat, kita langsung saja.

1. Pertama sobat login dulu ke akun blog sobat.

2. Klik rancangan>edit HTML> Centang kotak Expand Template widget

3. Cari kode <data:post.body/>

4. Letakkan kode berikut di bawah kode nomor 3

<b:if cond=data:blog.pageType == &quot;item&quot;>
<style>
form.emailform{
margin:20px 0 0;
display:block;
clear:both;
}
.mbttext{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifmcDWEPfKp1bpQfqAgN0KmIgItSiokiTVTMfbdGk0QYGzeRgMO_jtTa1XX7qhsNu2a5P-lp8ifYc_rbFjCwkBuVA623GbGw7EGcy8LEbXNP_AZ8Xd10jMM-WPjhcB4kq1AkTocgI8hLld/s28/w2b-mail.png) no-repeat scroll 4px center transparent;
padding:7px 15px 7px 35px;
color:#666;
font-weight:bold;
text-decoration:none;
border:1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
.mbtbutton{
color:#666;
font-weight:bold;
text-decoration:none;
padding:6px 15px;
border:1px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-goog-ms-border-radius: 4px;
border-radius: 4px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#FBFBFB&#39;, endColorstr=&#39;#F4F4F4&#39;,GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
#doulike-outer {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-goog-ms-border-radius: 10px 10px 10px 10px;
border-radius: 10px;
background: none repeat scroll 0 0 transparent;
border: 1px solid #D3D3D3;
padding: 8px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
width:480px;
}
#doulike-outer:hover{
background: none repeat scroll 0 0 #FFF;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
#doulike-outer td{
padding:3px 0;
}
</style>
<div id=doulike-outer>
<div id=doulike>
<table width=100%>
<tbody>
<span style=font-style: italic; font-size: 30px; font-family: arial,sans-serif, verdana;  color:#FF683F;>Do you Like this story..?</span>
<tr>
<td>
<div id=fb-root/><script src=http://connect.facebook.net/en_US/all.js#xfbml=1/><fb:like font= href= layout=button_count send=true show_faces=false width=300/>
</td>
</tr>
<tr>
<td align=left> <p style=color:#666; font-style:italic; margin:0px 0px 5px 0px; >Get Free Email Updates Daily!</p>
<form action=http://feedburner.google.com/fb/a/mailverify class=emailform method=post onsubmit=window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=tntbystc&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true style=margin: 0pt; target=popupwindow>
<input name=uri type=hidden value=tntbystc/>
<input name=loc type=hidden value=en_US/>
<input class=mbttext name=email onblur=if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;} onfocus=if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;} type=text value=Enter your email.../>
<input alt= class=mbtbutton title= type=submit value=Submit/>
</form>
</td>

<td><p style=color:#666; font-style:italic; margin:0px 0px 5px 0px;  >Follow us!</p>
<a href=http://feeds.feedburner.com/TntByStc rel=nofollow target=_blank title=Suscribe to RSS Feed><img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZWbRy2-X4Wc64VtIbc_IoRjBu_pzfUnj_0a_18uMZJTYgIhRg7rUaUN9DZX6PJJ7tzMhQbBTmsbuH2AG8WKsstY6x94TgCDH_tpebRRmldqFPtckh4w1xI9QTB-oofN3S2SvwVsbPONOw/s40/w2bRSS+.png/></a>
<a href=http://twitter.com/mybloggertricks rel=nofollow target=_blank title=Follow us on Twitter><img src=http://2.bp.blogspot.com/_nDNgmK8FIyI/TUJaUf7v0CI/AAAAAAAAAU8/7vfe8Iw3ohc/s40/w2bTwitter.png/></a>
<a href=http://www.facebook.com/pages/My-Blogger-Tricks/147104632016744 rel=nofollow target=_blank title=Follow us on Facebook><img src=http://1.bp.blogspot.com/_nDNgmK8FIyI/TUJaWNBkZnI/AAAAAAAAAVE/nZ0byXaqur8/s40/w2bFaceBook.png/></a>
</td>
</tr>
</tbody></table></div></div>
</b:if>

Ket:

Ubah #FF683F; dengan kode warna kesukaanmu. Untuk kode warnanya Klik di sini!

Ganti Link oranye dengan feedburner anda

Jika berhasil, anda akan mendapat tampilan seperti ini di bawah postingan.

5. SELESAI!!!

  Semoga membantu