* 1St On Internet * Magone 4.2.0 Golden Version - Magazine Blogger Template

Free Download latest novel Gold Version 4.0.0 , 4.1.1 , 4.1.0 MagOne template is flexible in addition to responsive periodical template for Blogger / Blogspot websites. Drag in addition to driblet to attain a periodical website inwards minute.

Features:

• Drag in addition to Drop Widget Builder: solely require to alter parameters in addition to thus movement widgets to whatever where to brand whatever layout y'all want.
• Flexible Menu Navigation: supports drop-down, link grouping mega, label content mega, in addition to icons.
• Responsive: passed all Goolge mobile friendly tests. Working good 100% amongst whatever mobile in addition to tablet devices.
• Multiple Comment Systems: Facebook, Google+, Blogger in addition to Disqus comment systems are all develop to work.
• Custom Archive Page Designs: pick whatever blueprint for label / search / archive pages equally y'all desire amongst professional person navigation buttons.
• Super Mega Menu: back upward Ajax content, grouping links, driblet down, icons in addition to opened upward novel window feature.
• Floating Menu: You tin configure to demonstrate mucilaginous card when scroll upward or downwards or both.
• Sticky Sidebar: Optimize your earning for sidebar advertisement.
• Shortcode Ready: y'all tin attain content real easily amongst a lot of develop shortcodes.
• Custom Post Title Design: tardily changing your post original championship blueprint amongst default editor of Blogger.
• Support Sub Post Title: y'all tin add together subtitle of post in addition to pick custom trend for it.
• Smart Breadcrumb: non like breadcrumb of other templates, our breadcrumb volition demonstrate labels equally precisely guild automatically.
• Widgets Ready: template has a lot of built-in widgets: article widgets (slider, sticky, complex, carousel, 1 column, ii columns, iii columns, blogging, left in addition to right), quote ikon widgets, flexible pop widgets.
• Post Pagination: y'all tin separate long post content to pages amongst elementary shortcode.
• Reactions, Locations, Share Buttons, Author Box, Related Posts are all ready: nosotros don’t immature lady whatever affair for your article content, only focus to your content, nosotros volition grip your site interface.
• Fully Template Designer: back upward almost of features from Blogger advance customizer. This template has flexible width also.
• Template Options: accept friendly UI for changing template options easily through SpotSettings tool.
• Multilingual Ready: template supports SpotLingo to interpret to whatever languages easily in addition to compatible amongst whatever RTL languages.
• Support Service: good documentation in addition to accept many ways to back upward (remote desktop, login equally member, e-mail directly).

Updates in addition to Change log:

Update: Version 4.2.0 – Mar 20, 2016

- Fixed: IE non operate properly

- Fixed: Firefox thumbnail ikon non operate properly

- Fixed: RTL thumbnail ikon non operate properly

- Fixed: Admin layout non display proplery

- Fixed: Low page speed insight score

Update: Version 4.1.1 – Mar 16, 2016

- Fixed: shortcode non operate properly

Update: Version 4.1.0 – Mar 11, 2016

- Fixed: double og:url in addition to og:image

- Fixed: long titles of listing box non display properly

- Fixed: resizer non operate properly

- Fixed: championship out of thumbnail non operate properly if laid coloring cloth for article boxes

- Fixed: original card links target attribute non operate properly

- Fixed: parameter "title" non operate properly

- Fixed: label listing inwards post non operate properly if has upward to twenty labels

- Fixed: AFTER POST BODY CONTENT non work

Update: Version 4.0.0 – February 29, 2016

- Fix: update Facebook API version to 2.5

- Fix: apply Facebook API meta to header of site

- Fix: take away Facebook comment canonial in addition to add together meta tag to allow moderate comments

- Fix: add together nofollow attribute for comment links

- Fix: elevation all page content department non display properly on domicile page

- Fix: update FontAwesome to 4.5.0

- Fix: update jQuery to 2.1.3

- Fix: portion in addition to tweet push of lock content box non operate properly

- Fix: "source" parameter non operate properly amongst "random" or "oldest" 

- Fix: take away 404 fault when sharing on Facebook if preview ikon first.

- Fix: increase Google insight speed score

- Fix: improve display when wrapper background is white

- Fix: demonstrate all page when printing a post which has pagination

- Fix: tin non parse URL inwards comment text if using weird domain extension

- Fix: eliminate all SEO bugs from Google Structured Data Testing Tool

- Fix: Feedburner Form tin non input inwards Firefox

- Fix: Delete comment push demonstrate fifty-fifty amongst visitor

- Fix: archive page URL non operate properly

- Fix: take away "-square" out of social icon title

- Fix: display post for archive page URLs: /year/month/ or /year/

- New: demonstrate recent posts for both cases: choose all or none choose whatever labels of widget

- New: furnish "title" parameter for to a greater extent than pick of displaying special titles inwards article widgets. 

Now, y'all tin display championship of of thumbnail

- New: y'all tin choose type in addition to all other parameters for pop post widget.

- New: add together demo layout structures into documentation

- New: demonstrate "Label" text earlier label listing inwards article if user set

- New: auto add together target="_blank" to whatever external link of menu

- New: suppport random post link

- New: hash URL for article widget pagination, thus y'all tin render dorsum precisely where y'all left

- New: hash URL for long post pagination, thus at nowadays y'all tin demonstrate precisely what y'all desire to your visitor when sharing the page.

- New: smart mucilaginous sidebar

- New: mucilaginous card volition demonstrate when scroll up

Hello, nosotros accept roughly nifty intelligence for our regular readers. We are providing Magone 4.2.0 Responsive Magazine Blogger Template absolutely free. To teach the template, delight demonstrate back upward to the bloggersstand community past times liking or next us on the social media. This volition help us to furnish an awesome sense in addition to to a greater extent than facilities for our users. Just connect amongst us on whatever form of social media in addition to confirm the same amongst a comment below including your e-mail data or y'all tin purpose contact us page directly. We volition ship y'all the template equally shortly equally nosotros are happy amongst your commitment amongst us. So what are y'all waiting for, bring together us for an awesome blogging experience.

How To Add Together Show+Hide Part On Blogger Comments

Hello Folks,Today inward this article nosotros are going to explicate How to Add Blogger Comments Load On click With Show And Hide Function button.In previous post nosotros receive got already talked most installing the disqus comments on click load.The argue of creating present together with display blogger comments click on charge is to increase the loading speed of your weblog or website.After installing display together with closed blogger comments trick inward blogger template you lot volition come across Show together with enshroud push clit only below the post footer where your comments appear,and when you lot click on present comments your comments volition look together with when you lot click on enshroud comments button/tag your comments volition hide.
if you lot receive got hence many comments on your article together with hence this widget is really useful for you.Because comments takes fourth dimension to load argue tedious your speed of webpage.So you lot must install present together with enshroud blogger comments fob inward your blogger template inward social club to boost the speed of your website together with it likewise heighten the await of your blog.So to view this plugin follow the steps mentioned below.

Demo

How to Install Blogger Comments On Click Load In Website

Installation Steps:

Step 1. Log inward to your Blogger trace of piece of occupation organisation human relationship together with Go to your Blogger Dashboard.

Step 2. Now Click on -> Template -> Edit HTML.

Step 3. Now Search for <div class='comments' id='comments'> by Pressing Ctrl+F keys.

Step 4. You volition honor 2 times inward your blogger template,and nosotros volition instruct for kickoff 1 afterward locating kickoff 1 ,replace the code amongst the below code.

<a href="#" id="comments-show" class="displaycomments" onclick="showComm('comments');return false;">Show comments</a><div class='clear'/>        <div class='comments hide-content' id='comments'><a href="#" id="comments-hide" class="hidecomments" onclick="showComm('comments');return false;">Hide comments</a><div class='clear'/>

Step 5. Now Search for ]]></b:skin> or </style> yesteryear Pressing Ctrl+F keys.

