android nexus 7: facebook

Home / Posts filed under facebook

Tampilkan postingan dengan label facebook. Tampilkan semua postingan

How To Add Facebook Like Box to Blogger

Posted by Unknown Sabtu, 21 Desember 2013 0 komentar

Add Facebook Like Box To Blogger: As all of us know that now a day Facebook is the most usable website.Which provides certain Nice facilities for its users such as Facebook Pages, Groups, Timeline etc. In which we have to talk about the Pages.These pages are the Basic sources of our Blog traffic if anyone have the Page.Peoples get more likes on their Website page, and then share their websites links on their page timeline, which enables them to increase their Blog Traffic.

So we come here with a new Idea, why not add Facebook Like box to blogger Sidebar , so that's your new visitors should also Like your page, and you get more talking about for your page, and as a result your Traffic Increases.

How To Add Facebook Static Like Box to Blogger

First of All visit Blogger Dashboard.
Then click on Layout Tab.
Then click On add A gadget.
Then select HTML/Javascript Gadget From the List of Gadget.
Now Copy the Below Script and Put it in the HTML/Javascript Gadget.

<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Trickspunch/1397531987130417&width=300&height=248&colorscheme=light&show_faces=true&border_color&stream=false&header=false&" style="border:none; overflow:hidden; width:300px; height:248px;" > <a href="http://trickspunch.blogspot.com" target="_blank" title="Get this widget at Trickspunch!"> <a</iframe>

Changes you Should Make in the Script

Replace https://www.facebook.com/pages/Trickspunch/1397531987130417 with you own Facebook Page Name.
If you want to change the height and width of the widget just change the values in the script to your desire width and height!
You may also like Floating Facebook like box for blogger.
If you face any problem while adding this widget just ask us through the comment box we are here to solve your problems.

Baca Selengkapnya ....

How To Add Facebook Likes Lightbox To Blogger

Posted by Unknown Sabtu, 19 Oktober 2013 0 komentar

Facebook Likes Light Box: Facebook being the NO.1 ranked site in the world is making things very simple for peoples day by day. They are mixing up things in Facebook from A__Z. This time Facebook developers have launch an aweome Facebook likes Lightbox which has really best features than its previous like boxes, Such as Facebook Static like box and Floating Facebook like box.
By embedding this widget on your blog you will be able to see a widget while your blog loads, the widget tends to be there for 10 secs, and then it just dissapears without boring your visitors or forcing them to likes.

LIVE DEMO

How To Add Facebook Likes Lightbox To Blogger

Visit Blogger Dashboard.
Now click on your site.
Then click on layout tab there.
Now click on the Add a gadget Link there.
A box will pop up, Now copy the below code and paste it inside that box.

<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%;
}
#fanbox {
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;
}
#fanclose {
float:right;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhghQitCIh5PSGzzvESbWka5-hLcWx-jyeXUy9vzM2sy73aMhaTLqIAC5vK-iM4_vFQLa3l9oLAqOD6bqqcqmBy6brx9v2HGwgY8j9Qj1ahnpNMWR22cOXYioiG5LVuccBcmReZeWJU0keE/s1600/fanclose.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;
}
</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, 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(100).fadeIn('medium');
$('#fanclose, #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='fanbox'><div id='fanclose'></div><div class='remove-borda'></div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?

href=https://www.facebook.com/pages/Trickspunch/1397531987130417?ref=hl&width=402&height=255&colorscheme=light&show_faces=true&border_color=%23E2E2E2&stream=false&header=false'

style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe>
</div></div>

Now change the Text in red to your Facebook page Address.
Thats it, Save that gadget.
See the change with Facebook likes Lightbox.

If you have any problems while implementing this tutorial, ask us through the comment box we well help you! What are you waiting for just add it and enjoy getting more likes

Baca Selengkapnya ....

How To Add Floating Facebook Like Box To Blogger

Posted by Unknown Senin, 14 Oktober 2013 0 komentar

Floating Facebook Like Box for Blogger: As by the saying " Sharing is caring" every one needs to share their posts on the social media sites. Sharing your posts to social media not only increases your Blog readers or fans But also it put a good impression on search engines when a specific post you share on those social media sites is liked by peoples. However Facebook and Bloggers have made it simple for you to share your post to those social media sites, one is Social media icons through which you can easily share your posts and the other source of getting Fans is the Facebook Like box For your Blog. But that like box was static.
Today we are here with totally different stuff, we are going to post Floating Facebook Like Box for Blogger. Actually by adding this widget, a Facebook like box from the right corner will pop out, which looks very cool. This effect is designed using jQuery. So lets do it!

Floating Facebook Like box

How To Add Floating Facebook Like Box To Blogger

Adding This widget is very simple just follow the below easy steps with images to embed this Tutorial on your personal Blog.

First of all Go to Blogger Dashboard.
Then click on your Blog.
Now click on the Template tab as shown below.

Now click on the Edit HTML tab as shown Below.

Proceed in the HTML coding.
Now search for the </head> tag in the template coding ( by pressing CTRL+F you can find).
Now copy the below jQuery script and paste it above the </head> tag.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>

Now save your template!
If you do the above steps, then go to Layout tab .
Click on the Add a Gadget link as shown below.

A list of gadget will appears, select the HTML/Javascript gadget from that list as shown below.

A box will appears, Now copy the Below script and paste it in that HTML JavaScript box.

<a href="http://trickspunch.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript">
//
</script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRjnKvSa0qwdYfIZVod-cL5HP_72lQ-72bcPZ51eYHEVNqihDC4LZyBRwXbnpmgH094iZfEmZEXGhvoElVqas3hqszlA4adcVlJKlt9eWCSUQkESn9lto-RDFtSGm7mF1OWL3pAA3wGca2/s1600/facebookbadge.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Trickspunch/1397531987130417?ref=hl&width=245&colorscheme=light&show_faces
=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span> / <a href="http://trickspunch.blogspot.com/2013/10/facebook-like-box.html">Get This Widget! </a></span></div></div>
</div>

Customization Before Saving

- All you have to do is, change the text in red to the Facebook page address of your page.

- Now that's it! Click on the save Button.

- If you have any problem while adding this widget to your Blog simply share your problem with us through the comment box, it will not spoil up! We are always here to solve your problems!

Baca Selengkapnya ....

What is HTC counting down on Windows Phone Facebook photo albums?

Posted by Unknown Selasa, 18 September 2012 0 komentar

WorldWide Tech & Science. Francisco De Jesùs.

What is HTC counting down on Windows Phone Facebook photo albums?

Confirmed HTC is going to announce a new Windows Phone 8 smartphone tomorrow September 19th in a press conference, meanwhile Windows Phone facebook photo albums uploaded some pictures of before different brands devices. The ad content says: HTC is counting down their top Windows-based devices of all time. What are they counting down to?

Facebook