Widget Profil Media Sosial Dengan Rss Berlangganan Untuk Blogger

Widget Profil Media Sosial Dengan Rss Berlangganan Untuk Blogger - Dalam tutorial ini im akan menjelaskan bagaimana menambahkan Rss unik
Widget langganan dengan ikon profil media sosial. Ini juga widget unik yang dirancang oleh bloggertrix.com
Dengan menggunakan widget ini Anda dapat menghubungkan media sosial Anda profil Facebook, Twitter dan Rss dan lapangan berlangganan. Ini akan membantu untuk mendapatkan update baru dengan email. im ditambahkan untuk itu.

1. Masuk ke akun blogger dan klik drop down.

2. Sekarang pilih "Layout" Seperti bawah.

3. Klik Tambah Gadget dan pilih 'HTML / Javascript

4. Paste di bawah salah satu kode di bawah ini.

<style>
#btrixsocialcounters{
width:300px;
padding: 0 0 40px 0;
border: 1px solid #CCC;}
ul#btrixcounters {
    list-style: none;
    margin:0px;
    overflow: hidden;
    width:300px;
    padding:10px 0 40px 0;
     margin:10px 0 -60px 12px;
}
ul#btrixcounters li {
    float:left;
    margin:0px 0px 5px 0px;
    width:auto;
    padding:0px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;}
ul#btrixcounters li a {
    display: block;
    height: 54px;
    margin-right: 10px;
    padding-top: 85px;
    text-align: center;
    text-decoration: none;
    width: 85px;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
    font-weight: bold;
}
ul#btrixcounters li:hover {
    opacity:0.6
}
ul#btrixcounters li:last-child a{
    margin-right:0px;
}
ul#btrixcounters #counter-rss {
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwF38cl7MpxuAhVDF4IP11ZmqGTebBI16elTc0C1Cl65DzR5sWVF0sJlBmoA1PUU04AndQDBcmfAG2Pcfmz0sNfecW-rIYgC1sjwna-eKG3_qD2JQ760-3Zq8c9hirwDyCTz4cDm5ZM_Fi/s1600/btrix-rss-counter.jpg') no-repeat
}
ul#btrixcounters #counter-rss a {
    color:#cf6600
}
ul#btrixcounters #counter-facebook {
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQwAV6wt4IGKObRfj7MSWYmer-ETGAwvgHBZ0PwoIxVPeU6gQ3wkomNfX9jZDgE1kJTnG7VOGQALdzEZP48DVKFGrBSgandNd7xgQKHw7T41S0AjVJx6Mt-wO5ckaIAXgf0a0JosJouaDa/s1600/btrix-facebook-counter.jpg') no-repeat
}
ul#counters #counter-facebook a {
    color:#3b4d8f
}
ul#btrixcounters #counter-twitter {
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ61HysvIOADe8g47lbGaApLyZNlgQ9PJf97eNusiMXpnWZ3mnezZ9dNACIe6MPa8yPmuZ4VJ87ULMK1eE5GDPQNaNAGWoY9bnd2fgsP6TIqTfnp60ITRJAmPo5uV1OByAzK1LyIRi7Q1x/s1600/btrix-twitter-counter.jpg') no-repeat
}
ul#btrixcounters #counter-twitter a {
    color:#276ab6
}
.textwidget {width: 300px;margin-top: -50px;}
input[type="submit"] {color: white;border: 0px;text-transform: uppercase;font-size: 11px;padding: 13px;float: left;font-weight: bold;background-color: #2DA1EB;margin-left: 100px;cursor: pointer;margin-top: 10px;}
</style>
<center>
<br />
<div id="btrixsocialcounters">
<ul id="btrixcounters">
<li class="first-item" id="counter-rss">
<a href="http://feeds.feedburner.com/TempatBlogging">540</a></li>
<li id="counter-facebook">
<a href="http://www.facebook.com/TempatBlogging">2319</a></li>
<li id="counter-twitter">
<a href="https://twitter.com/#!/TempatBlogging">5263</a></li>
</ul>
<div class="btrixtextwidget">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=TempatBlogging', 'popupwindow', 'scrollbars=yes,width=350,height=520');return true" style=" padding: 3px; text-align: center;" target="popupwindow">
<h3>Enter your email address:</h3><br />
<input name="email" style="width: 180px;" type="text" /><br />
<input name="uri" type="hidden" value="TempatBlogging" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Subscribe" /></form></div><a href="http://mas-basir.blogspot.com/2013/04/widget-profil-media-sosial-dengan-rss.html" style="margin-right: -50px;margin-top: 100px;font-size: 10px;">Add this</a>
</div>

Anda harus mengubah counter manual, hanya mengubah nomor warna merah sesuai dengan profil.

Ganti TempatBlogging dengan Feedburner ID
Ganti TempatBlogging dengan nama pengguna Facebook Anda
Ganti TempatBlogging dengan Twitter Nama

5. Sekarang menyimpan HTML / Javascript '.

     Anda telah selesai ... 

Share this post