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 aku 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 – sesudah itu klik tanda panah kebawah – Klik Layout/Tata Letak.

3. Pilih daerah yang ingin ditambahkan - Klik Add Gadget – klik HTML/JavaScript – kemudian 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/j4vascript'/></script>

Keterangan Pada Warna :

Warna : Nama pada google+ sahabat 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 dapat merubah Warna Background, Warna Tulisan, Border, Pading, dll. Silahkan sahabat kreasikan sendiri yaa..

Dan jikalau berhasil di save, pada “Layout” blog sahabat akan terlihat menyerupai gambar dibawah.

Jika berhasil, widgetnya akan tampak menyerupai gambar dibawah :

            Mungkin itu saja 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

Sumber http://faris6593.blogspot.com