Help Pro Blogger: Blogging Widgets

Home » Posts filed under Blogging Widgets

Showing posts with label Blogging Widgets. Show all posts

How to Protect Your Website Blog Copyrights DMCA Pro for Free

DMCA PRO BADGE FREE

It is most recommended post for Bloggers for Protection on their content from Copy.

How to get DMCA Pro Badge for their blog/website:
Setup guide to blog or website

First copy the below code and paste on Your blog.

How to add this to Your Blog

DMCA PRO BADGE CODE

Copy the Above code

Go to blogger.com and login with your Google Account

Now go to Layout from Left site windows screen

Click Add a Gadget

Click on HTML/JavaScript

Paste the Copied code as it is.

How to Create a Sitemap Page in Blogger [ 100 % Working ]

Unknown 06:08 No Comments

Sitemap of a blog and website posts get index to search engine easily and search engine generate traffic which is very important for a blog or website to survive.

I have previously written a post relates to submitting sitemap to Google Master Tool and this template is created in .xml format which is perfect to search engine but if you want to your return to access sitemap page which gives them accessibility to easy select a post and read you must create HTML sitemap page.

So how to create a sitemap page for your blog or website:

So everyone know first step is to go to blogger.com
Now go to Pages
Create New Page
Click on HTML and Paste the Below code

<div dir="ltr" style="text-align: left;" trbidi="on">
 
