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
#top-social-profiles{height:42px;text-align:right}#top-social-profiles img{margin:0 6px 0 0px !important}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 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>
<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.