Change Size of Blogger Comment form

How To Change The Width And Height Of Comment form in blogger.As you would have seen some using wide comment form and some using small comment from.As there are no much options in blogger to make changes in the blogger comments form but still there are some alterations like we can make,to alter its width and height.As blogger comment system is not one of the best comment system and blogger team need great modifications to be done in it to make it better and useful for readers.

Some comment system hacks you can use like are highlight blog author comments and numbering of blogger comments.



Now lets continue on our tutorial on how to change the width of comment form.Just GO To Blogger Layout >> Edit/Html >> Expand Widgets >> Press Ctrl+ F >> Search For Below Codes.

<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='auto' src='' width='100%'/>

Now edit the value of codes in red that is width and height of blogger comment form.Just increase or decrease the values of width and height properties to make it alter.I am sure you will be going to love this tutorial.Best of luck!!

Celeb Blogs

This is a collection of some of the celebs who blog. Do check this list to find out if your favorite celeb blogs or not. If you feel that I have not included some celebrity blogger in this list then please give the name and blog link of that celeb in the comments section. This post will be updated regularly depending on the entries that I get. I would also like to mention that some of the celebrity blogs may or may not be active.

Cool Bookmark Buttons

Hi friends this is a collection of 12 beautiful hand drawn Social Bookmarking Icon sets for your Blog or Website. Enjoy this cool collection of icons and don't forget to give your valuable comments .


FreeHand ColorStroked icon pac

Color Stroked Free Hand Icon Set By mfayaz




Black Magic Marker Social Bookmarking Icons

108 free high resolution Simple Black Magic Marker Social Bookmarking Icons By My Site My Way




Free Hand Drawn Doodle Icon Set for Bloggers

Set of free hand drawn doodle icons by Spoon Graphics




Handy Icons

24 free and exclusive vector icons by Web Designer Depot




Handycons: a free, hand drawn social media icon set

Free, hand drawn social media icon set containing 12 icons by Janko At Warp Speed




Handycons 2 - another free hand drawn icon set

Icon set containing 20 more hand drawn icons by Janko At Warp Speed




Social media icons

Hand made social media icons by plechi




Social Icons hand drawned

Hand drawn social media icons by TheG-Force




Free Social Networking Hand Drawn Photoshop Shapes

Set of Hand Drawn Social Networking Photoshop Shapes by My Site My Way




Sketch’d Up Vector Icon Set

Over 100 hand drawn icons in vector format designed by Oliver Twardowski




20 free Web 2.0 icons (colored pencil version)

Hand drawn Web 2.0 icons by Icon Expo




19 Free hand-drawn sketch icons

Hand-drawn sketch icons by Charfish Design


please social bookmark if you liked

Change Blogger Favicon

This Blog post will explain how to add favicon for your Blog

The main advantage of creating and using favicon is ,it makes it easy to find your blog or site when someone favourited or bookmarked your site/blog among several other sites.

So,ready to create a favicon for your Blog!

All you need is a program to create a favicon in (.ico) format.If you haven't a program to create in .ico format,

No Problem....you can also use png or gif format.If you have Photoshop, or any other programs like that,open it and create a 16*16 image and save it as .png or gif format [look at the below screenshot below]

Or there are so many online sites which can create a Favicon for you,just google 'free online 16*16 icon generator' .They ask you to upload a picture from your desktop,and they convert it into 16*16 .ico file.

You are just a few steps away from creating a beautiful Favicon for your site....

go to your blog dashboard>Layout>Edit Html

and look for this code

</head>

add the following code right after it

<link href='http://www.textmarks.com/images/WidgetAlphaIcon-B.gif' rel='shortcut icon'/>
<link href='http://www.textmarks.com/images/WidgetAlphaIcon-B.gif' rel='icon'/>

replace the 'icon file url' ie http://www.textmarks.com/images/WidgetAlphaIcon-B.gif both the times with the url of your icon.

Any .gif .jpg image would do; search google for favicon .ico

That's it! Now you can see a beautiful favicon in your blog.

Feel free to add the comments..... and if it works share it!

Hypertext Link Blogger

Whenever you add any hypertext link to your blog post, you will see that the link is underlined. However some people don't like that the link is underlined and want to remove the underline.

This is possible by adding a small code in the link. Check the two links html given below. The first link html is the normal link which is underlined. However, the second link html would not result in underline.

