How to Show Total Number of Post, Comment in Blogger / Blogspot Blog?

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOyYQavATwe40Icj0KKlqixhFY9AuG52YQQrvMfTb-I9XacCU-VPLjUmqD9HXlTJ_4GTzLS2Zug4m9B5E3G062rU9_poskXFqxtbrJXYbTtB08ktCwCoQCMRASmtzv8cBIMW49_m86I3s/s1600/Display+total+number+of+post+ans+comments.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOyYQavATwe40Icj0KKlqixhFY9AuG52YQQrvMfTb-I9XacCU-VPLjUmqD9HXlTJ_4GTzLS2Zug4m9B5E3G062rU9_poskXFqxtbrJXYbTtB08ktCwCoQCMRASmtzv8cBIMW49_m86I3s/s1600/Display+total+number+of+post+ans+comments.jpg" width="320" /></a></div><br />Do you want show (Display)<b> Total number of published post and comments in blogger / BlogSpot </b>blog? Some people love to show total number of post and comments in Blog.<br /><br /><b>If you want to show total number of post,</b> comment in your blog you just need add a JavaScript in your blog by adding Gadget.<br /><br />It very easy to add this widget in your blogger blog just add below given JavaScript in your blog.<br /><br />Follow Below given step to add total number of post, comment Display in your blog.<br /><br />Sign in – in your blogger account<br /><br />Select your Blog in which blog you want to<b> Display total number of post and comments</b><br /><br />Go to Layout Option.<br /><br /> In Layout option there is an <b>Add Gadget Option Select this</b><br /><br />After select Add Gadget a popup window will be open (Add Gadget window)<br /><br /> Now select <b>“HTML/JavaScript” Gadget. </b><br /><b><br /></b><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU-jzCc82FL2aePtjfGpcGt7PoQijA5aO4u-fIDYKCucy9u6zzsYUkqL8q8DYABpmtIb8m8rm3k2nDzYJkezzEokIMHkzpjNmpQZyzsl8BlAeorbTU9sHuzZHYoH0GdsxXHDqSyDBSGNA/s1600/Confiure+html-java+script.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU-jzCc82FL2aePtjfGpcGt7PoQijA5aO4u-fIDYKCucy9u6zzsYUkqL8q8DYABpmtIb8m8rm3k2nDzYJkezzEokIMHkzpjNmpQZyzsl8BlAeorbTU9sHuzZHYoH0GdsxXHDqSyDBSGNA/s1600/Confiure+html-java+script.PNG" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;">Now add below given JavaScript in Content Box. (See below demo image)      </div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;">--------------------------------------------------------------------------------------------------------------------------</div><div style="text-align: center;"><br /></div><div style="text-align: center;">Please Copy Below JavaScript and paste  in HTML/JavaScript Content box</div><div style="text-align: center;"><br /></div><div style="text-align: center;">--------------------------------------------------------------------------------------------------------------------------</div><div style="text-align: center;"><br /></div><div style="text-align: center;"><span style="font-size: large;"><script style="text/javascript">function mbhTotalCount(json) {document.write(parseInt(json.feed.openSearch$totalResults.$t,10));}</script><p style="font:20px Tahoma;">Total Posts: <script src="<span style="color: yellow;">http://www.example.com</span>/feeds/posts/default?alt=json-in-script&callback=mbhTotalCount"></script></p><p style="font:20px Tahoma;">Total Comments: <script src="<span style="color: yellow;">http://www.example.com</span>/feeds/comments/default?alt=json-in-script&callback=mbhTotalCount"></script></p></span></div><div style="text-align: center;"><br /></div><div style="text-align: center;">--------------------------------------------------------------------------------------------------------------------------</div><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><div><b>Note: -</b> Please replace <span style="color: yellow;">http://www.example.com</span> with your blog URL</div><div><br /></div><div>Now press Save Button after save press Save Arrangement Button on layout page.</div><div><br /></div><div>Now check your blog.</div><div><br /></div><div>Thanks i hope you like this post</div><div><br /></div></div><div style="text-align: center;"><br /></div><b><br /></b></div>

How to Show Total Number of Post, Comment in Blogger / Blogspot Blog?

Do you want show (Display) Total number of published post and comments in blogger / BlogSpot blog? Some people love to show total number of...

Read more »

