Menambahkan get social di blog

Ikuti langkah-langkahnya di bawah ini

1. Masuk ke Blogger dashboard, klik Layout (Tata Letak), Edit HTML, centang tanda Expand Template Widget.
2. Untuk keamanan, lakukan backup lebih dahulu jika terjadi kegagalan dalam melakukan editing. Klik Download Template Lengkap dan simpan.
   
3. Copy kode dibawah ini :
   
   
   
   /*-----------Social Bookmarks------------------*/
   
   .rsociales ul {
   display:inline;
   margin:0pt !important;
   padding:0pt !important; }
   .rsociales li {
   background:transparent none repeat scroll 0%;
   display:inline;
   list-style-type:none;
   margin:0pt;
   padding:2px; }
   .rsociales img {
   border:0pt none;
   float:none;
   margin:0pt;
   padding:0pt; }
   .rsociales-sobre { opacity:0.4; }
   .rsociales-sobre:hover { opacity:1; }
   
   
4. Paste sebelum kode : ]]></b:skin>
5. Cari kode : <data:post.body/>
   Jika sudah ada fitur "Read more" atau "Continue reading" , cari kode : <data:post.body/> yang kedua
6. Jika template Anda menggunakan readmore otomatis, sisipkan kode tersebut setelah <b:if cond='data:blog.pageType == "item"'> <data:post.body/>
7. Copy dan paste, kode dibawah ini, setelah kode : <data:post.body/>
   
   
   
   

   <h3> Share This </h3>
   <div class='rsociales'>
   
   <ul>
   <li><a expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Technorati'><img alt='Agregar a Technorati' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitQZ-4kqWeHNh1kel06PUnmWyTttyW4paf3q_VU80jPFpdb-LBHeXWGzmHwZxFODWcqG5UVb5d_bbvG2kAkBzj1PczVneA5UhojLPGHDumRUsXbbgrFbOx4OkriRHdYX4YlnXtGoht_vQ/s1600/technorati.gif'/></a></li>
   <li><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='del.icio.us'><img alt='Agregar a Del.icio.us' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2fZQgKZWEJVJgkwepPjl63hERXqSNv-PCsaULmCC0rH9DKlUmu2027nMfHNppiCU6K0GhGdO4qnVEQEBZxTGeKNAGxPWnYHNmUoaDGj3e9qcjOusDX1tYb4hR_jISVbYqyqo5o4gRZk4/s1600/delicious.gif'/></a></li>
   <li><a expr:href='&quot;http://digg.com/submit?phase=2&amp;amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='digg.com'><img alt='Agregar a DiggIt!' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy9JCcCsIJr-yg0jWqSCNdqf3O0ZWYlq2LIGBumhRLjzzs3ZVWVAZVPL3I-MTr3fTSVOaj8jPmwDv2uRJ5QojDwmBoDEY2t9DPbB7VNj1Ucbjnuey0cmED1tSGZ-DfmXIZVLc7wpg-AU4/s1600/digg.png'/></a></li>
   <li><a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Yahoo'><img alt='Agregar a Yahoo!' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsaLgp6hI8CL3Wlp8LjMniimIyJgd-b-sjcdzYrOnmwsRU6DW2k9CRqt6m5mg9d6tLyJJ8Zf5iGvSB83yt5GeHjazYT26Zmkm8YpcPXru6Ll7XKLhcjR2D3vfBuhSBjdw_fep87LVgkgA/s1600/yahoo.png'/></a></li>
   <li><a expr:href='&quot;http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Google'><img alt='Agregar a Google' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKZcw4upF9HTZElR4_hcUteaNSpeLwOqceLG0WR_t_uaoAJPh1ADzdP4RLEHHQIPh6HjnwuwtcRV5y7wnLDImXRHsD0UBnqowfa0JdgEn4ZpFbR37bN7JlKEX_LM_Bc8rEE6JkzefwnK8/s1600/google.gif'/></a></li>
   <li><a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='reddit.com'><img alt='Agregar a Reddit' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhUdgaV6CLEvukF6iENie2NNFqj0ZloJMvYVQuva6kLuR4qjFSaDjPq9PSDeUXBh6zLUAFPR6kZ5zQz4Sjp9TqVDL45X5eSG8IrdWHHTs8Irt3aLzP1xJTVFVc73siGxxTABRnBgaw_sY/s1600/reddit.gif '/></a></li>
   <li><a expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='blinklist.com'><img alt='Agregar a Blinklist' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9NmSwke3YUZRTyRJPGgcXFTcj3cWKMeK8M9NpndPhBQZuAB3ZXG5OP-0_PdNrl020tLtKl8ffDQHMmFVz5afeNOhzoPjmeaNPI-VZ9CEqN2ASZwdvz0rqaMBgY3IDlyj47tlEhdyvUic/s1600/blinklists.gif'/></a></li>
   <li><a expr:href='&quot;http://blogmarks.net/my/new.php?mini=1&amp;simple=1&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='blogmarks.net'><img alt='Agregar a Blogmarks' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoD0tSYwiubl_jiuotzxXUtxdaOHfMEPSAfgmn16mSvEnXpS6qWGTWRuK7wMeaMJ_7JylI3RxV2-vns3UJQ_45T2BsmulMZfmhR5MFdvk4yDs9qmCN-eynp1DDRnq1-5fKvqAY1iqz2CA/s1600/blogmarks.gif'/></a></li>
   <li><a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Facebook'><img alt='Agregar a facebook' class='rsociales-sobre' src='http://lh5.ggpht.com/jaloee/SJNIyWWQmEI/AAAAAAAACRY/4GVE3Qxqg34/facebook.gif'/></a></li>
   <li><a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Twitter'><img alt='Agregar a twitter' class='rsociales-sobre' src='http://lh6.ggpht.com/jaloee/SJNIyl7oKlI/AAAAAAAACRc/8cc7q_upZI4/twitter.gif'/> </a></li>
   </ul>
   
   </div>

   
   
8. Simpan
9. Catatan:
   
• Anda dapat menempatkannya di mana saja selama masih di bagian posting.
• Anda juga dapat menyisipkan di bawah kode :
  <div class='post-footer-line post-footer-line-1'>
  atau dibawah kode :
  <div class='post-footer-line post-footer-line-2'>
  atau dibawah kode :
  <div class='post-footer-line post-footer-line-3'>
• Anda juga dapat mengganti icon dengan menggunakan gambar Anda sendiri dengan mengganti URL milik Anda sendiri dimana icon tersebut Anda simpan (Misalnya : src='http://Your URL Images Saved/images.gif' )
  

Selamat mencoba, semoga berhasil ...!!!

Categories: Blogger