How To Add Yahoo Smileys Emotions to your Comments

1.Login to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this :

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<h3><a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a></h3>
</b:if>
</b:if>
</p>
</b:if>

4.Now replace above code with below code.

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))
</b>
</div>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>

5.Now Download Smiley.js ( As a zipped file ) and host Smiley.js yourself using free js hosting service provider like HotLinkFiles.com or 110mb.com.

6.Now Scroll down to where you see </body> tag in your template.

7.Copy below code and paste it just before the </body> tag .

<script src='smiley.js' type='text/javascript'/><noscript><a href="http://bloggertipandtrick.blogspot.com/" target="_blank">Blogger Tips And Tricks</a></noscript>

Note: Replace smiley.js with your direct hosting link of smiley.js .

8.Now save your template and you are done.It will look like this.

Read more »

Posted in: yahoo

How To Insert Adsense Ads In Blogger Post

This will explain how to Embedd adsense ads in between posts body.
1.Generate Parsed code for adsense code because we cannot put adsense code directly in the xml.So parse it using AdParser.
2.After parsing,your ad code Should look like this.


How To Place ad above or below your post header
log in to your dashboard--> layout- -> Edit HTML
Click on "Expand Widget Template" and  scroll down  to where you see this:-
<div class='post-header-line-1'/>
To place ad above your post header.Paste the code above this line.
To place ad below your post header.Paste the code below this line.
How To Place ad end of your post body

log in to your dashboard--> layout- -> Edit HTML
Click on "Expand Widget Template" and  scroll down  to where you see this:-
<p><data:post.body/></p>

Paste the code below this line, to show your ad at the end of your post.

NOTE : To Set the Align of your ad , Insert your code like this.
<p align="center"> Your Ad code
</p>

Replace "center" with "left" or "right" for desired alignment.

Read more »

Posted in: AdSense

How to Embed Adsense add unit in Left or Right corner of post content

This will explain How to Embed Adsense add unit in Left or Right corner of post content.
Generate Parsed code for adsense code because we cannot put adsense code directly in the xml.So parse it using AdParser.
After parsing,your ad code Should look like this.


1.Log in to your dashboard--> layout- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see this:-
<div class='post-header-line-1'/>
4.To place ad Top left corner of your post ,Paste the below code, below of above line.
<div style=”display:block;float:left;margin: 0px 10px 0px 0px;”>
Your Adsense Parsed code
</div>

Attention :  We can't put "<div style=”display:block;float:left;margin: 0px 10px 0px 0px;”>" and "</div>" directly in the xml.So we must generate Parsed code for these code using AdParser.
So Final Code you have to copy below the line "<div class='post-header-line-1'/>" ,look like this.

If you Want To place ad Top Right corner of your post,Replace "left" with "right".
5.Click on "Save Templates" and Refresh your site.

Read more »

Posted in: AdSense

How To Remove Low paying Adsense Ads

To increase your Adsense Earnings by removing the lowpaying adsense ads from your account,follow the steps below.

1.First go to www.adsblacklist.com .



2.Now Signup for a account.it's free and very simple.

3.Now login to your account.

4.Now Click on My Account.



5.Now click on 'Add New Domain'



4.Submit your URL,TITLE and Keywords.Look at the example below.



5.Now go to Generate Filter List.



6.Drag and drop your domain name into 'Keywords from selected domains:' box.Then you can see keywords,you give in step 4.

7.Now select 'MFA' and 'LCPC'.



8.Now click on Submit.

9.They will give you lowpaying ads urls.copy these urls.

10.Now login to your Google Adsense Account.

11.Click AdSense Setup.



12.Go to Competitive Ad Filter category.



13.Paste lowpaying ads urls into the box and click save changes.



14.Now google will not display low paying ads in your site.

Read more »

Posted in: AdSense

23 Free High Quality Social Media Icons Sets

This is my second high quality social bookmark icons colletion.You can read my previous article here.I found these beautiful clean social bookmarks icon when surfing the web.And I think to share these icons with you.So I listed below over 20 new high quality social media icons sets for you.

1 . 27 Circular Social Media Icons in 3 Sizes

I have put a very big emphasis on function in these icons with the right amount of details. There is also an icon template PSD file included!

I was compelled to design these icons when through searching the web I couldn’t find a suitable set of simple, circular social media icons. What kind of age are we living in when you cannot find a good set of simple, sleek, circular social media icons? So here they are.

-From Designer

Download Here

2 . A Life in Pixels

In this freebie icon set, you will find 16 free social media icons for sites that designers appreciate (such as deviantART, Flickr, Twitter, and more). This free icon set is called A Life in Pixels and is inspired by Minimalist design philosophies.

The set includes 16 32px x 32px PNG files. They are monochromatic and can work with many other colors, which is perfect if you are looking for icons that are subtle and muted so that they do not dominate your design.

