Showing posts with label Blog. Show all posts
Showing posts with label Blog. Show all posts

FaceBook - No More a social Giant ?

Facebook - A social giant ? let's have a complete analysis and overview whether Facebook is a social giant and what its current status ?

facebook

Before i start making a statement about Facebook is a social giant or not . i would like to give a complete stats about the Facebook .
  • Facebook User Count is one Billion and have a 1 Trillion connections .
  • Facebook Ranked 2 in the Global site and have a reputation of 8,01,3634 sites linked in (source : Alexa )
  • Facebook has 192 M android , 147 M apple,48 M iPad and 56 M messenger Mobile user count.
  • Facebook set a record by uploading 1.1 B photos on new year's day/eve.
Let's have a look , what are the other social networking sites/competitors of Facebook.
  • Google +
  • Twitter
  • Linked in
  • My Space
  • Pint rest
I have listed the social network sites as per the ranking . As we reviewed latest stats among social networking sites, Google plus is a real competitor for the Facebook. Google + has thrashed the rankings of twitter to moved up one place higher .The main and one of the massive reason behind Google + improvement  is blogging , Now a days people all around started blogging , Google provides blogging site free for the people to starts there own blog-spot site as well they are offering the blogger to start monetize via Google itself ,

Whats there in it and is it anywhere related to the topic ?
Yes of-course , the above discussed are truly related to the topic and can also get it how the massive change over happened in ranking of Google + . In the recent past Google has implemented a great idea of merging the Google + with blogger account and also added some notes like linking the account may result the blogger in Google author rank and blogger page rank . As a result of this blogger started linking the Google + account and also people started the +1 the topic by making the post popular (They need to sign up to the social network to do these activities)

Whats the impact now ?
Due to this massive improvement by Google has affected the ranking of twitter which is so far been called as a 2nd social giant . Facebook also implemented some new features like graph search etc but due to the latest buzz about the Facebook made negative impact among the people !!! 

What are the buzz about Facebook ?
Many have heard that Facebook started the photos ( instagram )without the up-loader knowledge and few months before a buzz stating Facebook tracks you even when you are log-out !and the recent buzz is Facebook delivers a mail to the people in us pay back $10 .

Cons :
As per the current stats Facebook is considered to be the social giant even though the latest buzz about the Facebook and massive rank changing over the social networking sites . Facebook stands tall by implementing new innovations that makes people to stay in the site . The new word over addiction among people is "Facebook" .

Steps To Create Facebook Like Button below blog post and sidebar

Facebook Like button is used by many of the bloggers to promote the blog and blog post . There are various places to have the Facebook social icon in your blog to increase the traffic. Following are the best place to have the social icon.
  • Below Post titles 
  • End of the Post 
  • Side bar .
Going to provide the simple steps to implement the Facebook like button above mentioned places.

Below Post Titles :
1. Go To Blogger > Design > Edit HTML
2. Backup your template
3. Click the "Expand Widgets Templates" Box and Search the below code 
    <data:post.body/>
4. Just above it paste the code below .
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:20px;'/>
5. Save your template and you are done!

Below Post - Footer :
1. Go To Blogger > Design > Edit HTML
2. Backup your template
3. Click the "Expand Widgets Templates" Box and search the below code .
<div class='post-footer'>
5. Just above , paste the code below.
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:20px;'/>
6. Save your template and you are done!

Side Bar :

2. Select the Like Button Link.
3. Provide The Details on FB developer page :
  • Your Blog URL on URL to LIKE
  • Check Or uncheck the send button 
  • Select the Layout style you wish (by Drop and check the preview , how it looks )
  • Check Or uncheck the show faces.
  • Click on the GET CODE button .
  • Look at the screen shot and copy the second code of HTML5.
4.  Now Log in to Blogger Account
  • Select Layout - > Add ->Html/Java Script 
  • Paste the code which you copied from FB developer Page 
  • Save and Check the blog .
Enjoy the plugin  .

Feel free to share your views on comment .

Basic and Advanced Face Book Like Box For Blogger

Face Book Like box is Used almost everywhere on the blogger . it will show your followers with or without thumbnails . The widget will Help you to gain More traffic for your blog and Also help you to gain more likes for your Page .


1. So Let's start the step , How to implement on your Blog : 
  • Login To Blogger Account.
  • Click Blog Title -> Layout -> Add A Gadget.
  • Select HTML / Javascript -> Paste The Following Code .                                         

<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/
jstxplore&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;" style="border:none; overflow:hidden; width:292px; height:258px;" ></iframe>

  • Change Facebook Page URL, Change Width And Height According To Your Template.
  • Check Demo Below Of jstxplore Facebook Page.


2. Advanced Facebook Like Box Below post  :


This face book like box is customized and designed by vijay prakash  from blogger tricks.bz . this is an awesome widget to have at the bottom of the post and increase traffic.

Steps :
  • Go to blogger dashboard -> Template -> Edit Html (check Expand widget template ).
  • Search  for ]]></b:skin>  and place the following code just above it.
#JTxpl-fb {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-goog-ms-border-radius: 10px 10px 10px 10px;
border-radius: 10px;
box-shadow: 5px 5px 5px #CCCCCC;
background: none repeat scroll 0 0 transparent;
border: 1px solid #D3D3D3;
padding:10px;
margin-top:25px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
width:560px;
}
JTxpl-fb:hover{
background: none repeat scroll 0 0 #FFF;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
}
JTxpl-fb  td{
padding:3px 0;
}


  • Now search <data:post.body/> and place the following code below it.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='
JTxpl-fb'>
<div id='
JTxpl'>
<table width='100%'>
<tbody> <tr><td>
<span style='font-style: normal; font-size: 23px; font-family:Georgia,Times New Roman,Trebuchet MS; '>
Receive updates on your Facebook wall For Free!!!!</span></td></tr>
<tr><td>
<iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F
jstxplore&amp;
width=
590&amp;height=180&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23fff&amp;stream=false&amp;header=false' style='border:none !important; overflow:hidden; width:560px; height:180px;'/></td></tr>
</tbody> </table></div></div>
</b:if>

  • Preview and Save the template.

Customizations :
  • Replace Receive updates on your Facebook wall For Free !!!! with your words.
  • Replace jstxplore with your Facebook username.
  • Replace 590 and 180 with your desired width and height respectively.
Credits :
Thanks to blogger tricks for sharing the codes for advanced facebook like box.

Queries , Trouble . Wanna say thanks comment below

    Contributors

    Powered By Blogger

    About Explore IT

    Explore IT is a Technology blog , In simple Words
    " One Stop For the Latest Updates "
    Mobile Phone,Smartphone,Tablets,PC,Laptop,Games,
    Software,Hardware,Blog .

    Any One Can Share and Explore their Knowledge to the unknown.
    (Read our Privacy policy and Guest Post Terms)

    Follow Us Via Facebook and Twitter

    Total Pageviews

    Followers