Showing posts with label Bloging. Show all posts
Showing posts with label Bloging. Show all posts
Thursday, 10 May 2012

How To Add Meta Description and key words for each post in your blogger


Blogger logo.trademark of google . this onle for user reference

The main problem of every blogger is To Index their blogger post with search engines and finding their posts at in  the search results. with out matching keywords and description for each and every post  you can't find your posts on top in search results even the blog has original content .for this keywords and description every blogger use one traditional code which is  :

                 <meta content='DESCRIPTION HERE' name='description'/>                    
                 <meta content='KEYWORDS HERE' name='keywords'/>                      
                 <meta content='AUTHOR NAME HERE' name='author'/>                      

But I think it is absolutely wrong because if you use that code you can add a single  description  and keywords for your entire blog .that means every blogger post contain same keywords and description.then search engines neglect your posts and mark it as spam . so be careful with this and to add separate key words just follow below instruction.

this is to parts 1)Adding Keywords 2) Meta Description

Adding Keywords:
1) go to blogger ---> Template ---> Edit Template
2)Expand template (make sure that you save one copy of present template before making this changes)
3)Find <head>
4) Replace <head> with below code


<!--::::::::::: Block1: Output post meta keywords -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
   <b:section id='meta1' showaddelement='no'>
   <!-- widget must be a of Type = 'blog' to have posts data exposed, and must have a unique id -->
   <!-- Empty Includables(functions) to output nothing, You must keep them ): -->
   <b:widget id='Blog2' locked='no' type='Blog'>
      <b:includable id='nextprev'/>
      <b:includable id='backlinks' var='post'/>
      <b:includable id='post' var='post' />
      <b:includable id='status-message'/>
      <b:includable id='comment-form' var='post'/>
      <b:includable id='backlinkDeleteIcon' var='backlink'/>
      <b:includable id='postQuickEdit' var='post'/>
      <b:includable id='commentDeleteIcon' var='comment'/>
      <b:includable id='feedLinks'/>
      <b:includable id='feedLinksBody' var='links'/>
      <b:includable id='comments' var='post'/>
      <b:includable id='main' var='top'><!-- Main Function of Any widget comes with ID 'main' -->
         <!-- Loop Page Posts (only 1 in a post page )-->
         <b:loop values='data:posts' var='post'>
            <b:if cond='data:post.labels'>
               <!-- If the post has labels, make Meta keywords by looping lables -->
               &lt;meta name=&quot;keywords&quot; content=&quot;<b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop>&quot; /&gt;
            </b:if>
         </b:loop>
      </b:includable>
   </b:widget>
   </b:section>
</b:if>
<!--::::::::::: Block1 END -->


<head> <!-- THE HEAD -->


<!-- must include(called) here to output other head sub elements -->
<b:include data='blog' name='all-head-content'/>


<!--::::::::::: Block2: Output Index Title,keywords,decription and Post Title,description -->
<!-- Post/Archive Page -->
<b:if cond='data:blog.pageType != &quot;index&quot;'>
   <title><data:blog.pageName/></title>
    
<!-- Index Page -->   
<b:else/>
   <title><data:blog.pageTitle/></title>
   <meta name='keywords' content='your,blog,keywords!!' />
   
</b:if>
<!--::::::::::: Block2 END -->


And then click Save that's it .With this you can use your post labels as keywords.so while posting add categories labels and othe matching terms for keywords
for example one of my post is about Nokia lumia 900. and my labels are mobiles,nokia,nokia mobile,nokia lumis,lumia 900,lumia 800,window phone etc..  in  this lables mobiles,nokia are for categories purpose and remaining other are for keyword purpose.hope you catch the point.

Next Adding description i already wrote one article about this so plz read that

             How to add Meta description for each post in blogger?

After reading this two articles you can add meta description and keywords for each and every post in you blogger. hope it will be helpful
Saturday, 5 May 2012

How To Create Blogger blog Site Map?


Yes Thus is the main question that every blogger confused with.for that digital  inspiration created one tool that will enables you to create your blogger site map and costume robot.txt file that will enable search engine to find your blog site map. before going to procedure that how to creat this sitemap and robot.txt first of all ..all of you say thangs to Mr.Amit agarwal who is the founde of Digital  inspiration blog and also he is the inspiration for me to creat this site.ok now we are going to procedure.

1) Use This Sitemap tool.open it
2) enter your blogger  URL,click creat sitemap
3) the you can find a code like below image showing
4) Copy the entire code and then go to blogger---> dashboard-->setting-->search preference
under this search preference you can find A Costume robot.txt option enable that option .and copy past the above code in that box and the save .that's it now google bot can easily find your sitemap and further posts.no need to ping your URL manually

