Home
FACEBOOK
Showing posts with label FACEBOOK. Show all posts
Showing posts with label FACEBOOK. Show all posts
Add Facebook floating like button on blogger
Hi friends ! Today i am going to show you how to ad floating facebook like button on blogger.. its a very simple you just need to follow some steps :-
Step 1:-Open your blog and go to dashboard.
Step 2:-Go to templates and Edit template.
Step 3:-Now Find </head> by pressing CTRL+F and write there </head>
Step 4:-Just copy the code given bellow and paste it to the above code.
code:-<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
Step 5:-Now Go to your Layout option and click on add Gadget and then select HTML/JavaScript and copy the code given below and paste it in code section.
Code:-<!--Facebook Fans -->
<script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".abtlikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .abtlikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIup7-4e5ThOLLK_N1IY0qOvJ8KTkB1BSgb6aYXbvAz9UMmrtw9tJH2pGskDmCWlmomjs5K1RByxQZKLA63uIX5V0Tal3TCMTVAtWyfCNyRWycr6OLVuweG8lfXYH6LrhiG6pkfyRKm8CI/h120/button.png") 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%;} .abtlikebox div{ padding: 0; margin-right:-8px; border:4px solid #3b5998; background:#fafafa;} .abtlikebox span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .abtlikebox span a{color: gray;text-decoration:none;} .abtlikebox span a:hover{text-decoration:underline;} } </style>
<div class="abtlikebox">
<div>
<iframe frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2FKnowledgeAndTrick&width=250&colorscheme=light&show_faces=true&border_color=white&connections=9&stream=false&header=false&height=245" style="background: ##2EFE2E; border: black; height: 275px; overflow: hidden; width: 245px;"></iframe>Widget by :<a href="http://www.trickdefined.blogspot.in/"> Knowledge And Trick</a> </div>
</div>
Step 6:-Replace the Facebook page name by your facebook page name Ex-- KnowledgeAndTrick
Step 7:- Save it.
Note :------------there are still other method which you can use ! ***
Your are Done . just check it .
If you face any problem regarding this then comment below and don`t forget to share it.
Thanks............. !
Add Facebook Pop up Widget in Your Website
Hi Friends ! Today i am giving you some codes which will help to in case of Facebook pop up Widget.
If you create a website and there you want to show this type of pop up widget .then i am giving you some codes just copy that codes and paste into your code or blogger.i learn it from H+ zone
Steps are listed below for bloggers.......
- Open you blogger and Go to layout section.
- Then click on Add a Gadget in any section
- then select HTML/java Script
| HTML/JavaScript |
- Copy the below code and paste it.and save it.(publish)
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<script src="http://24blogger-com.googlecode.com/files/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -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:"#exestylepopups"});
}
});
</script>
<style type="text/css">
/*
ColorBox v1.3.16
(Copyright (c) 2011 Jack Moore - jack@colorpowered.com)
*/
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block}.cboxIframe{width:100%;height:100%;display:block;border:0}#cboxOverlay{background:#000;opacity:0.5 !important}#colorbox{box-shadow:0 0 15px rgba(0,0,0,0.4);-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4)}#cboxTopLeft{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiTm0x2NPJPMf9WWOMR5tyU-wCu2-xNsb0pha-SarKizYFJ1W0WMHipfMyGy2k9wf6eN9XHwoQFBcjqTLwDyzdEjFGVv5UBnrZxDSPefr1SfBbY_GeOTameFyaPH5xMxJh1kP1HiQIprU/s1600/controls.png) no-repeat 0 0}#cboxTopCenter{height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGjH1Sdze3yRhlaPMTVF-WQvzY8dy-GPquH8gGiESYL1sko6LoLJkEEo4ExtziR-y_dSGBUrES31mTX9ULHtW-qY3kFvMgJbrTUO8tNx3Ad8aXu1zJWHyFvdTbydk2dbOAoS5mCzNf3qs/s400/border.png) repeat-x top left}#cboxTopRight{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiTm0x2NPJPMf9WWOMR5tyU-wCu2-xNsb0pha-SarKizYFJ1W0WMHipfMyGy2k9wf6eN9XHwoQFBcjqTLwDyzdEjFGVv5UBnrZxDSPefr1SfBbY_GeOTameFyaPH5xMxJh1kP1HiQIprU/s1600/controls.png) no-repeat -36px 0}#cboxBottomLeft{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiTm0x2NPJPMf9WWOMR5tyU-wCu2-xNsb0pha-SarKizYFJ1W0WMHipfMyGy2k9wf6eN9XHwoQFBcjqTLwDyzdEjFGVv5UBnrZxDSPefr1SfBbY_GeOTameFyaPH5xMxJh1kP1HiQIprU/s1600/controls.png) no-repeat 0 -32px}#cboxBottomCenter{height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGjH1Sdze3yRhlaPMTVF-WQvzY8dy-GPquH8gGiESYL1sko6LoLJkEEo4ExtziR-y_dSGBUrES31mTX9ULHtW-qY3kFvMgJbrTUO8tNx3Ad8aXu1zJWHyFvdTbydk2dbOAoS5mCzNf3qs/s400/border.png) repeat-x bottom left}#cboxBottomRight{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiTm0x2NPJPMf9WWOMR5tyU-wCu2-xNsb0pha-SarKizYFJ1W0WMHipfMyGy2k9wf6eN9XHwoQFBcjqTLwDyzdEjFGVv5UBnrZxDSPefr1SfBbY_GeOTameFyaPH5xMxJh1kP1HiQIprU/s1600/controls.png) no-repeat -36px -32px}#cboxMiddleLeft{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiTm0x2NPJPMf9WWOMR5tyU-wCu2-xNsb0pha-SarKizYFJ1W0WMHipfMyGy2k9wf6eN9XHwoQFBcjqTLwDyzdEjFGVv5UBnrZxDSPefr1SfBbY_GeOTameFyaPH5xMxJh1kP1HiQIprU/s1600/controls.png) repeat-y -175px 0}#cboxMiddleRight{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiTm0x2NPJPMf9WWOMR5tyU-wCu2-xNsb0pha-SarKizYFJ1W0WMHipfMyGy2k9wf6eN9XHwoQFBcjqTLwDyzdEjFGVv5UBnrZxDSPefr1SfBbY_GeOTameFyaPH5xMxJh1kP1HiQIprU/s1600/controls.png) repeat-y -211px 0}#cboxContent{background:#fff;overflow:visible}#cboxLoadedContent{margin-bottom:5px}#cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA4nJTL7UFNhpUeWxV7jtNxV-FVQheGTD2xWvxIa9NODob7JiGe1jzvTRO7sx1PbudI-EGzKNrXSyz-u4tyF4DTT30bWv7bratGtA91mDc1Zfyn0paLTegVgh_PLTQdN5qMPQfUcAM8jo/s400/loadingbackground.png) no-repeat center center}#cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhma7cidTNlCOkclu1y5ltzFdbcA0sW3b_8F45iSEKbN8NdcKEn7n_1fduJk3YBMqLmwPgKmBYZ6i2whDR8n9K4x7koPqkcDgJNovB6BJ2_9tquUAVFxbawFsArKrbeB7NEqXvgyxBn9ig/s400/loading.gif) no-repeat center center}#cboxTitle{position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:bold;color:#7C7C7C}#cboxCurrent{position:absolute;bottom:-25px;left:58px;font-weight:bold;color:#7C7C7C}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{position:absolute;bottom:-29px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiTm0x2NPJPMf9WWOMR5tyU-wCu2-xNsb0pha-SarKizYFJ1W0WMHipfMyGy2k9wf6eN9XHwoQFBcjqTLwDyzdEjFGVv5UBnrZxDSPefr1SfBbY_GeOTameFyaPH5xMxJh1kP1HiQIprU/s1600/controls.png) no-repeat 0px 0px;width:23px;height:23px;text-indent:-9999px}#cboxPrevious{left:0px;background-position:-51px -25px}#cboxPrevious.hover{background-position:-51px 0px}#cboxNext{left:27px;background-position:-75px -25px}#cboxNext.hover{background-position:-75px 0px}#cboxClose{right:0;background-position:-100px -25px}#cboxClose.hover{background-position:-100px 0px}.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px;right:27px}.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px}.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px;right:27px}.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px}#mdfb{font:12px/1.2 Arial,Helvetica,san-serif;color:#666}#mdfb a,#mdfb a:hover,#mdfb a:visited{text-decoration:none}.mdbox-title{background:#000;color:#fff;font-size:20px !important;font-weight:bold;margin:10px 0;border:20px solid #ddd;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;box-shadow:5px 5px 5px #CCC;padding:10px;line-height:25px;font-family:arial !important}
</style>
<div style='display:none'>
<div id='exestylepopups' style='padding:10px; background:#fff;'>
<center><h3 class="mdbox-title"><span style="color:#2EFE2E">Just Click on Like Button to receive all updates via Facebook !</span></h3></center><center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FKnowledgeAndTrick&width=300&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&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;" ><span style="color:#2EFE2E"></span>Get this <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.trickdefined.blogspot.in/2014/01/add-facebook-pop-up-widget-in-your.html" rel="Dofollow" >Here</a></p>
</div></div>
Customization......................
- Replace KnowledgeAndTrick With Your Facebook Username.
- You can also customize the text by replacing it.
- Just save it.
- if you want that it will appear every reload then change the value true from false.
You are Done !!!
If any1 having any problem regarding this then just comment below.and don't forget to share this.
Be Anonymous without using any software
Hi friends !
Today i am going to share you a trick which will be helpful when some sites are blocked in your organization and you want to access that website .This tutorial is only for educational purpose if anything went wrong then i am not responsible for that.
Actually in my college BPPIMT (Kolkata) facebook is blocked and also some other website like youtube,filehippo,hackthissite... etc are blocked.
Now i am going to share you some website which will help you to surf anonymously over the internet .
Just enter the address and click on the go or related button and you are done.
Websites are listed below:-
Link1~ http://www.hidemyass.com/ GO
Link2~ http://www.thefacebookproxy.com/ GO
Link3~ http://p4fb.com/ GO
Link4~ http://virtualsurf.biz/ GO
Link5~ http://facebookproxy-unblock.com/index.php GO
you can also search this type of website through this address:-
http://www.proxy4free.com/list/webproxy1.html GO
Click on the GO and skip the ad after 5 sec and u are redirected to that page.
If you have any problem then please comment below.
Thanks.................... !
CHAT EMOTICONS..
Hi Guys ...............
Today I am going to share you some chat emoticons which is useful in facebook chat box and comment box.just you need to write some codes and its done .
MEANING OF SOME CHAT EMOTICONS
SOME NEW EMOTICONS
if you have any query just comment below .and don't forget to like and share us .
Thanks:.
Subscribe to:
Posts
(
Atom
)

.png)


.jpg)