Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / Seputar Blog / Tips Dan Triks

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


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


4. Pada kolom “Content” pastekan script dibawah ini


Widget 3 in 1 Pilihan Model Ketiga
<style>
        /* Social Widget */
        #ForYouFree-bar {
            border: 0;
            margin-bottom: 10px;
            margin: 0 auto;
                width:300;
        }
        .fb-likebutton {
            background: #fff;
            padding: 10px 13px 0 10px;
            border-right: 1px solid #D8E6EB;
           border-left: 1px solid #D8E6EB;
           border-bottom: 1px solid #D8E6EB;
            margin:0px;
                height:45px;
        }
        .googleplus {
            background: #F5FCFE;
            border-top: 1px solid #FFF;
            border-bottom: 1px solid #ebebeb;
            border-right: 1px solid #D8E6EB;
            border-left: 1px solid #D8E6EB;
            border-image: initial;
            font-size: .90em;
            font-family: "Arial","Helvetica",sans-serif;
            color: #000;
            padding: 9px 11px;
            line-height: 1px;}
        .googleplus span {
            color: #000;
            font-size: 11px;
            position: absolute;
            display:inline-block;
            margin: 9px 70px;}
        .g-plusone {    float: left;}
    .gplus {
            background: #fff;
            padding: 0px;
            border: 0px solid #C7DBE2;
            margin-bottom:-13px;}

        .twitter {
            background: #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 dapat merubah Warna Background, Warna Tulisan, Border, Pading, dll. Silahkan teman kreasikan sendiri yaa..

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


Jika berhasil, widgetnya akan tampak ibarat gambar dibawah :


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

Sumber https://faris6593.blogspot.com/