Showing posts with label Blogging. Show all posts
Showing posts with label Blogging. Show all posts
Friday, January 29, 2016
How To Add Popup Facebook Like Box Blogger
Adding pop-up facebook like box in your website or blog is really awesome and definitely increases your likes to your website.
Here is the code to add in between <body> and </body> of your main index page.
<!-- facebook like box popup--> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script> <script src="http://exeideasinternational.googlecode.com/files/jquery.colorbox-min.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:"#exestylepopups"}); } }); </script> <style type="text/css"> /* ColorBox v1.3.16 (Copyright (c) 2011 Jack Moore - jack@colorpowered.com) */ #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/AVvXsEjb42zeu8PSNLq59MYiV99wZjB6Hky8MwEoD8DmiB4DcmFVB51xpPve_FVRxHL6xegVrPnG4-R1Gpf5xurIcAkyPigsa-yedBxZo32MOpdqZ-V4epQ_XcwBM5gtZXZMCYItR1uZIZQ_qkA/s1600/controls.png) no-repeat 0 0}#cboxTopCenter{height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRnu1vnWO_zCmfq3DxNogwfVzOS54aAEtO0sSV4u0DKfloCd550oTVpDWOpPhBdbolbiHgxQnO6VWy0EbWHj1j6hmjBdLGGtRmxKRLH6oxFQiXnoJow93GIv3MAIrWatSuuCm1lQCqltA/s400/border.png) repeat-x top left}#cboxTopRight{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb42zeu8PSNLq59MYiV99wZjB6Hky8MwEoD8DmiB4DcmFVB51xpPve_FVRxHL6xegVrPnG4-R1Gpf5xurIcAkyPigsa-yedBxZo32MOpdqZ-V4epQ_XcwBM5gtZXZMCYItR1uZIZQ_qkA/s1600/controls.png) no-repeat -36px 0}#cboxBottomLeft{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb42zeu8PSNLq59MYiV99wZjB6Hky8MwEoD8DmiB4DcmFVB51xpPve_FVRxHL6xegVrPnG4-R1Gpf5xurIcAkyPigsa-yedBxZo32MOpdqZ-V4epQ_XcwBM5gtZXZMCYItR1uZIZQ_qkA/s1600/controls.png) no-repeat 0 -32px}#cboxBottomCenter{height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRnu1vnWO_zCmfq3DxNogwfVzOS54aAEtO0sSV4u0DKfloCd550oTVpDWOpPhBdbolbiHgxQnO6VWy0EbWHj1j6hmjBdLGGtRmxKRLH6oxFQiXnoJow93GIv3MAIrWatSuuCm1lQCqltA/s400/border.png) repeat-x bottom left}#cboxBottomRight{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb42zeu8PSNLq59MYiV99wZjB6Hky8MwEoD8DmiB4DcmFVB51xpPve_FVRxHL6xegVrPnG4-R1Gpf5xurIcAkyPigsa-yedBxZo32MOpdqZ-V4epQ_XcwBM5gtZXZMCYItR1uZIZQ_qkA/s1600/controls.png) no-repeat -36px -32px}#cboxMiddleLeft{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb42zeu8PSNLq59MYiV99wZjB6Hky8MwEoD8DmiB4DcmFVB51xpPve_FVRxHL6xegVrPnG4-R1Gpf5xurIcAkyPigsa-yedBxZo32MOpdqZ-V4epQ_XcwBM5gtZXZMCYItR1uZIZQ_qkA/s1600/controls.png) repeat-y -175px 0}#cboxMiddleRight{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb42zeu8PSNLq59MYiV99wZjB6Hky8MwEoD8DmiB4DcmFVB51xpPve_FVRxHL6xegVrPnG4-R1Gpf5xurIcAkyPigsa-yedBxZo32MOpdqZ-V4epQ_XcwBM5gtZXZMCYItR1uZIZQ_qkA/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/AVvXsEh4Fv_UDoYx5RJ7O8afnaGKEwv2FD7qCSN8ZINEoDrp_h4gh6qg9PvRN1X7KxFRmu9rpEPbDK7OaI7XeJLWfmQ2fXCoaqdSlYhAlRq0Lj6qGgPPbATs0fN1iBM0E46o9vNkXt40G7En3Co/s400/loadingbackground.png) no-repeat center center}#cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA-mDpSgRD4i-cTmC3X0o6qEPxOBAQBcYz32TmQz8IV_criIXjxh3Xmg5vJdgayA4S3AZpgnP_tm_jvpjFiOgQa9mQ7ym-ZUpiFHLIiZGY_mD6NI4anfrHma1JBRFeYonmsRv_FVQj97g/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/AVvXsEjb42zeu8PSNLq59MYiV99wZjB6Hky8MwEoD8DmiB4DcmFVB51xpPve_FVRxHL6xegVrPnG4-R1Gpf5xurIcAkyPigsa-yedBxZo32MOpdqZ-V4epQ_XcwBM5gtZXZMCYItR1uZIZQ_qkA/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}#mdfb{font:12px/1.2 Arial,Helvetica,san-serif;color:#666}#mdfb a,#mdfb a:hover,#mdfb a:visited{text-decoration:none}.mdbox-title{background:#000;color:#fff;font-size:20px !important;font-weight:bold;margin:10px 0;border:20px solid #ddd;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;box-shadow:5px 5px 5px #CCC;padding:10px;line-height:25px;font-family:arial !important} </style> <div style='display:none'> <div id='exestylepopups' style='padding:10px; background:#fff;'> <center><h3 class="mdbox-title">Receive all updates via Facebook. Just Click the Like Button Below...</h3></center><center> <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpkgamedownload&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;" >Powered By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://pkgamedownload.blogspot.com">pkgamedownload</a></p> </div></div>
Of course change the pkgamedownload to your facebook page id.
Note: The code snippet will show up only once. To see it again clear your browser cookie. If you want it to show up every time the page loads, then change True to False in line 5.
The snippet will again show up in visitor’s bowser after 30 days if he is clearing his cookies. You can change the number of days in line 5.
You can also customise the text Receive all updates via Facebook. Just Click the Like Button Below…
Tuesday, January 12, 2016
How To Add Blockquote Blogger
Insert CSS Style Sheet in Blogger Template:
First we will insert the CSS style Sheet to stylize our quote box.
- Go to Blogger >> Your Blog >> Template >> EDIT HTML >> Proceed
- And now Search For ]]></b:skin> With (CTRL+F)
- After you find ]]></b:skin> just above it paste the following coding
.post blockquote {
- background: #C8EFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg35OKqdyZEgTFo7dKhXxSECU2CJK8N6IuzAC2ByfHdoKmg0RLPF5HcuZq7InafAXX4hnyeSARqVGW4zuqROBZcTE3cdw9dWaGR9WHJptwacsE_V0lIrx9t0e9QHUWWDR361JCu14-HwDI/s1600/1.png);
- background-position:top left;
- background-repeat:repeat-y;
- margin: 0 20px;
- padding: 10px 20px 10px 45px;
- border-top: 2px solid #DDD;
- border-right: 5px solid #666;
- border-left: 2px solid #DDD;
- border-bottom: 5px solid #666;
- font-size: 0.9em;
- }
- .post blockquote p {
- margin: 0;
- padding: 0 0 15px;
- }
- .blockquote {
- font: 18px normal sans-serif,Tahoma;
- padding-top: 10px;
- margin: 5px;
- text-indent: 65px;
- }
- .blockquote div {
- display: block;
- padding-bottom:10px;
- }
- .blockquote p {
- margin: 0;
- padding-top:10px;
- }
- Now After pasting the above code save your template by pressing Save Template Button
- Publish your Post.
Thankx For Visit Geo Png
Sunday, January 3, 2016
How To Add Alexa Widget In Blogger
Yes, using an Alexa widget like this you can display your site's Alexa rank on your site:
Just change yoursite.com to your website in two places in the HTML snippet below, and then copy and paste it into your website's HTML:
<a href="http://www.alexa.com/siteinfo/yoursite.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/t/a?url=yoursite.com"></script></a>
Here is a widget that displays both your site's Alexa rank and Sites Linking In count:
<a href="http://www.alexa.com/siteinfo/yoursite.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/s/a?url=yoursite.com"></script></a>
Change Yoursite.com
Subscribe to:
Posts (Atom)