Posted by Materi Teknik Informatika • Informasi Teknologi Informasi • Digital Marketing on 2/14/2015
Cara Multiple Sosial Media pada Blogspot - Multiple Sosial Media yaitu dari
Fanspage Blogger,
Follow Twitter,
Circle Gplus,
like Gplus bahkan menu
Ikuti Blog.
Sebenarnya bisa disatukan menghemat tempat dan juga ruang dalam blog kita.
Biasanya widget sosial media seperti di bawah ini :
Namun bisa di gabungkan dengan yang lain seperti ini :
Cukup lengkap bukan? dan kebetulan di situ ada foto mantan, bikin sepet ini mata wkwk.
Langsung saja, copy paste code di bawah ini pada edit HTML
/* Widget Sosial Media */
//<![CDATA[
(function(){var fb1=document.createElement('script');fb1.type='text/javascript';fb1.async=true;fb1.src='http://connect.facebook.net/id_ID/all.js#xfbml=1','facebook-jssdk';var fb2=document.getElementsByTagName('script')[0];fb2.parentNode.insertBefore(fb1,fb2)})();(function(){var tw1=document.createElement('script');tw1.type='text/javascript';tw1.async=true;tw1.src='http://platform.twitter.com/widgets.js';var tw2=document.getElementsByTagName('script')[0];tw2.parentNode.insertBefore(tw1,tw2)})();(function(){var gp1=document.createElement('script');gp1.type='text/javascript';gp1.async=true;gp1.src='https://apis.google.com/js/plusone.js';var gp2=document.getElementsByTagName('script')[0];gp2.parentNode.insertBefore(gp1,gp2)})();
//]]>
Simpan kode di atas di bagian <body> ... </body> atau lebih aman cari aja </body> dan taro di atasnya, lalu jangan lupa juga menambahkan <script type="text/javascript"> ... </script> di antara code di atas.
Setelah code terpasang, jangan lupa klik simpan, lalu buat widget blogger HTML/Javascript, copy pastekan code di bawah ini.
<div style="background:#3498db;font-weight:bold;font-size:150%;text-align:center;padding:10px 0;">
<a href="http://www.blogger.com/follow-blog.g?blogID=1964697640143283505" target="_blank" title="Follow Blog"><span style="color:#fff">Gabung</span> <span style="color:#000">Yuk!</span></a>
</div>
<div>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/materiteknikinformatika?ref=hl&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false&appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</div>
<div style="background:#fff; border-top:1px solid #ccc;margin:0; padding:5px 0 5px 40px"><a href="https://twitter.com/tiancan" class="twitter-follow-button" data-show-count="true" data-show-screen-name='false' data-lang="id">Follow @tiancan</a>
<div class="g-plusone" data-size="medium" data-count="true" data-width="100" data-href="http://materi-it.blogspot.com"></div>
</div>
<div class="g-person" data-href="//plus.google.com/+SeptianMaulanaChan" data-layout="landscape" data-rel="author">
</div>
<a href="http://www.blogger.com/follow-blog.g?blogID=1964697640143283505"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif3gEEUB2jHWySQFsI74SQHlF8lmz9AolowDO0fN0H_BymCqgf195MsOLYpY-W-8H3WMGXpB3_qjac6XVgvBgrGsQPZjkfVh63Qwga5KDQGH3o8AaJsLPD55seGjlFhT04063HPdw7SUE/s800/Join%2520This%2520Site.png"/></a>
Setelah itu simpan dan silahkan modifikasi.
Sudah saya tandai, tinggal kalian edit sesuai keinginan.
