Magone - V4.2.1 Responsive Paper & Periodical Template

MagOne template is flexible together with responsive magazine template for Blogger / Blogspot websites. Drag together with drop to hit a magazine website inwards minute.

Main Features:

• Drag together with Drop Widget Builder: solely take away to modify parameters together with thus motion widgets to whatever where to brand whatever layout you lot want.
• Flexible Menu Navigation: supports drop-down, link grouping mega, label content mega, together with icons.
• Responsive: passed all Goolge mobile friendly tests. Working good 100% amongst whatever mobile together with tablet devices.
• Multiple Comment Systems: Facebook, Google+, Blogger together with Disqus comment systems are all hit to work.
• Custom Archive Page Designs: pick whatever pattern for label / search / archive pages equally you lot desire amongst professional person navigation buttons.
• Super Mega Menu: back upwardly Ajax content, grouping links, driblet down, icons together with opened upwardly novel window feature.
• Floating Menu: You tin configure to demonstrate gluey card when scroll upwardly or downward or both.
• Sticky Sidebar: Optimize your earning for sidebar advertisement.
• Shortcode Ready: you lot tin hit content really easily amongst a lot of hit shortcodes.
• Custom Post Title Design: slow changing your post master copy championship pattern amongst default editor of Blogger.
• Support Sub Post Title: you lot tin add together subtitle of post together with pick custom mode for it.
• Smart Breadcrumb: non like breadcrumb of other templates, our breadcrumb volition demonstrate labels equally just company automatically.
• Widgets Ready: template has a lot of built-in widgets: article widgets (slider, sticky, complex, carousel, i column, ii columns, 3 columns, blogging, left together with right), quote picture widgets, flexible pop widgets.
• Post Pagination: you lot tin divide long post content to pages amongst uncomplicated 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 handgrip your site interface.
• Fully Template Designer: back upwardly close of features from Blogger advance customizer. This template has flexible width also.
• Template Options: convey friendly UI for changing template options easily through SpotSettings tool.
• Multilingual Ready: template supports SpotLingo to interpret to whatever languages easily together with compatible amongst whatever RTL languages.
• Support Service: good documentation together with convey many ways to back upwardly (remote desktop, login equally member, e-mail directly).

Update: Version 4.2.1 – Apr 20, 2016

• - Fixed: Popular post thumbnails non display properly
• - Fixed: Archive page non charge posts
• - Fixed: resizer non piece of job amongst firefox, it tin non veritical middle

Download Magone V4.2.1 Blogger Template Terms together with Conditions:

We are providing Magone 4.2.0 Responsive Magazine Blogger Template absolutely free. To instruct the template, delight demonstrate back upwardly to the bloggersstand community past times liking or next us on the social media. This volition aid us to render an awesome sense together with to a greater extent than facilities for our users. Just connect amongst us on whatever variety of social media together with confirm the same amongst a comment below including your e-mail data or you lot tin piece of job contact us page directly. We volition ship you lot the template equally shortly equally nosotros are happy amongst your commitment amongst us. So what are you lot waiting for, bring together us for an awesome blogging experience.

How To Add Together Novel 2016 Breaking Intelligence Widget Inwards Blogger

In previous postal service nosotros accept talked virtually Adding Responsive Breaking News Widget too Stylish Trending Now Gadget In Blogger Template.Once 1 time to a greater extent than today inwards this article nosotros are going to explicate How to Create 2016 Thumbnail Breaking News plugin within blogger template.In this gadget tool y'all tin display latest/recent article updates from your blogger website or blog.New posts updates volition slide smoothly to upside amongst the thumbnail of the article too also includes writer squall amongst the pose out appointment beside the writer name.New Breaking tidings widget 2016 volition sure as shooting going to suits your website design/niche.You tin modify the color of the gadget.We accept used CSS for styling the trending directly gadget too java script too.In social club to larn breaking tidings widget below the menu bar follow the steps mentioned below.

DEMO

See the Pen New 2016 Breaking News Ticker For Blogger Template yesteryear (@bloggersstand) on CodePen.

How to Add New 2016 Breaking News Widget within blogger template

Installation Steps:

