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

Assalamu?Alaikum?

Dalam pembahasan kali ini Tentang Pilihan Model Ketiga/3 Widget 3 in 1 (Fanspage Facebook, Google+, dan Follower Twitter) Beserta Cara Membuatnya. Script dibawah saya ambil dari blognya Regibrader. 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 kebawahKlik Layout/Tata Letak.

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

4. Pada kolom “Content” pastekan script dibawah ini

<style>

/* Social Widget */

#ForYouFree-bar

border: 0;

margin-bottom: 10px;

margin: 0 auto;

width:300;

.Facebook-likebutton

history: #fff;

padding: 10px 13px zero 10px;

border-proper: 1px stable #D8E6EB;

border-left: 1px strong #D8E6EB;

border-backside: 1px strong #D8E6EB;

margin:0px;

height:45px;

.Googleplus

history: #F5FCFE;

border-top: 1px stable #FFF;

border-bottom: 1px stable #ebebeb;

border-proper: 1px stable #D8E6EB;

border-left: 1px strong #D8E6EB;

border-image: initial;

font-length: .90em;

font-circle of relatives: "Arial","Helvetica",sans-serif;

colour: #000;

padding: 9px 11px;

line-height: 1px;

.Googleplus span

colour: #000;

font-size: 11px;

role: absolute;

show:inline-block;

margin: 9px 70px;

.g-plusone {    float: left;

.Gplus

history: #fff;

padding: 0px;

border: 0px stable #C7DBE2;

margin-bottom:-13px;

.Twitter

historical past: #EEF9FD;

padding: 10px;

border: 1px solid #C7DBE2;

border-top: 0;

</style>

<!--begin of social widget-->

<div style="margin-bottom:10px;">

<div id="ForYouFree-bar" >

<!-- Google Plus-->

<div class="gplus"> <link href="http://plus.google.com/101149142132576255353" rel="publisher" />

<!-- Place this tag where you want the badge to render -->

<g:plus href="http://plus.google.com/101149142132576255353" width="300" height="69" margin="0px" theme="light"></g:plus>

</div>

<div class="fb-likebutton">

<!-- Facebook -->

<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FBerbagi-Pengetahuan%2F129491517256385&amp;send=false&amp;layout=standard&amp;width=230&amp;show_faces=false&amp;font=arial&amp;colorscheme=light&amp;action=like&amp;height=80&amp;appId=142184962628769" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:230px; height:80px;" allowtransparency="true"></iframe>

</div>

<div class="googleplus">

<!-- Google -->

<g:plusone size="standard" annotation="inline" width="300" href="http://faris6593.blogspot.com"></g:plusone>

</div>

<div class="twitter">

<!-- Twitter -->

<a class="twitter-follow-button" data-lang="id" data-show-count="true" href="https://twitter.com/MF_Alfatih">Ikuti @mf_alfatih</a>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);(document,"script","twitter-wjs");</script>

</div>

</div></div>

Keterangan Pada Warna :

Warna : link google+ sobat

Warna : Link FansPage

Warna : ID FansPage

Warna : Ganti dengan URL blog sobat

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 Ketiga/3 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 Pertama/1 Widget 3 in 1 (FanspageFacebook, Google+, dan Follower Twitter) Beserta Cara Membuatnya

Baca Juga : Pilihan Model Kedua/2 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 Ketiga/3 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