<a href="URL" > </a>

<a href="URL" style="text-decoration: none;" > </a>

As we can see in the code shown above, we have added just the following code.

style="text-decoration: none;"


Its just a simple thing to do which will hardly take your time.

Fluid Social bookmarks

You want to add social bookmarking buttons in your blog you always want to add a nice, good looking buttons. SocioFluid is one of the most popular social bookmarking widget generator. Its easy to install and you can change buttons icon size too.

To add SocioFluid Bookmarking widget below posts:

Step 1 :

• Go to SocioFluid and preview the widget:

• If you are not like it you can customize it, you can add or remove icons and change size of icon.

• If you are not like it you can customize it, you can add or remove icons and change size of icon.

• scroll down at the end of the page and press generate widget button:

• If you want to add the widget below each blog posts click on 'Copy to Clipboard' to copy the code. But if you want to add the widget other place like sidebar, footer etc you can use 'Add to Blogger' or 'Copy to Clipboard'.

Step 2 :

• Go to Layout--->Edit HTML---->Click on Expand widget templates.
• Now paste your widget code after the line .
• Click on "Save Templates" and you are done.

Publish Blogger Post by email

The mail to Blogger feature in the blog enables you to publish the post via Email. For this feature you have to make a change in you r blog setting. Just go to “Settings” then click “E-mail & Mobile” or “E-mail”

You can create a mail to Blogger address which you will use to publish the posts via email to your blog:

To post to your blog via email, you need to configure your mail to Blogger email address in Settings | Email:

The format of the email address will be username.secretword@blogger.com. Note that this Email must be kept secret. Otherwise, anyone who gets it will be able to post as you.

Also be sure to specify whether or not you prefer your email posts to publish automatically. If this option is not checked, then your posts will be saved on your account but will not appear on your blog until you log in to Blogger.com and publish them yourself.

Once you have saved your Settings, you can send email to your blog. The subjects of your email letters will be the titles of your posts, and the body of the emails will be the posts themselves. To include an image in your post, you can attach an image to you your email.


Note......

• Sometimes email programs append text to the bottom of each sent message; to make sure this cruft doesn't get posted to your blog, put #end at the end of your post.

Social Bookmarking Widget

Many Bloggers today want their end of the post shine bookmarking widget.

and let me tell you your wait is over.Not like I have never seen a bookmarking Widget below


a post.


But, I have never found it with something sexy. Yes, It has a short title "add is sexy", very


stylist and also sexy.... :). Please see the screenshot below.







And It's not that dull as it looks. It's more responsive try hovering your mouse over the same


widget below this post.


Now, I will try to explain about how to add that in Blogger.



Step 1 Go to LAYOUT -- Edit HTML -- (checked expand widget templates)( I recommend you


to Backup the existing Template first)


]]></b:skin>

Step 2 Afterwards, Add this CSS composition below it.

<style type='text/css'>
div.sexy-bookmarks {
height:54px;
background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat left bottom;
position:relative;
width:540px;
}


div.sexy-bookmarks span.sexy-rightside {
width:17px;
height:54px;
background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat right bottom;
position:absolute;
right:-17px;
}


div.sexy-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}


div.sexy-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}


div.sexy-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;


}


.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {
background:url('http://img509.imageshack.us/img509/3131/sexysprite.png') no-repeat !important;
}


