Cara Memasang Widget halaman facebook otomatis tampil di blog

HI Sobat Yuk berbagi Tips seputar
"Cara Memasang Widget halaman facebook otomatis tampil di blog"

langkah-langkahnya cukup mudah..langsung saja ke TKP
1. Login blogger
2. kemudian pilih tata letak
klik Tambahkan Gadget
3. Cari  HTML/JavaScript4. Klik +
5. masukan code yang ada di bawah ini

<style>       #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}    #cboxOverlay{position:fixed; width:100%; height:100%;}    #cboxMiddleLeft, #cboxBottomLeft{clear:left;}    #cboxContent{position:relative;}    #cboxLoadedContent{overflow:auto;}    #cboxTitle{margin:0;}    #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}    #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}    .cboxPhoto{float:left; margin:auto; border:0; display:block;}    .cboxIframe{width:100%; height:100%; display:block; border:0;}       #cboxOverlay{background:#000;opacity:0.5 !important;}    #colorbox{            box-shadow:0 0 15px rgba(0,0,0,0.4);           -moz-box-shadow:0 0 15px rgba(0,0,0,0.4);            -webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);           }         #cboxTopLeft{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7lg-tKMydDSPOE9UafUZNd85CgH-kWNENiFWt4O7uCN-ip5XZLqTmYxN0-hd5Oq9VA5sFERL3Xjs53xQyH6W76CLrN90ik6Pbg1FzG6Z4wtDbbf9GE4Ym-3GmNVYhLmDmn7LA9svEL0w/s1600/controls.png) no-repeat 0 0;}    #cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiosYjO2uMrlqMhJ7Nf86d8GKKNTwV5GhCuVSDVpFxJGLqconbLoCTXU6waGDxtVX20sCE9P_ddleH2szLyw6HR8uo_roizFj4mnXzkUxTsCb0Ho0SaVyhW9jy-8CV2rALxXyiRg_JItz4/s400/border.png) repeat-x top left;}         #cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7lg-tKMydDSPOE9UafUZNd85CgH-kWNENiFWt4O7uCN-ip5XZLqTmYxN0-hd5Oq9VA5sFERL3Xjs53xQyH6W76CLrN90ik6Pbg1FzG6Z4wtDbbf9GE4Ym-3GmNVYhLmDmn7LA9svEL0w/s1600/controls.png) no-repeat -36px 0;}         #cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7lg-tKMydDSPOE9UafUZNd85CgH-kWNENiFWt4O7uCN-ip5XZLqTmYxN0-hd5Oq9VA5sFERL3Xjs53xQyH6W76CLrN90ik6Pbg1FzG6Z4wtDbbf9GE4Ym-3GmNVYhLmDmn7LA9svEL0w/s1600/controls.png) no-repeat 0 -32px;}         #cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiosYjO2uMrlqMhJ7Nf86d8GKKNTwV5GhCuVSDVpFxJGLqconbLoCTXU6waGDxtVX20sCE9P_ddleH2szLyw6HR8uo_roizFj4mnXzkUxTsCb0Ho0SaVyhW9jy-8CV2rALxXyiRg_JItz4/s400/border.png) repeat-x bottom left;}         #cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7lg-tKMydDSPOE9UafUZNd85CgH-kWNENiFWt4O7uCN-ip5XZLqTmYxN0-hd5Oq9VA5sFERL3Xjs53xQyH6W76CLrN90ik6Pbg1FzG6Z4wtDbbf9GE4Ym-3GmNVYhLmDmn7LA9svEL0w/s1600/controls.png) no-repeat -36px -32px;}         #cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7lg-tKMydDSPOE9UafUZNd85CgH-kWNENiFWt4O7uCN-ip5XZLqTmYxN0-hd5Oq9VA5sFERL3Xjs53xQyH6W76CLrN90ik6Pbg1FzG6Z4wtDbbf9GE4Ym-3GmNVYhLmDmn7LA9svEL0w/s1600/controls.png) repeat-y -175px 0;}         #cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7lg-tKMydDSPOE9UafUZNd85CgH-kWNENiFWt4O7uCN-ip5XZLqTmYxN0-hd5Oq9VA5sFERL3Xjs53xQyH6W76CLrN90ik6Pbg1FzG6Z4wtDbbf9GE4Ym-3GmNVYhLmDmn7LA9svEL0w/s1600/controls.png) repeat-y -211px 0;}         #cboxContent{background:#fff; overflow:visible;}             #cboxLoadedContent{margin-bottom:5px;}             #cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtWlaJaO82k-fFduz5JIU-3DiX4_GT0GpHIEdWWlwjr5XtwRM47hgHSxsgAEdTvtzqjhvH-FFDawomUFMEuSOo9nsS6TlD-aTcDhSeAOJNp9EnDqLDRrh2OCiZKSbKf-ImfV9F-R_TE3Q/s400/loadingbackground.png) no-repeat center center;}             #cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcpVYBHUr1vuQ5XdMQ1U9SUxwqO1gy-3ffRSCuMSUGBzPTT9Nyio7pN5LKLsJdJV_VLi1nI-5z00WG029du1kmX9LzkBYUBr9RUv0Kj9VJ_KuMk-7G0FEcftoacFY_7PbB3O8u6tItL7Y/s400/loading.gif) no-repeat center center;}             #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}             #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}             #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7lg-tKMydDSPOE9UafUZNd85CgH-kWNENiFWt4O7uCN-ip5XZLqTmYxN0-hd5Oq9VA5sFERL3Xjs53xQyH6W76CLrN90ik6Pbg1FzG6Z4wtDbbf9GE4Ym-3GmNVYhLmDmn7LA9svEL0w/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}             #cboxPrevious{left:0px; background-position: -51px -25px;}             #cboxPrevious.hover{background-position:-51px 0px;}             #cboxNext{left:27px; background-position:-75px -25px;}             #cboxNext.hover{background-position:-75px 0px;}             #cboxClose{right:0; background-position:-100px -25px;}             #cboxClose.hover{background-position:-100px 0px;}             .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}             .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}             .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}             .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}

    /*-----------------------------------------------------------------------------------*/    /*   Facebook Likebox popup For Blogger    /*-----------------------------------------------------------------------------------*/    #subscribe {        font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;    }    #subscribe a,    #subscribe a:hover,    #subscribe a:visited {        text-decoration:none;    }    .box-title {       color: #F66303;       font-size: 20px !important;       font-weight: bold;       margin: 10px 0;    border:1px solid #ddd;    -moz-border-radius:6px;    -webkit-border-radius:6px;    border-radius:6px;    box-shadow: 5px 5px 5px #CCCCCC;    padding:10px;    line-height:25px; font-family:arial !important;    }    .box-tagline {       color: #999;       margin: 0;       text-align: center;    }    #subs-container {        padding: 35px 0 30px 0;        position: relative;    }    a:link, a:visited {    border:none;    }    .demo {    display:none;    }    </style>
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
    <script src="https://sites.google.com/site/teknikbuatblog/tbb/facebook%20pop-up.js"></script>    <script type="text/javascript">    jQuery(document).ready(function(){       if (document.cookie.indexOf('visited=true') == -1) {           var fifteenDays = 1000*60*60*24*30;           var expires = new Date((new Date()).valueOf() + fifteenDays);           document.cookie = "visited=true;expires=" + expires.toUTCString();       $.colorbox({width:"400px", inline:true, href:"#subscribe"});           }    });    </script>        <!-- This contains the hidden content for inline calls -->                <div style='display:none'>       <div id='subscribe' style='padding:10px; background:#fff;'>            <h3 class="box-title">SELAMAT DATANG<center><p style="line-height:3px;" >TERIMAKASIH</p></center></h3>      <center>          <center>
    <iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/IBGULO.Official&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</center><p style=" float:right;  margin-right:35px;  font-size:9px;" >Blog lain <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="2019/11/blogs-belum-memenuhi-syarat-untuk.html">Games Bluedn</a></p></center></div></div>

