Widget Static Social Counter

Respons: 4 komentar
limitpost.blogspot.com, limitpost, limit post

 Kayanya udah lama banget nih gak share tentang widget hehehe. Mungkin sudah banyak orang yang make widget " Social Media " seperti Facebook, Twitter, Google+, dll. Yang rata-rata bisa dibilang berat pas mau load blognya. Apalagi itu yang namanya Facebook like box, beeehh no comment dah buat widget yang ini.

   Widget yang satu ini emang gak bisa dibilang berat sih, kalo pun itu bisa membikin loading blog anda berat paling cuma sedikit. Ini cuma seperti nampilin link saja pada widgetnya tapi dengan sedikit tampilan agar menarik biar gak bosen sama tampilan teks doang.


Ya sudahlah daripada panjang lebar lebih baik kita simak caranya :

Pemakaian :
- Masuk ke blog anda.
- Lalu masuk ke tata letak > Tambah widget.
- Lalu klik yang HTML / Javascript.
- Masukan kode dibawah ini :


<div class="sidebarContainer" id="sidebarSubscribe">            <a target="_blank" href="Your Feedburner Feed Link" class="subscribeSidebarBox" id="subscribeRSS">                <span class="icon"></span>                <span class="title">Subscribe to our RSS feed</span>                <span class="count">RSS Subscriber Count+</span>            </a>                        <a target="_blank" href="Your Twitter Profile Link" class="subscribeSidebarBox" id="followTwitter">                <span class="icon"></span>                <span class="title">Follow " your name here " on Twitter</span>                <span class="count">Twitter Fan Count+</span>            </a>                        <a target="_blank" href="Facebook Fan Page Link" class="subscribeSidebarBox" id="likeFacebook">                <span class="icon"></span>                <span class="title">Like us on Facebook</span>                <span class="count">Facebook Fan page count+</span>            </a>        </div>
<style>#sidebarSubscribe {    padding: 25px 30px 20px;}a.subscribeSidebarBox {    border: medium none;    cursor: pointer;    display: block;    height: 60px;    margin-bottom: 8px;    position: relative;    width: 265px;}#sidebarSubscribe span {    color: #6E6E6E;    display: block;    padding: 3px;    position: absolute;    text-shadow: 1px 1px 0 white;}#sidebarSubscribe .icon {    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOi5K28GXkslZs1XwhyEZ6I7CsQjN-O2REDNPJ_uo5VD0OF_8QnzK4CiAXaziL5_njP-1yrvXss5PrSpYR4HtWuQleh8ydgKOkhHZ850SnzKgeRLjKpSpGuQdda2p1ljVJKXCI3TR08Tw/s1600/tzine_sprite.png") no-repeat scroll 0 0 transparent;    height: 45px;    left: 10px;    top: 10px;    width: 55px;}#sidebarSubscribe .title {    font-size: 12px;    left: 70px;    top: 8px;}#sidebarSubscribe .count {    font: bold 18px/28px 'Myriad Pro',Tahoma,Arialm,sans-serif;    left: 70px;    top: 23px;}#subscribeRSS .icon {    background-position: 0 -50px;}#followTwitter .icon {    background-position: -100px -50px;}#likeFacebook .icon {    background-position: -200px -50px;}a.subscribeSidebarBox {    background-color: #FAFAFA;    border-radius: 10px 10px 10px 10px;}a.subscribeSidebarBox:hover {    background-color: #FDFDFD;}
a, a:active {   text-decoration: none;}
</style>

- Lihat huruf yang bercetak tebal : biru : Ganti dengan link Social media anda.
                                                          merah : Ganti dengan jumlah angka social media anda.
- Lalu save widget baru anda, Save lagi templatenya.
- Dan selesai.

   Sayangnya widget ini menghitungnya secara manual bukan otomatis, kalo bisa anda mengupdatenya setiap 1 minggu atau 1 bulan sekali. Inti menghitungnya adalah begini, jika fanspage facebook anda memiliki jumlah like sebanyak 32 ganti yang bercetak tebal menjadi 30+. Paham kan yang saya maksud. Kalo gak silahkan berkomentar dengan sopan :).

4 komentar:

Silahkan berkomentar. Komentar yang mengandung spam akan terhapus secara otomatis. Anda juga bisa menyisipkan kode seperti biasa pada komentar anda.

Copyright © VendiardyAG™

Best View On : Mozzila FirefoxDesigned By: VendiardyAG