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.

Gambar Pendahuluan Membuat Widget 3 in 1 (Fanspage FB, Google+, Follower Twitter)

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

Gambar 2 Pendahuluan Membuat Widget 3 in 1 (Fanspage FB, Google+, Follower Twitter)

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

<style type="text/css" scoped="">

.Seocipsglebox width:280px; background:#333; margin:0 vehicle; padding:10px zero 10px 20px; border-bottom:1px solid #1e1e1e;

.Seocipsgle1, margin-top:5px;

.Humans waft:left; margin-pinnacle:3px; font-weight:bold; coloration:#fff;

.Googlewidget margin-left:120px;

.Seocipsfbox width:260px; historical past:#333; padding:10px 20px; margin:zero automobile; text-align:left; border-top:1px solid #454444; border-backside:1px solid #1e1e1e;

.Twitter-container width:260px; heritage:#333; padding:10px 20px; margin:zero automobile; textual content-align:left; border-pinnacle:1px solid #454444;

.Seocipsfb,.Seocipstw font-weight:formidable; margin-bottom:5px; coloration:#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)) go back;

js = d.CreateElement(s); js.Id = identification;

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.

Gambar 3 Pendahuluan Membuat Widget 3 in 1 (Fanspage FB, Google+, Follower Twitter)

Jika berhasil, widgetnya akan tampak seperti gambar dibawah :

Gambar Model Pertama Membuat Widget 3 in 1 (Fanspage FB, Google+, Follower Twitter)

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

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

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

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel