All Widget Content

http://helplogger.blogspot.com/2012/03/how-to-add-facebook-likefan-box-to.html



http://helplogger.blogspot.com/2014/12/facebook-popup-like-box-blogger-widget.html



http://helplogger.blogspot.com/2012/03/add-recent-comments-widget-with-avatar.html

http://helplogger.blogspot.com/2012/04/recent-posts-widget-for-bloggerblogspot.html

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsoh_vobOhkqNMJft6mDd7zXhfsV_LyA00vj_C8Z3QRPngzgsTN4vh9e6C_LnSikdMWEfvU8Ga0Y2c_bXMOuqmKATv6Hd32nrb1GcZg9ML3dOupnBUjDUtUMpDNjgclSSQa4mmFBqLg4Gm/s320/add+recent+posts+widget+for+blogger+blogspot.png
http://helplogger.blogspot.com/2014/09/host-blogger-css-javascript-files-in-google-drive.html

================================================================
<script style=text/javascript
src="http://helplogger.googlecode.com/svn/trunk/recent comments
widget.js"></script>
<script style=text/javascript>
    var a_rc = 5;
    var m_rc = false;
    var n_rc = true;
    var o_rc = 100;
</script>
<script src=http://helpslink.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments></script><div
style="font-size: 10px; float: right;">Get this <a
href="http://need247.blogspot.com/" rel="nofollow" >Recent Comments
Widget</a></div>
<style type="text/css">
.rcw-comments a {
    text-transform: capitalize;
}

.rcw-comments {
    border-bottom: 1px dotted;
    padding-top: 7px!important;
    padding-bottom: 7px!important;
}
</style>
===========================================
<script style=text/javascript
src="http://helplogger.googlecode.com/svn/trunk/recent comments
widget.js"></script>
<script style=text/javascript>
    var a_rc = 5;
    var m_rc = false;
    var n_rc = true;
    var o_rc = 100;
</script>
<script src=http://pasteroom.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments></script><div
style="font-size: 10px; float: right;">Get this <a
href="http://need247.blogspot.com/" rel="nofollow" >Recent Comments
Widget</a></div>
<style type="text/css">
.rcw-comments a {
    text-transform: capitalize;
}

.rcw-comments {
    border-bottom: 1px dotted;
    padding-top: 7px!important;
    padding-bottom: 7px!important;
}
</style>
===================================================
<div id="hlrpsa">
<script src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-snippets.js">
</script>
<script>
var numposts = 5;var showpostdate = false;var showpostsummary =
true;var numchars = 100;var standardstyling = true;
</script>
<script src="http://helpslink.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">
</script></div><a style="font-size: 9px; color: #CECECE; float: right;
margin: 5px;" href="http://need247.blogspot.com" rel="nofollow"
>Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
#hlrpsa a {color: #0B3861; font-size: 13px;}
#rpdr, #rpdr a {color:#808080;}
#hlrpsa { color: #999999; font-size: 11px; border-bottom:1px #cccccc
dotted; margin-top:-10px; padding-bottom:10px;}
.hlrps a {font-weight:bold; }
.hlrpssumm {}
</style>
========================================================
     <style type="text/css">
    ul.helploggercomments{list-style: none;margin: 0;padding: 0;}
    .helploggercomments li {background: none !important;margin: 0 0
6px !important;padding: 0 0 6px 0 !important;display: block;clear:
both;overflow: hidden;list-style: none;word-break:break-all;}
    .helploggercomments li .avatarImage {padding: 3px;
    background: #fefefe;-webkit-box-shadow: 0 1px 1px
#ccc;-moz-box-shadow: 0 1px 1px #ccc;box-shadow: 0 1px 1px #ccc;float:
left;margin: 0 6px 0 0;position: relative;overflow: hidden;}
    .avatarRound {-webkit-border-radius: 100px;-moz-border-radius:
100px;border-radius: 100px;}
    .helploggercomments li img {padding: 0px;position:
relative;overflow: hidden;display: block;}
    .helploggercomments li span {margin-top: 4px;color: #666;display:
block;font-size: 12px;font-style: italic;line-height: 1.4;}
    </style>
    <script type="text/javascript">
    //<![CDATA[
        // Recent Comments Settings
        var
     numComments  = 5,
     showAvatar  = true,
     avatarSize  = 60,
     roundAvatar = true,
     characters  = 40,
     showMorelink = false,
     moreLinktext = "More »",
     defaultAvatar  =
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3v1c4NDZROuxh3c3CQhS11Wrh2RghH_GoLEoH653tZkURQZeHkwmSB2b1r1sOxTg2YMTsxnick6sSeZqjCfMIeW31qK5IlgXRl9hTyAXhQYN4oD89o17XoG0jVZZq9mv_np1ABieMPok0/s1600/default-avatar.jpg",
     hideCredits = true;
    //]]>
    </script>
    <script type="text/javascript"
src="http://helplogger.googlecode.com/svn/trunk/helplogger/[helplogger.blogspot.com]recent-comments.js"></script>
    <script type="text/javascript"
src="/feeds/comments/default?alt=json&callback=helploggercomments&max-results=5"></script><div
style="font-size: 10px; float: right; margin-top: -15px">Get this <a
href="http://helplogger.blogspot.com/2012/03/add-recent-comments-widget-with-avatar.html"
rel="nofollow" >Recent Comments Widget</a></div>
        =============================================================
        <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'
type='text/javascript'></script>
<style>
#fbox-background {
    display: none;
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}

#fbox-close {
    width: 100%;
    height: 100%;
}

#fbox-display {
    background: #eaeaea;
    border: 5px solid #828282;
    width: 340px;
    height: 230px;
    position: absolute;
    top: 32%;
    left: 37%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#fbox-button {
    float: right;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
}

#fbox-button:before {
    content: "CLOSE";
    padding: 5px 8px;
    background: #828282;
    color: #eaeaea;
    font-weight: bold;
    font-size: 10px;
    font-family: Tahoma;
}

#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover {
    color: #aaaaaa;
    font-size: 9px;
    text-decoration: none;
    text-align: center;
    padding: 5px;
}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '',
// use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } :
decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) +
'=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_facebook_box') != 'yes'){
$('#fbox-background').delay(5000).fadeIn('medium');
$('#fbox-button, #fbox-close').click(function(){
$('#fbox-background').stop().fadeOut('medium');
});
}
});
</script>
<div id='fbox-background'>
<div id='fbox-close'>
</div>
<div id='fbox-display'>
<div id='fbox-button'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no'
src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/helpslink&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; background: #fff; width: 339px;
height: 200px;'></iframe>
<div id="fbox-link">Powered by <a style="padding-left: 0px;"
href="http://need247.blogspot.com" rel="nofollow">Need247</a></div>
</div>
</div>
=====================================================