Cara Membuat Widget Social Media Share di Footer Blog

Halo teman blogger, kali ini aku akan berikan sedikit kiat buat para blogger yang mau blognya tambah laku dan banyak trafik. Kunci utama berhasil tidaknya blog yakni trafik. Trafik tinggi artinya pundi-pundi uang siap menanti.

Masalahnya kini ialah banyak blogger khususnya pemula yang galau gimana caranya menaikan trafik. Kunci utama sebenarnya adalah di konten. Content is a king, backlink is queen. Nah aku akan bagikan contoh trik si queen alias ratu.

Media sosial ialah salah satu backlink ampuh untuk mempromosikan blog kau. Jika blog kamu nyamber ke banyak sekali medsos baik itu facebook, instagram, twitter dan yang lain maka sudah pasti trafik akan tinggi sebab orang akan muter-muter melihat blog kamu nongkrong di medsos dan dampaknya kau akan makin dimengerti.

Cara mudah membuat backlink medsos di blog yakni dengan membuat widget medsos di footer atau sidebar. Saya sendiri menciptakan di footer dengan icon, sehingga visitor nanti tinggal klik icon tersebut untuk masuk ke medsos aku. Mau tahu caranya?. Simak tutorialnya di bawah.

Tutorial blogging

1. Masuk template kemudian cari footer wrapper. Kopas instruksi berikut ini di bawah footer wrapper. Ubah link medsos sesuai medsos kamu.

2. Langkah kedua untuk CSS responsive di mobile. Kopas aba-aba berikut ini di atas /style

/* Social Footer */ #sosmedup .widget-contentdisplay:block;position:relative;margin:35px 0 20px #sosmedup h2display:none #sosmedup ulmargin:0 auto;padding:0;display:block;text-align:center;width:100%;list-style:none #sosmedup ul acolor:#ffffff #sosmedup ul limargin:0;padding:0 #sosmedup ul lidisplay:inline-block;margin:0 auto;padding:0 #sosmedup ul li a .fafont-size:27px;display:block;text-align:center;padding:0;list-style:none;width:43px;height:43px;line-height:43px;border-radius:99em;margin:0 auto 10px;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s; #sosmedup ul li a .fa-facebook,#sosmedup ul li a .fa-facebook-squarecolor:#3F5B9B #sosmedup ul li a .fa-twittercolor: #1C97DE #sosmedup ul li a .fa-linkedincolor:#306eeb #sosmedup ul li a .fa-skypecolor: #00AFF0 #sosmedup ul li a .fa-dropboxcolor: #007ee5 #sosmedup ul li a .fa-wordpresscolor: #21759b #sosmedup ul li a .fa-vimeo, #sosmedup ul li a .fa-vimeo-squarecolor: #1ab7ea #sosmedup ul li a .fa-slidesharecolor: #0077b5 #sosmedup ul li a .fa-vkcolor:#4c75a3 #sosmedup ul li a .fa-tumblr, #sosmedup ul li a .fa-tumblr-squarecolor: #34465d #sosmedup ul li a .fa-yahoocolor: #410093 #sosmedup ul li a .fa-pinterest-p,#sosmedup ul li a .fa-pinterest-square, #sosmedup ul li a .fa-pinterestcolor: #bd081c #sosmedup ul li a .fa-youtube, #sosmedup ul li a .fa-youtube-play, #sosmedup ul li a .fa-youtube-squarecolor: #d12b19 #sosmedup ul li a .fa-stumbleupon, #sosmedup ul li a .fa-stumbleupon-circlecolor:#eb4924 #sosmedup ul li a .fa-reddit-alien, #sosmedup ul li a .fa-reddit-square, #sosmedup ul li a .fa-redditcolor: #ff5700 #sosmedup ul li a .fa-quoracolor:#b92b27 #sosmedup ul li a .fa-yelpcolor: #af0606 #sosmedup ul li a .fa-weibocolor:#df2029 #sosmedup ul li a .fa-product-huntcolor: #da552f #sosmedup ul li a .fa-hacker-newscolor: #ff6600 #sosmedup ul li a .fa-soundcloudcolor: #ff3300 #sosmedup ul li a .fa-rss, #sosmedup ul li a .fa-rss-squarecolor: #f57d00 #sosmedup ul li a .fa-whatsappcolor:#25D366 #sosmedup ul li a .fa-weixincolor: #09b83e #sosmedup ul li a .fa-mediumcolor: #02b875 #sosmedup ul li a .fa-vinecolor: #00b489 #sosmedup ul li a .fa-slackcolor: #3aaf85 #sosmedup ul li a .fa-instagramcolor: #ffffff #sosmedup ul li a .fa-dribbblecolor: #ea4c89 #sosmedup ul li a .fa-flickrcolor: #ff0084 #sosmedup ul li a .fa-foursquarecolor: #f94877 #sosmedup ul li a .fa-behance-square, #sosmedup ul li a .fa-behancecolor: #131418 #sosmedup ul li a .fa-snapchat, #sosmedup ul li a .fa-snapchat-square, #sosmedup ul li a .fa-snapchat-ghostcolor:#FFFC00 #sosmedup ul li a .fa-codepencolor: #222 #sosmedup ul li a .fa-stack-overflowcolor: #f57d00 #sosmedup ul li a .fa-diggcolor:#131418 #sosmedup ul li a .fa-deliciouscolor:#0084ff #sosmedup ul li a .fa-usercolor:#f6ab3f #sosmedup ul li a #instagram background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); -webkit-background-clip: text;background-clip: text; -webkit-text-fill-color: transparent; #sosmedup ul li a #instagram:hoverbackground: radial-gradient(circle at 30% 107%, #ffffff 0%, #ffffff 5%, #ffffff 45%, #ffffff 60%, #ffffff 90%); -webkit-background-clip: text;background-clip: text; -webkit-text-fill-color: transparent) #sosmedup ul li a .fa:hovercolor:#fff

Terakhir tentu save template dan lihat balasannya. Contoh script diatas hasilnya yakni icon sosmed di footer blog ini. Kalau mau ganti lain silahkan cari instruksi lainnya. Trims.