March 24, 2016
Bimbing Dong
Icon Sosial menjadi salah satu Widget yang sangat penting dalam blog atau Web. Berdasarkan ungkapan para ahli, fungsi link akun media sosial yang dipasang di blog antara lain "attract new readers and engage with regulars", menarik pembaca baru dan "merawat" pengunjung setia.
Disini kita coba membahasa masalah, bagaimana cara memberikan label icon sosial dalam blog, mungkin ada beberapa teman kita menanyakan masalah yang sama, berikut ini cara menambah, atau memasang widget icon/link media sosial di sidebar blog yang juga berfungsi menambah follower, liker, dan teman. dan menurut para ahli, akun media sosial, selain berfungsi menyebarkan posting blog, juga bisa menjadi sumber "backlink" atau "outbond link", yakni tautan dari situs lain ke blog kita.
Backlink adalah salah satu yang diperhatikan oleh mesin pencari Google untuk menentukan peringkat blog kita di halaman hasil pencarian (SERP).
Perlu diingat bahwa :
1. Logo / icon harus menambahkan icon / gambar seperti diatas dengan cara ambil logonya dan bisa kita masukkan ke pos atau laman blog baru untuk mengambil alamat gambar
contoh : gambar Youtube seperti diatas kita ambil saja
https://www.youtube.com/channel/UCMWjJvY13qWMQOP3ZaH0EDA
dari semua yang keluar di HTML pos atau laman ambil saja seperti diatas biasanya tengah.
dan langsung di copy ke dalam link yang saya buat di bawah ini;
2. untu alamat url-nya diambil punya url sendiri yang telah dibuat sesuai kebutuhan. jika belum
dibuat lihat cara membuatnya. dalam blog ini. atau bisa tanyakan di komentar dibawah,
ataupun kontak admin
untuk menghemat waktu bisa juga kita paste yang saya berikan dibawah ini:
langkah-langkah membuat Icon Sosial Sebagai berikut:
Cara Memasang Widget Ikon Media Sosial :
1. Login ke Blogger.
2. Klik "Template"
3. Klik "Edit HTML"
Temukan ]]></b:skin> atau bisa juga (Ctrl+F) dan cari ]]></b:skin>
selanjutnya silakan Copy paste ling dibawah 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. kemudian Save Template!
langkah selanjutnya kita ke tampilan layout blog,
5. Klik "Layout" dan klik salah satu "Add a Gadget" dimana kita ingin menambahkan icon sosial
kemudian klik "HTML/JavaScript" yang ada dalam kotak Gadge tadi yang dibuka.
6. silakan kopy paste kode berikut ini di kolom "content". untuk judulnya biarkan kosong, (y)
"<div id='center-social-profiles'>
<ul class='widget-container'>
<li class='social-profiles-widget'>
<a href='https://twitter.com/mukhzi/' target='_blank'><img alt='Twitter' src='https://lh6.googleusercontent.com/-40NMu9YKlek/VJ66NcYZy3I/AAAAAAAAI5Y/9Yn9ZtLQb18/s32-no/twitter.png' title='Twitter'/></a>
<a href='https://www.facebook.com/getakai.co.id/' target='_blank'><img alt='Facebook' src='https://lh6.googleusercontent.com/-DDBzF64PrRQ/VJ66Llwc7uI/AAAAAAAAI44/9cZaAsCSBOM/s32-no/facebook.png' title='Facebook'/></a>
<a href='https://plus.google.com/111060712782439145108/' 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='https://id.linkedin.com/in/mukhzi-ibr-a74665102/' 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/mukhzi/' 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://feeds.feedburner.com/Getakai/' target='_blank'><img alt='Rss' src='https://2.bp.blogspot.com/-fprbRt2g_WI/VvBb-X2UZPI/AAAAAAAAAPg/yycqDWCEzzkn6OrbLIV_N7Q7GMd5HXBmQ/s32/feed%2Brss.png' title='Feed Rss'/></a>
<a href='https://www.youtube.com/channel/UCMWjJvY13qWMQOP3ZaH0EDA' target='_blank'><img alt='youtube' src='https://1.bp.blogspot.com/-pyDLpv9TNlA/VvIlI4jyiGI/AAAAAAAAAPw/q4iMsC82NlUD25De_nxAwMIdmPt0d-zdw/s60/youtube.png' title='youtube'/></a>
</li>
</ul>
</div>"
PENTING,....
Silakan ganti link yang berwarna hijau dengan link media sosial yang anda buat tadi,..
7. Klik save , dan silakan diklik icon sosial yang dibuat tadi, (apakah, atau maukah, atau apapun itu,.. bisa tampil atau tidak)
jika Icon tadi pada saat diklik tidak mau keluar maka kesalahan ada pada link yang warna hijau, dan
jika icon atau gambar tadi tidak muncul, yang pasti (src) gambarnya salah silakan diganti atau pakai saja yang saya buat diatas cuma ganti link saja kok, kok, ayam.
Semoga materi ini bermanfaat bagi semua, dan lanjutan materinya akan dibahas dalam materi selanjutnya, silakan buka label Tutorial untuk melihat lainnya, mengupas tuntas belajar mudah, dan bagi yang ingin ditanyakan silakan berkomentar dibawah atau kotak admin untuk menyempurnakan tulisan.