blogmytuts: Widgets

Showing posts with label Widgets. Show all posts

Thursday, May 21, 2015

New Pop Out PAGE Like Box

By Chucks May 21, 2015 No comments

Increase Facebook likes for your blog or website. Add this lovely widget to your website and a Facebook PAGE like box will pop up with the lightbox effect when a user visits your page. The facebook widget will show up on your page about 5 seconds after the page loads (but can be customized). This is a surefire way to dramatically increase your likes.

This version is compatible with latest SDK 2.3 version
The code is similar to the other pop out page like except this plugins have the latest PAGE Like and Share button

Copy the code below find and replace https://www.facebook.com/Blogmytuts with your own Facebook Page link.

CODE

    
<!-- Facebook Page Popup Widget START --><!-- Brought to you by www.blogmytuts.net -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#Burptech {
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;
}
#Burp {
float:right;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfGZJA4MTtAp4oZV4iTY12wj3hk9KWq5jayeEem06_fq6P9Gb_u4liYvvZ3Lc545FJpyMKRq_XSoqODdioGk7sRG4wnneoYN6gS9FaoQRyCvXd5b01YrOXfHR9gA1YNvWq2ec8HI4sXH99/s1600/Burp.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
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) {
// 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 WALANG FOREVER, 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_user_login') != 'yes'){
$('#fanback').delay(5000).fadeIn('medium');
$('#Burp, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fanback'>
<div id='fan-exit'>
</div>
<div id='Burptech'>
<div id='Burp'>
</div>
<div class='remove-borda'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/page.php?
href=https://www.facebook.com/Blogmytuts&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">Powered by <a href="http://www.blogmytuts.net/2015/05/new-pop-out-page-like-box.html">BMT</a> - <a href="http://www.blogmytuts.net/2015/04/facebook-pop-out-page-like-box-with.html">Facebook PAGE Like Box</a></span></center>
</div>
</div>

HOW TO PUT ON YOUR BLOG SITE

1. For blogspot user you can add new HTML Gadget/widgets then paste the code.
2. For WordPress themes, Weebly templates, and Tumblr, you will need to manually copy and paste the script into your template, anywhere in the body section of your template.

Change the Second Time Delay

By default the widget pops up 5 seconds after the page finishes loading. Search for the code below and change the number 20000 to a greater or lesser number.
1 second = 1000. 5 seconds = 5000 10 seconds = 10000. 60 seconds = 60000.

New Facebook Pop Out Page Plugin Widget v2.3

By Chucks April 21, 2015 No comments

In a post on its page for developers, the social networking giant suggested that they start using the new Page Plugin instead.

It allows administrators to promote their Pages and embed a simple feed of content from a Page into other sites.

"With the release of Graph API v2.3, the Like Box plugin is deprecated and will stop working on June 23rd 2015. Use the new Page Plugin instead. The Page Plugin allows you to embed a simple feed of content from a Page into your websites," it said. posted : http://www.blogmytuts.net/2015/04/like-box-plugin-for-page-is-deprecated.html

The New Page Plugin widget remains in a fixed position on the right-hand side of your site. When you hover over the blue facebook image, the Page Plugin will then slide and reveal itself using jquery.

How put this widget on your blog site

1. Copy this Scripts change the appId number if you have and paste it on your Blog Template after <body> tag.

CODE

     <!-- facebook -->

    <div id="fb-root">
</div>
<script>

    window.fbAsyncInit = function() {

        FB.init({

          appId      : '107963722663354', // App ID

          xfbml      : true, // parse XFBML

          version    : 'v2.3' // sdk version          

        });

        // Additional initialization code here

      };

      // Load the SDK Asynchronously

      (function(d, s, id){

         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_US/sdk.js";

         fjs.parentNode.insertBefore(js, fjs);

       }(document, 'script', 'facebook-jssdk'));

    </script>

    <!-- /facebook -->

Sample Image:

2. Copy the Scripts below on your Notepad or Text Document .

CODE

    <!--Floating Facebook Widget by www.blogmytuts.net START-->

    <script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".blogmytuts").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-350"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .blogmytuts{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5HJpJpcyxD3lXPpnznpAKLGnmJTmKUsH-5FclI0xXhG5Qz4G2i6Ih3kKgdYiiHxtLZ2_W_ijwYfvjrykqIDP-GTW6rtjsQb_Ei1TAWttVbX61OAh-BuLclIsuGPXDwWZH3L8_coQ4h6yZ//") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 0px 0 46px;width: 345px;z-index:  99999;position:fixed;right:-345px;top:20%;} .blogmytuts div{ padding: 0; margin-right:-30px; border:4px solid  #3b5998; background:#fafafa;} .blogmytuts span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .blogmytuts span a{color: gray;text-decoration:none;} .blogmytuts span a:hover{text-decoration:underline;} } </style><!--Brought to you by www.blogmytuts.net--><div class="blogmytuts" style="">

    <!--http://www.blogmytuts.net/2015/04/new-facebook-pop-out-page-plugin-widget.html--><div>

    <!-- http://www.blogmytuts.net/2015/04/new-facebook-pop-out-page-plugin-widget.html--> <iframe src="http://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FBlogmytuts&width=250&height=320&colorscheme=light&show_faces=true&show_posts=true&header=true&stream=true&show_border=true&data_hide_cover=false&scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:320px;" allowtransparency="true"><!--Brought to you by www.blogmytuts.net--></iframe><!--Brought to you by www.blogmytuts.net--><span><!--Brought to you by www.blogmytuts.net--><center>

    <a style="color:#a8a8a8;font-size:12px;" href="http://blogmytuts.net">blogmytuts</a> - <a style="color:#a8a8a8;font-size:12px;" href="http://www.blogmytuts.net/2015/04/new-facebook-pop-out-page-plugin-widget.html">Click Here to Get this Widgets</a></center>
</span></div>
</div>
<!--Floating Facebook Widget by www.blogmytuts.net AND www.blognizend.blogspot.com END-->

3. Find and Edit the Fallowing Press Ctrl+F .
Blogmytuts = Your Page Name

320 = Height of your Plugin optional If you want to change it :) .

