Monday, 3 October 2011

Popular Post Widget-Most commented Posts For Bloggers

Popular Post Widget i.e Most commented Posts for blogger as is very great widget to show of your posts,which your readers most liked and expressed there love in comments.You will love to use this widget in your blog for sure.It is very easy to install just have to add small bit of javascript codes to your blog sidebar.

How to install this widget:-

Go to Layout > Add page Element > Html/Javascript

Add the below code there


<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=1cf38ae68efbe859c4ba1ee239cec099&url=http%3A%2F%2Fanshuldudeja.blogspot.com&num=10" type="text/javascript"></script>
<noscript><a href="http://anshuldudeja.blogspot.com" target="_blank">Blogger Hacks</a></noscript>


Change the code in red above with the your blog name and in green to show how many posts you want to display and please don't remove he credit's.Now save it.

Using above codes will show total no of comments in front of posts if you dont wanna show them use below codes


<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=1a1c6e4e6d4f148e3650fda46910e15f&url=http%3A%2F%2Fanshuldudeja.blogspot.com&num=10" type="text/javascript"></script>
<noscript><a href="http://anshuldudeja.blogspot.com" target="_blank">Blogger Hacks</a></noscript>


I hope you will like this widget for sure Enjoy !!!

Monday, 3 October 2011 by pakcompany · 2

Wednesday, 28 September 2011

Best Wordpress e-commerce Templets


App Cloud Free – Demo | Download
app cloud wordpress ecommerce theme
Simplecart(JS) – Demo | Download
simplecart wordpress ecommerce theme
Bangkoo Free – Demo | Download
bangkoo wordress ecommerce theme
TokoBajoo – Demo | Download
tokoBajoo wordpress ecommerce theme
Kakileema Free – Demo | Download
kakileema wordpress ecommerce theme

Magneto Themes

Telescope – Demo | Download
telescope magneto theme
mEbay – Demo | Download
mBay magneto theme
Girly Store – Demo | Download
girly store magneto theme
BlueScale – Demo | Download
bluescale magento theme
HelloWired – Demo | Download
hello wired magneto theme
Polaroid – Demo | Download
polaroid magneto theme
FreePOP – Demo | Download
FreePOP magneto theme

osCommerce Templates

Online Shop – Download
online shop oscommerce template
Cosmetic Store – Download
cosmetic store oscommerce template
SalesPoint – Download
sales point oscommerce template
Computer Store – Download
computer store oscommerce template

Wednesday, 28 September 2011 by pakcompany · 1

Friday, 26 August 2011

10 Free Website Chat Widgets


If you want to make your website livelier, then adding a website chat widget is perhaps one of the more effective solutions for increasing user engagement and growing your community.
By putting a proper website chat widget on your site, you will get real-time feedback from site visitors regarding your product, services, or content. For sites that sell services or products, a chat widget will definitely help you communicate with your visitors in real-time and potentially make more sales.

This is a collection of 10 free website chat widgets that you can install on your websites.

1. Chatango

Chatango
Chatango is a customizable chat room add-on that anybody can install in their website. The main advantage of using this website chat widget is that users can have their own avatar. It also offers different user roles that give participants privileges for becoming moderators and administrators.

2. Meboo.me

Meboo.me
Meboo.me is a product of Meebo.com — a popular web-based IM platform service. Whether you are using Typepad, Blogger or WordPress, Meebo.me is just ideal for any of these platforms. The most advantageous part of adding a Meebo.me chat box in your webpages is that it is compatible with Gtalk, Yahoo! Messenger, AIM, as well as with Facebook. Hence, the visitors of your website do not need to register to interact through it. They can use their existing Gtalk or Facebook username to stay in touch with your website.

3. JWChat

JWChat
JWChat is an Ajax-powered chat script. It only uses JavaScript and HTML, making it an ideal solution for those who want to quickly get a chat widget up and running. It functions like a traditional IM client, with system sounds notifying you of events like if someone sent an IM, support for emoticons, and more.