<style type="text/css">  
#bp_toc {    background: #FFFFFF;    border: 0 solid #000000;    margin-top: 10px;    padding: 10px 0;    width: 100%;}h3.bp_toc_title {    font-size: 28px;    line-height: 30px;    padding-top: 40px;    margin: 0 0 20px;}#bp_tocm {    margin-right: 30px;}#bp_toc a {    text-decoration: none !important;}#bp_toc a:hover {    text-decoration: underline !important;}.toc-header-col1, .toc-header-col2, .toc-header-col3 {    background: #4e4949;    border-bottom: 5px solid #dfdfdf;    padding: 10px;    width: 50%;}.toc-entry-col2 {    border-left: 2px solid #FFFFFF;    border-right: 2px solid #FFFFFF;}.toc-header-col2 {    border-left: 2px solid #FFFFFF;    border-right: 2px solid #FFFFFF;    width: 15%;}.toc-header-col3 {    width: 35%;}.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {    color: #EBEBEB;    font-size: 14px;    font-style: normal;    font-weight: bold;    line-height: 1.4em;    text-decoration: none;    border-collapse: separate;}.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {    text-decoration: underline;}.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {    background: #F8F8F8;    border-bottom: 2px solid #FFFFFF;    padding: 10px;}.toc-entry-col2 {    border-left: 2px solid #FFFFFF;    border-right: 2px solid #FFFFFF;}.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a {    color: #45818E;    font-family: 'Verdana',Arial,sans-serif;    font-size: 12px;}.toc-note {    background-color: #4e4949;    color: #EBEBEB;    display: inline-block;    font-size: 14px;    padding: 10px;    text-align: center;    font-weight: 600;    text-transform: uppercase;    border-bottom: 1px solid #dfdfdf;}</style><br /><div id="bp_tocm">
<div id="bp_toc">
<script type="text/javascript">//<![CDATA[var postTitle=[],postUrl=[],postDate=[],postSum=[],postLabels=[],sortBy="datenewest",tocLoaded=!1,numChars=250,postFilter="",tocdiv=document.getElementById("bp_toc"),totalEntires=0,totalPosts=0; function loadtoc(c){if("entry"in c.feed){var d=c.feed.entry.length;totalEntires+=d;totalPosts=c.feed.openSearch$totalResults.$t;if(totalPosts>totalEntires){var b=document.createElement("script");b.type="text/javascript";startindex=totalEntires+1;b.setAttribute("src","/feeds/posts/summary?start-index="+startindex+"&max-results=500&alt=json-in-script&callback=loadtoc");tocdiv.appendChild(b)}for(b=0;b<d;b++){for(var a=c.feed.entry[b],e=a.title.$t,k=a.published.$t.substring(0,10),l,f=0;f<a.link.length;f++)if("alternate"== a.link[f].rel){l=a.link[f].href;break}var g="content"in a?a.content.$t:"summary"in a?a.summary.$t:"",g=g.replace(/<\S[^>]*>/g,"");if(g.length>numChars)var g=g.substring(0,numChars),h=g.lastIndexOf(" "),g=g.substring(0,h)+"...";h="";if("category"in a){for(f=0;f<a.category.length;f++)h+="<a href=\"javascript:filterPosts('"+a.category[f].term+"');\" title=\"Click here to select all posts with label '"+a.category[f].term+"'\">"+a.category[f].term+"</a>, ";a=h.lastIndexOf(",");-1!=a&&(h=h.substring(0, a))}postTitle.push(e);postDate.push(k);postUrl.push(l);postSum.push(g);postLabels.push(h)}}totalEntires==totalPosts&&(tocLoaded=!0,showToc());sortPosts(sortBy);tocLoaded=!0}function filterPosts(c){postFilter=c;displayToc(postFilter)}function allPosts(){postFilter="";displayToc(postFilter)} function sortPosts(c){function d(a,b){var c=postTitle[a];postTitle[a]=postTitle[b];postTitle[b]=c;c=postDate[a];postDate[a]=postDate[b];postDate[b]=c;c=postUrl[a];postUrl[a]=postUrl[b];postUrl[b]=c;c=postSum[a];postSum[a]=postSum[b];postSum[b]=c;c=postLabels[a];postLabels[a]=postLabels[b];postLabels[b]=c}for(var b=0;b<postTitle.length-1;b++)for(var a=b+1;a<postTitle.length;a++)"titleasc"==c&&postTitle[b]>postTitle[a]&&d(b,a),"titledesc"==c&&postTitle[b]<postTitle[a]&&d(b,a),"dateoldest"==c&&postDate[b]> postDate[a]&&d(b,a),"datenewest"==c&&postDate[b]<postDate[a]&&d(b,a)} function displayToc(c){var d=0,b,a="Click to sort by title",e="Click to sort by date",k="";"titleasc"==sortBy&&(a+=" (descending)",e+=" (newest first)");"titledesc"==sortBy&&(a+=" (ascending)",e+=" (newest first)");"dateoldest"==sortBy&&(a+=" (ascending)",e+=" (newest first)");"datenewest"==sortBy&&(a+=" (ascending)",e+=" (oldest first)");""!=postFilter&&(k="Click to show all posts");b="<table>
<tr>";b+='<td class="toc-header-col1">';b+='<a href="javascript:toggleTitleSort();" title="'+a+'">POST TITLE</a>'; b+="</td>";b+='<td class="toc-header-col2">';b+='<a href="javascript:toggleDateSort();" title="'+e+'">POST DATE</a>';b+="</td>";b+='<td class="toc-header-col3">';b+='<a href="javascript:allPosts();" title="'+k+'">LABELS</a>';b+="</td>";b+="</tr>
";for(a=0;a<postTitle.length;a++)""==c?(b+='
<tr><td class="toc-entry-col1"><a href="'+postUrl[a]+'" title="'+postSum[a]+'">'+postTitle[a]+'</a></td><td class="toc-entry-col2">'+postDate[a]+'</td><td class="toc-entry-col3">'+postLabels[a]+"</td></tr>
",d++): (z=postLabels[a].lastIndexOf(c),-1!=z&&(b+='
<tr><td class="toc-entry-col1"><a href="'+postUrl[a]+'" title="'+postSum[a]+'">'+postTitle[a]+'</a></td><td class="toc-entry-col2">'+postDate[a]+'</td><td class="toc-entry-col3">'+postLabels[a]+"</td></tr>
",d++));b+="</table>
";c=d==postTitle.length?'<div class="toc-note">
Displaying all '+postTitle.length+" posts<br/></div>
":'<div class="toc-note">
Displaying '+d+" posts labeled '"+(postFilter+"' of "+postTitle.length+" posts total<br/></div>
");tocdiv.innerHTML= c+b}function toggleTitleSort(){sortBy="titleasc"==sortBy?"titledesc":"titleasc";sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){sortBy="datenewest"==sortBy?"dateoldest":"datenewest";sortPosts(sortBy);displayToc(postFilter)}function showToc(){tocLoaded?(displayToc(postFilter),document.getElementById("toclink")):alert("Just wait... TOC is loading")} function hideToc(){document.getElementById("toc").innerHTML="";document.getElementById("toclink").innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');">\u00bb Show Table of Contents</a> <img src="http://chenkaie.blog.googlepages.com/new_1.gif"/>'};//]]></script><script src="/feeds/posts/summary?alt=json-in-script&max-results=500&callback=loadtoc" type="text/javascript"></script></div>
</div>
</div>

</script>

Put Post Title as Sitemap
Now Click on Publish button
Done

LLive Preview Here

Comment Below for Any Help.

How to Add Floating Social Share Widget for Blog

Unknown 00:45 No Comments

Everyone wants to get top ranking in WSEO (Web Search Engine Optimization) but only those who analys ever changing SEO field carefully and change their sites according to the trend get good position.

It is been a while since Google has started considering social signal as a significant ranking factor in 2009 so you should have to social share button on your blog to make it easier for visitor to share your content within the term give SEO benefits.

Add floating social share button to blogger do you want to know how to add floating button on blogger follow the steps I am going to list out :

< Share Tool Preview: >

See In The Red Box

Step 1: As you all know that is the first step is blogging go to blogger.com and being in the dashboard of the blog on which you want to and the floating share button. You can create your own custom social button click here.

Step 2: We are not going to edit your template so you don't have to worry about anything here you will be adding CSS code to the blog and can be remove any time click on the template.

Step 3: now click everywhere anywhere in HTML code and Press CTRL + F and find </head> tag.

Step 4: Now copy the above code and paste it above or before </head> tag.

10 Stylish Cursor for Blogger [ Easy Setup ]

Unknown 04:11 No Comments

