Pilihan Model Pertama/1 Widget 3 in 1 (Fanspage Facebook, Google+, dan Follower Twitter) Beserta Cara Membuatnya

Assalamu’alaikum…

            Dalam pembahasan kali ini Tentang Pilihan Model Pertama/1 Widget 3 in 1 (Fanspage Facebook, Google+, dan Follower Twitter) Beserta Cara Membuatnya. Script dibawah saya ambil dari blognya Seocips. Saya telah kustomisasi sedikit.

            Jika ingin memasang widget ini silahkan ikuti langkah-langkah dibawah :

1. Silahkan Login terlebih dahulu ke blog sobat. Silahkan Login Disini.

2. Silahkan pilih blog yang ingin di berikan widget ini – setelah itu klik tanda panah kebawah – Klik Layout/Tata Letak.

3. Pilih tempat yang ingin ditambahkan - Klik Add Gadget – klik HTML/JavaScript – lalu ikuti gambar dibawah ini

4. Pada kolom “Content” Copy pastekan script dibawah ini

Widget 3 in 1 Pilihan Model Pertama

<style type="text/css" scoped="">     .seocipsglebox { width:280px; background:#333; margin:0 auto; padding:10px 0 10px 20px; border-bottom:1px solid #1e1e1e; }     .seocipsgle1, { margin-top:5px; }     .people { float:left; margin-top:3px; font-weight:bold; color:#fff; }     .googlewidget { margin-left:120px; }     .seocipsfbox { width:260px; background:#333; padding:10px 20px; margin:0 auto; text-align:left; border-top:1px solid #454444; border-bottom:1px solid #1e1e1e; }     .twitter-box { width:260px; background:#333; padding:10px 20px; margin:0 auto; text-align:left; border-top:1px solid #454444; }     .seocipsfb,.seocipstw { font-weight:bold; margin-bottom:5px; color:#fff; }     </style>     <div class="seocipsglebox">     <div class="seocipsgle1">         <span class="people">Muhammad Faris Al Fatih</span><div class="googlewidget"><div class="g-follow" data-annotation="bubble" data-height="24" data-href="//plus.google.com/u/0/101149142132576255353" data-rel="author"></div></div>     </div>     </div>     <div class="seocipsfbox">         <div class="seocipsfb">Berbagi Pengetahuan on Facebook</div>     <div style="background:#efefef;border:1px solid #ccc;border-radius:3px;padding:5px;"><div class="fb-like-box" data-href="https://www.facebook.com/Berbagi-Pengetahuan-129491517256385" data-rel="nofollow" data-width="232" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div></div>         </div>     <div class="twitter-box">         <div class="seocipstw">Muhammad Faris Al fatih on Twitter</div>     <a href="https://twitter.com/MF_Alfatih" rel="nofollow" class="twitter-follow-button" data-show-count="true" data-lang="en">Follow @mf_alfatih</a>         </div>     <div id="fb-root"></div>     <script>(function(d, s, id) {       var js, fjs = d.getElementsByTagName(s)[0];       if (d.getElementById(id)) return;       js = d.createElement(s); js.id = id;       js.src = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&appId=483767385088491&version=v2.0";       fjs.parentNode.insertBefore(js, fjs);     }(document, 'script', 'facebook-jssdk'));</script>     <script async='async' src='http://platform.twitter.com/widgets.js' type='text/javascript'/></script>

Keterangan Pada Warna :

Warna : Nama pada google+ sobat yang akan ditampilkan pada widget

Warna : link google+ sobat

Warna : Nama FansPage Facebook yang akan ditampilkan pada widget

Warna : Link FansPage

Warna : Nama Twitter yang akan ditampilkan pada widget

Warna : URL Twitter

Warna : username Twitter

Note : Sobat juga bisa merubah Warna Background, Warna Tulisan, Border, Pading, dll. Silahkan sobat kreasikan sendiri yaa..

Dan jika berhasil di save, pada “Layout” blog sobat akan terlihat seperti gambar dibawah.

Jika berhasil, widgetnya akan tampak seperti gambar dibawah :

            Mungkin itu saja Berbagi Pengetahuan Pilihan Model Pertama/1 Widget 3 in 1 (Fanspage Facebook, Google+, dan Follower Twitter) Beserta Cara Membuatnya. Mohon maaf apabila ada kata yang salah dan kurang berkenan. Terima kasih.. ^^

Wassalamu’alaikum..

Baca Juga : Pendahuluan Sebelum Membuat Widget 3 in 1 (FanspageFacebook, Google+, dan Follower Twitter)

Baca Juga : Pilihan Model Kedua/2 Widget 3 in 1 (FanspageFacebook, Google+, dan Follower Twitter) Beserta Cara Membuatnya

Baca Juga : Pilihan Model Ketiga/3 Widget 3 in 1 (FanspageFacebook, Google+, dan Follower Twitter) Beserta Cara Membuatnya

Baca Juga : Pilihan Model Keempat/4 Widget 3 in 1 (FanspageFacebook, Google+, dan Follower Twitter) Beserta Cara Membuatnya

Tweet

Jika Menyukai Artikel di blog ini, Silahkan masukkan email sobat. Akan dapat Update artikel dari blog ini, "GRATISS!!"