Showing posts with label Facebook. Show all posts
Showing posts with label Facebook. Show all posts

October 1, 2012

1

Adding Facebook Share or Like Button in Blogger Templates(New Blogger Layout)

  • October 1, 2012
  • Don ZikkO
  • As a blogger, one of the ways of promoting your blog's content are through social media sites!
    Sites like facebook brings more traffic when properly linked in 1 way or the other to facebook...

    Adding Facebook Share/Like Button Below Post Title

    To add the Facebook Like button below post title, simply follow these steps:
      1. Login to your blogger dashboard, firstly, it is necessary that you backup your blogger template before you try editing it incase you mess up with the template.
      2. Click the Edit HTML button.
    Blogger Edit HTML Button
    1. A new window will be opened. Click on the Proceed button and start editing.
    Blogger Proceed Button
    1. Check the Expand Widget Templates option.
    2. Find <head> in your template and replace it with the following code:<head> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;; fjs.parentNode.insertBefore(js, fjs); }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
    3. Now find the following code:
      <b:includable id='post' var='post'> <div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title entry-title' itemprop='name'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h3> </b:if>
      You might see multiple codes similar to the above code. However, make sure that the code you find has <b:includable id=’post’ var=’post’> in it.
      Tip: Search for <data:post.title/> and you’ll find the above code lines.
    4. Place the following code right AFTER the code in previous step:
      <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='fb-like' data-send='false' data-show-faces='true' data-width='450'/> </b:if>
      The result should look something like this:
      <b:includable id='post' var='post'> <div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title entry-title' itemprop='name'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h3> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='fb-like' data-send='false' data-show-faces='true' data-width='450'/> </b:if>
    5. Save your template and view posts on your blog, your facebook like button would appear.

    Adding Facebook Share Button Below Post Body

    To place the Facebook share button under each post, you have to follow the first 3 steps given above. Then find the code given in step 4 above. Scroll down a bit and you’ll see the following code:
     <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'> <data:post.body/> <div style='clear: both;'/> <!-- clear for photos floats --> </div>
    Warning! Do not use ‘Ctrl + F’ to find the above code. You have to find the code given in step 4 and then you can find the above code by scrolling down a bit.
    After finding the above code, place the following code right AFTER it:
    <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='fb-like' data-send='false' data-show-faces='true' data-width='450'/> </b:if>
    The result would look something like this:
     <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'> <data:post.body/> <div style='clear: both;'/> <!-- clear for photos floats --> </div> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='fb-like' data-send='false' data-show-faces='true' data-width='450'/> </b:if>
    Now, save your template. You can now view your blog and that’s it.


    Read more

    September 20, 2012

    1

    Ever Wondered How Some Facebook Friends Stay Online 24/7? With their mobile Devices.

  • September 20, 2012
  • Don ZikkO
  • Like always I was surfing the web, searching for things that Don't Exist :p . Don't judge me its my life.

    While surfing the web I stumbled on a Great Download site through Google for mobile phones, then I took 5 minutes to scan the site (Like I said "I was looking for things that don't exist" that's why I scanned through....

    Then I found this facebook application

    data:post.title

    Unfortunately the application works only on

    • Android
    • Blackberry
    • IOS devices
    * wished it works for symbian Phones..

    The Application has got some good features

    • Even when minimized you re still online
    • It shows your online friends
    • Shows your facebook Inbox
    • Images Can also be sent as attachment through the application
    • And speed is 99.9%

    Take a look at the images below

    data:post.title

    data:post.title

    data:post.title

    Looks CooL right?

    Download The Application HERE
    Or
    Copy this link to your address bar http://www.facebook.com/mobile/messenger

    Download the app, run it and Enjoy!!! :)



    Read more

    September 7, 2012

    2

    Chat On FACEBOOK Using Your Opera Browser

  • September 7, 2012
  • Don ZikkO
  • Most people don't know they can chat on Fb direct using their it is very simple jst copy this------>

    http://touch.facebook.com/buddylist.php

    And paste in your url bar

    and start chatting



    Read more

    August 20, 2012

    19

    Facebook Custom Linked (blue link) Status

  • August 20, 2012
  • Don ZikkO
  • Facebook custom message which can be link with your profile,page on Facebook.



    here is a method to post
    • @@[0:[profile_id:1: your text]] By @[profile_id:]
    You just have to put data that is colored above like Insert profile ID which you like to link, your text as status

    as my Page Profile_ID for Jokes and funny pictures is 278163552289386 So the code will be
    • @@[0:[278163552289386:1: Hope you like]] Us @[278163552289386:]
    Check this Example Post Here https://www.facebook.com/jokes2much/posts/278163552289386
    People Who have problem to get the Profile id code. then i have solution
    • For Pages : Open edit page if you are admin then you will see the link as https://www.facebook.com/pages/edit/?id=278163552289386 Ă‚  here blue colored text is profile ID
    • For Pages and Personal Profile: if you are not an admin of page then open any photo from page then you will see https://www.facebook.com/photo.php?fbid=397297880287557&set=pu.278163552289386&type=1&theaterĂ‚  Here blue text just before the &amp type is the profile id for page and profile


    Read more

    July 9, 2012

    0

    How To Find Facebook Profile/Page ID

  • July 9, 2012
  • Don ZikkO
  • When creating a Facebook account, the system automatically assigns the user an identification number, known as the Facebook ID. Facebook allows the user replace their ID with username. If you are using a custom username for your Facebook profile or page, then unique profile ID will not appear.



    Many tutorials give you an instruction by clicking right mouse on image profile to find your unique ID. Now I will tell you even easier to find your Facebook profile ID.





    How To Find Facebook Profile/Page ID?

    Just type at your address bar: https://graph.facebook.com/YOUR USERNAME or PAGE



    Or type your username below and hint Get Facebook ID







    Hope that helps.
    Read more