6. SELAMAT DATANG adalah tema Widget yang akan tampil di layar ketika blog sobat di 

CONTOH WIDGE

kunjungin silahkan sobat ubah sesuai kesukaan sobat7.TERIMAKASIH
8.https://www.facebook.com/IBGULO.Official Adalah alamat halaman yang ada di facebook sobat silahkan salin dari link halaman facebook sobat kemudia tempel tempat tersebut
9. Blog lain + Games Bluedn yaitu sesuatu blog yang sobat tampilkan di bawah widget dengan huruf ukuran kecil di sebelah kanan widget 
10. 2019/11/blogs-belum-memenuhi-syarat-untuk.html adalah alamat postingan blog yang sobat tampilkan di bawah widget jika di klik langsung menuju ke postingan yang sobat pilih, tanpa tetapi link tanpa mengambil ling induk sebagai contoh https://ibgulo.blogspot.com/2019/11/tekad-pemuda-anak-jalanan.html cobat jangan copy semua cukup copy 2019/11/tekad-pemuda-anak-jalanan.html saja
11. Simpan selesai sobat. coba tutup dan kunjungin halaman sobat 

semoga  bermanfaat sobat jangan lupa ikuti kami di HALAMAN FACEBOOK

Salam 

IBGULO OFFICIAL