Showing posts with label facebook tricks. Show all posts
Showing posts with label facebook tricks. Show all posts
Friday, November 13, 2015
How To Check Username Availability For Over 100 Social Networking sites
This will help you maintain one common username across several social networking sites which will be easier to recall and also create a unique username for all these accounts. Your followers can identify it's actually you from the uniformity of the usernames used in the various social bookmarking sites and domains. The consistency in using the same username can go a long way in promoting your brand. Following the steps below, you can easily check the availability of the username for more than 100 social networks with just a click.
Also Read: Flash Share For BB10
How To Check The Availability Of Your Username Availability In Social Networks
1. Goto namechk service
2. Enter your desired username in the space provided
3. The availability of the username you entered in domains and social networking sites will be shown. If it is already taken, you will be notified.
Also Read: Floating Share Buttons Gadget For Blogger
.png)
Read more »
Also Read: Flash Share For BB10
How To Check The Availability Of Your Username Availability In Social Networks
1. Goto namechk service
2. Enter your desired username in the space provided
3. The availability of the username you entered in domains and social networking sites will be shown. If it is already taken, you will be notified.
Also Read: Floating Share Buttons Gadget For Blogger
.png)
Wednesday, November 11, 2015
Customized Facebook Like Box Widget For Blogger
Below are some customized facebook like box widget for blogger blogs. With the facebook like box, you can increase the fans on your page and also show your readers your blog's authorithy on the social network. A good and attractive design other than the default design that is generated for the likebox on facebook developers page, can easily get the attention of your readers to like your page from your blog. This will bring about an increase in your returning visitors and blog's pageviews. Follow the steps below to add a customized facebook like box on your blog.
How to Add Facebook Like Box to Blogger
- From your blogger dashboard,
- Navigate to Layout.
- Click on 'add a gadget' depending on where you want the gadget to be placed.
- From the pop-up options, select 'HTML/Javascript'.
- Copy the code below for your preferred style field into the text field.
Style 1
<div style=".width:248px;padding:10px 0px 10px 10px;height:230px;border-top:5px solid #CCCCCC;border-right:5px solid tomato;border-bottom:5px solid #cccccc;border-left:5px solid tomato;border-radius: 0px 30px 0px 0px;background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNob5kjbYuhskLrgqnYYiTY1zq1wxeULrGB6iZ5HHgQImr3Lm8pKnXoQ679Znj5Iny9bPufWefuh_U0ACqZFzTVO0vJqphv4hbnRLiGXCnOL3bby779Yd5PlcU60YH99Ny-Cqd1w6LmI6f/s1600/image4.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://informationtutorial15.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://informationtutorial15.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://informationtutorial15.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FUSERNAME&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>
Style 2
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTQRoqRbSha5bK2wj3UV5nylovM8vt_jC4xPAkksVDxHbB_l_EAg1vhjwnLXtNkB3qxRnH49sJRAAl97M1MKvON5oPckldJZ8sOTPnrwRx4S9Iv2a-wXTzMmi1y63j3xJqIYq33sknfNAz/s1600/fan-04-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://informationtutorial15.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://informationtutorial15.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://informationtutorial15.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FUSERNAME&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe>
</div>
</div>
Style 3
<div style=".width:248px; padding:10px 0px 10px 10px;height:230px;border-top:5px solid #CCCCCC;border-right:5px solid #CCCCCC;border-bottom:5px solid #cccccc;border-left:5px solid tomato;border-radius: 0px 30px 0px 0px;background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG1UoEcCCRkJ-YrlTCYTyjPGyAGQ4YKUKKYCpoRT51685-m5XCnVvEdcESibk8mWVqSq7EkKF7Th9sgb0AZ_fnuESoHsmcZPQgHOACnpsozTyJ6kJCc-r14Wkdx_V9fek84raaDgjf5J7I/s320/3783098647_fb208001b5.jpg');overflow:hidden;.height:250px;width: 238px;border: 5px outset #f2f2f2;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://informationtutorial15.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://informationtutorial15.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://informationtutorial15.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FUSERNAME&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe>
</div>
</div>
Style 4
<style type="text/css">
.fbout {
height:260px;
width:auto;
background-color:#3b5998;
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
padding-left:10px;
border:1px solid #aaa;
}
.fbin {
height:258px;
border:1px solid #ccc;
overflow:hidden;
}
</style>
<div class="fbout"><div class="fbin">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FUSERNAME&width=300&height=258&colorscheme=light&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</div></div>
Style 5
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4gXkh6c45pDA2gZaRlqaxgZtSivk5L3x0D9SwQL8jsY39u4VszsRHUwofmN2A5_lNy0MF8nXC10vNfBHbaSYqUKJWhZwD6hPBermQHRGOVLpqM4gR7WgqCMFuYMSIyZYaPLjMfXWS_IHD/s1600/fan-01-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://informationtutorial15.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://informationtutorial15.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FUSERNAME&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe>
</div>
</div>
Style 6
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijRg04wIqe42MWrDNw4OT5K65P9whDEz3KQtbAGkLS52hr3r2idYUWWk6W5llUKG8M3HN6Xl7jS-d5clw749P2Sf8q7IyIILLcymSRSWx5P1Wp2OelKL1wLmh124ghPMKZkp1McZD9W4gn/s1600/fan-02-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://informationtutorial15.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://informationtutorial15.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://informationtutorial15.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FUSERNAME&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe>
</div>
</div>
Style 7
<div style="width:250px; height:250px; background: #FFFFCC; border:1px dashed #FF3300;"><div style="height: 250px; overflow: hidden;"><a href="http://informationtutorial15.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://informationtutorial15.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://informationtutorial15.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FUSERNAME&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe>
</div>
</div>
Style 8
<style type="text/css">.labstrikeFB {width: 250px;height: 250px;border-radius: 3px;position: relative;
background-color:#f4f4f4;padding:5px 10px 15px 0}.labstrikeFB,.labstrikeFB:before, .labstrikeFB:after {background:#f4f4f4;border: 1px solid #ccc;}.labstrikeFB:before,.labstrikeFB:after {content:"";position:absolute;bottom: -3px;left: 2px;right: 2px;height: 1px;border-top: none;}.labstrikeFB:after {left: 4px;right:4px;bottom: -5px;box-shadow: 0 0 2px #ccc;}
</style><div class="labstrikeFB"><div style="height: 250px; overflow: hidden;"><a href="http://informationtutorial15.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://informationtutorial15.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://informationtutorial15.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FUSERNAME&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe>
</div>
</div>
Style 9
<div style="background:#F6CECE;width:250px;border:1px solid#FA5858;padding:2px;"><div style="height: 250px; overflow: hidden;"><a href="http://informationtutorial15.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://informationtutorial15.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://informationtutorial15.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FUSERNAME&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe>
</div>
</div>
Also Read: Social Follow and Subscription Widget For Blogger
Social Media Follow Buttons Widget For Blogger
- In the code of your desired style, replace USERNAME with your facebook page username.
- Save the gadget.
Tuesday, November 10, 2015
How to Change The Font Colour on Facebook Status Box
From your facebook account, while trying to update a new status, place your status inbetween this code @[1: ]@@[1:[0:1: Your Text Here ]] Replace 'YOUR TEXT' from the code with the text for the status which you want to update. Your facebook status in blue colour is what you'll get after posting the status. You can also use follow this guide on how to change the font colour in facebook comment box.
Also Read: Check Username Availability For Social Networking Sites And Domains
Read more »
Also Read: Check Username Availability For Social Networking Sites And Domains
Thursday, November 5, 2015
How to Mention a Person's Name on Facebook
For desktop users, add the '@' symbol before typing the person's name.
How to Mention a Person's Name on Facebook From Mobile Phone
For mobile users, from your OperaMini, UC browser or any other mobile browser try this out next time you want to mention a person, page or group on facebook such that their name is clickable and a links to their profile.
Also Read: How To Add Social Media Follow And Suscription Gadget For Blogger
In the status textbox Just type @[UserID:]
Example, You if you want to mention ME, It'll be Like this , @[100000055762922:]
To know the ID of the person you want to mention, just view their profile and take a look at the address bar. You should see something like this id="100000055762922" That is the ID you are to use and replace in the code above.
If the person you want to mention has a username, Just type this graph.facebook.com/username. Example, graph.facebook.com/gracciia. It'll show you some details about the user, Like first and last name, gender, and importanly his or her ID..
If you want to mention a Facebook Group or page Its ID is located at the address bar also. Goto the page and click on the address bar to view the ID. Example, http://m.facebook.com/ groups/ 216724531684448? refid=7 That's the ID, only the code from 216.......448.
Read more »
How to Mention a Person's Name on Facebook From Mobile Phone
For mobile users, from your OperaMini, UC browser or any other mobile browser try this out next time you want to mention a person, page or group on facebook such that their name is clickable and a links to their profile.
Also Read: How To Add Social Media Follow And Suscription Gadget For Blogger
In the status textbox Just type @[UserID:]
Example, You if you want to mention ME, It'll be Like this , @[100000055762922:]
To know the ID of the person you want to mention, just view their profile and take a look at the address bar. You should see something like this id="100000055762922" That is the ID you are to use and replace in the code above.
If the person you want to mention has a username, Just type this graph.facebook.com/username. Example, graph.facebook.com/gracciia. It'll show you some details about the user, Like first and last name, gender, and importanly his or her ID..
If you want to mention a Facebook Group or page Its ID is located at the address bar also. Goto the page and click on the address bar to view the ID. Example, http://m.facebook.com/ groups/ 216724531684448? refid=7 That's the ID, only the code from 216.......448.
Monday, November 2, 2015
Facebook Popup Like Box With Timer For Blogger
Facebook Popup Like Box With Timer
This blogger gadget is a Facebook popup like box with timer which you can set manually depending on the number of seconds you want your visitors to wait before viewing your content. Sharing your post to social networking sites is one of the ways to increase your blog's traffic, not only sharing it, but to a large audience. With this Facebook popup like box with timer, you can increase the number of fans on your Facebook page, because the chances of someone liking the page is higher, rather than placing it in the wrong location in your blog. The timer in this blogger gadget decides how long the Facebook like box will be displayed on the first visit by your audience before it goes off.
Also Read: Facebook Invite Friends Button With Timer To Blogger
Floating Social Share Button For Blogger
How to Add Facebook Like Box With Timer On Blogger
Step One
- The code below is for a jQuery plugin which we need for the facebook popup like box widget. If you have the jQuery code already in your blogger template, then ignore this step and continue to step two.
- Goto your blogger dashboard.
- Navigate to your 'template'
- Click on 'edit html'.
- Using Ctrl+f keys search for this tag </head>
- Copy the code below and paste it 'above' </head> tag.
Also Read: Social Follow and Subscription Follow Widget For Blogger
Sliding Recent Posts Gadget For Blogger
Step 2
After adding the jQuery code for those who didn't have it in their blogger template and have now included it.
- From your blogger dashboard
- Goto ' layout'.
- Click on 'add a gadget', depending on where you'll like the facebook popup like box to be on your blogger blog.
- Select 'html/javascript'.
- Copy the code below into the html/javascript editor.
<style type='text/css'>
#makingdifferentpopup{
position: fixed;
top:100px;
z-index:9999;
display:none;
padding:0px;
right:600px;
border:10px solid rgba(82, 82, 82, 0.7);
-webkit-background-clip: padding-box; /* for Safari */
background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
-webkit-border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
border-radius:8px 8px 8px 8px;
width:400px;
height:360px;
overflow:hidden;
}
#makingdifferentpopup span{
font-size:20px !important;
font-weight:bold !important;
}
#makingdifferentpopup h1{
background:#6d84b4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvREEwKEMjyApgecG4dRhjexaAAoiR0D8nAwi9TsdVzlRwmNDuQedSRcDwy1KuGNjcm_tUbGsxV1knbhtEGRAcoLzSNGv8odnlqXEqPvNOC3QzSGZdnpT67t9KHJttunC1xbsGFkvGTcAC/s1600/%255Bwww.gj37765.blogspot.com%255Dh1.png) 98% no-repeat;
border:1px solid #3b5998 !important;
color:#FFFFFF !important;
font-size:20px !important;
font-weight:700 !important;
padding:5px !important;
margin:0 !important;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif !important;
overflow:hidden !important;
}
.htmlarea{
font-size:12px !important;
font-weight:normal !important;
height:265px !important;
padding:1px !important;
background:#fff !important;
border-bottom:2px solid #ddd;
overflow:hidden !important;
}
#mdfooter{
text-align:left;
background:#F2F2F2 !important;
height:56px !important;
padding:10px 10px 10px 10px !important;
overflow:hidden !important;
}
#mdclose{
float:right;
background-color:#eee !important;
border:1px solid #ccc !important;
color:#111 !important;
font-weight:bold !important;
padding:5px 8px 5px 8px !important;
text-decoration:none !important;
display:inline-block !important;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif !important;
outline:none !important;
position:relative !important;
font-size:18px !important;
margin:1px !important;
}
#mdclose:active{
top:1px;
left:1px;
}
.grabthis{
bottom:80px;
font:8px "lucida grande",tahoma,verdana,arial,sans-serif;
position:absolute;
right:6px;
text-align:right;
z-index: 99999;
}
.grabthis a{
color: #000;
text-decoration:none;
}
.grabthis a:hover{
text-decoration:underline;
}
</style>
<script type='text/javascript'>
jQuery(document).ready(function() {
function makingdifferent_ppopup() {var sec = 10
var timer = setInterval(function() {
$("#mdfooter span").text(sec--);
if (sec == 0) {
$("#makingdifferentpopup").fadeOut("slow");
clearInterval(timer);
}
},1000);
var mdwh = jQuery(window).height();
var mdpph = jQuery("#makingdifferentpopup").height();
var mdfromTop = jQuery(window).scrollTop()+50;
jQuery("#makingdifferentpopup").css({"top":mdfromTop});}
jQuery(window).fadeIn(makingdifferent_ppopup)
.resize(makingdifferent_ppopup)
//alert(jQuery.cookie('sreqshown'));
//var mdww = jQuery(window).width();
//var mdppw = jQuery("#makingdifferentpopup").width();
//var mdleftm = (mdww-mdppw)/2;
var mdleftm = 500;
//var mdwh = jQuery(window).height();
//var mdpph = jQuery("#makingdifferentpopup").height();
//var mdfromTop = (jQuery(window).scrollTop()+mdwh-mdpph) / 2;
jQuery("#makingdifferentpopup").animate({opacity: "1", left: "0" , left: mdleftm}, 0).show();
jQuery("#mdclose").click(function() {
jQuery("#makingdifferentpopup").animate({opacity: "0", left: "-5000000"}, 1000).show();});});
</script>
<div id="makingdifferentpopup">
<h1>Join us on Facebook</h1>
<div class="htmlarea">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/PAGEUSERNAME&width=400&colorscheme=light&show_faces=true&border_color=%23fff&stream=false&header=false&height=250" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:400px; height:250px;" allowtransparency="true"></iframe>
<div class="grabthis">
By <a href="http://www.informationtutorial15.blogspot.com/" target="_blank">informationtutorial15</a> / <a href="http://informationtutorial15.blogspot.com/2015/11/facebook-like-box-gadget-with-timer-for.html" target="_blank">+Get This!</a>
</div>
</div>
<div id="mdfooter">Please wait..<span>10</span> Seconds<a href="http://facebook.com/PAGEUSERNAME" id="mdclose" onclick="return false;">Cancel</a>
</div>
</div>
<!-- End popup -->
Also Read: Square Popular Posts Blogger Gadget with Rotating Effect
Scrolling Popular Post Gadget For Blogger
NOTE: Before saving, edit the code by replacing where you see PAGEUSERNAME with your facebook page username. In this code, the timer has been set to 10 seconds, you can change it to either 15 OR 20 seconds(optional). I'll suggest you keep it short, so your readers don't wait too long.
- Save the gadget and view your blog to see the facebook pop-up like box.
Subscribe to:
Posts (Atom)