Home » » Cara Menambah Tool Social Media

Cara Menambah Tool Social Media

     Social Media Tool, Berguna juga untuk mempercantik tampilan web atau blog kita selain iklan. Namun yang perlu kita ketahui bahwa tidak semua template memberikan tool social media.
     Selain itu kita juga harus memperhatikan penempatan tool social media yang hendak kita pasang bila tidak tepat juga besa membuat tampilan blog atau web kita jadi tidak karuan. Jadi sebaiknya bila kita hendak menambah tool social media kita perlu perhatikan juga tampilan template kita. Bila kamu sudah tau di mana akan kamu pasang tool social media kamu sekarang tinggal bagai mana cara memasangnya. Dan berikut salah satu cara memasang tool social media yang sederhana.

Cara memasang Tool Social MEdia Di Blog
  • Pertama kali kalian masuk ke dasbor blog kalian
  • lalu pilih Teamplate lalu edit HTML
  • Lalu Cari Kode ]]></b:skin> atau </style> untuk memudahkan pencarian tekan (Ctrl+F) Lalu copy dan paste kode CSS berikut ini tepat di atasnya lalu save teamplate.
#top-social-profiles{height:42px;text-align:right}#top-social-profiles img{margin:0 6px 0 0px !important}
#top-social-profiles img:hover{opacity:0.8}
#top-social-profiles .widget-container{background:none;padding:0;border:0}
.social-profiles-widget img{margin:0 6px 0 0}
.social-profiles-widget img:hover{opacity:0.8}
  • Setelah selesai langkah di atas selanjutnya ke Layot atau Tata Letak.
  • Pilih terserah mau memasangnya di mana lalu pilih Add a Gadget lalu pilih HTML/JavaScript
  • Untuk bagian judul kosongkan saja lalu bawahnya pastekan kode berikut ini
<div id='top-social-profiles'>
<ul class='widget-container'>
<li class='social-profiles-widget'>
<a href='http://www.twitter.com/lorongklik/' target='_blank'><img alt='Twitter' src='https://lh6.googleusercontent.com/-40NMu9YKlek/VJ66NcYZy3I/AAAAAAAAI5Y/9Yn9ZtLQb18/s32-no/twitter.png' title='Twitter'/></a>
<a href='http://www.facebook.com/lorongklik/' target='_blank'><img alt='Facebook' src='https://lh6.googleusercontent.com/-DDBzF64PrRQ/VJ66Llwc7uI/AAAAAAAAI44/9cZaAsCSBOM/s32-no/facebook.png' title='Facebook'/></a>
<a href='http://plus.google.com/103329103950948291283/' target='_blank'><img alt='Google Plus' src='https://lh4.googleusercontent.com/-87tOc499YgM/VJ66MM6smeI/AAAAAAAAI48/CpqKtTJyhSs/s32-no/google.png' title='Google Plus'/></a>
<a href='http://www.linkedin.com/in/lorongklik' target='_blank'><img alt='LinkedIn' src='https://lh6.googleusercontent.com/-wsMOZqtgZsI/VJ_Wi7YStbI/AAAAAAAAI9Y/xWVrEivmlZY/s32-no/linkedin.png' title='LinkedIn'/></a>
<a href='http://www.pinterest.com/lorongklik/' target='_blank'><img alt='Pinterest' src='https://lh5.googleusercontent.com/-rQI0ZCqxvX0/VJ_WjcQ9QII/AAAAAAAAI9g/0XajOPBuXKI/s32-no/pinterest.png' title='Pinterest'/></a>
<a href='http://instagram.com/lorongklik' target='_blank'><img alt='Instagram' src='https://lh4.googleusercontent.com/-3MPofh4xhe4/VJ66Ma_XWaI/AAAAAAAAI5E/6d8mLJBvFFU/s32-no/instagram.png' title='Instagram'/></a>
<a href='http://www.youtube.com/user/lorongklik' target='_blank'><img alt='Youtube Channel' src='https://lh3.googleusercontent.com/-iuHC7JsIgz0/VJ_WHFriyOI/AAAAAAAAI9I/S2gf8lcU8uA/s32-no/youtube%2Bicon.png' title='Youtube Channel'/></a>
</li>
</ul>
</div>
  • Selanjutnya kalian ganti Link yang berwarna merah dengan Link social media milik kalian
  • setelah semua langkah di atas selesai kalian simpan atau save dan liat hasilnya.
     Demikian cara menambah Tool social media di blog. Bagaimana mudah bukan? selamat mencoba dan semoga work di template kalian namu bila kalian malas untuk memasangnya kalian bisa mencari template yang sudah memiliki tool social media. Trimakasih.
Comments
0 Comments

0 komentar: