webdesign-android-devlopement-news-portal-designing-india-indore-bhopal-mp
Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts

How To Show Post Thumb & Rating Image In Google Search

Posted :| Posted By: Piush Trivedi | Labels: , 12 Comments

SEO techniques varied ways and forms of implementation, from spreading its URL on dofollow blogs, Perfecting keywords, advanced surgery with google webmaster through fraudulent means to defraud google robot with the black hat. several ways are indeed powerful in inviting visitors to our blog, but you know what? search engine users are more interested in the findings contained in the image search results, this is proven by the Educational Blog visitors are currently 500 people per day commencing after Vocabulary Recipe script installed about 4 months ago. Recipe is a function of the image appear on the article so that the search engines give 80% chance to the visitor to click on our blog because of an interest. Before the advent of trick How to Display Picture Posting on Google's search, the bloggers including me to use google plus profile picture in the search results, but the method is not very effective because the post title does not fit the image in the search results. ....



Search Engine Screenshot



Blog Screenshot

How To Use

Step 1 :-

  • First log in to Blogger
  • Go To Dashbord > Design > Edit HTML
  • Now Click On Backup/Restore Link
  • Now Find This Code  ]]></b:skin>
  • And just Before it, add this line:
.hrecipe{font:1px oswald;}

Step 2 :-

  • Now Find This Code <body> In Your Blog Template
  • And just Before it, add this Code:
<div><div itemscope='' itemtype='https://data-vocabulary.org/Recipe'>

Step 3 :-

  • Now Find This Code <h3 class='post-title entry-title'>
  • & Replace This Code To New Code
<span itemprop='itemreviewed'><span itemprop='description'>
<h3 class='post-title entry-title' itemprop='name'>

Step 4 :-

  • then close it with </span></span> 
  • roughly like this:
<span itemprop='itemreviewed'><span itemprop='description'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a><b:else/>
<b:if cond='data:post.url'><a expr:href='data:post.url'><data:post.title/></a>
<b:else/><data:post.title/>
</b:if>
</b:if>
</h3>
</span></span>

Step 5 :-

Copy the code below and place it right under the code <data:post.body/>
<div class='hrecipe'>
<span class='item'>
<span class='fn'>Blog Title</span>
</span>
<img class='photo' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/>
By <span class='author'><b><data:blog.title/></b></span>
Published: <span class='published'><data:post.timestampISO8601/></span>
<span class='summary'><data:post.title/></span>
<span class='review hreview-aggregate'>
<span class='rating'>
<span class='average'>3</span>
<span class='count'>11</span> reviews
</span>
</span>
</div>

Step 6:-

  • Copy the code below and place it right above the code </body>
</div></div>

Now Save The Template....


Take A ScreenShot...
https://www.google.com/webmasters/tools/richsnippets

Continue Reading


Breadcrumbs Navigation For Blogger Blog

Posted :| Posted By: Piush Trivedi | Labels: , , 2 Comments

Breadcrumb navigation is a row of links, internal link at the top or bottom of the page web site that allows visitors to return to the previous or to the bottom pages quickly. However, the current placement is more often used breadcrumb at the top of the page the article posting. Breadcrumb link sequence starting from home (homepage) and ends with a post title of the article being read. For example :
Browse » Home » Breadcrumb Navigation » Breadcrumb Navigation in Blogger.

Blog Screenshot



Search Engine Screenshot




If You Want Add Breadcrumb Navigation To Your Blogger Blog You May Follow These Steps::-)

Step 1 :-

  • First Login To Blogger Go To Blogger--->Design--->Edit HTML
  • And Click On Expand Widgets Tick Box
  • Now find this code : ]]></b:skin>
  • & Just Before It Paste Above CSS Code
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}


Step 2 :-

  • Now find this code : <b:include data='top' name='status-message'/> On Your Blog Templete
  • And just AFTER it, add this Code:
<b:include data='posts' name='breadcrumb'/>


Step 3 :-

  • Now find this code : <b:includable id='main' var='top'> On Your Blog Templete
  • And just BEFORE it, add this Code:
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v="https://rdf.data-vocabulary.org/#">
<span typeof="v:Breadcrumb"><a expr:href='data:blog.homepageUrl' rel="v:url" property="v:title">Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
» <span typeof="v:Breadcrumb"><a expr:href='data:label.url' rel="v:url" property="v:title"><data:label.name/></a></span>
</b:if>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>


Finally Save Your Blog Template.. :-)
Continue Reading


How To Create Blogger Blog :० )

Posted :| Posted By: Piush Trivedi | Labels: 11 Comments

Blogger is owned by Google. Blogger is a popular, free blog service that is very user-friendly. It offers everything you need to quickly begin publishing content on the Web. Your web address will look like yourname.blogspot.com on the free service but you can also buy and register a domain name too.

If you already have a Google account, you can register with Blogger by adding the service in your Google control panel If you don't have a Google account you can setup your Blogger account by visiting blogger.com.

This service allows you to perform all common blog administration tasks and even comes with a choice of templates. You can edit the HTML code and CSS if you have more technical knowledge. Blogger is a very good choice for the beginner blogger.

So If You Want TO Create A Free Blog With Blogger Platform ... Plz Watch This Video... This Video Helps You For Creating Your First Ossam Blog...


Continue Reading