Showing posts with label Blogger Tips. Show all posts
Sunday, 19 October 2014
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 post and comments in Blog.
If you want to show total number of post, comment in your blog you just need add a JavaScript in your blog by adding Gadget.
It very easy to add this widget in your blogger blog just add below given JavaScript in your blog.
Follow Below given step to add total number of post, comment Display in your blog.
Sign in – in your blogger account
Select your Blog in which blog you want to Display total number of post and comments
Go to Layout Option.
In Layout option there is an Add Gadget Option Select this
After select Add Gadget a popup window will be open (Add Gadget window)
Now select “HTML/JavaScript” Gadget.
Now add below given JavaScript in Content Box. (See below demo image)
--------------------------------------------------------------------------------------------------------------------------
Please Copy Below JavaScript and paste in HTML/JavaScript Content box
--------------------------------------------------------------------------------------------------------------------------
<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="http://www.example.com/feeds/posts/default?alt=json-in-script&callback=mbhTotalCount"></script></p><p style="font:20px Tahoma;">Total Comments: <script src="http://www.example.com/feeds/comments/default?alt=json-in-script&callback=mbhTotalCount"></script></p>
--------------------------------------------------------------------------------------------------------------------------
Note: - Please replace http://www.example.com with your blog URL
Now press Save Button after save press Save Arrangement Button on layout page.
Now check your blog.
Thanks i hope you like this post
Friday, 10 October 2014
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 this widget is very useful and recommended widget for bloggers. Feature this widget will appear after 20 second of page load. This popup widget will show only once not again and again 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.
It’s a onetime facebook popup like box for blogger
Add below given code in your blogger blog as a widget by HTML/JAVASCRIPT widget
How to add widget in blogger?
Go to your blog Layout option > Select Add a Gadget option > select Html/Java Script option > Past the below code in Content area field and press save button.
--------------------------------------------------------------------------------------------------------------------------
<!-- Facebook Popup Widget START -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script>
<style>
#abt-back {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#abt-exit {
width:100%;
height:100%;
}
#abt1 {
background:white;
width:420px;
height:270px;
position:absolute;
top:58%;
left:63%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#abt-fb-popup {
float:right;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBtLn5f9sLE_g68zpE95WkcrmIogVV53sTfpwX6n8C9qRi3tTYxUpL4_paVapPJSrt1RN1gOhPR1SsyI6nXgrVPeDeakacBCPRFtF3QccRg1lfD4svfGZJT4T9X2FtgcFv-Ebcc_HZNso/s1600/close.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.abt-fb-like {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
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() : '',
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
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_user_login') != 'yes'){
$('#abt-back').delay(20000).fadeIn('medium');
$('#abt-fb-popup, #abt-exit').click(function(){
$('#abt-back').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='abt-back'>
<div id='abt-exit'>
</div>
<div id='abt1'>
<div id='abt-fb-popup'>
</div>
<div class='abt-fb-like'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=http://www.facebook.com/Gaurang.FanX.Club&width=402&height=255&colorscheme=light&
show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe><center>
<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>
<!-- Facebook Popup Widget END-->
--------------------------------------------------------------------------------------------------------------------------
Note Replace Gaurang.FanX.Club with your facebook page ID i.e= www.Facebook.com/Gaurang.FanX.Club
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.
Thanks I hope you like this post.
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 right button of mouse an alert message box show message “Function Disable” and right button click not show function (Option) like copy past etc…
You can also Disable right click function in your blog or website you just need a small “javascript” which is below given.
How to disable mouse right click function (Option) in blogger’s Blog.
Just follow below step for Disable mouse right click function (Option).
Sign in – in your blogger account
Select your Blog in which blog you want to Disable right click function.
Go to Layout Option.
In Layout option there is an Add Gadget Option Select this
After select Add Gadget a popup window will be open ( Add Gadget window )
Now select “HTML/JavaScript” Gadget .
- Now add below HTML Script in Content Box
HTML Script (Copy and Paste) in HTML/JavaScript Content box
--------------------------------------------------------------------------------------------------------------------------
<script language=javascript>
var message="Function Disabled!";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
//
</script>
--------------------------------------------------------------------------------------------------------------------------
Now press Save Button after save press Save Arrangement Button on layout page.
Now check your blog Mouse right click function is disable in your blog.
Thanks I Hope You Like This Post!
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 mouse open popup window in blogger.
Pop up window is very use full for any important page show to viewers .
Just follow below steps for add a popup window in your blogger
1. Log in to your Blogger account
2. Go to Design > Page Elements
3. Click Add a Gadget.
4. Select HTML/JavaScript widget
5. Copy the below code and past it in HTML/java script box.
--------------------------------------------------------------------------------------------------------------------------
<script type="text/javascript">
document.body.onclick= function(){
window.open('your web address', 'poppage', 'toolbars=0, scrollbars=1, location=0, statusbars=0, menubars=0, resizable=1, width=650, height=650, left = 300, top = 50');
}</script>
--------------------------------------------------------------------------------------------------------------------------
- Your web address' Replace this with your Web url (web address)
- width=650, height=650 You can customize Window size.
6. Now save your Template your popup window is ready
Subscribe to:
Posts
(
Atom
)