4. CBox

CBox
CBox attempts to merge the features of traditional desktop IM clients with the benefits of the social web. The user interface is straightforward, the installation is a snap, and is plug-and-play because it only relies on client-side JavaScript and HTML. CBox is free, but there is a premium version available for $2.00 a month with additional features like bigger bandwidth, no ads displayed, and custom word filters.

5. Mibew Web Messenger

Mibew Web Messenger
Mibew Web Messenger, which also calls itself Open Web Messenger, is a free and open source chat messenger that was built with PHP and MySQL. This chat application was developed with live customer support in mind, but works well in other contexts.

6. AjaxChat for WordPress

AjaxChat for WordPress
This free website chat script is a plug-in for adding live chat functionality to a WordPress installation. It enables WordPress users to chat with other visitors on your blog without refreshing the browser.

7. AJAX Chat

AJAX Chat
As you can probably conclude by its name, AJAX chat uses client-side JavaScript to enable you to run a robust chat client on your website. It can also be used as a shoutbox, a site feature that allows your visitors to quickly leave a message and "shout out" to other visitors and the site admins.

8. phpFreeChat

phpFreeChat
This free PHP-based chat system is highly customizable and is packed with features you’d only expect in desktop clients. It supports the ability to create multiple chat rooms, private messages, custom themes using CSS, and Ajax for a smooth and seamless user experience.

9. iJab

iJab
This web-based IM client, developed using the Google Web Toolkit is free and uses Ajax to simulate a client desktop IM client. iJab can be a great solution for implementing a similar Facebook chat feature that people can use within their web browser while perusing your website.

10. Ajax IM

Ajax IM
Ajax IM is a slick and open source web-based IM client for your website. It’s lightweight, weighing only 78KB on a good day (i.e. when minified). By default, it affixes itself at the footer of your web pages, similar to Facebook’s web-based chat client.

Friday, 26 August 2011 by pakcompany · 2

How to submit sitemap

How to Add Blogger Sitemap to Google Webmaster

How to get sitemap for Blogger?
How to get sitemap for Blogspot?
How to add sitemap for Blogger to Google Webmaster?
How to add sitemap for Blogspot to Google Webmaster?
How to enter sitemap to Google Webmaster for Blogger blog?
How to enter sitemap to Google Webmaster for Blogspot blog?

First, go to Google Webmaster and sign in with your Google Account.

google webmaster site

Then, if you have not added your blog, click on "Add a site..." first.

google webmaster add a site

After adding your website, you'll need to verify the site ownership by added a meta tag on your blog. Follow the instructions displayed.

Then, proceed to the dashboard of the site.

google webmaster dashboard sitemap

On the left sidebar, expand "Site configuration" and click on "Sitemaps" below it.

Then the next page is where you submit the sitemaps for the blog.

google webmaster submit sitemap

Click on "Submit a Sitemap" and enter the following link extension:

1) This is the basic sitemap you submit first.

/atom.xml?redirect=false

2) Then enter the second sitemap. This is to index the first 100 posts on your blog, which means post number 1 until post number 100.

/atom.xml?redirect=false&start-index=1&max-results=100

3) If you have more than 100 posts on your blog, submit this link as well. This will index post number 101 until post number 200.

/atom.xml?redirect=false&start-index=101&max-results=100

4) If you have more than 200 posts on your blog, submit this link as well. It will index post 201 until 300.

/atom.xml?redirect=false&start-index=201&max-results=100

5) Continue adding new sitemaps if you have more posts.

Take note that the more posts you have on your blog, you have to add more sitemaps to index every hundredth posts. Refer to the number in orange and it's pretty self-explanatory.

After submitting the sitemaps, your sitemap list will look more or less like this:

google webmaster sitemap list