How to Add Facebook Popup Like Box Widget in Blogger!

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioOed9mXsb5cymdO5QnVe8Ne6Gez-MBtsrBYROo-RTu5RDEJ1wqQjy1sOflhjMpZZHQnHs-t1l0sZzlVObFiUnEAqWmZrXar09azM3yeWP_pEMKUztZGhykxZAf9Kqe8NQghv5aYL6uj0/s1600/2014-10-10_172517.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioOed9mXsb5cymdO5QnVe8Ne6Gez-MBtsrBYROo-RTu5RDEJ1wqQjy1sOflhjMpZZHQnHs-t1l0sZzlVObFiUnEAqWmZrXar09azM3yeWP_pEMKUztZGhykxZAf9Kqe8NQghv5aYL6uj0/s1600/2014-10-10_172517.png" width="400" /></a></div><br /><br />Popup facebook like box widget for blogger <b>increase your facebook page fans</b> by adding beautiful facebook like box popup widget in your blog this widget is very useful and recommended widget for bloggers.<b> Feature this widget will appear after 20 second of page load.</b> This popup widget will <b>show only once not again and again</b> because this widget saves some cookies file in user browser and tell to browser don’t open again and again when user delete this browser cookies file and open again your blog so again 1st time it will be show but after this again save cookies in browser and not will be open again.<br /><div><br /></div><div><div>It’s a onetime facebook popup like box for blogger</div><div><br /></div><div>Add below given code in your blogger blog as a widget by<b> HTML/JAVASCRIPT</b> widget</div><div>How to add widget in blogger?</div><div>Go to your blog <b>Layou</b>t option > Select A<b>dd a Gadget</b> option > select <b>Html/Java Script</b> option > <span style="font-size: large;">Past the below code in Content area field and press save button.</span></div></div><div><br /></div><div>--------------------------------------------------------------------------------------------------------------------------</div><div><br /></div><div><div><!-- Facebook Popup Widget START --></div><div><script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script></div><div><style></div><div>#abt-back {</div><div>display:none;</div><div>background:rgba(0,0,0,0.8);</div><div>width:100%;</div><div>height:100%;</div><div>position:fixed;</div><div>top:0;</div><div>left:0;</div><div>z-index:99999;</div><div>}</div><div>#abt-exit {</div><div>width:100%;</div><div>height:100%;</div><div>}</div><div>#abt1 {</div><div>background:white;</div><div>width:420px;</div><div>height:270px;</div><div>position:absolute;</div><div>top:58%;</div><div>left:63%;</div><div>margin:-220px 0 0 -375px;</div><div>-webkit-box-shadow: inset 0 0 50px 0 #939393;</div><div>-moz-box-shadow: inset 0 0 50px 0 #939393;</div><div>box-shadow: inset 0 0 50px 0 #939393;</div><div>-webkit-border-radius: 5px;</div><div>-moz-border-radius: 5px;</div><div>border-radius: 5px;</div><div>margin: -220px 0 0 -375px;</div><div>}</div><div>#abt-fb-popup {</div><div>float:right;</div><div>cursor:pointer;</div><div>background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghsMz-uo6_5mRb55K8_KR2YGpCZ-asToOskc077XNDR8ey2kMZifj74bQGWVKCAf9OejZzkY-dxNOvhYpHuxEQnCcS8Q_JVHgQoMAtcpf5enqM2LGAaYQVxUzLpjgyNOV9p9edMOzAppo/s1600/close.png) repeat;</div><div>height:15px;</div><div>padding:20px;</div><div>position:relative;</div><div>padding-right:40px;</div><div>margin-top:-20px;</div><div>margin-right:-22px;</div><div>}</div><div>.abt-fb-like {</div><div>height:1px;</div><div>width:366px;</div><div>margin:0 auto;</div><div>background:#F3F3F3;</div><div>margin-top:16px;</div><div>position:relative;</div><div>margin-left:20px;</div><div>}</div><div>#linkit,#linkit a.visited,#linkit a,#linkit a:hover {</div><div>color:#80808B;</div><div>font-size:10px;</div><div>margin: 0 auto 5px auto;</div><div>float:center;</div><div>}</div><div></style></div><div><script type='text/javascript'></div><div>//<![CDATA[</div><div>jQuery.cookie = function (key, value, options) {</div><div>if (arguments.length > 1 && String(value) !== "[object Object]") {</div><div>options = jQuery.extend({}, options);</div><div>if (value === null || value === undefined) {</div><div>options.expires = -1;</div><div>}</div><div>if (typeof options.expires === 'number') {</div><div>var days = options.expires, t = options.expires = new Date();</div><div>t.setDate(t.getDate() + days);</div><div>}</div><div>value = String(value);</div><div>return (document.cookie = [</div><div>encodeURIComponent(key), '=',</div><div>options.raw ? value : encodeURIComponent(value),</div><div>options.expires ? '; expires=' + options.expires.toUTCString() : '',</div><div>options.path ? '; path=' + options.path : '',</div><div>options.domain ? '; domain=' + options.domain : '',</div><div>options.secure ? '; secure' : ''</div><div>].join(''));</div><div>}</div><div>options = value || {};</div><div>var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;</div><div>return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;</div><div>};</div><div>//]]></div><div></script></div><div><script type='text/javascript'></div><div>jQuery(document).ready(function($){</div><div>if($.cookie('popup_user_login') != 'yes'){</div><div>$('#abt-back').delay(20000).fadeIn('medium');</div><div>$('#abt-fb-popup, #abt-exit').click(function(){</div><div>$('#abt-back').stop().fadeOut('medium');</div><div>});</div><div>}</div><div>$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });</div><div>});</div><div></script></div><div><div id='abt-back'></div><div><div id='abt-exit'></div><div></div></div><div><div id='abt1'></div><div><div id='abt-fb-popup'></div><div></div></div><div><div class='abt-fb-like'></div><div></div></div><div><iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?</div><div>href=http://www.facebook.com/<span style="color: yellow;">Gaurang.FanX.Club</span>&width=402&height=255&colorscheme=light&</div><div>show_faces=true&show_border=false&stream=false&header=false'</div><div>style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe><center></div><div><span id="linkit"><a href="http://trickxcorner.blogspot.com/2014/10/how-to-add-facebook-popup-like-box.html">Design By Gaurang</a></span></center></div><div></div></div><div></div></div><div><!-- Facebook Popup Widget END--></div></div><div><br /></div><div>--------------------------------------------------------------------------------------------------------------------------</div><div><br /></div><div><div><span style="font-size: large;">Note</span> Replace <span style="color: yellow;">Gaurang.FanX.Club</span> with your facebook page ID i.e= www.Facebook.com/<b>Gaurang.FanX.Club</b><br /><b><br /></b><b><br /></b></div><div>After Add above code in your blog check your blog if popup like box will not open so detele your browser cookies and check again your blog. </div><h4 style="text-align: left;"><span style="font-size: large;">Thanks I hope you like this post</span>.</h4></div></div>

