Saturday, January 1, 2011



...
<b:if cond='data:blog.pageType == "static_page"'>
...
...
...
</b:if>
...
...




Show Widgets Only in Homepage or in Post Pages

Once you activate any widget, in your blog, it will be displayed in all the pages by default, including your homepage.
But sometimes, we do want to show some widgets only on Homepage or only for the individual posts pages, or only in a specific page, the coding is quite simple, but you need to customize the widget through the "Edit HTML" link in your "Layout" section.
Follow these steps:
Create any widget, and place it where-ever you want, and save the template. Check if it is working (should be displayed in all the pages). Remember to give a TITLE to it, like Archives/BlogRoll/Maps/Clock, anything unique.

Now go to "Edit HTML" page.
Click/mark "Expand Widget Templates"
Then find for that unique Title (by searching through CTRL+F method)
It will be something like this:











<b:widget id='HTML3' locked='false' title='UNIQUE WORD OR TITLE HERE' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
Now tweak this as follows
CASE #1
To SHOW the code/widget only in HomePage











<b:widget id='HTML3' locked='false' title='UNIQUE WORD OR TITLE HERE' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
CASE #2
To SHOW the widget in "All Posts", but NOT in HomePage











<b:widget id='HTML3' locked='false' title='UNIQUE WORD OR TITLE HERE' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
CASE #3
To SHOW the widget in any particular page










<b:widget id='HTML3' locked='false' title='UNIQUE WORD OR TITLE HERE' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "SPECIFIC_BLOG_POST_URL"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>









Add those code lines in red color, as per your requirement.


CASE #4
To HIDE a widget ONLY in a particular page/post, and to display it in all other pages of your blog, use this code (shown below is only the code in RED from the previous code):









...
...
<b:if cond='data:blog.url != "SPECIFIC_BLOG_POST_URL"'>
...
...
...
</b:if>
...
...
CASE #5
To SHOW widgets only in Archive Pages






...
...
<b:if cond='data:blog.pageType != "static_page"'>
...
...
...
</b:if>
...
...
CASE #6
To SHOW widgets only in Static Pages



...
...
<b:if cond='data:blog.pageType != "static_page"'>
...
...
...
</b:if>
...
...


CASE #7




To HIDE widgets in Static Pages


...
...
<b:if cond='data:blog.pageType != "static_page"'>
...
...
...
</b:if>
...
...

what is poke?




The poke feature is used to can be used for a variety of things on Facebook. For instance, you can poke your friends to say hello. If you poke a user who normally does not have access to your profile, they will be able to temporarily see your Basic Info, Work Info, and Education Info. When you poke someone, they will receive a poke alert on their home page. – More on Poke’s
To poke a user, navigate to his or her profile and you will find the ‘Poke’ option just below the display picture of that user.



for new facebook profile poke feature is on top right side


How To Add AJAX Video Search Bar To Blogger

Hello guys if you want to use ajax video search then must check out demo below
click here for Demo

Now if also want to use this for your blog or website again visit above website and then


Embed a strip of YouTube videos on your on your web page and let your users watch the video channels you've selected without leaving your site.


as shown in above screen shot type the name of your blog and click to generate codeGenerate Custom Video Search Code For Blogger




Thursday, December 30, 2010

New Facebook profile layout hack



Few days back facebook released the new facebook profile layout which is completely different from the old one. One feature was very much new was Photostream which showed your recently tagged photos under your profile name below the new bio.
Someone discovered to use tagged photos in photostream creatively to design the new facebooklayout hack. Some examples are shown below.

The above image is a demonstration of the effect that can be achieved with tools below which will allow you to easily turn any image into what you see!
How to use Facebook profile image trick

1.PicCut (Link) is an useful  online tool that allows you to upload large picture and it will automatically slice up the image according to the size requirements of the facebook new profile photo image trick
An useful addition to this tool is it lets you select the no. of lines in your profile bio. If your profile bio is 1-2 lined then the alignment of the photostream thumbnails is non proper making it look mis-aligned.
2.PicScatter (Link) is a similar tool like PicCut you can use with the new Facebook profile to make amazing profile pictures, with an added advantage to directly upload the image and thumbnails to yourfacebook profile. This makes it easily to implement the facebook new profile photo hack to your profile
As soon as you’ve uploaded your image, you can zoom in and out, drag it around and tell it how many lines of bio (info-text) you have. This last option can help you see if it’d be better to add or remove a bio line to optimize the photo hack effect. When you’re finished, you can download the individual image files in a compressed archive (pic_scatter.zip) or publish them instantly to Facebook. (detailed guide on ampercent)

Using above two websites create Facebook profile photo hack
Step 1: Upload your desired picture and let PicCut or PicScatter to generate the correctly sliced up profile image and 5 thumbnails.
Step 2: Download the generated ZIP file of your images, or manually save them.
Step 3: First, set the image named "profile-pic.jpg" as your Facebook profile picture.
Step 4: Create a new photo album, then upload the other images in the order of their filenames.
Step 5: Tag yourself in all 5 photos, starting with "image5.jpg" and ending with "image1.jpg."
Step 6: Hide any tagged photos you do not wish to display on your profile. That’s it!
also there are some other tools to creat this hack

 
# FBcrop (Link) is an online tool that duplicates the effect of the facebook profile hack in 3 easy steps. It gives a higher level of customizability compared to other methods currently available and works by directly uploading to your facebook account.
# Profile Banner App (Link) is a facebook app that let you use the new facebook profile image trick directly from facebook. They feature cool photos compatible with the facebook profile hack in different categories like the holidays etc. in case if you are out of ideas or photos.
Some more similar online tools for generation profile hack photos are MyPeex.comProfileGen.com,FullPagePic.
Hope you like using these tools. Here are some of the most awesome facebook profile image hack tricks implemented creatively below…(more here)

a very very special thanks to snaphow.com for  such  a nice article