4. Paste the Script on your Blog Gadget or HTML widgets.

Now your Done!

Optional Scripts if you don't want No feed of content from a Page.
Edit Blogmytuts Page Name

CODE

<!--Floating Facebook Widget by www.blogmytuts.net START-->

<script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".blogmytuts").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-350"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .blogmytuts{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5HJpJpcyxD3lXPpnznpAKLGnmJTmKUsH-5FclI0xXhG5Qz4G2i6Ih3kKgdYiiHxtLZ2_W_ijwYfvjrykqIDP-GTW6rtjsQb_Ei1TAWttVbX61OAh-BuLclIsuGPXDwWZH3L8_coQ4h6yZ//") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 0px 0 46px;width: 345px;z-index:  99999;position:fixed;right:-345px;top:20%;} .blogmytuts div{ padding: 0; margin-right:-30px; border:4px solid  #3b5998; background:#fafafa;} .blogmytuts span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .blogmytuts span a{color: gray;text-decoration:none;} .blogmytuts span a:hover{text-decoration:underline;} } </style><!--Brought to you by www.blogmytuts.net--><div class="blogmytuts" style="">

<!--Brought to you by http://www.blogmytuts.net/2015/04/new-facebook-pop-out-page-plugin-widget.html--><div>

<!-- http://www.blogmytuts.net/2015/04/new-facebook-pop-out-page-plugin-widget.html--> <iframe src="http://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FBlogmytuts&width=250&height=250&colorscheme=light&show_faces=true&header=true&stream=true&show_border=true&data_hide_cover=false&scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:270px;" allowtransparency="true"><!--Brought to you by www.blogmytuts.net--></iframe><!--Brought to you by www.blogmytuts.net--><span><!--Brought to you by www.blogmytuts.net--><center>

<a style="color:#a8a8a8;font-size:12px;" href="http://blogmytuts.net">blogmytuts</a> - <a style="color:#a8a8a8;font-size:12px;" href="http://www.blogmytuts.net/2015/04/new-facebook-pop-out-page-plugin-widget.html">Click Here to Get this Widgets</a></center>
</span></div>
</div>
<!--Floating Facebook Widget by www.blogmytuts.net AND www.blognizend.blogspot.com END-->

If you want to convert it to PHP this website auto convert my scripts thanks!!

Facebook Pop Out Page Like Box with Post Feed

By Chucks April 20, 2015 No comments

It allows administrators to promote their Pages and embed a simple feed of content from a Page into other sites.

Latest Page Plugin with Feeds I already use this plugin before but it eats a lot space.

The widget remains in a fixed position on the right-hand side of your site. When you hover over the blue facebook image, the like box will then slide and reveal itself using jquery.

This widget show page post and the face who already like your page.

Get the Latest Plugin

"With the release of Graph API v2.3, the Like Box plugin is deprecated and will stop working on June 23rd 2015. Use the new Page Plugin instead. The Page Plugin allows you to embed a simple feed of content from a Page into your websites," it said.

1.Visit this Page : https://developers.facebook.com/docs/plugins/page-plugin
2. Get the SDK Code
Don't Have Application ID?
Get Idea here : http://www.blogmytuts.net/2014/01/create-your-own-via-status-on-your.html

3. Paste the code on your template right after the <body>

If there is Error like this one..
Error parsing XML The reference to entity "version" must end with the ';' delimiter

Try this scripts change the Application ID (appId)with your own .

<script>
    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_US/sdk.js#xfbml=1&appId=107963722663354&version=v2.3";
fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>

Other Scripts with cookies and login

<script>
    window.fbAsyncInit = function() {
    FB.init({
      appId : '107963722663354',
      status : true, // check login status
        cookie : true, // enable cookies to allow the server to access the   session
      xfbml : true // parse XFBML
    });
};
    (function() {
    var e = document.createElement('script');
      e.src = document.location.protocol +   '//connect.facebook.net/en_US/sdk.js';
    e.async = true;
      document.getElementById('fb-root').appendChild(e);
    }());
</script>

Or This one

<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
    FB.init({
      appId      : '107963722663354', // App ID
      xfbml      : true, // parse XFBML
      version    : 'v2.3' // sdk version
    });
    // Additional initialization code here
};
// Load the SDK Asynchronously
(function(d, s, id){
     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_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

NOTE: Remeber to change Application ID with your own the one with color RED OK!.

This handy tool automatically converts javascript ad code into the correct format so you can embed it directly into your new xml Blogger template.
Visit :http://www.blogmytuts.net/2012/03/blogger-ad-code-converter.html
Copy your Facebook plugin scripts paste it here and convert. then directly paste on your template after <body>

4. Copy this code on a Notepad and find edit the fallowing press CTRL + F
RED color your Facebook Page name
BLUE color The Height of the widget


<script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".blogmytuts").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .blogmytuts{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5HJpJpcyxD3lXPpnznpAKLGnmJTmKUsH-5FclI0xXhG5Qz4G2i6Ih3kKgdYiiHxtLZ2_W_ijwYfvjrykqIDP-GTW6rtjsQb_Ei1TAWttVbX61OAh-BuLclIsuGPXDwWZH3L8_coQ4h6yZ//") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 1px 0 46px;width: 250px;z-index: 99999;position:fixed;right:-250px;top:5%;} .blogmytuts div{ padding: 0; margin-right:-8px; border:4px solid #3b5998; background:#fafafa;} .blogmytuts span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .blogmytuts span a{color: gray;text-decoration:none;} .blogmytuts span a:hover{text-decoration:underline;} } </style><div class="blogmytuts" style="">
<div>
 <iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FBlogmytuts&width=250&height=570&colorscheme=light&show_faces=true&header=true&stream=true&show_border=true&amp" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:570px;" allowtransparency="true"></iframe><span><center>
<a style="color:#a8a8a8;font-size:12px;" href="http://blogmytuts.net">blogmytuts</a> - <a style="color:#a8a8a8;font-size:12px;" href="http://www.blogmytuts.net/2015/04/facebook-pop-out-page-like-box-with.html">Click Here to Get this Widgets</a></center>
</span></div>
</div>


5. Add or Paste your edited scripts on your blogspot / site html gadget or widgets the SAVE.

UPDATE LATEST PLUGIN 2.3
VISIT : http://www.blogmytuts.net/2015/04/new-facebook-pop-out-page-plugin-widget.html

Facebook Comment for Blogspot.com

By Chucks August 08, 2012 1 comment

My old Facebook Comment on blognizend is not working properly same post on each post this one is fix

1. Create a Facebook App click Here

2. Edit this fallowing

3. Save your App ID on a Notepad

4 How to put the facebook comment box

1.Go To Blogger > Design > Edit HTML
2.Backup!! your template is very important
3.Check the "Expand Widget Templates" box
4.Search for <html and just after it give a space and add this code,

xmlns:fb='http://www.facebook.com/2008/fbml'

5.Next search for <body> just after it paste the code given below,

<div id='fb-root'/>
<script>
    window.fbAsyncInit = function() {
    FB.init({
      appId : 'YOUR_APP_ID',
      status : true, // check login status
        cookie : true, // enable cookies to allow the server to access the   session
      xfbml : true // parse XFBML
    });
};
    (function() {
    var e = document.createElement('script');
      e.src = document.location.protocol +   '//connect.facebook.net/en_US/all.js';
    e.async = true;
      document.getElementById('fb-root').appendChild(e);
    }());
</script>

Replace YOUR_APP_ID with your Facebook application ID that you saved in a notepad.

6.Next search for </head> and just above it paste the following code,

<pre><meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='blogmytuts' property='og:site_name'/>
<meta content='BLOG-LOGO-IMAGE-LINK' property='og:image'/>
<meta content='YOUR_APP_ID ' property='fb:app_id'/>
<meta content='http://www.facebook.com/Blogmytuts' property='fb:admins'/>
<meta content='article' property='og:type'/</pre>

Make these changes:

    Replace blogmytuts with your blog title/Name.
    Replace BLOG-LOGO-IMAGE-LINK with the image link of your logo. Your logo will look good if it is in gif format and having this size -> 40px by 40px . This logo will appear next to your post title on Facebook profiles of your visitors like this,

logo

    Replace YOUR_APP_ID with the your Facebook Application ID that you saved in notepad
    Replace http://www.facebook.com/Blogmytuts with your Facebook user profile link

7.Now Search for this Again you must be Expanded Widget

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

Just after it paste the code given below,

<b:if cond='data:blog.pageType == "item"'>
<div style='padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div> <fb:comments colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='520'/></div>
<div style='color:#fff; background-color:#3B5998;border: solid 1px #ddd; font-size:10px; padding:3px; width:510px;'>Facebook Blogger Plugin: Bloggerized by <b><a alt='blogger templates' href='http://blognizend.blogspot.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='blogger templates'>http://blogmytuts.blogspot.com</a></b> Enhanced by <b><a alt='blogger widgets' href='blogmytuts.blogspot.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='Blogger Widgets'>http://blogmytuts.blogspot.com</a></b></div></div>
</b:if>

EDIT if you want:

If you want to use the dark scheme then simply replace light with dark
    To change the Comments box size, change this value width='520'
    To change the footer credits size, change this value width:510px
    Keep a difference of 10 pixels between the box size and footer size. For example if you set box-size to width='600' then set footer-size to width:590px

Check and Test

Just Updated in case of fb comment did not show .. check your comment setting in your blog must be embedded..

Facebook Pop Out Page Like Button For Your Blog!!

By Chucks July 29, 2012 No comments

Facebook Pop Out Page Like Button For Your Blog!!

Pop Out Like Box attract your visitor to click it and get more fans.
there is a a X button if they want it to close.
This is very easy to install just fallow the instruction..

How To Add In Blogspot?
1.) Go To Your www.blogger.com
2.) Open Your Desire Blog.
3.) Go To Layout.

