Best 2 Know

Create Four Column Footer Section Instead Of Three Column In Blogger Blog

As You All Know That blogger is allow only Three Column Footer Section so i am coming with another hack To Creat four column footer section so you can add many widgets

Steps You Need to Add 4 Column Section at the Bottom of the Blogger

Step 1. Login to your Blogger Dashboard

Step 2. Go to Layout >> Edit HTML , do not check the “expand widget templates” box. This will simplifies the process

Step 3. Back up your existing blogger template (Click on ‘Download Full Template’ to Back up)

Step 4. Now search these line of codes or similar ( footer-wrap, footer, footer-end etc… )

<div id=’footer-wrapper’>
<b:section class=’footer’ id=’footer’/>
</div>

Step 5. Replace section code in red with below code

<div id='footer-column-container'>
<div id='footer1' style='width: 225px; float: left; margin:0; '>
<b:section class='footer-column' id='footer-column-1' preferred='yes' style='float:left;'>
<b:widget id='Text1' locked='false' title='About B-G' type='Text'/>
 
</b:section>
</div>
 
<div id='footer2' style='width: 225px; float: left; margin:0; '>
<b:section class='footer-column' id='footer-column-2' preferred='yes' style='float:left;'>
<b:widget id='Text4' locked='false' title='About Author' type='Text'/>
</b:section>
</div>
 
<div id='footer3' style='width: 225px; float: right; margin:0; '>
<b:section class='footer-column' id='footer-column-3' preferred='yes' style='float:right;'>
<b:widget id='Text3' locked='false' title='Subscribe in Reader' type='Text'/>
</b:section>
</div>
 
<div id='footer4' style='width: 225px; float: right; margin:0; '>
<b:section class='footer-column' id='footer-column-4' preferred='yes' style='float:right;'>
<b:widget id='Text2' locked='false' title='Access B-G on Go' type='Text'/>
</b:section>
</div>
 
<div style='clear:both;'/>
</div>

Step 6. Now you need to add CSS for these section, add below CSS code right above ]]></b:skin>

#footer-column-container { border: .3px dotted #cccccc;}
 