.sexy-furl {
background-position:-300px top !important;
}
.sexy-furl:hover {
background-position:-300px bottom !important;
}
.sexy-digg {
background-position:-500px top !important;
}
.sexy-digg:hover {
background-position:-500px bottom !important;
}
.sexy-reddit {
background-position:-100px top !important;
}
.sexy-reddit:hover {
background-position:-100px bottom !important;
}
.sexy-stumble {
background-position:-50px top !important;
}
.sexy-stumble:hover {
background-position:-50px bottom !important;
}
.sexy-delicious {
background-position:left top !important;
}
.sexy-delicious:hover {
background-position:left bottom !important;
}
.sexy-yahoo {
background-position:-650px top !important;
}
.sexy-yahoo:hover {
background-position:-650px bottom !important;
}
.sexy-blinklist {
background-position:-600px top !important;
}
.sexy-blinklist:hover {
background-position:-600px bottom !important;
}
.sexy-technorati {
background-position:-700px top !important;
}
.sexy-technorati:hover {
background-position:-700px bottom !important;
}
.sexy-myspace {
background-position:-200px top !important;
}
.sexy-myspace:hover {
background-position:-200px bottom !important;
}
.sexy-twitter {
background-position:-350px top !important;
}
.sexy-twitter:hover {
background-position:-350px bottom !important;
}
.sexy-facebook {
background-position:-450px top !important;
}
.sexy-facebook:hover {
background-position:-450px bottom !important;
}
.sexy-mixx {
background-position:-250px top !important;
}
.sexy-mixx:hover {
background-position:-250px bottom !important;
}
.sexy-script-style {
background-position:-400px top !important;
}
.sexy-script-style:hover {
background-position:-400px bottom !important;
}
.sexy-designfloat {
background-position:-550px top !important;
}
.sexy-designfloat:hover {
background-position:-550px bottom !important;
}
.sexy-syndicate {
background-position:-150px top !important;
}
.sexy-syndicate:hover {
background-position:-150px bottom !important;
}
.sexy-email {
background-position:-753px top !important;
}
.sexy-email:hover {
background-position:-753px bottom !important;
}


</style>

Now Save the template and again expand the template


Step 3 Please find this code:<data:post.body/>

then, copy paste this HTML composition after the code

<div class='sexy-bookmarks'><ul class='socials'><li class='sexy-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-digg'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-reddit'><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-stumble'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-twitter'><a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-furl'><a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/YOUR-FEEDBURNER-ID' title='Subscribe to RSS'/></li>
<li class='sexy-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
</ul><span class='sexy-rightside'/></div>

. Change YOUR FEEDBURNER ID in the code to your Feedburner Url .
Save Your Template. And it is done.




Any problems tell me through the comments Form..............

Search Widget for Blogger

Embed Search Box widget In Blogger Header that makes it look beautiful.

You can also Embed Google Search Box In Blogger Header, to add to your earnings Or custom search engine to your blog.

This is very important trick to increase your earnings of Adsense if you add google search as you will be got paid to get searched from your google search from your blog.





Now How to add this link unit to your Blogger Header?

1.Login to your blogger
2.Go to LAYOUT tab
3.Then EDIT HTML tab
4.Click On EXPAND WIDGETS to expand html
5. Search the below code in red

<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>

Now Add the seach code after these lines.

If you want to add your google search then add the google search code from adsense.



If you want search unit to be placed above the description and below title then place the search code above these red lines.

Comments Widget in 30 seconds

In case you directly want to show the comments widget on your Blogger Blog within 30 seconds, then follow this step:

Sign in to Blogger, Go to Layout -> Add a Gadget -> Feed widget[see the Image]

Then in the given feed field,

Add this:

>>http://YOURawesome_blog_here.BLOGSPOT.COM/feeds/comments/default

Then customize it to your needs ;select the appropriate options and save it.

It's done .Place the widget in your layout where you want

Dont forget to share this post if you liked.

Have a nice day! will be back soon....

Floating Icons BUTTONS on Blog[see the corners]

Get the three floating icons as on this Blog [in the corners]

This would drastically help visitors on your subpages to easily head to your main page or subscribe your rss or even get back to top if your blog post is to long
these icons being floating on the browser catch the visitor's attention easily , following more clicks on the icons.
You first need to add this code in a html/javascript anywhere on your Blog
the code goes as follows

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://www.wj.com.au/pageimage/top.gif"/></a>

<a style="display:scroll;position:fixed;top:5px;right:5px;" href="http://feeds2.feedburner.com/widgetBlogger" title="Subscribe RSS"><img src="http://aux.iconpedia.net/uploads/1674674503.png"/></a>

<a style="display:scroll;position:fixed;top:5px;left:5px;" href="http://www.widgetBlogger.co.cc" title="GO to HOME"><img src="http://www.mintothed.com/images/home_icon_link.jpg"/></a>

,.The first paragraph of code is for the floating "back to top" dont edit it
the second paragraph of code is for you RSS feed ; edit the highlighted portion with you feed
URL
I use Feedburner [Know About feedburner here]
Anyway your default feed would be
http://YourAwesomeBlogHere.blogspot.com/feeds/posts/default?alt=rss

and
http://www.YourAwesomeBlogHere.com/feeds/posts/default?alt=rss