4.) Click "Add A Gadget" Where You Want To Add It.

5.) Now Scroll To "HTML-JAVASCRIPT"

6.) Click "+" Icon To Add It.

7.) Now Copy The Below Code And Paste It To There.

Find EDIT the fallowing RED Word..

Receive all updates via Facebook. Just Click the Like Button Below

and replace the page name

Blogmytuts

8.) Leave The Title Empty.

9.) Click Save, Now You Are Done.


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script>

<script src="https://gj37765.googlecode.com/svn/trunk/html/[www.gj37765.blogspot.com]jquery.colorbox-min.js"></script>

<link rel="stylesheet" href="https://gj37765.googlecode.com/svn/trunk/html/%5Bwww.gj37765.blogspot.com%5Dfbpopup.css" type="text/css" />

<script type="text/javascript">

jQuery(document).ready(function(){

if (document.cookie.indexOf('visited=flase') == -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:"#mdfb"});

}

});

</script>

<div style='display:none'>

<div id='mdfb' style='padding:10px; background:#fff;'>

<h3 class="mdbox-title">Receive all updates via Facebook. Just Click the Like Button Below<center><p style="line-height:3px;" >▼</p></center></h3>

<center>

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FBlogmytuts&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;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://blogmytuts.blogspot.com/">Blogmytuts</a></p>