Step 6. Now Copy the below css code together with glue it only above/before </style> or ]]></b:skin>.

 /* Display together with Hide Comments yesteryear www. Bloggersstand.com */ .hide-content{display:none;margin:0;padding:0;} a.displaycomments,#comments a.hidecomments{display:block;text-decoration:none; position:relative;color:#fff;font-weight:700; font-size:15px;padding:12.5px 0;background:#3B66A8; border:2px solid;border-radius:4px;text-align:center; margin:30px auto;letter-spacing:1px;transition:all .3s} #comments a.hide-content {background:#fff;color:#787D80;transition:all .3s} a.displaycomments:hover{background:#fff;color:#3B66A8;} #comments a.hidecomments:hover{background:#787D80;color:#fff;}  

Step 7. Now Search for the </body> tag together with re-create the below javscript together with glue it only above/before the </body> tag.

<script type='text/javascript'>
//<![CDATA[
// Show together with Hide Comments
function showComm(e){document.getElementById(e)&&("none"!=document.getElementById(e+"-show").style.display?(document.getElementById(e+"-show").style.display="none",document.getElementById(e).style.display="block"):(document.getElementById(e+"-show").style.display="block",document.getElementById(e).style.display="none"))};
//]]>
</script>

Step 8. Now Save your Template..Done! 

How To Add Together Tweet This Quote + Phrase Box Inwards Blogger Post

Hello Folks, Today inwards this article nosotros are going to explicate How to Add Tweet Quotes In Blogger Template. You mightiness select noticed inwards wordpress site when yous reading roughly judgement yous tin run across few quotes are highlighted amongst the tweet this box inwards wordpress website or blog.However earlier this characteristic is alone available for wordpress site's but our squad has worked on it together with nosotros select convey beautiful widget for tweet this content/article or whatsoever quotes or whatsoever highlighted of import tag lines inwards your blogger posts.Now Let's your readers portion a quote from your blogger posts amongst the "Quote Tweet This button".Tweet this features is real slow to embed/install amongst fashionable unique tweetable quote/contents box inwards your article.Pick your almost engaging content together with highlight or charge them into tweet this box.Tweet this is a business office of paragraph of your content.
Benefits of adding tweet this push clit inwards your postal service is that yous visitors tin portion the content on twitter together with it mightiness locomote pop off viral inwards this illustration yous volition for sure increase your page ranking inwards alexa together with likewise inwards SERP. Tweet blogger plugin helps yous to highlight catchy phrase or judgement inwards your postal service together with yous tin easily advertise your website , weblog or concern on twitter. Nowdays it's larn real pop to invite users to tweet a specific department of a postal service yesteryear only installing tweet this box within your blogger template.To create beautiful tweet this boxes inwards your blogger website follow the steps mentioned below.

How to Install Tweet This Box Inside The Blogger Post

Installation Steps:

Step 1. Log inwards to your Blogger concern human relationship together with Go to your Blogger Dashboard.

Step 2. Now Click on -> Template -> Edit HTML.

Step 3. Now Search for ]]></b:skin> or </style> yesteryear Pressing Ctrl+F keys.

Step 4. Now Copy the below CSS together with glue it only before/above </style> or ]]></b:skin>.

 /* CSS Tweet This Box By www.Bloggersstand.com */ .bsd-tweet-box{background:#fff;padding:18px;margin:18px auto;color:#666;font-size:18px;overflow:hidden; font-family:'Roboto',Helvetica,Arial,sans-serif;border-radius:5px;border:1px venture silver;} .bsd-tweet-box p{font-size:130%;font-style:italic;margin:0!important;line-height:1.3em;} a.tweet-it{display:block;float:right;font-size:12px;text-transform:uppercase;margin-top:10px;color:#666; font-family:'Roboto',Helvetica,Arial,sans-serif;font-weight:bold; text-decoration:none;transition:all .4s ease-in-out;} a.tweet-it:hover{color:#00aced;} .tweet-it i{color:#07ACEC;font-size:16px;} .tweet-text:hover {cursor:pointer;color:#00aced;} 

Step 5. Now Save your Template.

How To Add Tweet This Box Inside Blogger Post

To add tweet this box within your blogger posts ,if yous desire to embed inwards sure house inwards your content/sentence when yous are writing it,just switch to html agency together with re-create the below code together with yesteryear it where yous desire to display tweet to this box within your postal service together with thus switch dorsum to compose agency together with striking expose button,now yous volition run across beautiful tweet it/tweet this/tweetable content box within your blogger post.

<div class="bsd-tweet-box">
<div class="tweet-text" id="bsd1">
How to Tweet Quotes In Blogger By Bloggersstand.com</div>
<script>
var twurl = window.location.href;
var twcontent= document.getElementById("bsd1").textContent;
var twesc=escape(twcontent);
document.write('<a class="tweet-it" href="https://twitter.com/intent/tweet?text='+twesc+'&url='+twurl+'&via=bloggersstand&related=bloggersstand" target="_blank" title="How To Add Tweet This Quote + Phrase Box In Blogger Post">\
Tweet it <i class="fa fa-twitter"></i></a> \
');
</script>
</div>

Customization: 

• Replace Bloggersstand amongst your twitter username.
• Replace How to Tweet Quotes with your phrase/sentence.
• If yous are going to add together to a greater extent than than i tweet this box ,replace bsd1 amongst bsd2 and thus on.

Fixed All Google Information Structured Mistake From Blogger + Static Pages

Your Blogger template is mistake complimentary from google information construction testing tool ? Do you lot know what is construction testing tool ? Know the advantages of fixing google Structure hatom, Image url , Date published error , appointment modified mistake , author mistake , primary entity of page etc.

What is Google Structured Data Testing Tool ?

Google Structured information is the rattling of import tool to assistance you lot to grow your trouble organization or website.Structured information markup enable the rich snippets for your website.Structure information Directly added inwards the HTML markup as well as from their search engine purpose your website or weblog markup inwards fellowship to index inwards amend way.You tin sack purpose Schema.org vocabulary for adding Structured information inwards your website or weblog inwards blogger template.Structured information testing tool purpose your markup information to index your trouble organization website or weblog inwards SERP listing.In elementary words Structure information brand your website HTML easier to sympathise yesteryear crawlers to acquire of import information regarding your business website or weblog similar Who is the publisher or writer of the content , name, Address , Url , Date Published as well as Modified , Copyright , Navigation Menu , Breadcrumbs , Webpage ,Articles Information , recipes etc.You tin sack meet this mistake from google tool to validate as well as exam yesteryear visiting https://developers.google.com/structured-data/testing-tool url. If the Structured information non installed properly inwards your webpage or non convey you lot tin sack meet google search console volition display a mistake amongst a mention  items amongst errors 

Important Schema markup factors to Resolve inwards Blogger Template

1 - How To Install Schema Markup In Blogger Template

In this Article nosotros convey shared information of installing , adding Schema.org markup inwards your blogger template.Important tags to add together as well as purpose inwards right agency inwards blogspot theme.Here you lot volition acquire to know what is Schema.org markup as well as how to purpose inwards blogger website for amend SEO In google SERP.

2 - Important Google Schema Meta Tags For Blogger

If you lot convey are non aware amongst what is google schema meta tags for amend indexing your website or blog inwards google search effect page.you volition acquire to know how to implement google schema.org meta tags inwards your blogger theme.Like to display amend championship for your article , Url , social media profile links , social media network sharing etc.

3 - How To Add Schema.org Review Ratings Markup In Blogger

You convey added review rating schema.org markup inwards your blogger template to show/display outset ratings yesteryear inwards google search result,you must install to display ratings for your content inwards google.in fellowship to purpose ,you must install schema review rating markup play tricks inwards your blogger template.

4 - How To Add Schema.org Framework In Your Template

If you lot convey non installed Schema.org framework inwards your template, this tutorial volition assistance you lot to sympathise the schema.org markup property to add together inwards your blogger website.In fellowship to purpose correct schema structured information you lot must gain framework.

5 - How to Add Schema.Org Markup On Blogger Breadcrumbs

In fellowship to acquire index your breadcrumb properly inwards google search effect page you lot must add together schema.org markup on blogger breadcrumb. This volition also helps to increase your ranking because breadcrumbs industrial plant similar a keyword inwards SERP. as well as thence inwards fellowship to acquire your website or weblog index perfectly you lot must install schema.org markup on blogspot breadcrumb.

6- Fix Image Missing Error as well as AMP Article Error From Blogger Template

Your Blogger website is showing Image:missing mistake inwards google construction information testing tool ? AMP article mistake ? Then you lot must banking concern jibe your weblog as well as reinstall as well as if non yet installed add them now ,because your images won't acquire scroll unless as well as until you lot volition non gain image:missing mistake from your blogger template.in fellowship to improve your SEO ranking as well as allow google index your images to you lot must gain it.

7 - Fixed Publisher:Missing Required Error From Blogger Template

In fellowship to allow google sympathise who is the publisher of the article/pots/Any information provided inwards website or blog, you lot must gain publisher missing mistake from blogspot theme.

8 - Fixed Missing:Author Error In Blogger Template

Your website is displaying missing:author mistake inwards blogger template ? larn how to gain postal service hentry microformat mistake from website or blog.In fellowship to display writer information inwards google you lot must fix missing:author recommended required error.

9 - Fixed All Publisher + Author + Image + Date Published + Modified From Static Pages

fix hatom google structured information testing mistake from blogger template ? larn how to gain all errors from blogger static page of website.Resolve as well as brand your template mistake complimentary from google structured information mistake you lot must install Schema.org markup  in your blogspot template. 

How To Add Together Prism Syntax Highlighter Inwards Blogger Template

Hello Folks,Today inward this article nosotros are going to portion How to Add Prism Syntax Highlighter (Light Weight) For blogger template.we convey already shared tutorial on Highlighting the code snippet inward blogspot themes similar Shortcode syntax highlighter . First prism code sharing widget is launched for wordpress similar a shot you lot tin easily role inward blogger template.Prism is really calorie-free weighted elegant syntax highlighter Robust.Syntax highlighter is written inward java script in addition to CSS.It is easily customizable in addition to really unproblematic to add together inward blogger websites or blog.Author of Prism Syntax Highlighter is Lea Verou you lot tin accomplish her past times visiting http://lea.verou.me/ . In syntax highlighter you lot tin portion your code snippets amongst numbering in addition to colorful code display.You tin add together HTML , CSS , JAVASCRIPT in addition to JQUERY inward syntax highlighter.
The almost of import business office of the prism elegant code snippet highlighter is that when you lot portion HTML code you lot request to convert HTML entity past times visiting this HTML Encode Tool inward social club to display the code inward syntax highlighter.Still nosotros convey seen in addition to hence many blogger website using blockquote to sharing codes amongst their readers.However you lot tin modify block quote likewise but to display code inward perfect sentiment to visitors you lot must install Prism Syntax Highlighter inward Blogger template.You tin customize syntax highlighter css inward social club to alter the sentiment of codes display, heading of code snippet box ,fonts in addition to colors.So to catch Prism Syntax Highlighter, Robuts, Elegant for your blogger template follow the steps mentioned below.

DEMO

See the Pen Install Prism Syntax Highlighter Robust,Elegant In Blogger Template past times (@bloggersstand) on CodePen.

How To Add Prism Syntax Highlighter In Blogger Template

Installation Steps:

Step 1. Log inward to your Blogger draw of piece of job organization human relationship in addition to Go to your Blogger Dashboard.

Step 2. Now Click on -> Template -> Edit HTML.
Step 3. Now Search for ]]></b:skin> or </style> past times Pressing Ctrl+F keys.
Step 4. Now Copy the below CSS code snippet in addition to past times simply before/above </style> or ]]></b:skin>.