Download Here

3 . Free Social Media Bookmark Icon pack

Hate or love social media sites, they do bring you visitors to your site and the best way to do that is to show them what websites you are supporting. So I’ve designed the first 14 social media bookmark icons that you can download and use wherever you like, for free as well!

Download Here

4 . Free glossy social icons

Here’s another free icon set for you. Glossy social is an icon set which consists of 20 icons for the following services: YouTube, Twitter, Digg, StumbleUpon, Flickr, RSS, Feedburner, Skype, Last.fm, Gmail, Linkedin, Yahoo, Facebook, Delicious, mySpace, reddit, Friendfeed, Wordpress, Vimeo and a generic “Favorite” icon.

Download Here

5 . Free Set of Social Media Icons – Rivet Social

The result is a set of 14 riveted brushed steel icons that not only include the basics but DesignBump, DesignMoo, and DesignFloat as well! You’ll find 14 different 64px x 64px icons in this set in .jpg format.

Download Here

6 . Free Vectors Icon Sets

Here’s some more free vectors! There in color, and black and white, and they retain there ‘coolness’ when resized. There simple, clean icons, which I hope you enjoy!.Below are the color versions of the icons.

Download Here

7 . Function Icons Set

They are only available in 48×48px. These free icons are exactly that, free! You can use them anywhere.Included some of the main Social Media Icons such as: Design Float, Digg, Delicious, Furl, Technorati, Flickr, Stumble Upon, Twitter & Many more…

Download Here

8 . Google and Facebook

The items are for your personal use only. Do not modify or redistribute any contents of the available packages without permission. If you plan on using these icons in a project of yours (freeware or otherwise), please contact the authour before doing so.

Download Here

9 . Google Tango Icon Set 2

Great Google Tango PNG icons for your collection.
Quality : PNG quality
Format of collection *.zip (archive)

Download Here

10 . Matte White Square Social Icons

108 Matte White Square Social Networking/ Social Media Icons 512px * 512px.
Free for personal and commercial use ~ no attribution nec.

Download Here

11 . Free Social Media Icon Set - Noupe

6 beautiful and clean icons: New RSS, Twitter, Del.icio.us, Stumble Upon, Facebook and Email. This set was designed by IconShock and released exclusively for Noupe and its readers.The files are transparent PNGs, and the source file (.psd) is available for download as well (see the links below). The set is completely free and may be used for any private or commercial project without any restrictions.

Download Here

12 . Social Media Icons by Plechi

Social media icons in vector for free

Google,Yahoo,RSS,Facebook,Twitter,MySpace,last.fm,Technorati,Vimeo,Stumble Upon,Linked in,Youtube,Reddit,Delicious,digg,Flickr

Download Here

13 . Polaroid icon set

Here’s another free icon set for you. 16 PNG icons on some of the most popular web services. YouTube, delicious, RSS, Twitter, Facebook, Flickr, Digg, stumpleupon, mySpace, Feedburner, Skype, Yahoo, Last.fm, Linkin, Reddit and Gmail. As always, these icons are free to use on any kind of project both personal or commercial. The only thing that you cannot do is sell them.

Download Here

14 . Red Pearl Social Media Icons

108 High Res Red Pearl Social Media Icons.
PNG format.

Free for personal and commercial use - no attribution nec.

Download Here

15 . Social Icons hand drawned

The icons that are included in this set are:

Blip.fm,Digg,Facebook,Firefox,Flickr,Meneame,Myspace,Technorati,Twitter,Vimeo,Wordpress,Youtube,LastFM - new,RSS - new,Blogger - new,Gmail - new,Reddit - new,StumbleUpon - new

The icons are available in the size:
24x24, 32x32, 48x48 and 64x64

Download Here

16 . Blog and Photo Social Icons

This is a another great quality social media icon pack for your website or project.

Download Here

17 . Social Media Mini Iconpack

This icon set consists of 30 (16×16) finely crafted social media icons. They are free to use non-commercially. Put them on your blog or on your website to help users bookmark or share your site socially.

Download Here

18 . Social Network Icon Pack

The Social Network Icon Pack consists of 40+ 16 pixel x 16 pixel icons and 40+ 32 pixel by 32 pixel icons all in 32-bit PNG format.

Google,Yahoo,RSS,Facebook,Twitter,MySpace,last.fm,Technorati,Vimeo,Stumble Upon,Linked in,Youtube,Reddit,Delicious,digg,Flickr

Download Here

19 . Social Web Buttons-Set 1

Might be useful sometimes graphically highlight one or more links to profiles that you want to give importance. In this first set there are aNobii, coComment, Delicious, Digg and Facebook. In the next set you will find, instead, Flickr, LastFm, Pownce and Slideshare.