</div></div>

QR code

By Chucks June 30, 2012 No comments

We all know that one of the keys to great SEO is making sure you keep your website updated, new and fresh. Whether you do this with a blog, or you change your homepage with new offers, coupons or new products, it serves to show Google that your site is “alive.” For many small businesses in particular, this is a real challenge.

So you already have great, fresh content on your site—what’s next? Do you know what is coming that may benefit your small business?

Have you heard of QR codes yet? Here is a quick introduction:

What Are QR codes?

They look like this:

They come to us from Japan where they are very common. QR is short for Quick Response (they can be read quickly by a cell phone). They are used to take a piece of information from a transitory media and put it in to your cell phone. You may soon see QR Codes in a magazine advert, on a billboard, a web page or even on someone’s t-shirt. Once it is in your cell phone, it may give you details about that business (allowing users to search for nearby locations), or details about the person wearing the t-shirt, show you a URL which you can click to see a trailer for a movie, or it may give you a coupon which you can use in a local outlet.

The reason why they are more useful than a standard barcode is that they can store (and digitally present) much more data, including url links, geo coordinates, and text. The other key feature of QR Codes is that instead of requiring a chunky hand-held scanner to scan them, many modern cell phones can scan them. The full Wikipedia description is here.

How cell phone read the code?

The cell phone needs a QR code reader, like this one from Kaywa. It takes literally 1 minute for someone with an iPhone or Android phone to find and install the reader.