.footer-column { margin: 0 10px 0 10px; padding:5px;
color: #666666; line-height: 1.5em; font-size:12px;}
 
.footer-column h2 {
padding-bottom:.15em; text-align:center;
font:"normal normal 80% 'Comic Sans MS','Lucida Sans Unicode','Trebuchet MS',Sans-serif";
color:#333333;
line-height:1em; letter-spacing:.1em;
border-bottom: 1px solid #cccccc;}
 
.footer-column ul { list-style:none; margin:0 0 0; padding:0 0 0;}
 
.footer-column ul li {
background: url(http://i421.photobucket.com/albums/pp296/rnbutpur/bullet-1.gif) no-repeat;
margin:0 0 0; padding-left: 16px;
padding-bottom: 0.5em; line-height:1.2em;}
 
.footer-column .widget {margin:0 0 .5em; padding:0 0 1em;}

Step 7. Preview and Save your template. Now you will have four column at footer section

KEEP VISITING

[How to] show The Number of Feedburner Subscriber in Text

Yes many of us dont like the simple look of the feedburner chicklet and some times it dont suites our blogger templates . and many others reasons for all the users who want to show it in their own style or just to show it in a text format you have to just add a small code

Code :

<script language=’javascript’ type=’text/javascript’ src=’http://www.codigosblog.net/servidor/contadorfeed.php?uri=feedburner-id‘> </ script>

In the above code replace feedburner-id with your feedburner id

Q:where can i get my feedburner ID ?
A: your feedburner ID is the text you put for your site while signing.
example : http://feeds.feedburner.com/best2know
the above best2know is my feedburner ID

The result of above Code :

Integrating virtual keyboards in Google search

You’ve spilled coffee on your keyboard. The a, e, i, o, u, and r keys have stopped working. Now try to search Google for the nearest computer repair shop. The pain of typing on this broken keyboard is similar to what many people searching in non-English languages feel when trying to type today. Typing searches on keyboards not designed for your languages can be frustrating, even impossible.

Our user research has shown that many people are more comfortable formulating search queries in their own language but have difficulty typing these queries into Google. (Try typing ?????? on a keyboard with English letters.) To overcome the difficulty they face in typing in their local language scripts, some people have resorted to copying and pasting from other sites and from online translation tools. But there’s an easier way — a virtual, or “on-screen” keyboard, lets you type directly in your local language script in an easy and consistent manner, no matter where you are or what computer you’re using.

Virtual keyboards let people type directly in their local language script and don’t require any additional software.

Last year, to make text input easy for people across the globe, Google introduced a virtual keyboard API through code.google.com. This allowed developers to enable virtual keyboards on any text field or text area in their webpages. Today, Google are taking this effort one step further by integrating virtual keyboards into Google search in 35 languages.

A virtual keyboard on www.google.am to input Armenian text (the query term is [armenia])

If you use Google search in one of the languages listed below, you’ll see a small keyboard icon show up next to the search field, on both the Google homepage and search results page. Clicking on that keyboard icon brings up a virtual keyboard in your language. You can input text by either clicking on the on-screen keyboard or pressing the corresponding key.

You can find out more information on how to use the virtual keyboard in our help article. If you use Google in a language not listed below and feel that your language will benefit from a virtual keyboard, let us know by voting for your language. We hope virtual keyboards help you find information more easily — especially those of you who speak/type/read in non-Latin scripts.

Languages with integrated virtual keyboards
Albanian
Arabic
Armenian
Basque
Belarusian
Bosnian
Bulgarian
Catalan
Croatian
Czech
Finnish
Galician
Georgian
Greek
Hebrew
Hindi
Hungarian
Icelandic
Kazakh
Kirghiz
Macedonian
Malayalam
Mongolian
Persian
Polish
Russian
Serbian
Slovak
Slovenian
Swedish
Tatar
Thai
Turkish
Ukrainian
Uzbek

Add Social Bookmarking Icons After Every Post In Blogger Blog

Hi Friends

I Am Coming This Time With New Set of social bookmarking icons set for blogger blog.many of our readers have problem to add social bookmarking icons after every post in blogger so i am giving this hack to add social bookmarking icons after every post in blogger blog.we have also covered

And I am Requesting You To Help to Share our post on social bookmarking site

Now Come on step to add this icon pack to your blog.

Step:-1
Goto Blogger Template>Edit HTML back up your template and expand the widget templates.

Step:-2
Now in your template find

</head>
and just above that paste the following code
<script src=’http://blogger-plugins.googlecode.com/files/bkmrk_hover.js’></script>
<style type=’text/css’> .bookmark img { border: 0; padding:0px; } .bookmark a:hover { position: relative; top: 1px; left: 1px; } </style>

Step:-3
Now Find
<p class=’post-footer-line post-footer-line-3′>
Or If That Is Not There Then Find
<div class=’post-footer-line post-footer-line-3′>

And Replace with

!– Social Bookmarking Icons Start www.best2know.info–>
<span class=’bookmark’><table align=’left’ border=’0′ cellpadding=’0′ width=’100%’><tr><td style=’vertical-align:middle’ valign=’middle’ width=’30%’><div expr:id=’"sbtxt"+data:post.id’>Bookmark this post:<span style=’display:none’><a href=’http://www.bloggerplugins.org’>blogger tutorials</a> <a href=’http://www.bloggerplugins.org/2007/09/social-bookmarking-elements-after-each.html’>Social Bookmarking Blogger Widget</a></span></div><script type=’text/javascript’>showsbtext("sbtxt" + "<data:post.id/>",0)</script></td><td><a expr:href=’"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title’ expr:onmouseout=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"’ expr:onmouseover=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",19);"’ rel=’nofollow’ target=’_blank’><img alt=’StumpleUpon’ src=’http://lh4.ggpht.com/_u4gySN2ZgqE/SnVFoJLmchI/AAAAAAAAAjg/-2mcU8UjohA/icon_sb_stumb.gif%5B4%5D.png?imgmax=800’/></a> <a expr:href=’"http://digg.com/submit?phase=3&url=" + data:post.url’ expr:onmouseout=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"’ expr:onmouseover=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",1);"’ rel=’nofollow’ target=’_blank’><img alt=’DiggIt!’ src=’http://lh5.ggpht.com/_u4gySN2ZgqE/SnVFiI7X5sI/AAAAAAAAAjE/uoviRb4H0V8/icon_sb_dig%5B4%5D.gif?imgmax=800’/></a> <a expr:href=’"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title’ expr:onmouseout=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"’ expr:onmouseover=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",2);"’ rel=’nofollow’ target=’_blank’><img alt=’Del.icio.us’ src=’http://lh4.ggpht.com/_u4gySN2ZgqE/SnVFhIJeylI/AAAAAAAAAjA/efK7u8suKvs/icon_sb_del%5B4%5D.gif?imgmax=800’/></a> <a expr:href=’"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url=" + data:post.url + "&Title=" + data:post.title’ expr:onmouseout=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"’ expr:onmouseover=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",3);"’ rel=’nofollow’ target=’_blank’><img alt=’Blinklist’ src=’http://lh5.ggpht.com/_u4gySN2ZgqE/SnVFgIXzFNI/AAAAAAAAAi8/Vgqkftp6mvk/icon_sb_bli%5B4%5D.gif?imgmax=800’/></a> <a expr:href=’"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&=" + data:post.title’ expr:onmouseout=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"’ expr:onmouseover=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",4);"’ rel=’nofollow’ target=’_blank’><img alt=’Yahoo’ src=’http://lh3.ggpht.com/_u4gySN2ZgqE/SnVFqxs6oCI/AAAAAAAAAjs/s3Gqfd7n0KQ/icon_sb_yah%5B4%5D.gif?imgmax=800’/></a> <a expr:href=’"http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&t=" + data:post.title’ expr:onmouseout=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"’ expr:onmouseover=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",8);"’ rel=’nofollow’ target=’_blank’><img alt=’Furl’ src=’http://lh6.ggpht.com/_u4gySN2ZgqE/SnVFiyVxsBI/AAAAAAAAAjI/Zwu2964qKmg/icon_sb_fur%5B4%5D.gif?imgmax=800’/></a> <a expr:href=’"http://www.technorati.com/cosmos/search.html?url=" + data:post.url’ expr:onmouseout=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"’ expr:onmouseover=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",9);"’ rel=’nofollow’ target=’_blank’><img alt=’Technorati’ src=’http://lh3.ggpht.com/_u4gySN2ZgqE/SnVFpG5R_SI/AAAAAAAAAjk/-cFqb1ngIIA/icon_sb_tec%5B4%5D.gif?imgmax=800’/></a> <a expr:href=’"http://www.simpy.com/simpy/LinkAdd.do?href=" + data:post.url + "&title=" + data:post.title’ expr:onmouseout=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"’ expr:onmouseover=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",10);"’ rel=’nofollow’ target=’_blank’><img alt=’Simpy’ src=’http://lh6.ggpht.com/_u4gySN2ZgqE/SnVFmiSmYfI/AAAAAAAAAjY/oy9Mov0ttUA/icon_sb_sim%5B4%5D.gif?imgmax=800’/></a> <a expr:href=’"http://www.spurl.net/spurl.php?url=" + data:post.url + "&title=" + data:post.title’ expr:onmouseout=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"’ expr:onmouseover=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",11);"’ rel=’nofollow’ target=’_blank’><img alt=’Spurl’ src=’http://lh6.ggpht.com/_u4gySN2ZgqE/SnVFnSDDHYI/AAAAAAAAAjc/rreFKKk8y84/icon_sb_spu%5B4%5D.gif?imgmax=800’/></a> <a expr:href=’"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title’ expr:onmouseout=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"’ expr:onmouseover=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",17);"’ rel=’nofollow’ target=’_blank’><img alt=’Reddit’ src=’http://lh4.ggpht.com/_u4gySN2ZgqE/SnVFlgfMydI/AAAAAAAAAjU/s6JQW7sjXGQ/icon_sb_red%5B4%5D.gif?imgmax=800’/></a> <a expr:href=’"http://www.google.com/bookmarks/mark?op=add&bkmk=" + data:post.url + "&title="+data:post.title’ expr:onmouseout=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"’ expr:onmouseover=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",20);"’ rel=’nofollow’ target=’_blank’><img alt=’Google’ src=’http://lh4.ggpht.com/_u4gySN2ZgqE/SnVFj9KzF0I/AAAAAAAAAjM/JuLU-525wD8/icon_sb_goo%5B4%5D.gif?imgmax=800’/></a>
<script charset=’utf-8′ src=’http://bit.ly/javascript-api.js?version=latest&login=tweettrackjs&apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523′ type=’text/javascript’/>
<a expr:href=’"http://api.tweetmeme.com/share?url="+data:post.url’ expr:onmouseout=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"’ expr:onmouseover=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",21);"’ rel=’nofollow’ target=’_blank’><img alt=’Twitter’ src=’http://lh5.ggpht.com/_u4gySN2ZgqE/SnVFp0q8DWI/AAAAAAAAAjo/ZajyLZ5HqSY/icon_sb_twitter%5B4%5D.png?imgmax=800’/></a> <a expr:href=’"http://www.facebook.com/sharer.php?u=" + data:post.url’ expr:onmouseout=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"’ expr:onmouseover=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",22);"’ rel=’nofollow’ target=’_blank’><img alt=’FaceBook’ src=’http://3.bp.blogspot.com/_u4gySN2ZgqE/Snq8BsUw8pI/AAAAAAAAAnM/T1ggoBrv6tk/s400/fbicon.png’/></a>
</td>
</tr>
</table><br/>
</span>
<!– Social Bookmarking Icons End www.best2know.info–>

Then You Are Done!!!!!

FoxTab – 3d exprience while browsing

FoxTab is an every good addon for firefox with its help you can explore your browsing in a 3d manure. An absolute Excellence addon for firefox which might be difficult to get.Quickly access your chosen top sites, reopen a recently closed tab, or flip between the currently opened tabs.To better distinguish between the various views, you can set a different layout and theme for each one of them.From the options panel, you can also set the Top Sites view as the default new tab page.

Main Features :

Visual access to your favorite top sites.
Reopen a recently closed tab.
Flip between currently opened tabs.
6 layouts to choose from.
For each layout, select the perspective that you find the most fun and useful to use.
Customize the way FoxTab looks with a set of predefined themes or by creating your own customized theme.
Display thumbnails in Landscape and Portrait orientation.
Launch FoxTab with your keyboard or mouse.

Beauty at your fingertips
It’s about time to throw some colors into your FoxTab. Select a predefined Theme or customize one of your own.

3D Perspecitve
3D Perspective brings the vivaciousness element to FoxTab. There’s never been a better and more visually stunning way to flip between tabs and windows.

Screenshots :

Download : Click Here

After downloading refer to this page for how to easily use it : Click Here

Easily Publish your web content around the world

This is an very good site which automatically publish content that we publish on our blogs. it submits to the popular social and micro blogging site. it submits it to facebook, pages on facebook,Twitter,ping.fm,identi.ca and many more….. so why their is tension of publishing a post and producing it to whole world by wasting the time.

dlvr.it deliver your content to the social web.

Distribute.

Effortlessly post content to your social networks. Fast, easy set up and management of multiple content sources and outputs.

Measure.

Measure audience engagement and reach across your social networks. Quantify the impact of retweets and mentions on your audience size.

Grow.

Promote audience participation and growth with real-time (PuSH) updates, search friendly posts, and content targeting to specific social nets.

Link to Site : dlvr.it

Tool tip or hint widget for blogger

Tool tip can be very useful in terms of site navigation. I searched for pure css tool tips but all in vain. Most of the tutorials, available online, use JavaScript which slows down the loading time of the page. So, I decided to write a tutorial about designing a pure css based tool tip for Blogger.

What is tooltip?
As per Wikipedia: The tooltip is a common graphical user interface element. It is used in conjunction with a cursor, usually a mouse pointer. The user hovers the cursor over an item, without clicking it, and a small “hover box” appears with supplementary information regarding the item being hovered over.

Demo: Hover over here Tool tip text appears here

Blogger hack by Ritesh Sanap.

This tooltip works with all browsers. Liked it? Just follow the instruction given below and start using it on your blog.

Login to your blogger dashboard.
Find </b:skin>

Just above the code add the CSS given below :

a.tip {position:relative;}
a.tip span {display: none; position: absolute; top: auto; left: auto; padding: 5px 5px 5px 5px; z-index: 100; background-color: #000; color: #fff; border:0px solid #777; width:200px; height:auto; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
a:hover.tip {font-size: 99%;cursor:pointer;}
a:hover.tip span {display: block;position: absolute;-moz-opacity: 0.7;
opacity:0.7; top:auto; left:auto; right:2px; bottom:auto; line-height:14px; font-size:12px;font-weight:normal;}