Third paragraph is for "Home" edit the highlighted portion in 3rd para with your Blog URL

That's it you got your army of floating icons to make your visitors get to the things you want them to see.

All search engines and search engine submittors

This is not the complete list of search engines but are enough to give an start to your blog ,as you will find countless amount of search engines on web you wouldn't have heard of.

1. • Google
   • Yahoo! Search
   • Microsoft Live Search
   • Alexa Web Search
   • Baidu (Chinese search engine)
   • ExactSeek
   • SearchSight
   • Scrub the Web
   • EntireWeb
   • Gigablast
   • Exalead
   • SearchKing
   • whatUseek
   • AnooX
   • Splat Search
   • Walhello
   • SearchIt
   • email Mozdex
   • Jayde
   • Infotiger
   • Abacho (European search engine)
   • Submit-one
   • TowerSearch
   • HotLaunch
   • Shoula
   • The-search-site
   • Websquash
   • Unasked
   • eVisum (educational resource)
   • DinoSearch
   • SearchRamp
   • SearchtheWeb
   • SearchWarp
   • Mixcat
   • BestYellow
   • Beamed

Website Submission Services

There are many websites on the net offering free website submission services to search engines .The list of search engines are by and large the same. Some offer free to send your URL to more than a hundred search engines . Is it necessary to have your webpage listed in all the smaller search engines

1. • FastSubmit
   • Submit Express
   • AddMe
   • Freesubmissionweb
   • ineedhits
   • Submitshop
   • Searchengineoptimising
   • AddPro
   • Pageranklist
   • Freewebsubmission
   • Amfibi
   • Burf
   • Jerkasmarknad
   • LocalSubmit
   • SrSubmit

GOOGLE TRANSLATE WIDGET

Let your readers easily TRANSLATE your BLOG with this highly compact widget.

These super-mini flags are powered by Google Translate. The languages available at the click of a flag are

Chinese, German, French, Japanese, Korean, Russian, and Spanish.

TWEET ME Twitter button

Twitter has gained much popularity nowadays with increase in its users and a great source of traffic for bloggers. As me too has started using twitter a lot and i am loving it,its really feel great when see your Twitter followers increasing. You can follow me here

Login to your blogger.Then got To Its Layout > Edit Html > Expand Widgets
Search for this line (ctrl+F)
<data:post.body/>
,Just add the below codes after it:-

<a expr:href='"http://twitter.com/home?status=Reading " + data:post.title + " @twitter_username " + data:post.url' title='Tweet it on Twitter'><img src='http://Link_to_twitter_image'/></a>

Replace the green codes above with your twitter username and image link of twitter uploaded on your server. we even have got for u tweet me twitter images

Now save your template and you will be able to see tweet me button below each blogger post which can be tweeted by your readers

get us in your mailbox..Enter your email address:

Subscribe to WidgetBlogger by Email

Access blocked sites,blogs

Countries like China block some really great sites and here are some ways to defy those bans.......

1) Using IP Instead of URLThis depends on the software/application used. Sometimes blocked sites are stored as a list of URLs (eg. www.yahoo.com, www.donwload.com,etc) and typing the IP instead of the URL might sometimes work. In a local computer, doing a ping domain.com command in Command Prompt (Mac users use Terminal) will return you the IP address. You can also do it online via http://www.whatsmyip.org/.

OR

2) Redirection with Short URL serviceSometimes the URL you intend to browse might be ban, but converting them to another a shorter URL with short URL services might just help you to bypass the settings.Here’s 2 Short URL service you can use – MooURL, SnipURL

OR

3) Google CacheSearch engines like Google and Yahoo cache webpages and these cached pages are stored in search engines themselves, which likely will be added to the blocked list. Click on the ‘cache’ will bring you to a cache version of the page, as updated as how Google caches it.

hope this helped you................

EMAIL ME Hack

This post helps to add a "Email me" link in your blog/webpage.

With this,if some one clicks on the "Email me" link, the visitor's microsoft outlook express will be open by default.

If he/she wants to send via others like gmail,yahoo,rediff,etc..they will simply copy your email address from the outlook express and send.

So,how to do this?

it's very easy

just add this javascript/html and place it wherever you like on your blog

<a href="mailto:abc@yahoo.com">Email me </a>

change the email address to yours