/* CSS Prism Syntax Highlighter By www.Bloggersstand.com */ pre {     padding: 48px 10px 10px 10px;     margin: .5em 0;     white-space: pre;     word-wrap: break-word;     overflow: auto;     background-color: #1F232A;     position: relative;     border-radius: 4px;     max-height: 500px; }  pre::before {     font-size: 16px;     content: attrundefinedtitle);     position: absolute;     top: 0;     background-color: #666;     padding: 10px;     left: 0;     right: 0;     color: #fff;     text-transform: uppercase;     display: block;     margin: 0 0 15px 0;     font-weight: bold; }  pre::after {     content: 'Double click to select';     padding: 2px 10px;     width: auto;     height: auto;     position: absolute;     right: 8px;     top: 8px;     color: #fff;     line-height: 20px;     transition: all 0.4s ease-in-out; }  pre:hover::after {     opacity: 0;     top: -8px;     visibility: visible; }  code {     font-family: Consolas,Monaco,'     Andale Mono','Courier New',Courier,Monospace;     line-height: 16px;     color: #607779;     background-color: transparent;     padding: 1px 2px;     font-size: 12px; }  pre code {     display: block;     background: none;     border: none;     color: #FEFEFE;     direction: ltr;     text-align: left;     word-spacing: normal;     padding: 0 0;     font-weight: bold; }  code .token.punctuation {     color: #ccc; }  pre code .token.punctuation {     color: #fafafa; }  code .token.comment,code .token.prolog,code .token.doctype,code .token.cdata {     color: #BEBCBC; }  code .namespace {     opacity: .8; }  code .token.property,code .token.tag,code .token.boolean,code .token.number {     color: #FFE500; }  code .token.selector,code .token.attr-name,code .token.string {     color: #88a9ad; }  pre code .token.selector,pre code .token.attr-name {     color: #fafafa; }  pre code .token.string {     color: #A2FEA5; }  code .token.entity,code .token.url,pre .language-css .token.string,pre .style .token.string {     color: #ccc; }  code .token.operator {     color: #8ECEFE; }  code .token.atrule,code .token.attr-value {     color: #006B6B; }  pre code .token.atrule,pre code .token.attr-value {     color: #FEB380; }  code .token.keyword {     color: #9D2200;     font-style: italic; }  code .token.comment {     font-style: italic; }  code .token.regex {     color: #ccc; }  code .token.important {     font-weight: bold; }  code .token.entity {     cursor: help; }  pre grade {     background-color: #FEAAAA!important;     color: #fff!important;     padding: 2px;     border-radius: 2px; }  code grade {     background-color: #ea4f4e!important;     color: #fff!important;     padding: 2px;     border-radius: 2px; }  pre code grade {     background-color: #A33636!important;     color: #fff!important;     padding: 2px;     border-radius: 2px; }  .comments pre {     padding: 10px 10px 15px 10px;     background: #2c323c; }  .comments pre::before {     content: 'Code';     font-size: 13px;     position: relative;     top: 0;     background-color: #f56954;     padding: 3px 10px;     left: 0;     right: 0;     color: #fff;     text-transform: uppercase;     display: inline-block;     margin: 0 0 10px 0;     font-weight: bold;     border-radius: 4px;     border: none; }  .comments pre::after {     font-size: 11px; }  .comments pre code {     color: #eee; }  .comments pre.line-numbers {     padding-left: 10px; }  pre.line-numbers {     position: relative;     padding-left: 3.0em;     counter-reset: linenumber; }  pre.line-numbers > code {     position: relative; }  .line-numbers .line-numbers-rows {     height: 100%;     position: absolute;     pointer-events: none;     top: 0;     font-size: 100%;     left: -3.5em;     width: 3em;     -webkit-user-select: none;     -moz-user-select: none;     -ms-user-select: none;     padding: 0; }  .line-numbers-rows > bridge {     pointer-events: none;     display: block;     counter-increment: linenumber; }  .line-numbers-rows > span:before {     content: counterundefinedlinenumber);     color: #666;     display: block;     padding-right: 0.8em;     text-align: right;     transition: 350ms; }  pre[data-codetype='CSS']:before {     background-color: #AA80FE; }  pre[data-codetype='HTML']:before {     background-color: #FFB200; }  pre[data-codetype='JavaScript']:before {     background-color: #00B366; }  pre[data-codetype='JQuery']:before {     background-color: #009999; } 

Step five . Now Search For Closing the </body> tag in addition to re-create the below coffee script in addition to jquery glue all of them ( i past times i ) simply above/before </body>tag.

<script src='https://googledrive.com/host/0B58fhAmOxE7EbDFKTmhfRXFCRUk' type='text/javascript'></script>

Step 6. Now Save your Template

How To Add Prism Syntax Highlighter In Blogger Posts For Sharing Code

In social club to add together prism syntax (code) highlighter inward blogger posts you lot request to add together the html code inward your posts.Just alter your compose sentiment trend to HTML trend in addition to glue the desired code to display javascript , jquery , css or html select tags in addition to glue your codes betwixt the tags in addition to hitting release button.For Sharing HTML code you lot get-go must encode the code past times visiting HTML ENCODER TOOL.

<pre title="How To Add Prism Syntax Highlighter In Blogger Template" data-codetype ="HTML"><code class="language-markup">HTML ESCAPED CODE HERE</code></pre> <pre title="How To Add Prism Syntax Highlighter In Blogger Template" data-codetype ="CSS"><code class="language-css">CSS CODE HERE</code></pre> <pre title="How To Add Prism Syntax Highlighter In Blogger Template" data-codetype ="JavaScript"><code class="language-javascript">JAVASCRIPT CODE HERE</code></pre> <pre title="How To Add Prism Syntax Highlighter In Blogger Template" data-codetype ="JQuery"><code class="language-javascript">JQUERY CODE HERE</code></pre>

India Vs Due South Africa T20 Warm Upward Alive Flow 2016

India Vs South Africa T20 World Cup 2016 Live Streaming Score Card, Warm Up Match, IND Vs SA ICC T20 World Cup 2016 Warm Up Match Bombay Live Updates, Toss Time in addition to Scores Updates Youtube Online Telecasting Information.

India vs South Africa ICC World T20 warm-up: Date, time, venue:

Date: March 12, Saturday

Time:  07:30 PM IST 

Venue: Wankhede Stadium, Mumbai.

Team Squads:

India: Rohit Sharma, Shikhar Dhawan, Virat Kohli, Suresh Raina, Yuvraj Singh, MS Dhoni (C & WK), Ravindra Jadeja, Hardik Pandya, Ravichandran Ashwin, Ashish Nehra, Jasprit Bumrah, Ajinkya Rahane, Harbhajan Singh, Mohammad Shami, Pawan Negi.

South Africa: Faf du Plessis (C), Hashim Amla, Quinton de Kock (wk), Jean-Paul Duminy, David Miller, Aaron Phangiso, Rilee Rossouw, David Wiese, Kyle Abbott, Farhaan Behardien, AB de Villiers, Imran Tahir, Chris Morris, Kagiso Rabada, Dale Steyn. 

India Vs South Africa Warm Up Match Live Streaming in addition to marking Card: T20 basis loving cup Warm-up matche Live marking volition locomote updated hither ball past times ball tay tuned on Bloggersstand for to a greater extent than updates of IND v SA Warmup match.

#Toss:South Africa bring opted to bat against india inwards Mumbai.
#South Africa: Opens amongst Amla in addition to De Kock out, Bharat starts amongst Harbhajan Singh.

Live updates Below:

How To Install Breadcrumbs Valid Html5 + Schema Markup

Are you lot using Breadcrumb Trail Navigation System inward your blogger website or weblog ? Do you lot know the benefits of installing Breadcrumb functions inward your blogspot theme? Don't worry if you lot convey non yet installed SEO friendly as well as valid HTML 5 amongst Schema.org markup today nosotros are going to portion How to Add Schema.org Markup as well as Valid HTML5 Breadcrumb inward blogger.

What is Breadcrumb?

Breadcrumbs are the easiest agency to display navigation organisation for user interface.It also called Trail Navigation System.Trail navigation organisation looks similar Home->Labels->Widgets->Post Name.Breadcrumbs are user as well as SEO friendly.It furnish the navigation information of your website or weblog to google for rich snippets inward google search result.Nowdays at that topographic point are lot of improvements occurs inward rich snippets , twelvemonth dorsum Schema.Org markup launched as well as HTML five version is out ,so if your blogger website or weblog template is onetime similar 2-3 years as well as then you lot must re install the breadcrumbs inward your blogspot theme.

Benefits of Installing Breadcrumbs inward Blogger template

So till at ane time nosotros facial expression that you lot must understood what is a breadcrumbs as well as what's the usage of breadcrumbs inward blogger template.If you lot add together breadcrumbs inward your blogger template as well as then you lot must continue this inward your heed you lot convey enabled navigation organisation for google rich snippets.In fellowship to ameliorate your rich snippet inward google search upshot page you lot must add together schema Data-vocabulary.org markup amongst the behavior upon of valid HTML five inward your breadcrumb convey added all the of import elements inward the breadcrumb code snippet.We convey seen all the same lot's of website does non convey valid HTML five as well as Schema markup result their website or blogs rank is decreasing because at ane time google convey updated their algorithms to back upwards the schema.org markup websites.Breadcrumb amongst information vocabulary markup is rattling slow to install inward blogger as well as it volition also assistance to ameliorate your SEO as well as Alexa Ranking.So you lot must add together schema markup breadcrumbs , inward fellowship to install follow the steps mentioned below.

How to Add Valid HTML 5 + Schema Markup Verified Breadcrumbs inward blogger

Installation Steps:

Step 1. Log inward to your Blogger concern human relationship as well as Go to your Blogger Dashboard.

Step 2. Now Click on -> Template -> Edit HTML.

Step 3. Now Search for ]]></b:skin> or </style> yesteryear Pressing Ctrl+F keys.

