Trik Memasang Dan Menampilkan Folowers Plus Tambahan Artikel dari Feedburner.
Hay kawan , aku baru saja menerapkan cara" ini kok hasilnya lumayan juga yaaaa trik TUTORIAL Memasang & Menampilkan Folowers dengan Tambahan Artikel dari Feedburner.
Hai kawan , jika anda ingin artikel anda menarik. Dan ingin dapatkan artikel yang bagus" jangan repot" dan jangan bingung ikuti saja tutorial ini. Mungkin anda bisa puas. Dan bisa mengembangkan website anda.
Berikut ini merupakan cara Anda dapat memasang atau menampilkan folowers dengan tambahan artikel dari feedburner.
Langkah" nya sangat mudah , yakni ;
1. Anda punya website : blooger / wordprees / sejenisnya.
2. Masuk tata letak
3. Pilih tambah gadget html javascript blogger.
4. Paste kode folowers & feedburner berikut;
<style>
#dgenera-blog {
border: 0;
margin-bottom: 10px;
margin: 0 auto;
width:300px;
}
#email-news-subscribe .email-box{
padding: 5px 5px;
font-family: "Arial","Helvetica",sans-serif;
height:38px;}
#email-news-subscribe .email-box input.email{
background:#FFFFFF;
border: 1px solid #dedede;
color: #999;
padding: 7px 10px 8px 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
border-image: initial;
font-family: "Arial","Helvetica",sans-serif;}
#email-news-subscribe .email-box input.email:focus{color:#333}
#email-news-subscribe .email-box input.subscribe{
background: -moz-linear-gradient(center top,#666 0,#333 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#666),color-stop(1,#333));
font-family: "Arial","Helvetica",sans-serif;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:1px solid #333;
color:white;
padding:7px 14px;
margin-left:3px;
font-weight:bold;
font-size:12px;
cursor:pointer;
border-image: initial;}
#email-news-subscribe .email-box input.subscribe:hover{
background-image:-moz-linear-gradient(top,#333,#666);
background-image:-webkit-gradient(linear,left top,left bottom,from(#333),to(#666));
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
outline:0;-moz-box-shadow:0 0 3px #999;
-webkit-box-shadow:0 0 3px #999;
box-shadow:0 0 3px #999
-pie-background:linear-gradient(270deg,#ffda4d,#ff9b00);
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:1px solid #333;
color:#FFFFFF;
}
#other-social-bar {
padding: 0px;
overflow: hidden;
height:37px;
margin-top:-8px;
}
#other-social-bar ul {list-style: none outside none; padding-left: 4px;}
#other-social-bar .other-follow {
float: left;
overflow: hidden;
padding:5px;
width: 270px;}
#other-social-bar .other-follow ul {
list-style: none outside none;
padding-left: 4px;}
#other-social-bar .other-follow li {
display:inline;
border:0;
}
#other-social-bar .other-follow li a {
font-size: 12px;
color:#666;
font-weight: bold; font-family:arial;
display:inline;
}
#other-social-bar .other-follow li.my-rss {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkBnvCJig4D3FlR_eAHeIdftW2UpgcJ3JFlEdKuCYymtuRXrIL9XI9MgcEdmoZYws2Kz_gXOcVNs3KWW-sGxhv-NIlQJ2rXElV3Q5nEySKOB7g59ZGXEQ2CYAvgjKRnc1P8Gwhr4kyhw8/s400/rss-16x16.png') no-repeat transparent;
line-height: 1;
padding: 0px 3px 1px 20px;
width: 60px;
margin-bottom:0px;
margin-left:5px;}
#other-social-bar .other-follow li.my-rss a, #other-social-bar .other-follow li.my-twitter a, #other-social-bar .other-follow li.my-gplus a{
text-decoration:none;
}
#other-social-bar .other-follow li.my-rss a:hover, #other-social-bar .other-follow li.my-twitter a:hover, #other-social-bar .other-follow li.my-gplus a:hover{
text-decoration:underline;
}
#other-social-bar .other-follow li.my-twitter {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy172bjUTPjMpCdlYktGUyXUvv-cREJZb4BRX-Y_j3jvOujJkZrT495F4nvggGUDGuA6Zy7Zx8t9BBib6ZI43ICIeFaU55-aTkL1d7UB3Y6CaB678iI7iKRP5TXYl0QyWFD1LUhB7zxE0/s400/twitter%2527.png') no-repeat transparent;
line-height: 1;
padding: 0px 3px 1px 20px;
width: 60px;
margin-bottom:0px;}
#other-social-bar .other-follow li.my-gplus {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjQD52pyfD3Hv38GiuAxy7izBFJuAqTYPrFvzRL3yn6VqYzQlKoen6S0_oIjxZoCw2SkguLFmib0Yg0awcKp5RQxusmn2Rgjq9b0WfE9wrHoCzUy0C-N3sWBKjmaFkEqS6Soa1b21Zd90/s400/gplus-16x16.png) no-repeat transparent;
line-height: 1;
width: 60px;
padding: 0px 3px 1px 20px;
margin-bottom:0px;}
.emailicon {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeXtd4whe_hBNSwtfvNxw9ObpAmDlTjDquUpzNq8RIxe4LixRl8MPgIhEWEphAc4zCE5-ZpAFFJScCOsQODV6FaIac9LVJeqcw0lc5ERk1MClt37oRbJ2gW0nm01LQfjDPMmcO9S3zrUZq/s400/MBT-RSS-FEED.gif") no-repeat scroll 0px 2px transparent;
padding: 0px 20px 0px 95px;
min-height:100px;
margin: 0px;
width: 183px;
line-height: 20px;
vertical-align: middle;
font-size: 14px;
color: rgb(51, 51, 51);
}
.emailicon p {
color:#FF8604;
font-size: 20px;
font-weight: normal;
font-family: impact;
padding:40 0px 10px 0px;
margin:0;
padding-top: 20px;
line-height: 25px;
text-shadow: 0px 1px 0px #fff, 0px 2px 0px #C6C6C6;
}
</style>
<!--[if IE]>
<style>
#email-news-subscribe .email-box input.subscribe{
background: #333;
}
</style>
<![endif]-->
<div id="KATA KATA HIKMAH [AL HIKMAH]" >
<div class="emailicon"><p>Dapatkan Update Artikel Gratis! </p></div>
<div id="email-news-subscribe">
<div class="email-box"> <form action="http://feeds.feedburner.com/blogspot/vrKPF" method="post" target="popupwindow" onsubmit="window.openundefined'http://feeds.feedburner.com/blogspot/vrKPF', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="10" class="email" type="text" style="width: 160px; font-size: 12px;" id="email" name="email"value="Enter Email Anda Disini..." onblur="if (this.value == '') {this.value = 'Enter your email here...';}" onfocus="if (this.value == 'Enter your email here...') {this.value = '';}" type="text" />
<input type="hidden" value="katakatahikmah" name="uri" /> <input type="hidden" name="loc" value="en_US" /> <input class="subscribe" name="commit" type="submit" value="Subscribe" /> </form> </div> </div>
<div id="other-social-bar">
<ul class="other-follow">
<li class="my-rss"> <a rel="nofollow" title="RSS" href="http://feeds.feedburner.com/blogspot/vrKPF" target="_blank">RSS Feed</a> </li>
<li class="my-twitter"> <a rel="nofollow" title="twitter" rel="author" href="https://kata-h.blogsport.com" target="_blank">Twitter</a> </li>
<li class="my-gplus"> </li>
</ul>
</div><p><a href="http://feeds.feedburner.com/blogspot/vrKPF" rel="alternate" type="application/rss+xml">Subscribe to Kata kata hikmah</a></p>
</div><script src="http://feeds.feedburner.com/blogspot/vrKPF?format=sigpro" type="text/javascript" ></script><noscript><p>Subscribe to RSS headline updates from: <a href="http://feeds.feedburner.com/blogspot/vrKPF"></a><br/>Powered by FeedBurner</p> </noscript>
4. Klik simpan .
Begitulah kawan , mudah bukan.
Sekarang lihat halaman home / halaman depan Anda. Lihat apa yang terjadi, apaanda puas. Silakah kasih komentar.
Sekian dari saya, semoga bermanfaat & sukses selalu.
Terima kasih telah membaca, salam sukses, semoga bermanfaat 
Comments