Today I will give you 10 stylish beautiful Mouse cursor pointer for your blogspot of blog site I hope you will enjoy it all Mouse cursor pointer created by CSS and it will end at present but overall site take a look how they are going to add.

How to add the CSS code:

Customer login your blogger account
Then go to template and click on edit HTML
After opening template editor Click anywhere inside template
Press CTRL + F from keyboard search </head>code paste before </head> closing tag.

1. Black Cursor:↴

2. Blue Flower Cursor:↴

3. Blue GIF Cursor:↴

4. Green Cursor:↴

5. Hand Cursor:↴

6. Ruby Cursor:↴

7. Cursorz:↴

8.Sultan Cursor:↴

9.Pink Cursor↴

10.Sword Cursor:↴

Other Related Posts:

Incoming Searches:
10 stylish Cursor for Blog, 10 stylish Cursor for Blogger, 10 stylish Cursor for wordpress HTML code, 10 stylish Cursor Easy Setup

How to Add New Responsive Comment Box Plugin on Blog

Unknown 03:50 No Comments

Recently some of my bloggers requested me to give a solution that how they can add a Facebook comment box in their blogger site so I have decided to write a post in my site about this regarding issue in 2009 Facebook developer says their best social plugin old ["Facebook Comment Box"].

This comment box help your reader to comment on your site using their Facebook, Yahoo, AOL, Hotmail profile I will say my own method which I applied on this blog developing blogger templates so first of a simple tutorial to add this on your site.

LIVE DEMO

How to add

First of all login your blogger site
then go to template click on edit template
click on CTRL + F from keyboard then search following code.

<body>

Then search again the following code just after paste the below code

<-- Copy Start Here -->

var js, fjs = d.getElementsByTagName(s)[0];

if (d.getElementById(id)) return;

js = d.createElement(s); js.id = id;

js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0";

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

<-- Copy End Here -->

Then again search following code

<b:includable id='comment-form' var='post'>

Just after it paste the below code

<-- Copy Start Here -->

<div class="fb-comments" expr:data-href="data:post.url"

data-width="100%" data-numposts="5" data-colorscheme="light"/>

<-- Copy End Here -->

You can change No. 5 according to you.
in the Last line code yo can change from light to dark comment text background.

How to Add Popup Facebook Page Like Widget for Blog or Website

Unknown 06:21 No Comments

Facebook has become the leading social media service on the Internet playing host to over 1.3 million users of these 800 million login to their dashboard feeds at least once a day.
Sharing site content using Facebook like box is just one of many strategies that can generate a regular filo of traffic from a diverse demographic that might have been previously inaccessible.

LIVE DEMO

Adding Facebook like box to your site helps to reduce your individual work load and Institute distribution that ability equality among your readers when someone reads your content and appreciate that kind of work that you produce they will be willing to share that information to their followers and fans setting of Shiva reaction the first step necessary to make inside this is reality is to make this changed your site is next step with previously provide you with a quick and easy guide on how to add a like box to your blog site or website that you can be done taking advantage of this great opportunity.

How to add the Facebook popup like box widget

Login to your blogger account and go to layout and click add a widget
When the window is open select HTML/JavaScript Gadget
Copy the below code and paste it into the blank Widget

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script><style type="text/css">
#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:0;top:0}#fbox-button:before{content:"CLOSE";padding:5px 8px;background:#828282;color:#eaeaea;font-weight:700;font-size:10px;font-family:Tahoma}#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover{color:#aaa;font-size:9px;text-decoration:none;text-align:center;padding:5px}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie=function(a,b,c){if(arguments.length>1&&"[object Object]"!==String(b)){if(c=jQuery.extend({},c),null!==b&&void 0!==b||(c.expires=-1),"number"==typeof c.expires){var d=c.expires,e=c.expires=new Date;e.setDate(e.getDate()+d)}return b=String(b),document.cookie=[encodeURIComponent(a),"=",c.raw?b:encodeURIComponent(b),c.expires?"; expires="+c.expires.toUTCString():"",c.path?"; path="+c.path:"",c.domain?"; domain="+c.domain:"",c.secure?"; secure":""].join("")}c=b||{};var f,g=c.raw?function(a){return a}:decodeURIComponent;return(f=new RegExp("(?:^|; )"+encodeURIComponent(a)+"=([^;]*)").exec(document.cookie))?g(f[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');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</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/helpproblogger&width=339&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://helpproblogger.blogspot.com/2016/11/popup-facebook-page-like-widget-blogger.html" rel="nofollow">HelpProBlogger</a></div>
</div>
</div>

</script>

Click save button to add that visit to your blog site that's it

Customisation of Facebook popup like box according to your Facebook page:
After adding the code to place the address in Red line of above code with your Facebook page URL.

The widget will appear after 5 second when your web page load completely if you want to change the delay change the number 5000 to Greater and lesser number.
After saving the visit you can test it out by returning to your web page which should bring up a little papa widget asking you would like to your Facebook page.

Widget Not working Problem:
If you don't see your like Facebook widget on your blog or website you can comment below.

Other Related Posts: