H ai frenz q, rarafei Subscribe Email dengan Related Post Bergerak Plus Hover , dijamin pasti para frenz rarafei pasti sangat berminat dengan tutorial ini.... Ok deh tanpa berlama - lama lagi mari ikuti saja cara pemasangannya ya......
Login ke blog kalian Click Template >>> edit template Kemudian cari kode <data:post.body/> terus dibawah <data:post.body/> kan ada kode
</b:if>
4. Nah letakkan kode dibawah ini tepat dibawah >>> <b:else/>
Code :
<b:if cond='data:blog.pageType == "item"'>
<style>
form.feedburner{
margin:20px 0 0;
display:block;
clear:both;
}
.RBstyle{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBVcHj8-wLRH2NRMy3JZHuWyBMjZJFZcin6hSJ7kMhflWghYkv_QPy6B1h-t9qDqNcxCEbk7Oe3Z-ZjUVQQT3ejWkl-M7ktExjUK9Wx0p-lj5fT65o2fE35jlGvpBv_cJBaBrzgmL3rnUw/s400/email_icon.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;
}
.RBsubmit{
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,#F4F4F4 0%, #FBFBFB 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#F4F4F4));
background: -webkit-linear-gradient(top, #F4F4F4 0%,#FBFBFB 100%);
background: -o-linear-gradient(top,#F4F4F4 0%,#FBFBFB 100%);
background: -ms-linear-gradient(top,#F4F4F4 0%,#FBFBFB 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F4F4F4', endColorstr='#FBFBFB',GradientType=0 );
background: linear-gradient(top, 0%, 100%);
}
#emailwidget-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:650px;
}
#emailwidget-outer:hover{
background: none repeat scroll 0 0 #8E006B ;
-moz-box-shadow: 1px 1px 2px #FE80DF inset;
-webkit-box-shadow: 1px 1px 2px #FE80DF inset;
box-shadow: 1px 1px 2px #FE80DF inset;
}
#emailwidget-outer td{
padding:3px 0;
}
</style>
<center>
<div id='emailwidget-outer'>
<div id='emailwidget'>
<table style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;' width='100%'>
<tbody>
<tr style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>
<td align='left' style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'> <p style='color:#666; font-weight: bold; font-size: 22px; margin:0px 0px 5px 0px; '>Get free daily email updates!</p>
<form action='http://feedburner.google.com/fb/a/mailverify' class='feedburner' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri= rarafei ', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='Realcombiz'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='RBstyle' 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='RBsubmit' title='' type='submit' value='Submit'/>
</form>
</td>
<td style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'><p style='color:#666; font-weight: bold; font-size: 14px; margin:0px 0px 5px 0px; '>Follow us!</p>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=rarafei ' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9wMd0N86b8BvCtgezhwjic4rtdTz0WnjLv3Z-XT0vz4khCIHGj2oivYK5EK9MvJd4TwRXb-l7CTAkTTO3nOM0d8BVGAU4cXhHeL7fbDDI51asMv38G_Vuu5NfJlXFJ6i5F_9PiBWEieI/s1600/rss-30×43.png'/></a>
<a href='http://twitter.com/rara_fei ' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZLK6PXID0cZZ2gBp7c9lVbjldGMpsZ1IEdcbojGjfWdbwqyBLaXtGgyKv1SeoU05b0PZ_aqe8FW6k2oDCiZ7vX7UBxOycZ1H-zE6N9bYMmOdxp6ZNSBVZM1Qc1YbS6MNf89aiBpj1JhU/s1600/twitter-30×43.png'/></a>
<a href='http://www.facebook.com/rarafei ' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij0O0xPGabTNrYcDRSRsYxQ7rgf-c0WTXitIsH-oz4wix3crUMhJSXCSgf-Fl0lh0K0QnIIk7FqXzIDKIfFkgkIePuBJJ5U9hH1jZDDvvO0DJ6sfp9tGbadd4U3fnE87T4qJNZ4Rg_l0g/s1600/facebook-30×43.png'/></a>
<a href='https://plus.google.com/117657963744804320768 ' rel='nofollow' target='_blank' title='Follow us on Google+'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKRF8hxYM4WG7vXYNzz3J-ZebQk-xhKCFMK1805OINZn3fPZGAf38i_y_OctKtyNxKd4fx9ULZdBAQePhJtMF6ztkQQKrABP-rr4yLvjRVkYQGJD9tjVJrCRVxkLzEmJmXZSvI-937TME/s1600/googleplus-30×43.png'/></a>
</td>
</tr>
</tbody>
</table>
<!-- Marquee Kompiajaib Related Posts with Thumbnails Code Start--> <b:if cond='data:blog.pageType == "item"'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=7"' type='text/javascript'/></b:if></b:loop><left> <h3>Related Post</h3></left> <div style='border0px solid #191919; border-bottom:0px solid #666; border-right:0px solid #666;margin: 0px auto; padding: font-size: 4px; color: solid #CC0099;width:98%;float:left;height45%'> <marquee align='center' behavior='scroll' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'> <script type='text/javascript'> var currentposturl="<data:post.url/>"; var maxresults=7; var relatedpoststitle=""; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script></marquee> </div> </div><div style='clear:both'/> </b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'> </b:if> </b:if> <!-- Marquee Kompiajaib Related Posts with Thumbnails Code End-->
</div></div>
</center></b:if>
5. Lalu ganti tulisan berwarna lime 6. Dan ganti tulisan berwarna biru dengan code warna yang sesuai dengan keinginan kalian 7. Kemudian Save template kalian dan lihat hasilnya....dijamin kalian pasti puas dengan tampilannya...... Kalo Kalian pengen tau hasil nya lihat aja dibawah artikel ini ya.....
Sekian dulu tutrorial Subscribe Email dengan Related Post Bergerak Plus Hover
Artikel 
0 komentar