Powered by Blogger.

Cara membuat dan memasang jejaring social di blog

Banyak cara bagi para pemilik blog untuk meningkatkan trafik pengunjung web ataupun blog mereka, dan salahsatunya adalah yang akan saya share kali ini yaitu dengan memanfaatkan situs jejaring social. Seperti kita ketahui bahwasannya terdapat banyak situs jejaring social yang kita kenal, dan menurut hasil pantauan saya facebook adalah situs jejaring terbesar yang memiliki pengunjung lebih dari 1 juta pengunjung perharinya. Maka apabila anda mampu memanfaatkan itu semua, maka akan berpengaruh positif pada web atau blog kalian.
Jika kalian ingin memaksimalkan pengunjung web atau blog melalui perantara social media saya sarankan anda mengikuti tutorial dan trik kali ini yaitu dengan Cara Memasang Script social media di blog kalian, dan caranya adalah :

1. Klik Edit Template --> untuk mengedit template kalian.
2. Cari kode ]]></b:skin> (gunakan pencarian untuk mencari kode tersebut, setelah ditemukan maka kemudian copy kode dibawah ini dan letakkan diatas kode ]]></b:skin>, dan kodenya adalah :

/* SIDEBAR */ .social-box{width:280px;padding:9px;margin:0;overflow:hidden;background-color:#f8f8f8;border:1px solid #e2e2e2!important;text-align:center;}a.social-item-box{display:block;color:#4b4b4b;float:left;width:64px;overflow:hidden;margin:0;padding:4px 0;background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5cvaXFl75eY-kokEMFgSYtbNHu2hyphenhyphenm3lnWYLQQAo3NkXEbalGI8csKs4wh98MP3FAivfa4Yrro8KZOBCefKFFTuJNC1jM0lfl_mFzAIfJw7B_7iz3sRslkx6H6CY74JBiyNl3vjU1-Dc/s1600/Social-Just4rt.png");background-repeat:no-repeat;}.social-item-outer{margin:0 0 0 7px;overflow:hidden;float:left;display:inline-block;}.social-item-outer:hover{background:transparent;}.social-item-outer:nth-child(1):hover{box-shadow:0px -2px 0px #0182c4 inset;}.social-item-outer:nth-child(2):hover{box-shadow:0px -2px 0px #20b8ff inset}.social-item-outer:nth-child(3):hover{box-shadow:0px -2px 0px #d44132 inset;}.social-item-outer:nth-child(4):hover{box-shadow:0px -2px 0px #f79238 inset;}.social-item-outer:hover{box-shadow:0px -2px 0px #FF8168 inset;}.social-item-outer:first-child{margin-left:0px;}.facebook-box{background-position:7px 4px;}.rss-box{background-position:-73px 4px;}.twitter-box{background-position:-153px 4px;}.googleplus-box{background-position:-233px 4px;}.counter{margin:60px 0 0 0;font-family:'Oswald',Verdana,Sans-serif;line-height:1.2em;font-size:16px;font-weight:500;}.social-title{color:#888;font-size:11px;}.sidebar{margin:15px 0 0 0;padding:0 0 0 0;font-size:0.92em;}.sidebar h3, .sidebar h2, #right-post h2, #right-post h3{font-family:'Oswald',Verdana,Sans-serif;line-height:1em;font-size:15px;font-weight:bold;letter-spacing:0.5;padding:2px 0;color:#555;margin:0 0 10px 0;text-transform:uppercase;border-bottom:3px solid #4b4b4b;}.sidebar .widget-content, #right-post .widget-content{overflow:hidden;margin:0 0 5px 0;padding:0 0 10px;}.widget-content ul,.widget-content ol{list-style:none;margin:0 0 0 0;padding:0 0 0 0;}.widget-content ul li,.widget-content ol li{padding:2px 1px 7px;border-bottom:1px dotted #e2e2e2;margin-top:-2px!important;}.widget-content ul li:last-child,.widget-content ol li:last-child{border-bottom:none !important;}#sidebar img,#sidebar iframe{max-width:100%;border:none;}.PopularPosts .item-snippet{font-size:11px;color:#888;max-height:45px;overflow:hidden;}.PopularPosts .item-thumbnail{transition: all 0.35s ease-in-out 0s;margin:0 8px 0 0;display:inline;opacity:10;}.PopularPosts .item-thumbnail a img{height:69px;width:69px;display:block;margin:0;padding:2px;border:1px solid #e8e8e8 !important;-webkit-transition:all 0.35s ease 0 s;-moz-transition:all 0.35s ease 0s;-o-transition: all 0.35s ease 0s;transition:all 0.35s ease 0s;}.PopularPosts .item-thumbnail a img:hover{background:#333;border:1px solid #333 !important;}.PopularPosts .widget-content ul li{padding:3px 0px !important;border-bottom:1px dotted #e2e2e2;} .PopularPosts .widget-content{margin:2px 0px -6px;!important}.PopularPosts .item-title{font-weight:bold;}.profile-img{background:#555;transition: all 0.35s ease-in-out 0s;padding:4px;border:1px solid #2b2b2b;display:inline;opacity:10;margin:0 8px 5px 0;}.profile-img:hover,.follow-by-email-inner input[type="text"]:focus{border-color: rgb(111, 162, 208);box-shadow: 0px 0px 6px rgba(0, 125, 230, 0.8);opacity:0.9;}

Jika sudah selesai maka SAVE/SIMPAN

3. Tata Letak  --> Add Widget  kemudian masukkan kode berikut ini kedalamnya.

"" <div class='widget-content'> <div class='social-box'>  <div class='social-item-outer'>  <a class='social-item-box facebook-box' href='http://www.facebook.com/ganti' title='Become a Fan' target='_blank'>  <div class='counter'>    20.378
</div>  <span class='social-title'>Fans</span>  </a>  </div>   <div class='social-item-outer'>  <a class='social-item-box twitter-box' href='http://twitter.com/ganti'target='_blank' title='Follow Us'>  <div class='counter'>    2.145
</div>  <span class='social-title'>Followers</span>  </a>  </div>   <div class='social-item-outer'>  <a class='social-item-box googleplus-box' href='http://plus.google.com/+ganti' rel='author' title='Add to Circle' target='_blank'>  <div class='counter'>    1.987
</div>  <span class='social-title'>Circlers</span>  </a>  </div>   <div class='social-item-outer'>  <a class='social-item-box rss-box' href='http://www.blogger.com/follow-blog.g?blogID=ganti ( angka)' target='_blank' title='Follow This Blog'>  <div class='counter'>    490
</div>  <span class='social-title'>Followers</span>  </a>  </div>  </div> </div> ""

Kemudian SAVE/SIMPAN

Nah selesai sudah, semoga bermanfaat.

Back To Top