Rabu, 31 Agustus 2016

Cara mengganti link medzsos pada template blog

Cara Memasang Widget Ikon Media Sosial di Sidebar Blog

1. Login ke Blogger.
2. Klik "Template" > "Edit HTML"
3. Temukan (Ctrl+F) kode ]]></b:skin> atau </style> dan Copas kode CSS berikut ini di atasnya:


#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}

4. Save Template!

Lanjut dengan langkah berikutnya, yaitu pemasangan link akun medosnya di Layout (Tata Letak):

5. Klik "Layout" > "Add a Gadget" > pilih "HTML/JavaScript".
6. Copas kode berikut ini di kolom "content". Judulnya cuekin aja, biarkan kosong!

<div id='top-social-profiles'>
<ul class='widget-container'>
<li class='social-profiles-widget'>

<a href='http://www.twitter.com/*****/' 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/*****/' 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/*****' 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/******' 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/*****/' 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/*****' 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/*****' 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>

SUDAH? Belum......!
Ganti link yang berwarna ungu dengan link media sosial Anda!

7. Nomor Jersey Angel Di Maria di Manchester United (MU) dan no jersey Ronaldo di Real Madrid, juga no punggung Atep Kapten Persib Bandung :)

8. Save! You're done!!!

Related Posts:

  • Cara mengganti link medzsos pada template blog Cara Memasang Widget Ikon Media Sosial di Sidebar Blog 1. Login ke Blogger. 2. Klik "Template" > "Edit HTML" 3. Temukan (Ctrl+F) kode ]]></b:skin> atau </style> dan Copas kode CSS berikut ini di atasnya: … Read More
  • Cara mengganti gambar dan link pada slider.1. Hal yang pertama yang harus anda lakukan pastinya buka blog anda, 2. Masuk kebagian Template, Edit HTML. 3. Setelah itu cari sctipt html yang menunjukan tempat slide blog, misalnya seperti    berikut. atau bica … Read More

0 komentar:

Posting Komentar