How to Add Facebook Popup Like Box Widget in Blogger!

Popup facebook like box widget for blogger increase your facebook page fans by adding beautiful facebook like box popup widget in your blog...

Read more »

How to Disable Mouse Right Click Function in Blogger ?

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2PTNV0XilyEjlIilF14cvjz7zX1LcuqAq6goIqmC8wMG2aN4FJaSmC-hr5Qwf8vLP2sfgnEeYYtTb5qPhi0P-4QwMRzjzDFUCFGLwNPpjPZtTp2pNFmxBl_YKeB9fDMR2B6TlTVvYQMQ/s1600/Disable+mouse+right+click+function.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2PTNV0XilyEjlIilF14cvjz7zX1LcuqAq6goIqmC8wMG2aN4FJaSmC-hr5Qwf8vLP2sfgnEeYYtTb5qPhi0P-4QwMRzjzDFUCFGLwNPpjPZtTp2pNFmxBl_YKeB9fDMR2B6TlTVvYQMQ/s1600/Disable+mouse+right+click+function.png" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;">Disable mouse right click button function in blogger for protect you image or source file.</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;">You may have seen in some webpage when you click right button of mouse an alert message box show message “<span style="color: yellow;">Function Disable</span>” and right button click not show function (Option) like copy past etc…</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;">You can also<b> Disable right click function in your blog or website </b>you just need a small<b> “javascript” </b>which is below given.</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;">How to disable mouse right click function (Option) in blogger’s Blog.</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;">Just follow below step for Disable mouse right click function (Option).</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;">Sign in –  in your blogger account</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;">Select your Blog in which blog you want to Disable right click function.</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><b>Go to Layout Option.</b></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><b> In Layout option  there is an Add Gadget Option Select this</b></div><br /><br />After select Add Gadget a popup window will be open  ( Add Gadget window )<br /><br /> Now select <b>“HTML/JavaScript”</b> Gadget .<br /><br /><br /><ul style="text-align: left;"><li>Now add below HTML Script in Content Box</li></ul><div><b>HTML Script (Copy and Paste) in HTML/JavaScript Content box</b></div><div><b><br /></b></div><div><b><br /></b></div><div><b>--------------------------------------------------------------------------------------------------------------------------</b></div><div><b><br /></b></div><div><div style="font-weight: bold;"><script language=javascript></div><div style="font-weight: bold;"><br /></div><div style="font-weight: bold;">var message="Function Disabled!";</div><div style="font-weight: bold;"><br /></div><div style="font-weight: bold;">///////////////////////////////////</div><div style="font-weight: bold;">function clickIE4(){</div><div style="font-weight: bold;">if (event.button==2){</div><div style="font-weight: bold;">alert(message);</div><div style="font-weight: bold;">return false;</div><div style="font-weight: bold;">}</div><div style="font-weight: bold;">}</div><div style="font-weight: bold;"><br /></div><div style="font-weight: bold;">function clickNS4(e){</div><div style="font-weight: bold;">if (document.layers||document.getElementById&&!document.all){</div><div style="font-weight: bold;">if (e.which==2||e.which==3){</div><div style="font-weight: bold;">alert(message);</div><div style="font-weight: bold;">return false;</div><div style="font-weight: bold;">}</div><div style="font-weight: bold;">}</div><div style="font-weight: bold;">}</div><div style="font-weight: bold;"><br /></div><div style="font-weight: bold;">if (document.layers){</div><div style="font-weight: bold;">document.captureEvents(Event.MOUSEDOWN);</div><div style="font-weight: bold;">document.onmousedown=clickNS4;</div><div style="font-weight: bold;">}</div><div style="font-weight: bold;">else if (document.all&&!document.getElementById){</div><div style="font-weight: bold;">document.onmousedown=clickIE4;</div><div style="font-weight: bold;">}</div><div style="font-weight: bold;"><br /></div><div style="font-weight: bold;">document.oncontextmenu=new Function("alert(message);return false")</div><div style="font-weight: bold;"><br /></div><div style="font-weight: bold;">// </div><div style="font-weight: bold;"></script></div><div style="font-weight: bold;"><br /></div><div style="font-weight: bold;">--------------------------------------------------------------------------------------------------------------------------</div><div style="font-weight: bold;"><br /></div><div><div>Now press Save Button after save press Save Arrangement Button on layout page.</div><div><br /></div><div>Now check your blog Mouse right click function is disable in your blog.</div><div><br /></div><h3 style="text-align: left;">Thanks I Hope You Like This Post!</h3></div></div></div>