Step 4. Now Copy the below CSS code snippet as well as yesteryear but before/above </style> or ]]></b:skin>.

.breadcrumbs{padding:10px;margin-bottom:20px;margin-top:0px;font-size:12px;color:#3F3F3F;border-bottom:1px dotted #828282;}

Step 5. Now Search for the next code snippet <b:includable id='main' var='top'> and supervene upon amongst the below code.

<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <!-- breadcrumb for the postal service page --> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <div class='breadcrumbs'> <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span> <b:loop values='data:post.labels' var='label'>   &#187; <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span> </b:loop> &#187; <span><data:post.title/></span> </div> <b:else/> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div> </b:if> </b:loop> <b:else/> <b:if cond='data:blog.pageType == &quot;archive&quot;'> <!-- breadcrumb for the label archive page as well as search pages.. --> <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archive For<data:blog.pageName/></span> </div> <b:else/> <b:if cond='data:blog.pageType == &quot;index&quot;'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == &quot;&quot;'> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All Posts</span> <b:else/> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts nether <data:blog.pageName/></span> </b:if> </div> </b:if> </b:if> </b:if> </b:if> </b:if> </b:includable> <b:includable id='main' var='top'> <b:include data='posts' name='breadcrumb'/> 

Step 6. Now Save your Template...Done !

Now Visit the below google construction information testing tool url to depository fiscal establishment check that you lot convey installed correctly breadcrumbs inward your blogger template.

https://developers.google.com/structured-data/testing-tool/

if you lot convey installed correctly you lot volition run into the result similar this:

How To Add Together Conversion In Addition To Emoticon Inwards Blogger Threaded Comment

Hello Folks , Today nosotros are going to explicate How to add conversion/converter/parser box alongside Emoticon/Smileys inward blogger template.We convey already talked nigh installing unique beautiful blogger threaded comment organisation for custom/default blogger template.so yous guys convey noticed inward therefore many websites or weblog that when yous are going to write on comment box,just inward a higher house the comment box yous convey seen Conversion Box (Konversi) together with Emoticon (Emotions/Smiley) box embed inward the blogger comment box.If your weblog or website is for spider web evolution together with therefore yous must install blogger code parser or conversion code within blogspot template.Reason is when yous are sharing codes alongside your readers together with they mightiness convey facing difficulties therefore they volition seek to utter nigh the code inward comments that fourth dimension yous request to portion re-create of codes..so inward that representative yous must embed/implement conversion code widget inward blogger template.
Apart from all this nosotros convey installed blogger smileys funtion alongside conversion box,so if somebody want's to portion expression/emotions they tin purpose the emoticons too.We convey used CSS for styling together with Javascript for blogger conversion (konversi) box.It has component division when yous click on Show conversion box it volition slide downwardly together with the converter box volition display ,reader convey to yesteryear the code together with hitting convert push clit to parse their code.You tin portion Images , youtube embed code,javascript,html,facebook page link,url almost yous tin portion anything inward the comment box later installing the blogger conversion box.In guild to catch this play a joke on only follow the steps mentioned below.

How to install Conversion box together with smileys inward blogger comment section

Installation Steps:[First Install Blogger Threaded Comment System Then Only It Works.]

Step 1. Log inward to your Blogger describe of piece of job organisation human relationship together with Go to your Blogger Dashboard.

Step 2. Now Click on -> Template -> Edit HTML.

Step 3. Now Search for the below code yesteryear using CTRL + F , CMD+F (Mac) Keys.

<div id='threaded-comment-form'>
<p><data:blogCommentMessage/></p>

Step 4. Now re-create the below code together with glue only later <p><data:blogCommentMessage/></p>

<span class='small-button1'>         <a href='#' target='_blank' title='Out Of Topic'>Out Of Topic</a>   </span> <span class='small-button'> <span id='show-conversion'><a class='conversion-button' href='javascript:voidundefined0)' onclick='document.getElementByIdundefined&apos;conversion-box&apos;).style.display=&apos;inline-block&apos;;document.getElementByIdundefined&apos;hide-conversion&apos;).style.display=&apos;inline-block&apos;;document.getElementByIdundefined&apos;show-conversion&apos;).style.display=&apos;none&apos;' title='Show conversion Code'>Show Conversion Code</a></span><span id='hide-conversion'><a class='conversion-button' href='javascript:voidundefined0)' onclick='document.getElementByIdundefined&apos;conversion-box&apos;).style.display=&apos;none&apos;;document.getElementByIdundefined&apos;hide-conversion&apos;).style.display=&apos;none&apos;;document.getElementByIdundefined&apos;show-conversion&apos;).style.display=&apos;inline-block&apos;' title='Hide Conversion Code'>Hide Conversion Code</a></span> </span> <span class='small-button'> <span id='show-emo'><a class='emo-button' href='javascript:voidundefined0)' onclick='document.getElementByIdundefined&apos;emo-box&apos;).style.display=&apos;inline-block&apos;;document.getElementByIdundefined&apos;hide-emo&apos;).style.display=&apos;inline-block&apos;;document.getElementByIdundefined&apos;show-emo&apos;).style.display=&apos;none&apos;' title='Show Emoticon'>Show Emoticon</a></span><span id='hide-emo'><a class='emo-button' href='javascript:voidundefined0)' onclick='document.getElementByIdundefined&apos;emo-box&apos;).style.display=&apos;none&apos;;document.getElementByIdundefined&apos;hide-emo&apos;).style.display=&apos;none&apos;;document.getElementByIdundefined&apos;show-emo&apos;).style.display=&apos;inline-block&apos;' title='Hide Emoticon'>Hide Emoticon</a></span> </span>   </p> <div id='conversion-box'>     <textarea id='codes' placeholder='Write / glue the code hither together with click &apos;conversion&apos;' spellcheck='false'/> <span class='button-group'> <button id='cvrt' onclick='cdConvertundefined);this.disabled = true;'>Conversion</button> <button onclick='cdClearundefined);'>Remove</button> </span> <span class='checkbox'> <input checked='' id='opt1' type='checkbox'/> <input id='opt2' type='checkbox'/> <input id='opt3' type='checkbox'/> <input checked='' id='opt4' type='checkbox'/> <input checked='' id='opt5' type='checkbox'/></span> </div> <div id='emo-box'>   <div class='comment_emo_list'/> </div>       <data:blogTeamBlogMessage/>       <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>       <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>       </div>     </b:if>     <data:post.friendConnectJs/>     <data:post.cmtfpIframe/>     <script type='text/javascript'>       BLOG_CMT_createIframeundefined&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);     </script>   </div> </b:includable>

