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;}6. SELAMAT DATANG adalah tema Widget yang akan tampil di layar ketika blog sobat di
/*-----------------------------------------------------------------------------------*/ /* 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&width=300&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&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>
CONTOH WIDGE |
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