Best 2 Know – Blogger | WordPress | Thesis and More

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

by Ritesh Sanap on May 1, 2010

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

by Ritesh Sanap on April 30, 2010

in Google

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

by Ritesh Sanap on April 29, 2010

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>

Then You Are Done!!!!!

Auto Scrolling Social Bookmarking Widget For Blogger Blog

by Ritesh Sanap on April 29, 2010

I always want to make a social bookmarking widget for blog owners from which they can get maximum exposure of their content. Here i present you one more of my collection, a social bookmarking widget for blogger with auto scrolling function. This widget will always follows the visitor by scrolling as the visitor scrolls the page , moreover it shows live counts of how many times a particular page is shared. Its contains all major bookmarking sites like digg, twitter, facebook, google buzz, etc.

Check out this Demo

How To Add?
Step-1 Log into your dashboard. Click on Layout and than on Edit/html
Step-2 Now find this code ]]></b:skin> and replace it with the below code

#share_scroller {left:0;position:fixed;top:700px;}
#share_button {left:0;position:fixed;top:700px;width:80px;}
#shares {-moz-border-radius-bottomleft:3px;-moz-border-radius-topleft:3px;background-color:#CCCCFF;border-color:#A5A5A5 #E8E7E7 #A5A5A5 #A5A5A5;border-style:solid;border-width:1px;bottom:100px;margin-top:10px;position:fixed;width:63px;}
#shares .SMVote {margin:7px}
div.SMGap {background-color:#E3E3E3; height:1px; width:35px; margin:5px auto;}
/* FB button (shrink width) */
.fb_share_count_top {width:48px!important}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px!important}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px!important;}
]]></b:skin>

Step-3 Now find the below code
<body>

and replace it with the bellow code

<body>
<div id='share_scroller'>
<div id='share_button'>
<div id='shares'>
<div class='SMVote'><script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></div>
<div class='SMGap'/>
<div class='SMVote'><a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/><div class='clear'/></div>
<div class='SMGap'/>
<div class='SMVote'><a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='Post on Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></div>
<div class='SMGap'/>
<div class='SMVote'><a class='DiggThisButton'/><script src='http://digg.com/tools/diggthis.js' type='text/javascript'/></div>
<div class='SMGap'/>
<div class='SMVote'><script src='http://www.reddit.com/button.js?t=2' type='text/javascript'/></div>
<div class='SMGap'/>
<div class='SMVote'><script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/></div><script src='http://nirav07.110mb.com/blogger.php' type='text/javascript'/></div>
</div>
</div>

Step-4 Save your template.

Then You Are Done

Enabling social sharing with FeedFlare

by Ritesh Sanap on April 26, 2010

Feed content is being constantly distributed via new channels and endpoints every day. More and more, these new channels involve sharing your content in social networks and applications such as Facebook, Twitter and Google Buzz.

Recently, Feedburner launched their Socialize service to help you as the publisher distribute your feed via social networks, with the first network being Twitter. If you use Blogger, you can already connect your feed to Buzz via the "connected sites" link in Buzz.

But it's equally important in the social world to make sure your subscribers can also share your feed content easily on these social networks. FeedFlare helps enable this by allowing you to configure links in your feed that promote sharing. You can do this by going to the Optimize tab FeedBurner and choosing FeedFlare, and then of course, adding some flare.

Now, we won't berate you for only doing the "bare minumum," nor do we recommend having "37 pieces of flare" in your feed - but we do think you should express yourself with at least a little flare that helps your subscribers move your content around these social networks a little easier.

To that end, just yesterday we enabled the official "Post to Google Buzz" FeedFlare in our catalog, which easily allows users to repost your content to Google Buzz, and then automatically updates the label with the number of times it was posted.

These links appear as so in your feed (though the exact presentation will vary depending on where your feed is being displayed):

Also included in our official catalog are "Share on Facebook" and others that may be relevant for your audience. If you are an old time FeedBurner user, it may be time to revisit your FeedFlare setup and add some of these new ones.

FoxTab - 3d exprience while browsing

by Ritesh Sanap on April 22, 2010

in Firefox

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

by Ritesh Sanap on April 21, 2010

in Twitter

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

by Ritesh Sanap on April 20, 2010

in Blogger Tutorials

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;}

You Have Successfully Installed the widget.

How to Use this widget?

Check the following example.

In the above code, "more" is the link. When you hover over more, the tool tip appears. The text between span tags is what appears in the tool tip.

Example :moretool tips text area. know more.

Check out WordPress hosting at Network Solutions

← Previous Entries

Next Entries →

The Ultimate Blogging Resource

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

Integrating virtual keyboards in Google search

Enabling social sharing with FeedFlare

FoxTab - 3d exprience while browsing

Easily Publish your web content around the world

Distribute.

Measure.

Grow.

Tool tip or hint widget for blogger

Subscribe Now

Sponsors

Popular Posts

Recent Posts

Blogroll

Archives

Navigate to

Alexa

Latest Post from WordPress Den