Step 5. Now Search For the closing </body> tag  and re-create the below coffee script together with glue it only above/before the </body> tag.

Step 6. Now Search for ]]></b:skin> or </style> yesteryear Pressing Ctrl+F keys.

Step 7. Copy the below CSS code together with glue it only earlier the ]]></b:skin> or </style> tag.

/* Conversion Box yesteryear www.bloggersstand.com */ .comment_emo_list .item{float:left;text-align:center;height:40px;width:41px;margin:0 0 10px;} .comment_emo_list span{display:block;font-weight:400;font-size:11px;letter-spacing:1px;color:#444} .comment_youtube{max-width:100%!important;width:400px;height:225px;display:block;margin:auto} .comment_img{max-width:100%!important} #respond{overflow:hidden;padding-left:10px;clear:both} #conversion-box, #hide-conversion,#emo-box,#hide-emo {display:none} #conversion-box {width:100%;color:#eee;background:none;line-height:1.6em;margin-bottom:20px;padding:0;text-align:left;} .checkbox{font:11px Tahoma,Verdana,Arial,Sans-Serif;line-height:1.6em;color:#eee;} #codes{border:1px corporation #ccc;width:98%;height:200px;display:block;background-color:#ddd;border-radius:3px;font:normal 12px 'Courier New',Monospace;margin:7px 0 10px;padding:5px} #codes:focus{background-color:#fff;color:#666;border:1px corporation #ddd;outline:none} .button-group{float:right;text-align:left;margin:0 auto} button,button[disabled]:active{font-size:12px;font-family:Arial;font-weight:normal;border-radius:3px;border:1px corporation #49a5bf;padding:3px 10px;text-decoration:none;background:linear-gradient(to bottom, #93cede 0%, #75bdd1 41%, #49a5bf 100%);color:#ffffff;display:inline-block;text-shadow:1px 1px 0px #528ecc;box-shadow:inset 1px 1px 0px 0px #bbdaf7;cursor:pointer} button:hover{color:#000} button:active{color:#000} button[disabled],button[disabled]:active{color:#000;cursor:default} #opt1,#opt2,#opt3,#opt4,#opt5{display:inline-block;vertical-align:middle;border:none;outline:none;margin:0 10px 0 0} .small-button a,.small-button1 a {border:1px corporation #333;color:#fff;font:13px Tahoma;cursor:pointer;font-weight:400;margin:15px 5px 5px 0;text-decoration:none;text-transform:none;text-shadow:none;border-radius:2px;display:inline-block;background-color:#444;padding:2px 8px;cursor:pointer} .small-button:hover a,.small-button1:hover a{color:#111;text-shadow:none;border:1px corporation #333;border-radius:2px;display:inline-block;background-color:#777} 

Step 8.Now Save your template..Done !

How To Install Threaded Comments Manner Inwards Blogger

Do you lot accept Custom Blogger Threaded Style? Are you lot using Default Comments System ? Do you lot know the advantages of blogger threaded comment arrangement ? Don't worry today inwards this tutorial nosotros volition percentage you lot How to Add + Enable Customized Blogger Threaded Comments inwards Custom Template.For the Demo of blogger threaded comments function hold back our comments system,it's actually unique too hold back real beautiful too attractive.However at that spot are hence many tutorials on styling the blogger default comments arrangement to threaded comments hack for blogger website or blog.But i must nation you lot volition abide by our 1 is totally unlike from the others.We accept tried our best to serve you lot the best.Later on nosotros volition percentage you lot how to add together conversion box , emotions , comment shape message inwards blogger comments box for that continue visiting too remain tuned.One of our precious reader asked for the Threaded comment system too nosotros are hither amongst this trick,blogger threaded comment hack arrangement is real slowly to install inwards template.

In the blogger threaded comments hack nosotros accept used CSS for styling the comments department ,you tin too create it yourself but outset for that you lot demand noesis of CSS..but don't worry nosotros are hither for you..if you lot demand whatsoever other blueprint too then gratis to inquire us nosotros would honey to assistance you.In gild to install Customized Blogger threaded comment system follow the steps mentioned below.

How to Add fashionable Blogger threaded comment hack inwards template

Installation Steps:

Step 1. Log inwards to your Blogger account too Go to your Blogger Dashboard.

Step 2. Now Click on -> Template -> Edit HTML.

Step 3. Now Search for the below code past times using CTRL + F , CMD+F (Mac) Keys.

<b:include data='post' name='threaded_comments'/>

Step 4. Now supersede the inwards a higher house code snippet amongst the next below code.

 <b:include data='post' name='comments'/>

Step 5. Now Search for the next code snippet

<b:includable id='comments' var='post'>.....</b:includable> 

Step 6. Now Replace the inwards a higher house code snippet too all within code betwixt <b: includable ... </b:includable> amongst the below code snippet.

 <b:includable id='comments' var='post'>
     <div class='comments' id='comments'>
        <b:if cond='data:post.allowComments'>
          <h5> <b:if cond='data:post.numComments == 0'> <span itemprop='interactionCount'>0</span>
comments on &quot;<data:blog.pageName/>&quot;</b:if> <b:if cond='data:post.numComments == 1'> <span itemprop='interactionCount'>1</span>
comments on &quot;<data:blog.pageName/>&quot; </b:if> <b:if cond='data:post.numComments &gt; 1'> <span itemprop='interactionCount'><data:post.numComments/></span>
comments on &quot;<data:blog.pageName/>&quot; </b:if> </h5>
    <b:if cond='data:post.commentPagingRequired'>
      <span class='paging-control-container'>
        <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
          <data:post.oldestLinkText/>
        </a>
        &#160;
        <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
          <data:post.olderLinkText/>
        </a>
        &#160;
        <data:post.commentRangeText/>
        &#160;
        <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
          <data:post.newerLinkText/>
        </a>
        &#160;
        <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
          <data:post.newestLinkText/>
        </a>
      </span>
    </b:if>
    <div class='clear'/>
    <div id='comment_block'>
      <b:loop values='data:post.comments' var='comment'>
         <div data-level='0' expr:class='data:comment.adminClass' expr:id='data:comment.anchorName'>
          <b:if cond='data:comment.isDeleted'>
            <span class='deleted-comment'>
              <data:comment.body/> - <a class='comment_remove' expr:href='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'>
                Clear
              </a>
            </span>
            <b:else/>
            <b:if cond='data:post.adminClass == data:comment.adminClass'>
              &lt;div class=&#39;comment_inner comment_admin&#39;&gt;
              <b:else/>
              &lt;div class=&#39;comment_inner&#39;&gt;
            </b:if>
            <div class='comment_header'>
              <div class='comment_avatar'>
                <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
              </div>
 <a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='Reply'>REPLY</a>
            </div>
            <div class='comment_body'>
<div class='cm_head'>
<div class='cm_infonm'>
              <div class='comment_name'>
                <b:if cond='data:comment.authorUrl'>
                  <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'>
                   <data:comment.author/>
                  </a>
                  <b:else/>
                 <data:comment.author/>
                </b:if>
                <b:if cond='data:comment.author == data:post.author'/>
              </div>
              <div class='comment_service'>
                <a expr:href='data:comment.url' rel='nofollow' title='Permalink'>
                   <span class='comment_date'>
                      <data:comment.timestamp/>
                    </span>
                </a>
              </div>
</div>
<a class='comment-delete' expr:href='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'>
<img alt='delete' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdNoYFy94To1GXOwY9H4a6CqQ4Cux41QF9cCZkpM7a6nD0brY35RxBOg14KJhW3tK27RFToJ0SwfczgtCam_OwuqREjc9gF56e0_DTWlEpmyI7eXI6Q5F9bX7U8rSFkNFCvIRfufv01Tg/s1600/delete4.png' title='Delete Comment'/>
</a>
</div>
              <p><data:comment.body/></p>
            </div>
            <div class='clear'/>
            &lt;/div&gt;
            <div class='clear'/>
            <div class='comment_child'/>
            <div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/>
          </b:if>
        </div>
      </b:loop>
    </div>
    <div class='clear'/>
    <b:if cond='data:post.commentPagingRequired'>
      <span class='paging-control-container'>
        <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
          <data:post.oldestLinkText/>
        </a>
        &#160;
        <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
          <data:post.olderLinkText/>
        </a>
        &#160;
        <data:post.commentRangeText/>
        &#160;
        <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
          <data:post.newerLinkText/>
        </a>
        &#160;
        <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
          <data:post.newestLinkText/>
        </a>
      </span>
    </b:if>
    <div class='clear'/>
    <div class='comment_form'>
      <b:if cond='data:post.embedCommentForm'>
        <b:if cond='data:post.allowNewComments'>
          <div class='comment_emo_list'/>
          <b:include data='post' name='threaded-comment-form'/>
          <b:else/>
          <data:post.noNewCommentsText/>
        </b:if>
        <b:else/>
        <b:if cond='data:post.allowComments'>
          <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg'>
            <data:postCommentMsg/>
          </a>
        </b:if>
      </b:if>
    </div>
  </b:if>
</div>
 <script type='text/javascript'>
       //<![CDATA[
       if (typeof(jQuery) == 'undefined') {
 //output the script (load it from google api)
 document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
}
       //]]>
       </script>
   
       <script async='async' src='//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js' type='text/javascript'/>
       <script type='text/javascript'>
   
         <b:if cond='data:post.numComments != 0'>
         var Items = <data:post.commentJso/>;
         var Msgs = <data:post.commentMsgs/>;
         var Config = <data:post.commentConfig/>;
        <b:else/>
         var Items = {};
         var Msgs = {};
         var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;};
        </b:if>
       //<![CDATA[
       //Global setting
        Config.maxThreadDepth = 3;//Depth score threaded comment
        Display_Emo = false;//Show emoticons? type "false" to hide
        Replace_Youtube_Link = true;//Embed YouTube videos, type "false" to disable
        Replace_Image_Link = true;//Auto supersede the picture link, type "false" to disable.
        Replace_Force_Tag = false;//Auto supersede virtual tag example: [pre] becomes <pre>, too [/ pre] becomes </ pre>, if 1 writes, volition non work
        Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),only industrial plant when Replace_Image_Link = true
   
        //Setting Emoticon
        Emo_List = [
        ':)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEdtJAtAk_ZPkAhv0S2hBZTAhCt-5rpRgG7Rz4xIbjXt45TWz1LjdBjS5-Xjvqb3wCb4893EA11d9sDJn2jGyA0wDzvPetxPuDbxiXHykxe3MloU1-g2w_tb-Ol-Gox0iqPZ8dSrCGrgda/s1600/happy-yahoo-emoticon.gif',
        ':('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimSPdXi9HF62pgnY69Kgh8-VJU7jfxR6cws7W7GCS-Kts1ZadTpNyo-VpMZ3mBptHYR3lfH0WhoqQdfwyt9vZB2TRXJOSQovFNOuEx96DOjVPr936140p-BSIfXPp2O-ITG6O5_Z-wVtUo/s1600/sad-yahoo-emoticon.gif',
        ' =('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVxHrhFnS0wIYcPS7_HSWWtwWr9v4JcUvOIu9_UImSYIKqWIJ2Tp2UXYKS8S_9XmVBqn1NUbdni4-IbDHklKzCviMqKF75j50sY98KVSqE5iuy7GSdGkA97OPWX2-RjAErDABT3n0EtFYp/s1600/crying-yahoo-emoticon.gif',
        '^_^'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf9a4abl6JUo1ObVvtHfgPMYEFLjV065Kj35kgZlFZp6EGJNZlY4y-VlVwjx_0SB6IqHqMv7tn-0_UC1uj9e5E9pSfWYxzAJnF2RUj9rcRTOrS5fL7xnpdXy2uAAO2svoCVLAdj4kI3JS_/s1600/batting-eyelashes-yahoo-emoticon.gif',
        ' :D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-MgNW06297B-XqQC0EQlEZfMgYogrsJ_kDWQIGP_bfxm7RJYRcHkM4uFD18XVVTn4P3Ae1-IJekmVf55GZE1Mi4ClFdzBhOSnmS1iUNgWctjhM3szCJwj4Fiv00Hhv8Fwz5kTV9vKcimu/s1600/hee-hee-yahoo-emoticon.gif',
        '=D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUJz6N0DCE65-Aw36pw29TTvuFANPiq3nKxXLCGXDL7W035qbG_Bf3_-Z26utwrYrVb1rGv1rn5z3QKY_bRKaC2V_NZq2qouJW8on1TfO4Wznar9qGw5uwmqv1WNIYPyVVm1-gVB8CtAok/s1600/big-grin-yahoo-emoticon.gif',
        '=)D' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSzaNk0Ff8_LH-5xwBstRLIHOhqfX_mV6aQb0YleEu7n_5vJG2XVG0vIxH8QGYFPcihEfZxXHkpjJxSsEqRMd1QsOn6dGKSI_hv64LYuGJh-Xym5j5U0uj9hrG8bCN3YYI-np4CObmp9PR/s1600/laughing-yahoo-emoticon.gif',
        '|o|'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh38F1G0gS-hSv5F1O9tOmPbuWSI1XfsPUVaR6G2hUFEl_y5TM1qmPI6imRKBAHmwa4nW5qPD_lJAp_smHuxGxAxfl4vDo2uGPk4fcW0YnOEdQSHgi4V2pSBylMLAvT_325R6K-XcoEb0ub/s1600/applause-yahoo-emoticon.gif',
        '@@,'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkDcdwtDTWTFZ2yGSgRoSKdDoJqYG5dm_RagJ-L5gHewIgLY5VJ41JEYJGhnjeoajUQx6OW00cJHKyGhkrCXmgXYGca_qsCMZzEmWPvTxdWAwkMIx-A8s7396CQRDy4jY6iiC6BpR_MhjF/s1600/hypnotized-yahoo-emoticon.gif',
        ' ;)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6jgGyVirB71QAf-rjT_5YNPAoy28XJ6vb_8ZLxpUSFmF5X72Y63xD7QrPy4M1HTl4kwPwvU1RkesmVzCzkvgkNnNPM-OzeDcTSfIyv8QyaA9ponlzeMaKgiq6F-1xNTUgRzsevaL35pxg/s1600/winking-yahoo-emoticon.gif',
        ':-bd'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj4vXuYpe4tvQHMdnv3O9pszC_sov950L3QzjFBsVzZDZSh_M9DACZgF3MvzlLh2O2ihxmTUvWtwTkph3Yh-g9aqFfQ__nNANhpb2kR-SgMq1mI7V2yO-WoR_fl3CQkYBsC3uceBnStcGI/s1600/thumbs-up-yahoo-emoticon.gif',
        ':-d'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhofRHsA8ij9xOstSOJ6XTFsiYZJrG4WkMjydqjrg9kqMcIVC_KuwaS-rVcDDqrRrFpjkCSaDGbeMujBVAQTxNDjCq1VQPIO8c5p70Jh6Qy3rGSUZ_JVVixbDQ4MvBqB_SNYnABr1hsvpA/s1600/thumbsup.gif',
        ' :p'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9yV5Pbbae-66r1xJPOMPvrMjqxLZxd-CnpeCA9MdbuwrxEWqOk_CLft4aymC2vpWGpc3B9EEi0rHrSaYmTUIeujrUNfLJDeV2jXW2s00QNYoSYbnHXl98PLQtvIbPgSMSq1KcCjyXYa8w/s1600/silly-yahoo-emoticon.gif',
        ':ng'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUGhmxVKorD9deBYxWeDXT4AWwfMQnJ7cg1JDyjgXSYtyv51GWjfIjN6IWtmmLUI-sPrF9auITyc7odanEJ3qEDk2dBl25j8PuEFT1Fztp45nUQfkklBHxiYjllZ_2LGTU33euuU3QFMRQ/s1600/rolling-yahoo-emoticon.gif',  
        ];
   
                           
                                //Config Force tag list, define all inwards lower case
                                Force_Tag = [
                                    '[pre]','<pre>',
                                    '[/pre]','</pre>',
                                    '<pre class="brush: plain; title: ; notranslate" title="How To Install Threaded Comments Style In Blogger">','&lt;code&gt;',
                                    '</pre>','</code>'
                                ];
 
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 o=\'.1c\';3 1b=$(\'#O-19\').G(\'A\');u 1l(F){3 1j=\' \\n\\r\\t\\f\\1D\\1G\\1F\\1E\\2l\\2k\\2i\\2f\\2c\\26\\25\\23\\1Y\\1S\\1N\\1L\\1H\\2v\\1M\\2p\\24\\22\\1R\';E(3 i=0;i<F.5;i++){9(1j.d(F.1Q(i))!=-1){F=F.b(0,i);11}}z F}$(\'#1P .1i p\').j(u(y,7){9(1J){3 l=\'1v://13.V.W/1y?v=\';3 8=7.d(l);D(8!=-1){1d=7.b(8);J=1l(1d);3 X=J.d(\'&\');3 N=\'\';9(X==-1){N=J.b(l.5)}Y{N=J.b(l.5,X)}3 1r=\'<1u B="1T" A="1v://13.V.W/1U/\'+N+\'?1V=1" 1W="0" 2w></1u>\';7=7.b(0,8)+1r+7.b(8+J.5);8=7.d(l);9(8==-1){l=\'1Z://13.V.W/1y?v=\';8=7.d(l)}}}9(21){3 Z=\'\';3 s=7;E(3 i=0;i<1w.5;i++){3 l=\'.\'+1w[i];3 m=s.C();3 8=m.d(l);D(8!=-1){k=s.b(0,8+l.5);m=k.C();3 q=\'2h://\';3 w=m.d(q);3 I=\'\';D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}q=\'2n://\';m=k.C();w=m.d(q);D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}9(I==\'\'||k.5<6){11}k=I+k;Z+=s.b(0,8+l.5-k.5)+\'<10 A="\'+k+\'" B="2r"/>\';s=s.b(8+l.5);m=s.C();8=m.d(l)}}7=Z+s}9(1A){3 5=x.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';8=7.d(x[i]);D(8!=-1){7=7.b(0,8)+S+7.b(8+x[i].5);8=7.d(x[i])}}}9(1I){3 5=R.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){D(1){3 s=7.M();8=s.d(R[i]);9(8!=-1){7=7.b(0,8)+R[i+1]+7.b(8+R[i].5)}Y{11}}}}z 7});$(\'.1K\').j(u(y,7){9(1A){3 5=x.5;9(5%2==1){5--}3 12=\'\';E(3 i=0;i<5;i+=2){3 1e=\'<1f>\'+x[i]+\'</1f>\';3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';12+=\'<Q B="1O">\'+S+1e+\'</Q>\'}z 12}});$(\'.1g .1i p\').j(u(i,h){T=h.M();y=T.d(\'@<a U="#c\');9(y!=-1){14=T.d(\'</a>\',y);9(14!=-1){h=h.b(0,y)+h.b(14+4)}}z h});u 1k(g){r=g.d(\'c\');9(r!=-1)g=g.b(r+1);z g}u 1m(g){g=\'&1X=\'+g+\'#%1n\';1o=1b.20(/#%1n/,g);z 1o}u 1p(){j=$(o).j();$(o).j(\'\');o=\'.1c\';$(o).j(j);$(\'#O-19\').G(\'A\',1b)}u 1q(e){g=$(e).G(\'15\');g=1k(g);j=$(o).j();9(o==\'.1c\'){1s=\'<a U="#1t" 27="1p()">\'+28.29+\'</a><a 2a="1t"/>\';$(o).j(1s)}Y{$(o).j(\'\')}o=\'#2b\'+g;$(o).j(j);$(\'#O-19\').G(\'A\',1m(g))}16=2d.2e.U;17=\'#O-2g\';18=16.d(17);9(18!=-1){1x=16.b(18+17.5);1q(\'#2j\'+1x)}E(3 i=0;i<P.5;i++){9(\'1z\'2m P[i]){3 g=P[i].1z;3 1a=2o($(\'#c\'+g+\':L\').G(\'1C\'));$(\'#c\'+g+\' .2q:L\').j(u(y,7){3 H=P[i].15;9(1a>=2s.2t){$(\'#c\'+H+\':L .2u\').1h()}3 K=$(\'#c\'+H+\':L\').j();K=\'<Q B="1g" 15="c\'+H+\'" 1C="\'+(1a+1)+\'">\'+K+\'</Q>\';$(\'#c\'+H).1h();z(7+K)})}}',62,157,'|||var||length||oldhtml|check_index|if||substring||indexOf|||par_id|||html|img_src|search_key|upper_html||Cur_Cform_Hdr||http_search||temp_html||function||find_http|Emo_List|index|return|src|class|toUpperCase|while|for|str|attr|child_id|save_http|yt_link|child_html|first|toLowerCase|yt_code|comment|Items|div|Force_Tag|img_html|temp|href|youtube|com|yt_code_index|else|save_html|img|break|newhtml|www|index_tail|id|cur_url|search_formid|search_index|editor|par_level|Cur_Cform_Url|comment_form|ht|img_code|span|comment_wrap|remove|comment_body|whitespace|Valid_Par_Id|trim|Cform_Ins_ParID|7B|n_cform_url|Reset_Comment_Form|Display_Reply_Form|yt_video|reset_html|origin_cform|iframe|http|Replace_Image_Ext|ret_id|watch|parentId|Display_Emo|comment_emo|level|x5b|x7d|x7c|x5d|u2008|Replace_Force_Tag|Replace_Youtube_Link|comment_emo_list|u2007|u200a|u2006|item|comment_block|charAt|u3000|u2005|comment_youtube|embed|autohide|frameborder|parentID|u2004|https|replace|Replace_Image_Link|u2029|u2003|u2028|u2002|u2001|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|xa0|form_|HTTP|x0b|rc|x3e|x3c|in|HTTPS|parseInt|u200b|comment_child|comment_img|Config|maxThreadDepth|comment_reply|u2009|allowfullscreen'.split('|'),0,{}))
var avatar=$("#comments");
avatar.find('.comment_avatar img').each(function() {
        var ava = $(this).attr('src');
        $(this).show().attr('src', ava.replace(/\/s[0-9]+(\-c)?\//,"/s45-c/"));
});    
    //]]>
</script>
</b:includable> 

Step 7. Now Search for ]]></b:skin> or </style> by Pressing Ctrl+F keys.
Step 8. Copy the below CSS code too glue it simply earlier the ]]></b:skin> or </style> tag.