Step 1. Log inwards to your Blogger describe of piece of job organization human relationship too 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. Copy the below CSS code too glue it but earlier the ]]></b:skin> or </style> tag.

  /* CSS Breaking News Ticker */ .bsd-ticker{display:block;text-align:center;margin:0 20px 20px 20px;padding:3px;background:#fefefe;border:1px enterprise rgba(0,0,0,0.1);border-left:5px enterprise #415471} .bsd-ticker>span{display:inline-block;background:#415471;padding:0;font:700 12px 'roboto',sans-serif} .bsd-ticker>span>a{color:#222;text-decoration:none} #ticker{height:46px;overflow:hidden;background:#ffffff;text-align:left} #ticker ul{padding:0;margin:0;list-style:none} #ticker ul li{height:46px;white-space:nowrap} #ticker ul li img{float:left;width:36px;height:36px;margin:5px 7px 5px 5px} #ticker ul li h3{margin:0;font:700 16px 'roboto',sans-serif} #ticker ul li h3 a{color:#666;text-decoration:none;line-height:26px!important} #ticker ul li .authorticker{font:400 12px 'roboto',sans-serif;line-height:21px!important;color:#666} 

Step 5. Now Search for the closing tab </body> too add together the below coffee script but above/before the </body> tag. 

 <script type='text/javascript'> //<![CDATA[ // 2016 Breaking News pump yesteryear http://www.bloggersstand.com business office getauthorundefinedt){forundefinedvar e=0;e<t.length;e++)var i=t[e].name.$t;return i}function getmetaundefinedt){var e=[];e[1]="Jan",e[2]="Feb",e[3]="Mar",e[4]="Apr",e[5]="May",e[6]="Jun",e[7]="Jul",e[8]="Aug",e[9]="Sep",e[10]="Oct",e[11]="Nov",e[12]="Dec";var i=t.substringundefined0,4),a=t.substringundefined5,7),n=t.substringundefined8,10),r=e[parseIntundefineda,10)]+" "+n+" "+i;return r}function bloggersstandtickerundefinedt){var e=document.querySelectorundefined"#ticker"),i=t.feed.entry,a="<ul id='ticket-wrapper-inner'>";ifundefinedi){forundefinedvar n=0;n<i.length;n++){forundefinedvar r=i[n],s=0;s<r.link.length;s++)ifundefined"alternate"==r.link[s].rel){var l=r.link[s].href;break}try{var o='<img src="'+r.media$thumbnail.url+'"/>'}catchundefinedt){var o=""}var u=r.title.$t,c=getauthorundefinedr.author),d=getmetaundefinedr.published.$t);a+="<li>"+o+'<h3><a href="'+l+'">'+u+'</a></h3><div class="authorticker"><span>'+c+"</span> - <span>"+d+"</span></div></li>"}a+="</ul>",e.innerHTML=a}$undefined"#ticker").bsdtickerundefined)}!functionundefinedt){var e={speed:700,pause:4e3,showItems:1,mousePause:!0,height:0,animate:!0,margin:0,padding:0,startPaused:!1},i={moveUp:functionundefinedt,e){i.animateundefinedt,e,"up")},moveDown:functionundefinedt,e){i.animateundefinedt,e,"down")},animate:functionundefinede,i,a){var n=e.itemHeight,r=e.options,s=e.element,l=s.childrenundefined"ul"),o="up"===a?"li:first":"li:last";s.triggerundefined"bsdticker.beforeTick");var u=l.childrenundefinedo).cloneundefined!0);ifundefined0<r.height&&undefinedn=l.childrenundefined"li:first").heightundefined)),n+=r.margin+2*r.padding,"down"===a&&l.cssundefined"top","-"+n+"px").prependundefinedu),i&&i.animate){ifundefinede.animating)return;e.animating=!0,l.animateundefined"up"===a?{top:"-="+n+"px"}:{top:0},r.speed,functionundefined){tundefinedl).childrenundefinedo).removeundefined),tundefinedl).cssundefined"top","0px"),e.animating=!1,s.triggerundefined"bsdticker.afterTick")})}else l.childrenundefinedo).removeundefined),l.cssundefined"top","0px"),s.triggerundefined"bsdticker.afterTick");"up"===a&&u.appendToundefinedl)},nextUsePause:functionundefined){var e=tundefinedthis).dataundefined"state"),i=e.options;e.isPaused||2>e.itemCount||a.next.callundefinedthis,{animate:i.animate})},startInterval:functionundefined){var e=tundefinedthis).dataundefined"state"),a=this;e.intervalId=setIntervalundefinedfunctionundefined){i.nextUsePause.callundefineda)},e.options.pause)},stopInterval:functionundefined){var e=tundefinedthis).dataundefined"state");e&&undefinede.intervalId&&clearIntervalundefinede.intervalId),e.intervalId=void 0)},restartInterval:functionundefined){i.stopInterval.callundefinedthis),i.startInterval.callundefinedthis)}},a={init:functionundefinedn){a.stop.callundefinedthis);var r=jQuery.extendundefined{},e);n=t.extendundefinedr,n);var r=tundefinedthis),s={itemCount:r.childrenundefined"ul").childrenundefined"li").length,itemHeight:0,itemMargin:0,element:r,animating:!1,options:n,isPaused:n.startPaused?!0:!1,pausedByCode:!1};tundefinedthis).dataundefined"state",s),r.cssundefined{overflow:"hidden",position:"relative"}).childrenundefined"ul").cssundefined{position:"absolute",margin:0,padding:0}).childrenundefined"li").cssundefined{margin:n.margin,padding:n.padding}),isNaNundefinedn.height)||0===n.height?undefinedr.childrenundefined"ul").childrenundefined"li").eachundefinedfunctionundefined){var e=tundefinedthis);e.heightundefined)>s.itemHeight&&undefineds.itemHeight=e.heightundefined))}),r.childrenundefined"ul").childrenundefined"li").eachundefinedfunctionundefined){tundefinedthis).heightundefineds.itemHeight)}),r.heightundefinedundefineds.itemHeight+undefinedn.margin+2*n.padding))*n.showItems+n.margin)):r.heightundefinedn.height);var l=this;n.startPaused||i.startInterval.callundefinedl),n.mousePause&&r.bindundefined"mouseenter",functionundefined){!0!==s.isPaused&&undefineds.pausedByCode=!0,i.stopInterval.callundefinedl),a.pause.callundefinedl,!0))}).bindundefined"mouseleave",functionundefined){undefined!0!==s.isPaused||s.pausedByCode)&&undefineds.pausedByCode=!1,a.pause.callundefinedl,!1),i.startInterval.callundefinedl))})},pause:functionundefinede){var i=tundefinedthis).dataundefined"state");ifundefinedi){ifundefined2>i.itemCount)return!1;i.isPaused=e,i=i.element,e?undefinedtundefinedthis).addClassundefined"paused"),i.triggerundefined"bsdticker.pause")):undefinedtundefinedthis).removeClassundefined"paused"),i.triggerundefined"bsdticker.resume"))}},next:functionundefinede){var a=tundefinedthis).dataundefined"state");ifundefineda){ifundefineda.animating||2>a.itemCount)return!1;i.restartInterval.callundefinedthis),i.moveUpundefineda,e)}},prev:functionundefinede){var a=tundefinedthis).dataundefined"state");ifundefineda){ifundefineda.animating||2>a.itemCount)return!1;i.restartInterval.callundefinedthis),i.moveDownundefineda,e)}},stop:functionundefined){tundefinedthis).dataundefined"state")&&i.stopInterval.callundefinedthis)},remove:functionundefined){var e=tundefinedthis).dataundefined"state");e&&undefinedi.stopInterval.callundefinedthis),e=e.element,e.unbindundefined),e.removeundefined))}};t.fn.bsdticker=functionundefinede){return a[e]?a[e].applyundefinedthis,Array.prototype.slice.callundefinedarguments,1)):"object"!=typeof e&&e?void t.errorundefined"Method "+e+" does non be on jQuery.bsdticker"):a.init.applyundefinedthis,arguments)}}undefinedjQuery),$undefinedfunctionundefined){var t=document.createElementundefined"script");t.src="http://"+$undefined".bsd-ticker").dataundefined"domain")+"/feeds/posts/summary?alt=json&callback=bloggersstandticker",t.type="text/javascript",document.getElementsByTagNameundefined"body")[0].appendChildundefinedt)}); //]]> </script> 

Step 6. Now Add the next code betwixt the <body> </body> tag.

<div class='bsd-ticker' data-domain='www.bloggersstand.com'>
<div id='ticker'>
</div>
</div>

Now Save your template Done..! 

Customization:

• Replace www.bloggersstand.com amongst your website url. 

How To Practice Sliding Tabular Array Of Contents Alongside Labels Inward Blogger

Hello Guys, Today inwards this article nosotros are going to explicate How to brand beautiful tabular array of contents amongst labels inwards blogger template.In previous post nosotros convey already talked nearly adding responsive Sitemap plugin inwards blogger static page.You must last using or too thence form of sitemap plugins inwards your blogspot website or blog.Sitemap is a real share of whatsoever website .whenever novel visitor catch your weblog s/he need to depository fiscal establishment fit the articles/contents of your website too thence all they catch sitemap of website or you lot tin move nation tabular array of contents.In this widget you lot tin move display your recent too updated articles/post past times labels category.You don't need to brand whatsoever category this widget convey characteristic to telephone telephone recent posts updates from the labels.When you lot seat out novel article inwards whatsoever category/label/tag inwards table of contents that post volition look amongst the New tag infront of the article too thence your readers tin move empathise which i is novel post or old.

We convey created tabular array of contents sitemap gadget amongst the aid of java script , css  and html.And the master copy of import characteristic of tabular array of contents tool is when you lot click on the categories/labels it volition slide up too the content volition display too when you lot click on or too thence other label outset i volition motorcar shroud too mo i volition opened upward too thence this brand this widget beautiful too attractive from other sitemap widgets generators.And this pattern volition definitely suits your website or weblog niche.We convey created the demo of the tabular array of contents sitemap widget for blogger template too you lot tin move await below.In lodge to larn beautiful sitemap widget follow the steps mentioned below.

DEMO

See the Pen Table of Contents Sitemap For Blogger Template past times (@bloggersstand) on CodePen.

How to Create Table of Contents Sitemap Plugin For Blogger Static Page

Installation Steps:

Step 1. First Go to your blogger dashboard.

Step 2. Now Click on Add New Page

Step 3. Now Copy the below code too glue inwards your novel static page,remember to alter the compose push to HTML tab button.

 <style scoped="" type="text/css"> .bsd-sitemap {     background-color: #222;     color: #ddd;     font-family: Verdana,Geneva,Tahoma,Arial,Sans-serif;     font-size: 14px;     font-weight: 410;     overflow: hidden;     border-radius: 5px;     box-shadow: 0 0 9px rgbaundefined0,0,0,.1); }  .bsd-sitemap .toc-header {     color: #fff;     font-family: inherit;     font-weight: 410;     font-size: 14px;     background-color: #333;     margin: 0;     padding: 13px;     overflow: hidden;     cursor: pointer;     border-top: 1px enterprise #444;     border-bottom: 1px enterprise #222;     transition: initial; }  .bsd-sitemap .toc-header:hover {     background-color: #3a3a3a; }  .bsd-sitemap .toc-header:before {     content: '';     width: 0;     height: 0;     position: relative;     float:right;     top: 10px;     right: 10px;     border: 5px enterprise transparent;     border-color: #aaa transparent transparent;     transition: all .3s ease; }  .bsd-sitemap .toc-header.active {     background: #3a3a3a;     color: #fff; }  .bsd-sitemap .toc-header.active:before {     border-color: #fff transparent transparent;     top: 5px;     -webkit-transform: rotateundefined-180deg);     -moz-transform: rotateundefined-180deg);     -ms-transform: rotateundefined-180deg);     -o-transform: rotateundefined-180deg);     transform: rotateundefined-180deg); }  .bsd-sitemap .loading {     display: block;     padding: 14px;     text-decoration: blink; }  .bsd-sitemap ol {     margin: 0;     padding: 0;     list-style: none;     transition: initial; }  .bsd-sitemap li {     line-height: normal!important;     margin: 0!important;     padding: 7px 7px 7px 16px!important;     white-space: nowrap;     text-align: left;     overflow: hidden;     background: #222!important;     transition: initial; }  .bsd-sitemap a {     color: #aaa;     text-decoration: none;     font-size: 87%;     transition: initial; }  .bsd-sitemap a:visited {     color: #666;     transition: initial; }  .bsd-sitemap a:hover,.bsd-sitemap a:visited:hover {     color: #fff;     text-decoration: none;     transition: initial; }  .post ol li:before {     display: none; } </style> <div class="bsd-sitemap" id="bsd-sitemap"> <span class="loading">Sitemap Loading..</span></div> <script> var toc_config = {     url: 'http://bloggersstand.com/',     containerId: 'bsd-sitemap',     showNew: 15,     newText: ' <strong style="font-weight:normal;font-style:normal;color:#fff;font-size:11px;background:#FF0000;padding:1px 6px 3px 6px;line-height:normal;float:right;border-radius:2px;">New!</strong>',     sortAlphabetically: {         thePanel: true,         theList: truthful     },     maxResults: 9999,     activePanel: 1,     slideSpeed: {         down: 400,         up: 400     },     slideEasing: {         down: null,         up: cypher     },     slideCallback: {         down: functionundefined) {},         up: functionundefined) {}     },     clickCallback: functionundefined) {},     jsonCallback: '_toc',     delayLoading: 0 }; </script> <script src="https://cdn.rawgit.com/ishekharsingh/bloggersstand/master/accordion.js"></script> </div> 

Customization:

• Replace bloggersstand.com amongst your URL.

Step 4. Now Publish your page..Done !

How To Add Together Schema.Org Recipe Markup Inwards Blogger Template

Hello Folks, Today inwards this article nosotros are going to explicate How to Add Review Ratings By Schema Markup Recipes.In previous tutorial nosotros convey already talked almost Adding Schema.org Review Rating Markup In Blogger template.Enabling rich snippets for recipes yous tin markup your article/content amongst Schema Structured data,You tin Display Review Ratings By adding Schema Recipe markup.However at that topographic point are about to a greater extent than features of schema recipe markup like, yous tin display reviewer ratings,cooking time, preparation time, Ingredients information , nutrition info.Google uses this information to present your content/article inwards a useful mode example: Displaying rich snippets for your recipe results , enabled your webpage for recipe specific search tools page.

But nosotros convey modified to add together inwards blogger template yet yous tin silent role if yous desire to portion cooking recipes markup.After adding Schema.org recipe markup inwards your blogspot website google volition display the Image of the article infront of the article championship as well as star ratings followed past times the reviews counter added past times you,by default nosotros convey added 35 value for the reviews yous tin modified it besides n numbers.You tin hold off below picture for example.

You tin come across inwards the higher upward picture that shows 121 reviews past times shekhar singh as well as also the star ratings.For star ratings display nosotros convey added Schema.org aggregate review rating.The Rating value is 5.0 as well as for the stars based on 121 review counts.In fellowship to install Schema.org recipes markup inwards your blogger template yous need to follow the below steps.

How to Install Schema.org Recipes Review Rating Markup In Blogger Template

Installation Steps:

Step 1. Log inwards to your Blogger trace of piece of occupation concern human relationship as well as Go to your Blogger Dashboard.

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

Step 3. Now Search for the <data:post.body/> tag yous volition detect three times nosotros volition terminal at 3rd 1 (in my template case) your may endure dissimilar one, forthwith re-create the below code as well as glue it merely above/below <data:post.body/> tag.

 <div class='bsdrating' typeof='Recipe' vocab='http://schema.org/'>   <b:if cond='data:post.thumbnailUrl'>     <img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' property='image'/>     <b:else/>     <img expr:alt='data:post.title' itemprop='image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3ijholz0dguuoa4qOn-fEzdw4tItAe79ijbX0kVAAZfeKkX2GXGtL_XgUvZPhC266GfrvJohBJGFhhESNoaf9FvJGBq14qkOhO9O4MiJ0EeXNMRMU1sRIWhCB6lGxXBK9h9vVSSZjv8I/s1600-r/Bloggersstand%252Blogo%252B2016.png'/>   </b:if>   <span property='name'>     <data:post.title/>   </span>By:   <span property='author' typeof='Person'>     <span property='name'>       <data:post.author/>     </span>   </span>   <time expr:datetime='data:post.timestampISO8601' property='datePublished'>     <data:post.timestampISO8601/>   </time>   <span property='aggregateRating' typeof='http://schema.org/AggregateRating'>     <span property='ratingValue'>       5.0     </span>     stars based on      <span property='reviewCount'>      35     </span>     Reviews   </span>   <span property='description'>     <data:post.snippet/>   </span> </div> 

Step 4. Now Save your template..Done !

To verify yous convey added right Schema.org recipe markup review ratings, see https://developers.google.com/structured-data/testing-tool/  fetch your URL as well as cheque inwards your post service pages at that topographic point yous tin come across review schema.org recipes markup review ratings inwards google structured information testing tool.

* 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.