- Make Red heart On Facebook >>
- type <3
- Alt+3
- Make Purple Heart On Facebook>>
Copy this code and paste wherever you want [[iambelieberthatswhyihavepurpleheart]] -
Make Pink Heart On Facebook >>
[[coeur12]] - Make Dark Red Heart On Facebook >>
[[coeur130]] - Make Mixed Red and Yellow Heart On Facebook >>
[[coeur233]] - Make Blue Heart On Facebook >>
[[315721781819711]]
Subscribe To
Posts
All Comments
Sunday, 9 February 2014
How to Make Colored Hearts on Facebook?
Saturday, 1 February 2014
Creating Your Own Emoticon on Facebook Chat 2014
The Trick:
While this is not actually new, many people have no idea about this feature. Since 2011, Facebook has allowed users to chat with their friends using custom emoticons, and now you can too. Just by getting a page’s or a profile’s ID or username, Facebook will let you use their profile pictures as your chat emoticon in thumbnails…*note this only works in the Facebook Chat and not in updates.
How to Do it:
1) Go to any profile, official Page, or event that you want to use as an emoticon.2) Look for the profile ID at the end of the URL, such as “Mcdonalds” from https://www.facebook.com/McDonalds
3) Place that username or number in double brackets like [[Mcdonalds]]
Note: Pages with no username /vanity URL e.g https://www.facebook.com/McDonalds have default ID numbers displayed on their URLs (https://www.facebook.com/pages/Socially-Awkward-Penguin/98438140742).
So when you cannot find a profile or a page’s username, just refer to the numbers at the end of the URL, instead.
4) Enter that into a Facebook Chat or Message field.
Rage Faces IDs:
---------------------------------------------------------------------------------------------------------------------------------
Here is a collection of a few rage faces courtesy of Reddit.
Using Profile IDs
Troll face: [[171108522930776]]
Are you f****** kidding me : [[143220739082110]]
Not bad Obama: [[169919399735055]]
Me G usta: [[211782832186415]]
Mother of God: [[142670085793927]]
Cereal Guy: [[170815706323196]]
LOL Face: [[168456309878025]]
NO Guy: [[167359756658519]]
Yao Ming: [[218595638164996]]
Derp: [[224812970902314]]
Derpina: [[192644604154319]]
Forever Alone: [[177903015598419]]
F yeah: [[105387672833401]]
Challenge accepted: [[100002727365206]]
Okay face: [[100002752520227]]
Poker face: [[129627277060203]]
Okay face: [[224812970902314]]
Socially awkward penguin: [[98438140742]]
No: [[167359756658519]]
MOG: [[142670085793927]]
Like a sir: [[168040846586189]]
Using Usernames / Vanity URL
Not Bad: [[NotBaad]]
Rage face: [[FUUUOFFICIAL]]
How To Remove Your Last Name in Your Facebook Profile Trick 2014
The Trick:
As part of Facebook’s security checks, you are required to completely fill out your account details to successfully create an account. By default, Facebook requires every user to enter their full name prior to saving their profile settings.With this trick, you will be able to bypass Facebook’s restrictions and drop your last name.
How to Do it:
1) Open Mozilla Firefox (Firefox is required for this hack to work)2) Go to Options -> Advanced -> Network -> Settings -> Connection Settings -> Manual Proxy Configuration
3) In the HTTP Proxy Field, enter 103.10.62.30, port 8080, or use any Indonesian Proxy.
4) On your facebook profile, go to Account settings — > Change Language to BAHASA INDONESIA
5) Remove your middle name & last name.
FaceBook Posting Tricks For Your Facebook Page And Increase Members 200% Faster 2014
The Trick:
By default, Facebook allows us to tag profiles & pages using the “@” symbol on our status updates.But with this hack, you can modify the anchor text that is used to link to your profile or page. If you notice, this status update contains text links “THIS PAGE”, “TODAY I LEARNED” & “facts”, all linking to the URL https://www.facebook.com/todayilearn.
How to do it:
@@[0:[YOURPAGEID:1:YOUR PREFERRED ANCHOR TEXT]]Note: The code has to be in the status update TWICE, otherwise, linking won’t work.
Hence, in the above post, the exact post should be entered as:
“When was the last time you visited @@[0:[342422379172885:1:this page?]]
“LIKE” @[342422379172885:0] for awesome @@[0:[342422379172885:1:facts]]!”
Weather 3D Widget For Website/Blog!
<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('312b8bec-ec61-4b39-a047-8cd4685e05c7');</script>
<noscript>Get the <a href="http://www.widgetbox.com/widget/weather-3d">Weather 3D</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://support.widgetbox.com/">More info</a>)</noscript>
Facebook Popup Widget with Lightbox Effect
Today I am going to show how you can add a Facebook Popup widget for
Blogger. This widget comes with Lightbox effect and looks attractive.
The popup which appears is a one time popup i.e. the popup will just
come one time and not in every page of your blog.
Go to Blog Title → Layout → Add Widget → HTML/JavaScript. Paste the below code in the 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/AVvXsEijBwDIeZAxNGWf5lAWt99DyD3h-SzTPdqTQ1RI_6rY7l3tOYmjPbdeOjdJEyTtiqbUtICGhtrayg6dB3fY8G9d3YhduJ65W1UiXr_wx9kbTxwpe0XbQ4wMetyYlRHCLHosiSi9s9mTrLDe/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=http://www.facebook.com/Stylo.7x&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>
Save the Widget and after that Save the Template. Thats it, you are done now. Now you and your visitors can see this Popup Facebook widget in your blog.
Go to Blog Title → Layout → Add Widget → HTML/JavaScript. Paste the below code in the 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/AVvXsEijBwDIeZAxNGWf5lAWt99DyD3h-SzTPdqTQ1RI_6rY7l3tOYmjPbdeOjdJEyTtiqbUtICGhtrayg6dB3fY8G9d3YhduJ65W1UiXr_wx9kbTxwpe0XbQ4wMetyYlRHCLHosiSi9s9mTrLDe/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=http://www.facebook.com/Stylo.7x&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>
Save the Widget and after that Save the Template. Thats it, you are done now. Now you and your visitors can see this Popup Facebook widget in your blog.
Automated Recent Posts Slider for Blogger
The number of bloggers worldwide has increased tremendously. Many of us
would have more than 1 blog. If yes this widget may help you a lot to
share the traffic in both the blogs. Even if you don't have more than
one blog you may add this widget to your very own blog. This will help
your blog have less bounce rate and more pageviews.
In order to add this widget's code go to Blog Title → Layout → Add Widget → HTML/JavaScript and paste the given code in the box opened.
<link rel="stylesheet" type="text/css" href="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/default-style.min.css"/>
<div id="slider-rotator" class="slider-rotator loading"></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/blogger-feed-rotator.min.js"></script>
<script type="text/javascript">
makeSlider({
url: "http://YOURURL.blogspot.com" // Add your blog URL
});
</script>
After adding the code change the URL in Bold Blue with your own desired URL and save the widget. Finally save the template which will make the widget live.
You are done now. Now you and your visitors can see this awesome Automated Recent Posts Slider in your blogger blog.
In order to add this widget's code go to Blog Title → Layout → Add Widget → HTML/JavaScript and paste the given code in the box opened.
<link rel="stylesheet" type="text/css" href="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/default-style.min.css"/>
<div id="slider-rotator" class="slider-rotator loading"></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/blogger-feed-rotator.min.js"></script>
<script type="text/javascript">
makeSlider({
url: "http://YOURURL.blogspot.com" // Add your blog URL
});
</script>
After adding the code change the URL in Bold Blue with your own desired URL and save the widget. Finally save the template which will make the widget live.
You are done now. Now you and your visitors can see this awesome Automated Recent Posts Slider in your blogger blog.
Animated Page Loading Effect for Blogger
Every blogger wants his blog to look best among his competitors blogs.
This widget will add a bit more chunks of awesomeness in your blog.
The concept of this widget is simple. This is more or less like Exit
Effect we add in Microsoft Powerpoint's Custom Animation. Just like that
whenever the visitors will click any link to leave the current page,
inspite of the old boring loading it will have animation.
A live demo can be seen on my blog itself. Just click any link here and you could see the change.
To add this effect to your blog do the following things.
Adding the HTML and Script
<style>
#abt-page-loader {
position: fixed!important;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
background:#000
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigTsHrQDCeSeXXtjGFaiDN-RJpt4q22FeqYjEdHO9JODVadBI65UN6O6RiO07RMoik9IX49QMdVxtsR2e7FQ5BEwFt1HiICg1blpeLuyiZVodrHuL6RS5LShaA37rXOZkx9lVWYN6uN7w/s200/load6.gif')
no-repeat 50% 30%;
color: #FFF;
display: none;
font: 0/0 a;
text-shadow: none;
padding: 1em 1.2em;
}
</style>
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="abt-page-loader">Loading...</div>');
$(window).on("beforeunload", function() {
// ... Show the Animation `.fadeIn()`
$('#abt-page-loader').fadeIn(1000).delay(6000).fadeOut(1000);
});
//]]>
</script>
After adding this code, save the template.
You are done now. Now you and your visitors can see this awesome and cool Animated Page Loading Effect in you blogger blog.
Facebook Slide Out Share Button for Blogger
It has been long time since I have not posted a new widget so here is a
much awaited Facebook Slide Out Share button for Blogger blogs.
This widget has many features such as -
This widget has many features such as -
- Lightweight Size
- Compact Design
- Supports all Major Browsers
- Attractive and Elegant
- Made with CSS3 and beautiful transitions.
- Shown only on Post pages
Adding Manually
<b:if cond='data:blog.pageType == "item"'>
Many people would like to add and customize the code on their own. If so, you can copy the below code and paste it in the HTML/JavaScript widget.
<style>
/* Widget by http://cuteiipie.blogspot.in */
#fixed-share {background: none repeat scroll 0 0 #4C6699;border-bottom: 3px solid #30476F;bottom: 60px;box-shadow: 0 8px 8px #888888;font-family: Arial;font-size: 16px;padding: 15px 30px 15px 15px;position: fixed;right: -147px;text-align: left;text-transform: uppercase;transition: all 1s ease 0s;z-index: 10;}
#fixed-share:hover {right: 0}
#fixed-share:hover > #share-box {right: 147px}
#share-box {background: none repeat scroll 0 0 #4C6699;bottom: 72px;box-shadow: 0 8px 8px #888888;height: 40px;position: fixed;right: 1px;text-align: center;transition: all 1s ease 0s;width: 40px;}
</style>
<div id="fixed-share">
<div id="share-box">
<img src="http://s10.postimg.org/s1a8ghl6t/Fb_Logo.png" />
</div>
<span>Support Us<br/> <script>(function(d){ var js, id =
'facebook-jssdk'; if (d.getElementById(id)) {return;} js =
d.createElement('script'); js.id = id; js.async = true; js.src =
"//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script> <fb:share-button expr:href='data:post.url'
type='button_count'/> </fb:share-button>
</span></div>
<!-- Widget by http://cuteiipie.blogspot.in-->
</b:if>
After adding, save the widget and template.
You are done now. Now you and your visitors can see this awesome Facebook Share button on your blogger blog.
Subscribe to:
Posts (Atom)