#comments{background:#fff;border:1px enterprise #ccc;margin:20px  0 0;padding:20px}
#comments h5{color:#000;margin:0;padding:0 0 5px;font-size:160%}
.comment_inner{margin:20px 0;padding:0;overflow:hidden}
.comment_header{float:left;width:67px}
.cm_head{position:relative;background:#fff;border-bottom:1px enterprise #ccc;margin:-10px -10px 0;padding:5px 10px 8px;}
.comment_avatar{border:1px enterprise #ccc;margin:0;padding:5px 5px 0;}
.comment_avatar img{width:55px;height:55px;padding:0;text-align:center;margin:0;background:#8ED557 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvuXCPoEtTYYbR8oU3ZA4N6YY09FzWuZPtAYSDi18ufkGwkicgDpWTzHbkwy-UT5jygquYZL1fsZT1CxF7WqeSdCGQduV8iVwHvXDeoizp7t903RmJ3VBuuFfJ2aCd05-XkZ92sZ5g-kI/s1600/no-image-available-bloggersstand-comments.jpg) no-repeat}
div.comment_avatar img[src=&#39;http://img1.blogblog.com/img/openid16-rounded.gif&#39;]{content:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvuXCPoEtTYYbR8oU3ZA4N6YY09FzWuZPtAYSDi18ufkGwkicgDpWTzHbkwy-UT5jygquYZL1fsZT1CxF7WqeSdCGQduV8iVwHvXDeoizp7t903RmJ3VBuuFfJ2aCd05-XkZ92sZ5g-kI/s1600/no-image-available-bloggersstand-comments.jpg)}
.comment_name,.comment_name a{font-family:Roboto,Helvetica;padding:0;margin:0 0 7px 0;font-weight:500;font-size:15px;text-transform:uppercase;}
.comment_service{margin-top:0}
.comment_date{margin:0;color:#333;font-size:14px;text-transform:uppercase}
.respond{float:right;margin:0;padding:0}
.comment_date:hover{color:#8ED557;text-decoration:underline}
.comment_body{background:#fff;border:1px enterprise #ccc;margin-left:77px;padding:10px;}
.comment_body p{line-height:1.2;margin:15px 0 5px;color:#666;font-size:14px;word-wrap:break-word;padding:0;}
.comment_child .comment_wrap{padding-left:78px}
.comment-delete{position:absolute;float:right;top:10px;right:10px;margin:0;padding:0}
.infonm{float:left}
.comment_reply{display:block;font-weight:700;margin:10px 0 0;padding:7px 0;color:#fff!important;text-align:center;text-decoration:none!important;background:#3498db;}
.comment_reply:hover{text-decoration:none;background:#333}
.comment_remove{font-weight:700;margin:0;padding:0;color:#fff!important;text-decoration:none;}
.comment_remove:hover{text-decoration:none;color:#000!important}
.unneeded-paging-control{display:none}
.comment-form{max-width:100%!important}
#comment-editor{width:100%!important;background:#fff url(&#39;data:image/gif;base64,R0lGODlhKwALAPAAAKrD2AAAACH5BAEKAAEAIf4VTWFkZSBieSBBamF4TG9hZC5pbmZvACH/C05FVFNDQVBFMi4wAwEAAAAsAAAAACsACwAAAjIMjhjLltnYg/PFChveVvPLheA2hlhZoWYnfd6avqcMZy1J14fKLvrEs/k+uCAgMkwVAAAh+QQBCgACACwAAAAAKwALAIFPg6+qw9gAAAAAAAACPRSOKMsSD2FjsZqEwax885hh3veMZJiYn8qhSkNKcBy4B2vNsa3pJA6yAWUUGm9Y8n2Oyk7T4posYlLHrwAAIfkEAQoAAgAsAAAAACsACwCBT4OvqsPYAAAAAAAAAj1UjijLAg9hY6maalvcb+IPBhO3eeF5jKTUoKi6AqYLwutMYzaJ58nO6flSmpisNcwwjEfK6fKZLGJSqK4AACH5BAEKAAIALAAAAAArAAsAgU+Dr6rD2AAAAAAAAAJAVI4oy5bZGJiUugcbfrH6uWVMqDSfRx5RGnQnxa6p+wKxNpu1nY/9suORZENd7eYrSnbIRVMQvGAizhAV+hIUAAA7&#39;) no-repeat 50% 40%;margin-bottom:0;margin-top:5px}
.comment_form a{text-decoration:none;font-weight:bold;font-size:14px}
.comment-form p{background:#fff;padding:10px;margin:5px 0 5px 0;color:#000;font-size:14px;line-height:20px;position:relative}
.comment_reply_form{padding:0 0 0 70px}
.comment_reply_form .comment-form{width:100%}
iframe{border:none;overflow:hidden}
.deleted-comment{background:#e74c3c;color:#fff;padding:20px;margin:5px 0;display:block}
iframe{border:none;overflow:hidden}

Step 9. Now Save your Template..Done !