Showing posts with label blogging tips and tricks. Show all posts
Showing posts with label blogging tips and tricks. Show all posts

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

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!

Friday, 26 August 2011 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

Adsense Below the post title in Blogger

Your blog earnings depend mainly on your blog's traffic and on your ad placement. One important place to place the ads is below the Post title. It will give more importance to the ads and there is more possibility to get clicks. This is in accordance with the Google Adsense TOS 

I am personally using the same hack on this blog. You can see adsense ads below the post title on all my  pages.Ok now let us get into the details of how to set it up. 

First of all login to your adsense account and generate ad code of optimum size.. 
Now copy that adsense code into the following box and parse it(you may not see the parser if you are reading my feed) 


Copy off the parsed code.. 
Now login to your blogger account. 
Go to Layout > Edit Html and expand the widget templates. 
Find this piece of code 
<data:post.body/>

Now add the following code just above that line. 
<!-- BloggerPlugins.ORG Adsense Above Posts start --> 
<b:if cond='data:post.isFirstPost'> 
Put your parsed adsense code here 
<br/> 
</b:if> 
<!-- BloggerPlugins.ORG Adsense Above Posts End -->

by pakcompany · 0

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