{"id":202,"date":"2025-11-16T00:01:22","date_gmt":"2025-11-16T00:01:22","guid":{"rendered":"https:\/\/www.warunginter.net\/2016\/09\/cara-membuat-widget-sosial-media-untuk.html"},"modified":"2025-11-16T00:01:22","modified_gmt":"2025-11-16T00:01:22","slug":"cara-membuat-widget-sosial-media-untuk-blog","status":"publish","type":"post","link":"https:\/\/flycai.warunginter.net\/?p=202","title":{"rendered":"Cara Membuat Widget Sosial Media Untuk Blog"},"content":{"rendered":"<div class=\"post-body entry-content\" id=\"post-body-5171974665507224453\">\n<div class=\"post-body-artikel\">\nSosial Media atau media sosial menjadi salah satu pilar SEO blog. Menurut para ahli, fungsi link akun media sosial yang dipasang di blog antara lain &#8220;attract new readers and engage with regulars&#8221;, menarik pembaca baru dan &#8220;merawat&#8221; pengunjung setia.<\/p>\n<div class=\"separator\" style=\"clear: both; text-align: center;\">\n<a href=\"https:\/\/flycai.warunginter.net\/wp-content\/uploads\/2026\/06\/sosmed.png\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"><img loading=\"lazy\" decoding=\"async\" border=\"0\" height=\"76\" src=\"https:\/\/flycai.warunginter.net\/wp-content\/uploads\/2026\/06\/sosmed.png\" width=\"400\"\/><\/a><\/div>\n<p>Berikut ini cara menampilkan, menambah, atau memasang widget icon\/link media sosial di sidebar blog yang juga berfungsi menambah follower, liker, dan teman. DEMO-nya bisa dilihat di ilustrasi gambar posting ini.<\/p>\n<p>Tentu atuh, sebelumnya teh, Anda harus sudah punya akun-akun medsosnya.<\/p>\n<p>Cara Memasang Widget Ikon Media Sosial di Sidebar Blog<br \/>\n1. Login ke Blogger. <br \/>\n2. Klik &#8220;Template&#8221; -&gt; &#8220;Edit HTML&#8221;<br \/>\n3. Temukan (Ctrl+F) kode <\/p>\n<pre>]]&gt;&lt;\/b:skin&gt;<\/pre>\n<p>atau <\/p>\n<pre>&lt;\/style&gt;<\/pre>\n<p>dan Copy-paste kode CSS berikut ini di atasnya:<\/p>\n<pre>#top-social-profiles{height:42px;text-align:right}#top-social-profiles img{margin:0 6px 0 0px !important}\n\n#top-social-profiles img:hover{opacity:0.8}\n\n#top-social-profiles .widget-container{background:none;padding:0;border:0}\n\n.social-profiles-widget img{margin:0 6px 0 0}\n\n.social-profiles-widget img:hover{opacity:0.8}\n\n<\/pre>\n<p>\n4. Simpan Template!<\/p>\n<p>5. Jika sudah menyimpannya sekarang Lanjut dengan langkah berikutnya, yaitu pemasangan link akun medosnya di Tata Letak:<\/p>\n<p>5. Klik &#8220;Klik Tata Letak&#8221; &gt; &#8220;Tambahkan Gadget&#8221; &gt; pilih &#8220;HTML\/JavaScript&#8221;.<br \/>\n6. Copas kode berikut ini di kolom &#8220;content&#8221;. Judulnya cuekin aja, biarkan kosong!<\/p>\n<pre>&lt;div id='top-social-profiles'&gt;\n\n&lt;ul class='widget-container'&gt;\n\n&lt;li class='social-profiles-widget'&gt;\n\n\n\n&lt;a href='<span style=\"color: red;\">http:\/\/www.twitter.com\/#\/<\/span>' target='_blank'&gt;&lt;img alt='Twitter' src='https:\/\/lh6.googleusercontent.com\/-40NMu9YKlek\/VJ66NcYZy3I\/AAAAAAAAI5Y\/9Yn9ZtLQb18\/s32-no\/twitter.png' title='Twitter'\/&gt;&lt;\/a&gt;\n\n&lt;a href='<span style=\"color: red;\">http:\/\/www.facebook.com\/#\/<\/span>' target='_blank'&gt;&lt;img alt='Facebook' src='https:\/\/lh6.googleusercontent.com\/-DDBzF64PrRQ\/VJ66Llwc7uI\/AAAAAAAAI44\/9cZaAsCSBOM\/s32-no\/facebook.png' title='Facebook'\/&gt;&lt;\/a&gt;\n\n&lt;a href='<span style=\"color: red;\">http:\/\/plus.google.com\/#\/<\/span>' target='_blank'&gt;&lt;img alt='Google Plus' src='https:\/\/lh4.googleusercontent.com\/-87tOc499YgM\/VJ66MM6smeI\/AAAAAAAAI48\/CpqKtTJyhSs\/s32-no\/google.png' title='Google Plus'\/&gt;&lt;\/a&gt;\n\n&lt;a href='<span style=\"color: red;\">http:\/\/www.linkedin.com\/in\/#<\/span>' target='_blank'&gt;&lt;img alt='LinkedIn' src='https:\/\/lh6.googleusercontent.com\/-wsMOZqtgZsI\/VJ_Wi7YStbI\/AAAAAAAAI9Y\/xWVrEivmlZY\/s32-no\/linkedin.png' title='LinkedIn'\/&gt;&lt;\/a&gt;\n\n&lt;a href='<span style=\"color: red;\">http:\/\/www.pinterest.com\/#\/<\/span>' target='_blank'&gt;&lt;img alt='Pinterest' src='https:\/\/lh5.googleusercontent.com\/-rQI0ZCqxvX0\/VJ_WjcQ9QII\/AAAAAAAAI9g\/0XajOPBuXKI\/s32-no\/pinterest.png' title='Pinterest'\/&gt;&lt;\/a&gt;\n\n&lt;a href='<span style=\"color: red;\">http:\/\/instagram.com\/#<\/span>' target='_blank'&gt;&lt;img alt='Instagram' src='https:\/\/lh4.googleusercontent.com\/-3MPofh4xhe4\/VJ66Ma_XWaI\/AAAAAAAAI5E\/6d8mLJBvFFU\/s32-no\/instagram.png' title='Instagram'\/&gt;&lt;\/a&gt;\n\n&lt;a href='<span style=\"color: red;\">http:\/\/www.youtube.com\/user\/#<\/span>' target='_blank'&gt;&lt;img alt='Youtube Channel' src='https:\/\/lh3.googleusercontent.com\/-iuHC7JsIgz0\/VJ_WHFriyOI\/AAAAAAAAI9I\/S2gf8lcU8uA\/s32-no\/youtube%2Bicon.png' title='Youtube Channel'\/&gt;&lt;\/a&gt;\n\n\n\n&lt;\/li&gt;\n\n&lt;\/ul&gt;\n\n&lt;\/div&gt;\n\n<\/pre>\n<p>\n<span style=\"color: red;\"><b>*Note<\/b><\/span><br \/>\nGanti Yanda pagar link yang berwarna <span style=\"color: red;\">merah<\/span> dengan link media sosial Anda!<\/p>\n<p>Menurut para ahli, akun media sosial, selain berfungsi menyebarkan posting blog, juga bisa menjadi sumber &#8220;backlink&#8221; atau &#8220;outbond link&#8221;, yakni tautan dari situs lain ke blog kita.<\/p>\n<blockquote class=\"tr_bq\"><p>\n<b>Baca Juga : <a href=\"https:\/\/www.warunginter.net\/2016\/09\/membuat-tampilan-fanspage-di-facebook.html\" target=\"_blank\">Cara Membuat Tampilan Fanspage di Blog<\/a><\/b>\n<\/p><\/blockquote>\n<p>\nBacklink adalah salah satu yang diperhatikan oleh mesin pencari Google untuk menentukan peringkat blog kita di halaman hasil pencarian (SERP) termasuk bagi mereka yang menjadi Publisher Adsense.<\/p>\n<p>Maka, buatlah akun media sosial sebanyak-banyaknya. Meskipun &#8220;gak diurus&#8221;, minimal akan menjadi backlink ke blog kita, selama kita memasukkan link blog ke &#8220;profil&#8221; di media-media sosial itu.\n<\/p><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Sosial Media atau media sosial menjadi salah satu pilar SEO blog. Menurut para ahli, fungsi link akun media sosial yang dipasang di blog antara lain &#8220;attract new readers and engage&#8230; <a class=\"read-more-link\" href=\"https:\/\/flycai.warunginter.net\/?p=202\">Read more &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":2001,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[62,60],"tags":[],"class_list":["post-202","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogspot","category-sosmed"],"_links":{"self":[{"href":"https:\/\/flycai.warunginter.net\/index.php?rest_route=\/wp\/v2\/posts\/202","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flycai.warunginter.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flycai.warunginter.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flycai.warunginter.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flycai.warunginter.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=202"}],"version-history":[{"count":1,"href":"https:\/\/flycai.warunginter.net\/index.php?rest_route=\/wp\/v2\/posts\/202\/revisions"}],"predecessor-version":[{"id":1737,"href":"https:\/\/flycai.warunginter.net\/index.php?rest_route=\/wp\/v2\/posts\/202\/revisions\/1737"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flycai.warunginter.net\/index.php?rest_route=\/wp\/v2\/media\/2001"}],"wp:attachment":[{"href":"https:\/\/flycai.warunginter.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=202"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flycai.warunginter.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=202"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flycai.warunginter.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}