
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'>
<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>
<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>
<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