Widget Sosial Share Counter V2

  Brock Blog | Nahh kali ini saya memposting versi 2nya sobat. Social share counter ini tidak kalah keren dengan versi pertamanya sobat. Jadi nunggu apalagi silahkan coba.
Social Share Counter v2
Langkah :
  1. Buka akun Blogger Anda
  2. Masuk ke Menu edit HTML, jangan lupa centang Expand Template Widget
  3. Cari kode dibawah ini :
]]>
    4.  Pastekan kode dibawah ini, diatas pada kode diatas :
#socialbox, #socialbox ul, #socialbox ul li, #socialbox ul li p, #socialbox ul li p img, #socialbox ul li p span, #socialbox ul li p a{
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}
#socialbox{
    color: #768a96;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
    #socialbox ul{
        background: url(http://2.bp.blogspot.com/-7EWetyyZxfM/UBKl601O4jI/AAAAAAAACEY/u8PmF-xubfM/s320/john.png) repeat;
        border: 1px solid #d8dcdf !important;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0px 2px 4px #dfe4e7;
        -moz-box-shadow: 0px 2px 4px #dfe4e7;
        box-shadow: 0px 2px 4px #dfe4e7;
        list-style: none;
        margin: 0 !important;
        padding: 0;
    }
        #socialbox ul li{
            background-image: none;
            border-bottom: 1px solid #d8dcdf;
            height: 59px;
            list-style: none;
        }
        #socialbox ul li:last-child{
            border-bottom: none;
        }
            #socialbox ul li p{
                padding: 19px 9px 0 9px;
            }
                #socialbox ul li p img{
                    border: none;
                    margin-right: 10px;
                    position: relative;
                    top: 3px;
                    vertical-align: baseline;
                }
                #socialbox ul li p span{
                    color: #425763;
                    font-weight: bold;
                }
                #socialbox ul li p a.socialbox-button{
                    background: url(http://2.bp.blogspot.com/-7EWetyyZxfM/UBKl601O4jI/AAAAAAAACEY/u8PmF-xubfM/s320/john.png) no-repeat;
                    border: 1px solid #d8dcdf;
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                    border-radius: 3px;
                    color: #425763;
                    float: right;
                    font-size: 11px;
                    font-weight: bold;
                    line-height: 11px;
                    padding: 6px 10px;
                    position: relative;
                    text-decoration: none;
                    text-transform: uppercase;
                    top: -2px;
                }
                #socialbox ul li p a.socialbox-button:hover{
                    background: url(http://2.bp.blogspot.com/-7EWetyyZxfM/UBKl601O4jI/AAAAAAAACEY/u8PmF-xubfM/s320/john.png) 0 -27px no-repeat;
                }
                #socialbox ul li p a.socialbox-button:active{
                    background: url(http://2.bp.blogspot.com/-7EWetyyZxfM/UBKl601O4jI/AAAAAAAACEY/u8PmF-xubfM/s320/john.png) 0 -54px no-repeat;
                }
    5.  Save Template Anda
    6.  Sekarang, masuk ke menu Layout > Add Gadget > HTML/Javascript, pastekan kode dibawah ini :

   
" title="Like on Facebook" target="_blank">Facebook40,811 Fans                          
       
       

  •            
                    Username Twitter Disini
  • " title="Follow on Twitter" target="_blank">Twitter53,878 Followers                          
           
           

  •            
                    Username Youtube Disini
  • " title="Subscribe to Youtube Channel" target="_blank">YouTube12,659 Subscribers                          
           
           

  •            
                    Username Dribbble Disini
  • " title="Follow on Dribbble" target="_blank">Dribbble1,579 Followers                          
           
           

  •            
                    ID Feedburner Disini
  • " title="Subscribe to Feed" target="_blank">Feedburner104,027 Subscribers                          
           
       
        7.  Ganti kode merah diatas dengan profil social sobat.

    Semoga bermanfaat, terima kasih.
    Sumber artikel : http://www.mybloggerclub.com/2012/07/wordpress-design-blogger-social-share-widget-v2.html

    0 komentar:

    Posting Komentar

    Silahkan berkomentar di bawah sini . Bentuk Promosi akan di SPAM Terima Kasih