How to Disable Mouse Right Click Function in Blogger ?

Disable mouse right click button function in blogger for protect you image or source file. You may have seen in some webpage when you click ...

Read more »

How to Add Pop up Window in Blogger!

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh89H1jH9hUc0P4bArY_IRWxxyALiDoE4XElppXWjo4AgJXWzXv_9gWteqyeapbL2LDV0cScqIAdfn7o2lp-RYz2StrJ_N0kDYOr5RlCmJOkMCnE-RiXYEiu-kYiBS1U2iO9O88wMxzKYI/s1600/2014-10-10_143820.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="224" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh89H1jH9hUc0P4bArY_IRWxxyALiDoE4XElppXWjo4AgJXWzXv_9gWteqyeapbL2LDV0cScqIAdfn7o2lp-RYz2StrJ_N0kDYOr5RlCmJOkMCnE-RiXYEiu-kYiBS1U2iO9O88wMxzKYI/s1600/2014-10-10_143820.png" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;">Popup window is an extra window it's open in load on page or click on mouse and many other type now we will learn how to add click on mouse open popup window in blogger.</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><b>Pop up window is very use full for any important page show to viewers .</b></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"> Just follow below steps for add a popup window in your blogger </div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><span style="font-size: large;">1.     Log in to your Blogger account</span></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;">2.     Go to Design > Page Elements</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;">3.    Click Add a Gadget.</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><span style="font-size: large;">4.     Select HTML/JavaScript widget</span></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><b>5.     Copy the below code and past it in HTML/java script box.</b></div><div class="separator" style="clear: both; text-align: center;"><b><br /></b></div><div class="separator" style="clear: both; text-align: center;"><b><br /></b></div><div class="separator" style="clear: both; text-align: center;"><b></b></div><div class="separator" style="clear: both; text-align: center;"><b>--------------------------------------------------------------------------------------------------------------------------</b></div><div class="separator" style="clear: both; text-align: center;"><b><br /></b></div><div class="separator" style="clear: both; text-align: center;"><span style="font-size: large;"><script type="text/javascript"></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-size: large;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-size: large;">document.body.onclick= function(){</span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-size: large;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-size: large;">window.open('<span style="color: red;">your web address</span>', 'poppage', 'toolbars=0, scrollbars=1, location=0, statusbars=0, menubars=0, resizable=1, width=650, height=650, left = 300, top = 50');</span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-size: large;">}</script></span></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><b>--------------------------------------------------------------------------------------------------------------------------</b></div><br /><br /><ul style="text-align: left;"><li><span style="font-size: large;"> Your web address'  Replace this with your Web url (web address)</span></li></ul><div><span style="font-size: large;"><br /></span></div><ul style="text-align: left;"><li><span style="font-size: large;">width=650, height=650  You can customize Window size.</span></li></ul><br /><br /><br /><span style="font-size: large;">6. Now save your Template your popup window is ready</span><br /><br /><br /><br /></div>

How to Add Pop up Window in Blogger!

Popup window is an extra window it's open in load on page or click on mouse and many other type now we will learn how to add click on mo...

Read more »