and you can also use the site map URL showing in the above image in your webmaster tools as a sitemap.because most of bloggers use their custom feed URL as site maps.but with that URL you can't submit and index all posts .for example my blog has more than 300 posts and initially i use

www.degitalbox.in/feeds/posts/default

as my site map .but this site map submit and index only 25  URL . i was shocked .after i tried

http://www.degitalbox.in/atom.xml?redirect=false&start-index=1&max-results=500


this URL submitted my entire  blog posts just in 5 min and indexed them . it is really aswome .u can also try
Wednesday, 18 April 2012

Stylish Popular Posts Widget For Blogger



To Get This Colorful Widget  Just Follow The Below Steps
  1. Go To Blogger  Dashboard ---> Template ---> Edit Html
  2. Find   ]]></b:skin>  Then Add Below Code Just Before  ]]></b:skin>

 3.No find <b:section id='sidebar' showaddelement='yes'> In Template and put the below code after <b:section id='sidebar' showaddelement='yes'> 

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>                        
                                     <div id='sidebartitlewrapper'>
                                         <b:if cond='data:title'><h3><span><data:title/></span></h3></b:if>                                        
                                     </div>                                     
                                     <div class='sectioncont'> 
                                         <ul class='mostpopular'> 
                                             <script type='text/javascript'>
                                                 //<![CDATA[                                                 
                                                 var i=0;
                                                 //]]>
                                             </script>
                                             <b:loop values='data:posts' var='post'>
                                                 <script type='text/javascript'>
                                                     //<![CDATA[                                                 
                                                         document.write ('<li class="mostpopular_li color'+i+'">');
                                                         var i= i +1;
                                                     //]]>
                                                 </script>
                                                  <a class='barlinko' expr:href='data:post.href'><data:post.title/><data:post.id/></a>
                                                 <span style='display: inline-block;width:100%;'>
                                                     <span style='float: left;font-size:10px;color:#f5f5f5;'> </span>                                                        
                                                     <span class='cb'/>
                                                 </span>
                                                 <script type='text/javascript'>
                                                     //<![CDATA[                                                 
                                                          document.write ('</li>');
                                                      //]]>
                                                 </script>                                            
                                             </b:loop>
                                         </ul>
                                     </div>                                     
                                     <b:include name='quickedit'/>
                                   </b:includable>
</b:widget>
4. Save The Template And Click View The Blog
Click on the wrench icon in the right corner of widget

Change the Widget Settings As Below
And The Save The Settings And Change the Widget Position To Up And Down On Layout Option
Sunday, 15 April 2012

E-commerce template For Blogger- simplex E-shop


Source: The Simplex Design


How to install this template

1,Download the template file .

2,Open template file in a word editor .

3, To make a menu navigation

Find this code
<ul id="nav">
<li><a href="http://simplexeshop.blogspot.com">Home</a></li>
<li><ahref="http://simplexeshop.blogspot.com/search/label/shop">Store</a> <ul class="children"> <li><a href="">Category</a></li> <li><a href="">Category</a></li> </ul> </li> <li><a href="http://simplexeshop.blogspot.com/search/label/blog">Blog</a></li> </ul>
Add link to your categories like my other template . You can see on Simplex Enews or Simplex Transcript for more about this multi-level menu .

4,Basic Shop Setting
This template was built based on SimpleCart solution (Simplecartjs.com ) , what I did only integrated Simplecart to a blogger template . So all options /setting for shop ,you can see in simplecart documentation .

a,Payment method 
This Template support two payment methods : Paypal and Google Checkout . Default is Paypal ,and it was set in these line :
simpleCart.email = "brett@wojodesign.com";
simpleCart.checkoutTo = PayPal;
If you want to use Paypal ,you can replace brett@wojodesign.com to your paypal email .
If you want to use Google Checkout ,you can replace two lines above with
simpleCart.merchantId = "111111111111111";
simpleCart.checkoutTo = GoogleCheckout;
Change 111111111111111 to your Google Checkout merchant ID .

b,Currency

This template support GBP,USD ,and EUR . Default is USD and it was set in this line
simpleCart.currency = USD;
if you want to change the currency ,you can change USD in the line above (marked in bold) to GBP or EUR .

c,Tax rate

The default tax rate was set in this line
simpleCart.taxRate = 0.08;
You can change the value from 0.08 to another rate . If you don't want to add the tax rate ,you can delete this line

d,Shipping

