Memasang widget "Do You Like This Story" di bawah postingan Blog Terbaru
Memasang widget "Do You Like This Story" di bawahpostingan Blog Terbaru
– Sobat bloggers kembali share tips dan trik blogger blogspot . Oh ya tips ini saya dapat waktu lagi blogwalking ke blog tetangga . Jadi sebelumnya saya berterimakasih buat blog Christian Tatelu dan http://www.mybloggertricks.com (ya sebagai tanda terimakasihku dan juga ingin menjadi blogger yang berETIKA) .
Sobat , silahkan ikuti caranya
dibawah ini :
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/>
(tekan CTRL+F untuk
memudahkan pencarian) .
4. Letakkan kode
berikut di bawah kode nomor 3
<b:if
cond='data:blog.pageType == "item"'>
<style>
form.emailform{
margin:20px 0 0;
display:block;
clear:both;
}
.mbttext{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM9zVlPK022J_RCeXkIk3cqIo_XQG1aR07TKWE6Xq_Vmdd1cZNtdRjx9oOAbtFWGa6U93kRlyhX8Kd5LrkxBrl66LfymrpRxpIvxDuA9djFcnMNuyG1k4UwEdEYvW7tzQXnuo0U80gNE4w/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='#FBFBFB', endColorstr='#F4F4F4',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('http://feedburner.google.com/fb/a/mailverify?uri=Anaktimor-17 Blog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value=' Anaktimor-17 Blog '/>
<input name='loc' type='hidden' value='en_US'/>
<input class='mbttext' name='email' onblur='if (this.value == "") {this.value = "Enter your email...";}' onfocus='if (this.value == "Enter your email...") {this.value = ""}' 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/Anaktimor-17 Blog' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvZNRrasNLP12pcXnFfed_ad4YntCFXVdG_WKAN0kQt9UF8rd4TgBLn0Ug9qC4Ym1Xt8-A_XmMu-M4_9smGmJgMY6uqVOhvzo6CbyzgJxRgQUDzCv6Ne6Hg5MGjSEIEExU3-NsaMm6SaJG/s40/w2bRSS+.png'/></a>
<a href='http://twitter.com/markuskono' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfdeIYFRxMkExSdpIPmE3856nzQpTKoLJ-pKzarf1d2LdVgoGXdKApI5pPxDiKM33GGVn_Z2FcPz7WhGbB_-pEj7rZwaw6ed06Dvu-gwaNPyJvNcCF38vhM5jgMbDLPxelNQG4WUYi0Km1/s40/w2bTwitter.png'/></a>
<a href='https://www.facebook.com/nilulat' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAofdjR65JksbTraMwy9NDgy7jlWZwR2mTiSBrBdkz1ZXkueducisKyaAxj7_868zpxb6arGQbI_mjodHvLp2Bbpp7cH3LHiDY8lXZ4CHeqUneKHS9WT6qn_H5aDfsgKKXbUcOnAKyo4g5/s40/w2bFaceBook.png'/></a>
</td>
</tr>
</tbody></table></div></div>
</b:if>
<style>
form.emailform{
margin:20px 0 0;
display:block;
clear:both;
}
.mbttext{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM9zVlPK022J_RCeXkIk3cqIo_XQG1aR07TKWE6Xq_Vmdd1cZNtdRjx9oOAbtFWGa6U93kRlyhX8Kd5LrkxBrl66LfymrpRxpIvxDuA9djFcnMNuyG1k4UwEdEYvW7tzQXnuo0U80gNE4w/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='#FBFBFB', endColorstr='#F4F4F4',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('http://feedburner.google.com/fb/a/mailverify?uri=Anaktimor-17 Blog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value=' Anaktimor-17 Blog '/>
<input name='loc' type='hidden' value='en_US'/>
<input class='mbttext' name='email' onblur='if (this.value == "") {this.value = "Enter your email...";}' onfocus='if (this.value == "Enter your email...") {this.value = ""}' 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/Anaktimor-17 Blog' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvZNRrasNLP12pcXnFfed_ad4YntCFXVdG_WKAN0kQt9UF8rd4TgBLn0Ug9qC4Ym1Xt8-A_XmMu-M4_9smGmJgMY6uqVOhvzo6CbyzgJxRgQUDzCv6Ne6Hg5MGjSEIEExU3-NsaMm6SaJG/s40/w2bRSS+.png'/></a>
<a href='http://twitter.com/markuskono' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfdeIYFRxMkExSdpIPmE3856nzQpTKoLJ-pKzarf1d2LdVgoGXdKApI5pPxDiKM33GGVn_Z2FcPz7WhGbB_-pEj7rZwaw6ed06Dvu-gwaNPyJvNcCF38vhM5jgMbDLPxelNQG4WUYi0Km1/s40/w2bTwitter.png'/></a>
<a href='https://www.facebook.com/nilulat' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAofdjR65JksbTraMwy9NDgy7jlWZwR2mTiSBrBdkz1ZXkueducisKyaAxj7_868zpxb6arGQbI_mjodHvLp2Bbpp7cH3LHiDY8lXZ4CHeqUneKHS9WT6qn_H5aDfsgKKXbUcOnAKyo4g5/s40/w2bFaceBook.png'/></a>
</td>
</tr>
</tbody></table></div></div>
</b:if>
Ket:
Ubah #FF683F;
dengan kode warna kesukaanmu. Untuk kode warnanya sobat baca Kode Warna HTML Terlengkap !!
Sekarang ganti http://feedburner.google.com/fb/a/mailverify?uri=Anaktimor-17
Blog dengan
feed email milikmu.
Ganti Link oranye dengan feedburner anda
Jika berhasil, anda akan mendapat
tampilan seperti ini di bawah postingan.
1.
SELESAI,
Selamat mencoba dan selamat berkreasi .
Jika
ada pertanyaan ,silahkan berikan komentar ANDA di bawah ini !!
Semoga membantu!!
2 comments
- Top comments
- Newest first