The sitemap links above can accommodate 200 plus blog posts only. If the number of posts exceeds, more sitemaps have to be added for every hundredth.


Why is this "Sitemap submission" necessary?

It helps Google index your blog more efficiently and ultimately provide more traffic to your site via its search engine.

Go ahead and add your blog's sitemap to Google Webmaster now!

by pakcompany · 1

Label Cloud Widget For Blogger / Blogspot

A tag cloud or label cloud for blogger is a visual depiction of all labels used on your blog.You can see a demo of the Label cloud for blogger(blogger label cloud) here on my site. This Tag Cloud Widget was originally developed by phydeaux3. This is a modded version of phydeaux’s Cloud. This is much better than the Blogger’s Default Label Cloud. First of all Go to Your blogger Layout > Page Elements page and add a Labels Widget there..You can Do that using the Add a Page Element Option on that page.image After Adding the Label Widget Go to Layout > Edit Html (Do not expand the widget templates for the sake of easy explanation) You will find some code similar to
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
Now Replace that with
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<div id='labelCloud'/>
<p align='center'>
<script type='text/javascript'>
var cloudMin = 1;
var maxFontSize = 30;
var maxColor = [35,130,196];
var minFontSize = 13;
var minColor = [35,130,195];
<b:if cond='data:showFreqNumbers'>
var lcShowCount = true;
<b:else/>
var lcShowCount = false;
</b:if>

// Don’t change anything past this point -----------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
if(a&gt;b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}
var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = &quot;<data:label.name/>&quot;;
ts[theName] = <data:label.count/>;
</b:loop>
for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById(&#39;labelCloud&#39;);
ul = document.createElement(&#39;ul&#39;);
ul.className = &#39;label-cloud&#39;;
for(var t in ts){
if(ts[t] &lt; cloudMin){
continue;
}
for (var i=0;3 &gt; i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement(&#39;li&#39;);
li.style.fontSize = fs+&#39;px&#39;;
a = document.createElement(&#39;a&#39;);
a.title = ts[t]+&#39; Posts in &#39;+t;
a.style.color = &#39;rgb(&#39;+c[0]+&#39;,&#39;+c[1]+&#39;,&#39;+c[2]+&#39;)&#39;;
a.href = &#39;/search/label/&#39;+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement(&#39;span&#39;);
span.innerHTML = &#39;(&#39;+ts[t]+&#39;) &#39;;
span.className = &#39;label-count&#39;;
span.style.color = &#39;rgb(&#39;+c[0]+&#39;,&#39;+c[1]+&#39;,&#39;+c[2]+&#39;)&#39;;
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(&#39; &#39;);
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>
</p>
<noscript>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
<br/>Powered By:<small><a href='http://www.bloggerplugins.org'>Blogger Gadgets</a></small>
<br/><small><a href='http://www.bloggerplugins.org/2008/06/label-cloud-widget-for-blogger-blogspot.html'>Label Cloud for Blogger</a></small>
</noscript>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Now find
]]></b:skin>
and replace it with
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:&quot;&quot; !important}
]]></b:skin>
Save your template and now you should get a working Label Cloud On your Blog.
You can Configure the Gadget from the Gadget Options image

Additional Tweaks

These tweaks are optional. Proceed further only if you want to customize the cloud to a better level... Changing Cloud Colours: you can change those colours editing the code a little bit.. you will have to expand your widget templates and modify these 2 lines of code var maxColor = and var minColor = you have to specify the RGB values there separated by commas..If you are sure of what should be the hex codes of the maximum and minimum colors,then you can use this convertor to convert the hex value to RGB values..If you are not sure of what the hex code of the colors are then have a look at this. Changing the Font Sizes: You can change the font sizes by editing these 2 lines of code var minFontSize = and var maxFontSize =

by pakcompany · 0

All Rights Reserved pkcompany | Blogger Template by pkcompany
Sponsored by pkecompany, clickemag, eMAG