There are many ways to calculating the shipping cost for an order :
-Add a flat rate to the entire order .This is the default method in template and it was set in this line
simpleCart.shippingFlatRate = 5.25;
(an amount 5.25 shipping cost will be added to the entire order )You can change 5.25 to the value you want.

-Add a shipping cost to every item in the cart : if you want to use this method ,you can delete
simpleCart.shippingFlatRate = 5.25;
and use this line
simpleCart.shippingQuantityRate = 3.00;
This line will add an amount 3.00 to every item in the cart .Of course ,you can change 3.00 to other value .

-Add a shipping cost as percentage of total cost : to use this method ,you can delete the default
simpleCart.shippingFlatRate = 5.25;
and use this :
simpleCart.shippingTotalRate = 0.05;

This line will add a shipping cost as 5% to the total cost .You can change this rate to another value .

If you require some advanced calculations for shipping, you can delete the default line and use the prototype object for CartItems:
CartItem.prototype.shipping=function(){
// we are using a 'size' field to calculate the shipping,
// so we first make sure the item has a size
if(this.size){
if( this.size == 'small' ){
return this.quantity*5.00;
} else if( this.size == 'large') {
return this.quantity*7.50;
} else {
return this.quantity*10.00;
}
} else {
// use a default of $2.00 per item if there is no 'size' field
return this.quantity*2.00;
}
}

The 'this' here refers to the item, and we are using a 'size' field and the item 'quantity' to calculate the shipping. Because an item may or may not have a size, we check to make sure it does with the 'if(this.size)'. If there is a size field, we use a different rate for each size and return a value based on the item quantity. Otherwise, we use a base rate of 2.00. simpleCart(js) will use the global shipping rates, and then add the shipping value for each item in the cart.


5,When you finish editing ,upload template to Blogger . Go to Dashboard ->Design ->Page elements

6,To add logo

click on logo widget

add logo as this image bellow

7,There are many places that you can add your own widget . For example ,you can add link list widget for making category menu ,subscription widget ,page list widget ...

8,That's all for install this template .

How to use this template

It's a little bit difficult when using this template .

To post product to shop : Go to Dashboard -> Posting -> New Post .Click on Edit HTML and made a post with this structure
<div id="description">
<img src="image url goes here"><img src="image url goes here"><img src="image url goes here">
PRODUCT INFORMATION..................................</div>
<div class="simpleCart_shelfItem">
<span class="item_name">item name ...</span>
Price : <span class="item_price">price .........</span>
Quatity : <input class="item_quantity" type="text" value="1" />
<a href="javascript:;" class="item_add" title="Add to Cart">Add to Cart</a>
</div>
In structure above , this is the product information section :
<div id="description">
<img src="image url goes here"><img src="image url goes here"><img src="image url goes here">
PRODUCT INFORMATION GOES HERE..................................</div>
you can add image by using <img src="image url goes here"> and add product description bellow (in the text product information goes here )
After the product information section ,we move to add to cart section :
<div class="simpleCart_shelfItem"><span class="item_name">item name ...</span>Price : <span class="item_price">price .........</span>Quatity : <input class="item_quantity" type="text" value="1" /><a href="javascript:;" class="item_add" title="Add to Cart">Add to Cart</a> </div>
in this section ,add the item name in where I marked item name .... ,add the price in where I marked price ... and change the quatity from '1' to another value .

If you want to set a special shipping cost for this item only ,you can add this line to the add to cart section
<input class="item_shipping" value="xxx" type="hidden">
replace xxx to the shipping cost of this item
and the code of Add to cart section will become :
<div class="simpleCart_shelfItem">
<span class="item_name">item name ...</span>
Price : <span class="item_price">price .........</span>
Quatity : <input class="item_quantity" type="text" value="1" />
<input class="item_shipping" value="xxx" type="hidden">
<a href="javascript:;" class="item_add" title="Add to Cart">Add to Cart</a>
 </div>
When you set shipping cost for an item ,the method which used to calculate shipping fee in step 4 will be overide .

After finish editing the post with structure above ,add a label 'shop' at the end of post ,and the product will be added to shop with sliders ,price and add to cart function

To post to Blog : to post to blog ,you can make a normal post ,and add a label 'blog' at the end of post .

It's similar to my older template Simplex Portfolio ,in Simplex Portfolio ,we have two display mode : display a post as a post in gallery ,and display a post as a normal blog post .In this template ,we also have two display mode : display a post as product in shop and display a post as a normal blog post .

For the page : you can make pages as normal .

That's all for this template . I think it is not easy to use and handle .If you familliar with the code ,you can take a try ^^ For detail shopping cart settings ,you can see more in simplecartjs
Feel free to leave me feedbacks