Download Here

20 . Social Web Buttons-Set 2

In this first set there are aNobii, coComment, Delicious, Digg and Facebook. In this set you will find, instead, Flickr, LastFm, Pownce and Slideshare.

Here you will find Flickr, LastFm, Pownce and Slideshare.

Download Here

21 . Socio LEGO Social Icon Set

11 Icons in 256x256/128x128/64x64/32x32 sizes. All Files in PNG Format.

Icons are FREE for Personal & Commercial Use on Websites and other Media.

Download Here

22 . Weby Icons Free Download

Weby Icon Set brings to you 100 icons at 64×64 pixels ready to be used in your application or website.
The icons are available in PNG, ICO and ICNS format. They are free to use for both personal and commercial projects, including websites, templates & software.

Download Here

23 . Wood Social Networking Icons

108 high resolution wood social media icons.PNG format.Free for personal and commercial use - no attribution nec.

Download Here

Read more »

Posted in: blogger

How to Change the Favicon in Blogger

Blogger supplies every blog with the standard orange "B" blogger favicon. Having your own unique favicon is a great way to give your blogger template both a distinct and explicit brand. These small 16X16 pixel images will most definitely help your blog stand out from the rest of the blogspot blogs.

What is a Favicon?

A favicon is a small 16X16 image located at the top of your browser in the url bar.

How to Change your Favicon

1. First go to Layout >Edit HTML in your Blogger Dashboard.
2. Backup your existing template before making any changes!
3. Place the code below directly below the </head> tag in your template.

<link href='http://bsaves.com/HowHero/Blogger%20Templates/moonspot/images/favicon.ico' rel='shortcut icon' type='image/vnd.microsoft.icon' /> <link href='http://bsaves.com/HowHero/Blogger%20Templates/moonspot/images/favicon.ico' rel='icon'/>

4. Now save your template.
5. Once your template is saved view your blog and make sure to refresh the page and delete your cookies.

Creating your own Favicon

1. Replace the image URL (2X) with your own 16 pixel by 16 pixel image hosted on the internet.
http://bsaves.com/HowHero/Blogger%20Templates/moonspot/images/favicon.ico
2. You can host your own favicon blogger image at sites such as ImageShack; PhotoBucket; Flickr; etc.
3. Check out this Favicon Generator Tool which allows you to upload an image and it will format it for you!

Read more »

Posted in: blog,blogger,blogging,blogspot

Recent Posts with Thumbnails Widget for Blogger

This post explains how to add Recent Posts widget in Blogger with image thumbnails:

Yesterday, when I was working on my new Magazine style wordpress to Blogger template conversion (I'll release the template tomorrow)
..this idea popped up in my mind. This feature is also requested so many times here.. so, here we go..
After many trial n errors, I finally did it!

Features:
Thumbails to Recent Posts
Comment Count

So, let's see how to install this cool widget in your blog..

1. Sign into Blogger dashboard
2. Go to Layout » Add a gadget » html/javascript

3. Just copy and paste this code..


<script language="JavaScript">

imgr = new Array();


imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 298;

cellspacing = 8;

borderColor = "#ffffff";

bgTD = "#000000";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 5;

home_page = "http://schemar-mag.blogspot.com/";

</script>

<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

Explanation:

(Edit the values to fit your blog)

boxwidth - Width of the widgetcellspacing - Space between cells (default one is good)
borderColor - Border color (add the background color of your template to perfectly blend it in the template)
thumbwidth & thumbheight - Width and Height of the thumbnail (default are good)fntsize - Font size of the titleacolor - Color of the titleaBold - you want bold titles? (true or false)
numposts - How many posts you want to show?
home_page : http://schemar-mag.blogspot.com/ (change this to your blog url)
This script is currently hosted in my server ( http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js ).
But, it is STRONGLY Recommended to download the script and upload to your own hosting (google for free javascripts hosts) and replace that url with yours.

4. Last but not the least.. Save the Changes.

That's it guys!

Note : Make sure you selected YES in Settings » Site Feed » Full » Allow Blog Feeds

Read more »

Posted in: blog,blogger,blogging

How to limit Rss feeds in Blogger (blogspot) Blog

If you have a relatively new blog, limiting its RSS feeds, is a good thing to do .. because now a day .. Many spammers use automated bots, blog entries, and can remove their blogs via RSS feeds ... Their blogs have great authority because of his age blog, which can be crawled and indexed faster in search engines than yours .. As soon as the blog pages are indexed, search engines can be as duplicate content. (Since the same content already indexed before) ..

Therefore, this video tutorial, .. like your Blogger feed line Only part of the content is visible in RSS feeds .. Once your blog is an authority, you can take the full RSS feed back if you wish.

Read more »

Posted in: blogger