How could you use a QR code?

Your business, no matter how small or large, could use QR codes in a number of ways. You might auto generate one next to every product on your web site containing all the product details, the number to call and the URL link to the page so they can show their friends on their cell phone. You could add one to your business card containing your contact details so its easy for someone to add you to their contacts on their cell phone.

Add them to any print advertising, flyers, posters, invites, TV ads etc containing:

Product details
Contact details
Offer details
Event details
Competition details
A coupon
Twitter, Facebook, MySpace IDs
A link to your YouTube video

Get a Google QR-CODE for your blog.

Google QR code Generator http://goo.gl/

Just paste your URL here

It has own Analytic

Click the QR code to get the URL

Download or Embed the URL on your Site or Blog.

Another way to Get a QR-code Customize Size and Info

http://zxing.appspot.com/generator

Adding New POPOUT Likebox Facebook Widgets

By Chucks June 07, 2012 No comments

I found a cool pop out facebook like box its save space for your blog..its a static widgets
Add a floating facebook like box to your blog or website. The widget remains in a fixed position on the right-hand side of your site. When you hover over the blue facebook image, the like box will then slide and reveal itself using jquery.

Copy the Script below and paste it on your blogger widget/gadget HTML or paste anywhere in the body section of your template.

<script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".blogmytuts").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .blogmytuts{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5HJpJpcyxD3lXPpnznpAKLGnmJTmKUsH-5FclI0xXhG5Qz4G2i6Ih3kKgdYiiHxtLZ2_W_ijwYfvjrykqIDP-GTW6rtjsQb_Ei1TAWttVbX61OAh-BuLclIsuGPXDwWZH3L8_coQ4h6yZ//") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .blogmytuts div{ padding: 0; margin-right:-8px; border:4px solid #3b5998; background:#fafafa;} .blogmytuts span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .blogmytuts span a{color: gray;text-decoration:none;} .blogmytuts span a:hover{text-decoration:underline;} } </style><div class="blogmytuts" style="">
 <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2FBlogmytuts&width=245&colorscheme=light&show_faces=true&border_color=white&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;color:000;"></iframe><span><center>
<a style="color:#a8a8a8;font-size:8px;" href="http://blogmytuts.net">blogmytuts</a> - <a style="color:#a8a8a8;font-size:8px;" href="http://www.blogmytuts.net/2012/06/adding-new-popout-likebox-facebook.html">Get This Widget Click Here</a></center>
</span></div>
</div>

The color RED on the scripts sample change it with the name of your page.

Update Page Plugin version 2.3

New:
Cover Photo
Share Button
Post feed from Page

Click Here: http://www.blogmytuts.net/2015/04/new-facebook-pop-out-page-plugin-widget.html

Floating Google +1, Facebook, Twitter Buttons Widgets

By Chucks October 07, 2011 No comments

Another cool Widgets for blogger a Floating 3 sharing buttons Facebook,twitter,Google+

Just follow the simple steps to add the floating google +1 , facebook , twitter buttons.

1. Login into your blogger blog

2.And select Layout

3.Now click on “add gadget” and select “HTML/Javascript” and paste the bellow code.

CODE

   

<style>
    #pageshare {position:fixed; bottom:15%; left:105px; float:left; border: 1px solid white; border-radius:2px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#ffffff;padding:0 0 2px

    0;z-index:10;}

    #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

    .fb_share_count_top {width:48px !important;}

    .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

    .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

    .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

  
