HI Buddy Let's share tips about "How to Install Widget Facebook page automatically appear on the blog" the steps are quite easy ... just go to the scene
1. Log in blogger
2. then choose layout click Add Gadget3. Search HTML / JavaScript
4. Click +
5. Enter the code below
2. then choose layout click Add Gadget3. Search HTML / JavaScript
4. Click +
5. Enter the code below
<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/AVvXsEhz7fhi-nOIb1ryhC0OS80sTPPVYc8JoHxBoLFl5ULWhqGoW9e6lhPdDelg4e75xU1yP-umf65eJIqnGvFtQozR8GHWturq2rCw6plTI0nI2CqD6zsIY8fE5u0ywXqhmorwuMeTL-dT5SI/s1600/controls.png) no-repeat 0 0;} #cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigZwhXquXvbrM1rALAE0mjIgJsEBjLu4H7xGz4gMHsqYNnhJdVEKWXeIxaCNE2Gh7u-rfJ7n8Exl_5RHEIwlJO3syIjy0qGslnq-3_Y0NoZnQDV7BYk7YCEaSkynnYxS_RHKY3IVVAxFU/s400/border.png) repeat-x top left;} #cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz7fhi-nOIb1ryhC0OS80sTPPVYc8JoHxBoLFl5ULWhqGoW9e6lhPdDelg4e75xU1yP-umf65eJIqnGvFtQozR8GHWturq2rCw6plTI0nI2CqD6zsIY8fE5u0ywXqhmorwuMeTL-dT5SI/s1600/controls.png) no-repeat -36px 0;} #cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz7fhi-nOIb1ryhC0OS80sTPPVYc8JoHxBoLFl5ULWhqGoW9e6lhPdDelg4e75xU1yP-umf65eJIqnGvFtQozR8GHWturq2rCw6plTI0nI2CqD6zsIY8fE5u0ywXqhmorwuMeTL-dT5SI/s1600/controls.png) no-repeat 0 -32px;} #cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigZwhXquXvbrM1rALAE0mjIgJsEBjLu4H7xGz4gMHsqYNnhJdVEKWXeIxaCNE2Gh7u-rfJ7n8Exl_5RHEIwlJO3syIjy0qGslnq-3_Y0NoZnQDV7BYk7YCEaSkynnYxS_RHKY3IVVAxFU/s400/border.png) repeat-x bottom left;} #cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz7fhi-nOIb1ryhC0OS80sTPPVYc8JoHxBoLFl5ULWhqGoW9e6lhPdDelg4e75xU1yP-umf65eJIqnGvFtQozR8GHWturq2rCw6plTI0nI2CqD6zsIY8fE5u0ywXqhmorwuMeTL-dT5SI/s1600/controls.png) no-repeat -36px -32px;} #cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz7fhi-nOIb1ryhC0OS80sTPPVYc8JoHxBoLFl5ULWhqGoW9e6lhPdDelg4e75xU1yP-umf65eJIqnGvFtQozR8GHWturq2rCw6plTI0nI2CqD6zsIY8fE5u0ywXqhmorwuMeTL-dT5SI/s1600/controls.png) repeat-y -175px 0;} #cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz7fhi-nOIb1ryhC0OS80sTPPVYc8JoHxBoLFl5ULWhqGoW9e6lhPdDelg4e75xU1yP-umf65eJIqnGvFtQozR8GHWturq2rCw6plTI0nI2CqD6zsIY8fE5u0ywXqhmorwuMeTL-dT5SI/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/AVvXsEhvJJW2FcysIis22IQVkrFUgRUZwQxfxfF0u7e58PcyspgWZk1Hd3VVqz69DDyM6swYWgwp8GRO_ro0IKjhJt1eVxqyktybPliFzTcHJct1UCLn2k2uHLiQjmD7QlHgnQTod73ZnCJWDAE/s400/loadingbackground.png) no-repeat center center;} #cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1669fJifYXdh4isau-ZxjkN0lwB2mcF6-GZfQGGLNf-1yHVdlVik-ubI_PQlptOdHyQL7Y9URGu_HN-W_bmpHseAaOCY3VzT8Ro0696_tYHc79PezP-EWxvy3EsPjTKIfw4IKvyvyWGs/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/AVvXsEhz7fhi-nOIb1ryhC0OS80sTPPVYc8JoHxBoLFl5ULWhqGoW9e6lhPdDelg4e75xU1yP-umf65eJIqnGvFtQozR8GHWturq2rCw6plTI0nI2CqD6zsIY8fE5u0ywXqhmorwuMeTL-dT5SI/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">WELCOME<center><p style="line-height:3px;" >THANK YOU</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">TPIS PAGE</a></p></center></div></div>
6. WELCOME is a Widget theme that will appear on the screen when you visit your blog, please change it according to your preference
7.THANK YOU is the second line of text8.https://www.facebook.com/IBGULO.Official Is the address of the page that is on your Facebook friend, please copy it from the Facebook page's link, then paste the place
9. Blog lain + TPIS PAGE that is something blog that my friend displays below the widget with a small font to the right of the widget10. 2019/11/blogs-belum-memenuhi-syarat-untuk.html is the address of the blog post that my friend displays under the widget if clicked directly goes to the post you chose, without but the link without taking the parent ling as
example https://ibgulo.blogspot.com/2019/11/tekad-pemuda-anak-jalanan.html
friends don't copy all just copy 2019/11/tekad-pemuda-anak-jalanan.html only
11.Save is complete buddy. Try closing and visit your page
I hope there are benefits, don't forget to follow us in FACEBOOK PAGE
Regards
IBGULO OFFICIAL
0 komentar:
Post a Comment