</style>

<div id="pageshare" title="Share This With Your Friends">

<div class="sbutton" id="rt">
<a class="twitter-share-button" data-count="vertical" href="http://twitter.com/share">Tweet</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript">
</script></div>
<div class="sbutton" id="fb">
<a href="http://www.facebook.com/sharer.php" name="fb_share" type="box_count">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
</script></div>
<div class="sbutton" id="gplusone">
<script src="https://apis.google.com/js/plusone.js" type="text/javascript">
</script><g:plusone size="tall"></g:plusone></div>
<div style="clear: both; font-size: 12px; text-align: center;">
<a href="http://www.blogmytuts.net/2011/10/floating-google-1-facebook-twitter.html" target="blank"><span style="color: silver;">Widgets</span></a></div>
</div>

Now save..it ;)

Thursday, May 21, 2015

HOW TO PUT ON YOUR BLOG SITE

Change the Second Time Delay

Tuesday, April 21, 2015

How put this widget on your blog site

Monday, April 20, 2015

Sunday, December 09, 2012

Wednesday, August 08, 2012

You may also like to read :

Sunday, July 29, 2012

Saturday, June 30, 2012

What Are QR codes?

Get a Google QR-CODE for your blog.

It has own Analytic

Click the QR code to get the URL

Download or Embed the URL on your Site or Blog.

Another way to Get a QR-code Customize Size and Info

Thursday, June 07, 2012

Friday, October 07, 2011

Social Profiles

Search This Blog

Blog Archive

Labels

Blog Archive