tag:blogger.com,1999:blog-13208248032166391562024-03-18T19:22:03.708+05:30Sora Blogging TipsSora Blogging Tips Provides You Blogging Tips, Blogspot Tips, Learn SEO, Technology News, Social Media And Make Money Online.SoraBloggingTipshttp://www.blogger.com/profile/16774080240294693492noreply@blogger.comBlogger620125tag:blogger.com,1999:blog-1320824803216639156.post-78110731165252343422024-03-17T10:08:00.002+05:302024-03-18T19:21:30.616+05:30How To Setup Pogo Blogger Template<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoUDnS3Vvf8qJI3qX5tc6hxSv8SWrjDDkOmyvCLZN3p3ve00-3bsLjWNGUVIDyk0Wwxra6GDxQj8Yqyv7XYtvBqNExKXo1dB1w8MDTZ2n9WhDZTqizKTFyJtps_US5UyUbrz4RraW_J3hviNTOkxWiquoxAULDt8wo1H9O4ziKmWix9CSNvYwepCMMjbAO/s1600/Pager%20Blogger%20Template.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="932" data-original-width="1898" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoUDnS3Vvf8qJI3qX5tc6hxSv8SWrjDDkOmyvCLZN3p3ve00-3bsLjWNGUVIDyk0Wwxra6GDxQj8Yqyv7XYtvBqNExKXo1dB1w8MDTZ2n9WhDZTqizKTFyJtps_US5UyUbrz4RraW_J3hviNTOkxWiquoxAULDt8wo1H9O4ziKmWix9CSNvYwepCMMjbAO/s1600/Pager%20Blogger%20Template.jpg" /></a></div><div style="text-align: center;"><br /></div>
Pogo Blogger Template is a stylish and attractive Beauty and Magazine Blogspot Theme. It is crafted for a lifestyle magazine, fashion magazine, online news, health and beauty tips, creative designer, web design, and health tips blog. <br />
<a name='more'></a>You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users. </div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide" href="https://pogo-soratemplates.blogspot.com/" rel="nofollow" target="_blank"> <span class="circle"><i aria-hidden="true" class="fa fa-rocket"></i></span> <span class="title">See Demo</span> <span class="title-hover">Live Preview</span> </a> <a class="btn-slide2" href="https://www.soratemplates.com/2024/03/pogo-blogger-templates.html" rel="nofollow" target="_blank"> <span class="circle2"><i aria-hidden="true" class="fa fa-download"></i></span> <span class="title2">Free Download</span> <span class="title-hover2">Free Version</span> </a> <a class="btn-slide2" href="https://premiumbloggerthemes.gumroad.com/l/pogopremium" rel="nofollow" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Buy Now</span> <span class="title-hover2">Premium Version</span> </a> </div>
<div class="basic-setup-sec">
<h3 style="text-align: left;">
<b>Basic Setup</b></h3>
<ol style="text-align: left;">
<li><b><a href="http://www.sorabloggingtips.com/p/how-to-install-blogger-template.html" target="_blank">Template Installation</a></b></li>
<li><a href="http://www.sorabloggingtips.com/p/how-to-install-logo-in-your-blog.html" target="_blank"><b>Logo Setup</b></a></li>
<li><b><a href="http://www.sorabloggingtips.com/p/default-setting-for-blogger-templates.html" target="_blank">Template Setting</a></b></li>
<li wfd-id="88"><b><a href="https://www.sorabloggingtips.com/p/shortcodes-and-page-markups-v20.html" target="_blank">Shortcodes & Markups v2.0</a></b></li>
<li><b><a href="http://www.sorabloggingtips.com/2017/01/how-to-add-sitemap-widget-in-blogspot-blogs.html" target="_blank">Create Sitemap</a></b></li>
</ol>
</div>
<div class="video-setup-sec">
<h3 style="text-align: left;">
Video Documentation</h3>
<div>
You can check this below video to understand the setup process much more easily, just click the below image to watch the video directly on YouTube, or click this link - <b><a href="https://youtu.be/vPfc74eGOo8" rel="nofollow" target="_blank">How To Setup Pogo Blogger Template - SoraTemplates</a></b><br />
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://youtu.be/vPfc74eGOo8" rel="nofollow" target="_blank"><img border="0" data-original-height="354" data-original-width="636" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQCxcjGV4LvxAe62IsIrjIpyQRJDd5R5yHhQ6o7QsMgBRKBGiuG7Ie-Uv4k-nsNAf6aigPgQEigcH01ffzn0sykjCuUwARn5o9SW2TSb6FNb_tNNe6WJQfOGU8UQHAraONYAO-CioQBr-ZEQ4oVLhuUlC04EzQcyOPEKV153QoSkep2UEY18pIqgc9X60/s1600/Pogo%20Youtube%20Thumbnail.png" /></a></div></div>
</div></div><h3>Top Navigation / Footer Menu</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Top Navigation</b> or <b>Footer Menu</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="536" data-original-width="550" src="https://2.bp.blogspot.com/-yXNGRKHhaW4/W1lJantSPQI/AAAAAAAAClg/KspsdbcoAS07qDLlht8179UzPtSALcwoQCLcBGAs/s1600/top-navigation.png" /></div></h3><h3>Social Top</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Social Top</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Icons Avaliables {</b><span style="color: #0b5394;"><i> facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, twitch, delicious, codepen, reddit, whatsapp, snapchat, email</i></span> <b>}</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="606" data-original-width="549" src="https://4.bp.blogspot.com/-twEmAfV2mu4/WxdfXnxNXXI/AAAAAAAAB3A/uUSvzH6kaloTSHDra5ryhm5cHO7mrfyogCLcBGAs/s1600/top-social.png" /></div></h3><h3>Main Menu/DropDown/Multi DropDown</h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"><div wfd-id="107"><div style="margin: 0px;" wfd-id="108">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Main Menu</b> widget.</div></div><div wfd-id="105"><div style="margin: 0px;" wfd-id="106"><br /></div></div><div wfd-id="104">Normal Link : <b>Features</b></div><div wfd-id="103">Sub Link: <b>_Sub Link 1.0</b> (before the link add "<span style="color: #0b5394;"><b>_</b></span>") 1 underscore</div><div wfd-id="102">Sub Link 2: <b>__Sub Link 1.1</b> (before the link add "<span style="color: #0b5394;"><b>__</b></span>") 2 underscore</div><div wfd-id="100"><div style="margin: 0px;" wfd-id="101"><br /></div></div><div wfd-id="98"><div class="separator" style="clear: both; text-align: center;" wfd-id="99"><img border="0" data-original-height="698" data-original-width="551" src="https://4.bp.blogspot.com/-ah9YkPlJR5I/Wz0fbT6aMEI/AAAAAAAACSg/1cS2m8ftDKg9ZFUz0TBEX4uiwTvoxJixgCLcBGAs/s1600/main-menu.png" /></div></div></div></h3><h3><div style="font-size: medium; font-weight: 400;"></div></h3><h3>Main Slider</h3><h3><div style="font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Main Slider</b> section, you must place the following names highlighted in blue below.</div><div><br /></div><span style="font-weight: 700;">a) With Shortcodes</span></div><div style="font-size: medium; font-weight: 400;"><b><br /></b><div>Shortcode: <b><span style="color: #0b5394;"><span style="color: purple;">Number of Posts</span>/Label</span>, <span style="color: #cc0000;">recent</span> </b>or<b> <span style="color: #38761d;">random</span>/slider</b></div><div><br /></div><div>Example: <b>6/Anime/slider</b></div><div><br /></div><div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="512" data-original-width="560" src="https://2.bp.blogspot.com/-NXDUpQCSyqM/W-yKg-CWloI/AAAAAAAADjw/buWU8NvkAZ8nFLJ9PIxMak45-md-28GQQCLcBGAs/s1600/main_slider.png" /></div></div></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;" wfd-id="91"><br /></div></h3><h4 style="clear: both;">b) With Popular Post</h4><h3><div style="font-size: medium; font-weight: 400;" wfd-id="82"><div class="separator" style="clear: both;" wfd-id="83"><div wfd-id="90">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>Popular Posts</b> on <b>Main Slider</b> section, you set the settings as below</div><div wfd-id="85"><div wfd-id="89"><br /></div><div wfd-id="88"><b>Widget Settings:</b></div><div wfd-id="87"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-csHcPbbk9yI/YKZWTmgjJwI/AAAAAAAAKxg/srWck_is2dkGmChVTimhRg5V4-pFY5DrgCNcBGAsYHQ/s762/Blogger-Director-Configure-popular-posts.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="762" data-original-width="719" src="https://1.bp.blogspot.com/-csHcPbbk9yI/YKZWTmgjJwI/AAAAAAAAKxg/srWck_is2dkGmChVTimhRg5V4-pFY5DrgCNcBGAsYHQ/s16000/Blogger-Director-Configure-popular-posts.png" /></a></div></div></div></div></h3><h3><div style="font-size: medium; font-weight: 400;"><br /></div></h3><h3>Post Layouts</h3><h3><div style="font-size: medium; font-weight: 400;"><b>Left Sidebar:</b> Inside the post add the text <b>left-sidebar</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;"><b>Full Width:</b> Inside the post add the text <b>full-width</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;"><b>Right Sidebar:</b> Inside the post add the text <b>right-sidebar</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="951" data-original-width="1358" src="https://2.bp.blogspot.com/-fCQMSq7tcD0/WxeSCroFr1I/AAAAAAAAB5E/ZYlvtyGAl14cPAri8JvXMhxPCPe_hx1rwCLcBGAs/s1600/post-layouts.jpg" /></div></h3><h3 style="clear: both;">Ads on post pages</h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="51"><div class="separator" style="clear: both;" wfd-id="54">Access your blog <b>Layout</b> > click <b>Edit icon</b> on in the sections <b>Post ADS 1</b> ( before<span style="color: #2b00fe;"> content</span> ) , <b>Post ADS 2</b> ( after <span style="color: #2b00fe;">content</span> ) or <b><span style="color: red;">Post ADS 3</span></b> ( after <span style="color: #2b00fe;">related posts</span> ).</div><div class="separator" style="clear: both;" wfd-id="53"><br /></div><div class="separator" style="clear: both;" wfd-id="52"><b>HTML/JavaScript Ex:</b></div></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="50"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;" wfd-id="49"><a href="https://1.bp.blogspot.com/-pIZPRxL25u8/YDt-rmSIY6I/AAAAAAAAKGE/DgVXXmEOms8M8pbwOaMYH7oA7ITLf4paQCNcBGAsYHQ/s617/Ads%2Bsettings.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="617" data-original-width="572" src="https://1.bp.blogspot.com/-pIZPRxL25u8/YDt-rmSIY6I/AAAAAAAAKGE/DgVXXmEOms8M8pbwOaMYH7oA7ITLf4paQCNcBGAsYHQ/s16000/Ads%2Bsettings.png" /></a></div></h3><h3><div style="font-size: medium; font-weight: 400;"></div></h3><h3>Post List Widget & Grid Post</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Grid Post</b> section <span class="tlid-translation translation">and follow the instructions below.</span></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Shortcode: <b>Results number/<span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> or <span style="color: #38761d;">random</span>/post-list</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Label Posts: <b>3/Technology/post-list</b></div><div style="font-size: medium; font-weight: 400;">Recent Posts: <b>3/recent/post-list</b></div><div style="font-size: medium; font-weight: 400;">Random Posts: <b>3/random/post-list</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="535" data-original-width="539" src="https://2.bp.blogspot.com/-4MIJlqO1pUc/WxdpOVxXIII/AAAAAAAAB3w/-cMDJxJKatQofEpeQQiJbuIjMgGxk7JbACEwYBhgL/s1600/post-list-widget.png" /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"><br /></div></h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="66"><br /></div></h3><h3>Instagram Tags</h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="65">Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Instagram Tags</b> widget's.</div><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="64"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-0GvpHrhZGHI/YX_D_0oZveI/AAAAAAAALxg/vfqjg9iwyscN5pju7rj6AJKnCYvDwipdQCNcBGAsYHQ/s1507/insta.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="509" data-original-width="1507" src="https://1.bp.blogspot.com/-0GvpHrhZGHI/YX_D_0oZveI/AAAAAAAALxg/vfqjg9iwyscN5pju7rj6AJKnCYvDwipdQCNcBGAsYHQ/s16000/insta.png" /></a></div><div class="separator" style="clear: both; text-align: center;" wfd-id="63"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="62"><br />Widget Settings <b>EX</b>:</div><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="59"><br /><div class="separator" style="clear: both; text-align: center;" wfd-id="61"><a href="https://1.bp.blogspot.com/-TFkpZwDTqo0/YDPC4wyGGmI/AAAAAAAAKBI/u2TRG1iV-C4N5LMh7PwhbfceqRJz5Qy7gCNcBGAsYHQ/s683/Popular-Tags-setup.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="683" data-original-width="537" src="https://1.bp.blogspot.com/-TFkpZwDTqo0/YDPC4wyGGmI/AAAAAAAAKBI/u2TRG1iV-C4N5LMh7PwhbfceqRJz5Qy7gCNcBGAsYHQ/s16000/Popular-Tags-setup.png" /></a></div></div></h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"></div><div style="font-size: medium; font-weight: 400;"></div></h3><h3>Theme Options</h3><h4>01 - Boxed Version</h4><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Boxed Version</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">In <i>New Site Name</i> add <b>boxedVersion</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both; text-align: center;"><a href="https://4.bp.blogspot.com/-UWgDr6Hl1PQ/W5vs9EB1tlI/AAAAAAAADGY/2seLnnStyKUof1uLXEThmGseiyK5DSJmgCLcBGAs/s1600/boxed_version.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="529" data-original-width="545" src="https://4.bp.blogspot.com/-UWgDr6Hl1PQ/W5vs9EB1tlI/AAAAAAAADGY/2seLnnStyKUof1uLXEThmGseiyK5DSJmgCLcBGAs/s1600/boxed_version.png" /></a></div><br /></div></h3><h4>02 - Default Variables</h4><h3><div style="font-size: medium; font-weight: 400;"> Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Default Variables</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Post Per Page:</b> In <i>New Site Name</i> add <b>postPerPage</b>, in <i>New Site URL</i> add the number of results, it should be the same as the posts from the home page, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Fixed Sidebar:</b> In <i>New Site Name</i> add <b>fixedSidebar</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Comments System:</b> In <i>New Site Name</i> add <b>commentsSystem</b>, in <i>New Site URL</i> add the comments sytem type <b>{<span style="color: #e69138;">blogger</span>, <span style="color: #3d85c6;">disqus</span>, <span style="color: #073763;">facebook</span> or <span style="color: #cc0000;">hide</span>}</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Disqus Shortname:</b> In <i>New Site Name</i> add <b>disqusShortname</b>, in <i>New Site URL</i> add your disqus comment system shortname, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="624" data-original-width="523" src="https://1.bp.blogspot.com/-rExdUXOAgtQ/WxduxYWEo2I/AAAAAAAAB4M/KI0ipawglGQ_fQ7axi6Yu1TdBiWU0sd9QCLcBGAs/s1600/default-variables.png" /></div></h3><h3><div style="font-size: medium; font-weight: 400;"><br /><br /></div></h3><h3>Facebook Page Plugin </h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Footer</b> section, and paste the code below.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><i><span style="background-color: #f3f3f3;"><center><div class="fb-page" data-href="<span style="background-color: #073763;"><span style="color: white;">https://www.facebook.com/way2themes</span></span>" data-width="360" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div></center></span></i></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><span style="color: #cc0000;"><b>Note:</b></span> In Attribute <i><b>data-href</b></i> replace the link per your facebook page url.</div></h3>
<h3>
Customizing Your Template</h3>
<div style="font-size: medium; font-weight: 400;">
<div style="font-size: medium; font-weight: 400;">
Access your blog <b>Theme</b> > click <span style="color: #e69138;">Customize</span> button.</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Here you can change the background, and apply pre-defined colors</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="270" data-original-width="724" src="https://1.bp.blogspot.com/-H1u1QEV-qss/W4BHVwCJ8TI/AAAAAAAAC9g/_25WTIFhTjUvnRmjcGRFAl4kOI-ItSJ7QCEwYBhgL/s1600/customize_background.png" /></div>
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Clicking Advanced You will see the official option to change the Main Colors</div>
<br />
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="272" data-original-width="696" src="https://3.bp.blogspot.com/-q47DGPWfrgE/W4BHP2xDXHI/AAAAAAAAC9c/eqk39S8t2MI_9Dzhejt11Y5t0K-0-x0mACLcBGAs/s1600/customize_colors.png" /></div>
</div>
</div>
<div>
<h3 style="clear: both; text-align: left;">
Installation And Custom Services</h3>
<div class="separator" style="clear: both; text-align: justify;">
We provide plenty of templates for free but if you want something unique for your blog then let us create a unique design for your blog, Just tell us your needs and we will convert your dream design into reality. We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle.</div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide2" href="http://www.soratemplates.com/p/contact-us.html" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Contact Us</span> <span class="title-hover2">Custom template Services</span> </a> </div>
<div class="alert-message alert" style="font-size: 15px;">
<i class="fa fa-info-circle"></i> Only Premium Buyers will get the widget codes available in the demo.</div>
<div class="alert-message warning" style="font-size: 15px;">
<i class="fa fa-exclamation-triangle"></i> If you are a premium version user and you are having any problem while setting up the template please contact us by going to this <a href="http://www.templatesyard.com/p/contact-us.html" style="color: blue;" target="_blank"><b>link (Contact Form)</b></a>.</div></div>TemplatesYardhttp://www.blogger.com/profile/16801688932542878100noreply@blogger.com0tag:blogger.com,1999:blog-1320824803216639156.post-90668048205681963962024-03-10T01:00:00.007+05:302024-03-14T19:50:07.706+05:30How To Setup TNews Blogger Template [TemplatesYard]<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrJ6acoXFhyQDLH613aMwOTiiIUKP5stSul-f1d88rhqU5E3FHfEfiRtOXP0kBw6mjCFmLs4EWh041W8OaFlUIxbNFgbVKB9BJBTwhMdOJ87ELkW7XZ1mNy1VzZO2_udjxe5N2fW4nuQFhBupAL9zsHToat6ckdTSe1LS0xg-likcV1HRdInrGOf6PC92D/s1600/TNews%20Blogger%20Template.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrJ6acoXFhyQDLH613aMwOTiiIUKP5stSul-f1d88rhqU5E3FHfEfiRtOXP0kBw6mjCFmLs4EWh041W8OaFlUIxbNFgbVKB9BJBTwhMdOJ87ELkW7XZ1mNy1VzZO2_udjxe5N2fW4nuQFhBupAL9zsHToat6ckdTSe1LS0xg-likcV1HRdInrGOf6PC92D/s1600/TNews%20Blogger%20Template.jpg" /></a><br /></div><br />
TNews Blogger Template is a stylish and attractive Beauty and Magazine Blogspot Theme. It is crafted for a lifestyle magazine, fashion magazine, online news, health and beauty tips, creative designer, web design, and health tips blog. To make it easy for you. we have published this detailed documentation so that you can set up your blog correctly. You have made a good decision by choosing our template. <br />
<a name='more'></a>You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users. </div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide" href="https://tnews-templatesyard.blogspot.com/" rel="nofollow" target="_blank"> <span class="circle"><i aria-hidden="true" class="fa fa-rocket"></i></span> <span class="title">See Demo</span> <span class="title-hover">Live Preview</span> </a> <a class="btn-slide2" href="https://www.templatesyard.com/2024/03/tnews-blogger-template.html" rel="nofollow" target="_blank"> <span class="circle2"><i aria-hidden="true" class="fa fa-download"></i></span> <span class="title2">Free Download</span> <span class="title-hover2">Free Version</span> </a> <a class="btn-slide2" href="https://premiumbloggerthemes.gumroad.com/l/tnewspremium" rel="nofollow" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Buy Now</span> <span class="title-hover2">Premium Version</span> </a> </div>
<div class="basic-setup-sec">
<h3 style="text-align: left;">
<b>Basic Setup</b></h3>
<ol style="text-align: left;">
<li><b><a href="http://www.sorabloggingtips.com/p/how-to-install-blogger-template.html" target="_blank">Template Installation</a></b></li>
<li><a href="http://www.sorabloggingtips.com/p/how-to-install-logo-in-your-blog.html" target="_blank"><b>Logo Setup</b></a></li>
<li><b><a href="http://www.sorabloggingtips.com/p/default-setting-for-blogger-templates.html" target="_blank">Template Setting</a></b></li>
<li wfd-id="88"><b><a href="https://www.sorabloggingtips.com/p/shortcodes-and-page-markups-v20.html" target="_blank">Shortcodes & Markups v2.0</a></b></li>
<li><b><a href="http://www.sorabloggingtips.com/2017/01/how-to-add-sitemap-widget-in-blogspot-blogs.html" target="_blank">Create Sitemap</a></b></li>
</ol>
</div>
<div class="video-setup-sec">
<h3 style="text-align: left;">
Video Documentation</h3>
<div>
You can check this below video to understand the setup process much more easily, just click the below image to watch the video directly on YouTube, or click this link - <b><a href="https://youtu.be/Qd_NKmYwCPo" rel="nofollow" target="_blank">How To Setup TNews Blogger Template - TemplatesYard</a></b><br />
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://youtu.be/Qd_NKmYwCPo" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-GUkcejh8IfLRzsX6cZKlLeAfdywjySM_-6j2EKkz4nJ6i8tVCy-wstzTfitcE0P6nIJsFcB23CJomFBwRYmafrtsSOOMNa7xQYrj73M2tIiieFLZsipzbhc1rVmFb3QMhMiFXAzId_uvXLl0NzzftzyFMFtJA6b35rnBNTzBwlqsiXL_CkcCv1TLBv18/s1600/Tnews%20Youtube%20Thumbnail.png" /></a></div></div></div><div><h3><br /></h3><h3>Newsticker</h3><h3><div style="font-size: medium;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div style="font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>News Ticker</b> section, you must place the following names highlighted in blue below.</div></div></div></div></h3><h4>a) With Shortcodes</h4><h3><div style="font-size: medium;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div style="font-weight: 400;"><br /></div><div style="font-weight: 400;">Shortcode: <b><span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> </b>or<b> <span style="color: #38761d;">random</span>/ticker-posts</b></div><div style="font-weight: 400;"><br /></div><div style="font-weight: 400;">Example: <b>6/Technology/ticker-posts</b><br /><b><br /></b></div><div style="font-weight: 400;"><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-QeFw0XA1U18/XtOV24WqSOI/AAAAAAAAImk/omfMqHccb3o67RPw_MNGvHaII8eY3N7KgCNcBGAsYHQ/s1600/Ticker%2BSS.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="599" data-original-width="553" src="https://1.bp.blogspot.com/-QeFw0XA1U18/XtOV24WqSOI/AAAAAAAAImk/omfMqHccb3o67RPw_MNGvHaII8eY3N7KgCNcBGAsYHQ/s1600/Ticker%2BSS.png" /></a></div></div></div></div></div></h3><h4 style="clear: both;">b) With Popular Post</h4><h3><div style="font-size: medium;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>Popular Posts</b> on <b>Newsticker</b> section, you set the settings as below</div><div><div><br /></div><div><b>Widget Settings:</b></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-cCxeGhv3ZR4/YVlK1x3M5RI/AAAAAAAALr4/peFxkFo0Op0X9Fd7xUh5rBvNGMiULK0AgCNcBGAsYHQ/s16000/Blogger-Layout.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="599" data-original-width="570" src="https://1.bp.blogspot.com/-cCxeGhv3ZR4/YVlK1x3M5RI/AAAAAAAALr4/peFxkFo0Op0X9Fd7xUh5rBvNGMiULK0AgCNcBGAsYHQ/s16000/Blogger-Layout.png" /></a></div></div></div></div></div></div></h3><h3>Main Menu/DropDown/Multi DropDown/Mega Menu</h3><h3><div style="font-size: medium;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both; font-weight: 400;"><div class="separator" style="clear: both;"></div></div></div></div></div></h3><h3><div style="font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Main Menu</b> widget.</div><div><br /></div><div>Home Link: <b>Your Title-text</b> or <b>Your Title-icon</b> EX: <span style="color: #0b5394;"><b>Home-icon</b></span> or <span style="color: #0b5394;"><b>Home-text</b></span></div><div>Normal Link : <b>Features</b></div><div>Sub Link: <b>_Sub Link 1.0</b> (before the link add "<span style="color: #0b5394;"><b>_</b></span>") 1 underscore</div><div>Sub Link 2: <b>__Sub Link 1.1</b> (before the link add "<span style="color: #0b5394;"><b>__</b></span>") 2 underscore</div><div>Mega Shortcode by Label: <b>Technology/mega-menu</b></div><div>Mega Shortcode by Recent: <b>recent/mega-menu</b></div><div>Mega Shortcode by Random: <b>random/mega-menu</b></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="834" data-original-width="546" src="https://3.bp.blogspot.com/-ioGqbcfLimc/WxdkFWsL_AI/AAAAAAAAB3U/tIGE6Qztw0MG94xTk4968Lrj10p4mxVnACLcBGAs/s1600/main-menu.png" /></div></div></h3><h3>Top Navigation & Footer Navigation</h3><h3><div class="video-setup-sec" style="font-size: medium; font-weight: 400;"></div></h3><h3><div style="font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Top Navigation & Footer Navigation</b> widget.</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="536" data-original-width="550" src="https://2.bp.blogspot.com/-yXNGRKHhaW4/W1lJantSPQI/AAAAAAAAClg/KspsdbcoAS07qDLlht8179UzPtSALcwoQCLcBGAs/s1600/top-navigation.png" /></div></div></h3><h3>Social Top/ Sidebar Social</h3><h3><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;"></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div></div></div></div></div></h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Social Top/Sidebar Social</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Icons Avaliables {</b><span style="color: #0b5394;"><i> facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, twitch, delicious, codepen, reddit, whatsapp, snapchat, email</i></span> <b>}</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="606" data-original-width="549" src="https://4.bp.blogspot.com/-twEmAfV2mu4/WxdfXnxNXXI/AAAAAAAAB3A/uUSvzH6kaloTSHDra5ryhm5cHO7mrfyogCLcBGAs/s1600/top-social.png" /></div></h3><h3><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both; text-align: center;"><br /></div></div></h3><h3><div style="font-size: medium;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both; font-weight: 400;"><div class="separator" style="clear: both; text-align: center;"></div></div></div></div></div></h3><h3>Main Slider</h3><h3><div style="font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Main Slider</b> section, you must place the following names highlighted in blue below.</div><div><br /></div><span style="font-weight: 700;">a) With Shortcodes</span></div><div style="font-size: medium; font-weight: 400;"><b><br /></b><div>Shortcode: <b><span style="color: #0b5394;"><span style="color: purple;">Number of Posts</span>/Label</span>, <span style="color: #cc0000;">recent</span> </b>or<b> <span style="color: #38761d;">random</span>/slider</b></div><div><br /></div><div>Example: <b>6/Anime/slider</b></div><div><br /></div><div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="512" data-original-width="560" src="https://2.bp.blogspot.com/-NXDUpQCSyqM/W-yKg-CWloI/AAAAAAAADjw/buWU8NvkAZ8nFLJ9PIxMak45-md-28GQQCLcBGAs/s1600/main_slider.png" /></div></div></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;" wfd-id="91"><br /></div></h3><h4 style="clear: both;">b) With Popular Post</h4><h3><div style="font-size: medium; font-weight: 400;" wfd-id="82"><div class="separator" style="clear: both;" wfd-id="83"><div wfd-id="90">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>Popular Posts</b> on <b>Main Slider</b> section, you set the settings as below</div><div wfd-id="85"><div wfd-id="89"><br /></div><div wfd-id="88"><b>Widget Settings:</b></div><div wfd-id="87"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-csHcPbbk9yI/YKZWTmgjJwI/AAAAAAAAKxg/srWck_is2dkGmChVTimhRg5V4-pFY5DrgCNcBGAsYHQ/s762/Blogger-Director-Configure-popular-posts.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="762" data-original-width="719" src="https://1.bp.blogspot.com/-csHcPbbk9yI/YKZWTmgjJwI/AAAAAAAAKxg/srWck_is2dkGmChVTimhRg5V4-pFY5DrgCNcBGAsYHQ/s16000/Blogger-Director-Configure-popular-posts.png" /></a></div></div></div></div></h3><h3><div style="font-size: medium; font-weight: 400;"><div></div></div></h3><h3>Hot Posts</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Hot Posts</b> section, you must place the following names highlighted in blue below.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Shortcode: <b><span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> </b>or<b> <span style="color: #38761d;">random</span>/hot-posts</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Example: <b>Technology/hot-posts</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="534" data-original-width="541" src="https://4.bp.blogspot.com/-988uKOqn1CE/WzHKtkGFDpI/AAAAAAAACLk/1kGnuUU8v_4T7vASSWlU5VhB5bFtQuEAgCLcBGAs/s1600/hot-posts.png" /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h4 style="clear: both; font-weight: 400;">b) With Popular Post</h4><h3><div style="font-size: medium;"><div class="separator" style="clear: both;"><div style="font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>Popular Posts</b> on <b>Hot Post</b> section, you set the settings as below</div><div style="font-weight: 400;"><div><br /></div><div><b>Widget Settings:</b></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-cCxeGhv3ZR4/YVlK1x3M5RI/AAAAAAAALr4/peFxkFo0Op0X9Fd7xUh5rBvNGMiULK0AgCNcBGAsYHQ/s16000/Blogger-Layout.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="599" data-original-width="570" src="https://1.bp.blogspot.com/-cCxeGhv3ZR4/YVlK1x3M5RI/AAAAAAAALr4/peFxkFo0Op0X9Fd7xUh5rBvNGMiULK0AgCNcBGAsYHQ/s16000/Blogger-Layout.png" /></a></div></div><div class="separator" style="clear: both;"><i><span style="color: red;">Note:- </span>Set the number to 6 in popular post settings.</i></div><div class="separator" style="clear: both;"><br /></div></div></div></h3><h3>Featured Section 01, 02 and 03 </h3><h3><div style="font-size: medium;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div style="font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Featured section 01</b> or <b>Featured Section 02</b> or <b>Featured Section 03</b> section, you must place the following names highlighted in blue below.</div><div style="font-weight: 400;"><br /></div><div style="font-weight: 400;">Types: <b>feat-big, col-left, col-right, feat-list, grid-post, grid-small, mini-slide</b></div><div style="font-weight: 400;"><br /></div><div style="font-weight: 400;">Shortcode: <b>Results number/<span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> or <span style="color: #38761d;">random</span>/type</b></div><div style="font-weight: 400;"><br /></div><div style="font-weight: 400;">Feat Big Ex: <b>Business/feat-big</b> <span style="color: red;"><b>NOTE:</b></span> in this do not set the number (<i>default is 5</i>).</div></div></div></div></h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-DYV3xRxnpbA/YU1Pnfv0QzI/AAAAAAAALpA/O-fNyqT3GqQcLtztEFaRjSH0X5s2ht-OwCNcBGAsYHQ/s498/grid-post.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="450" data-original-width="498" src="https://1.bp.blogspot.com/-DYV3xRxnpbA/YU1Pnfv0QzI/AAAAAAAALpA/O-fNyqT3GqQcLtztEFaRjSH0X5s2ht-OwCNcBGAsYHQ/s16000/grid-post.png" /></a></div><div class="separator" style="clear: both;"><br /></div></div></h3><h3>Carousel</h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;"><div>Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Hot Posts</b> section, you must place the following names highlighted in blue below.</div><div><br /></div><div>Shortcode: <b><span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> </b>or<b> <span style="color: #38761d;">random</span>/slide-posts</b></div><div><br /></div><div>Example: <b>8/Technology/slide-posts</b><br /><b><br /></b></div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-PcJjTHhILw4/XtOWNNFTY4I/AAAAAAAAIms/5pXV6UppElknrvbExSxxjyvCoaJdgiq4QCNcBGAsYHQ/s1600/Carousel%2BSS.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="599" data-original-width="553" src="https://1.bp.blogspot.com/-PcJjTHhILw4/XtOWNNFTY4I/AAAAAAAAIms/5pXV6UppElknrvbExSxxjyvCoaJdgiq4QCNcBGAsYHQ/s1600/Carousel%2BSS.png" /></a></div></div></div></div></h3><h3 style="font-weight: 400;"><div style="font-size: medium;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div style="text-align: center;"></div></div></div></div></h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"></div></h3><h3>Post List Widget</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Footer</b> section, you must place the following names highlighted in blue below.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Shortcode: <b>Results number/<span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> or <span style="color: #38761d;">random</span>/post-list</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Label Posts: <b>3/Technology/post-list</b></div><div style="font-size: medium; font-weight: 400;">Recent Posts: <b>3/recent/post-list</b></div><div style="font-size: medium; font-weight: 400;">Random Posts: <b>3/random/post-list</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="535" data-original-width="539" src="https://2.bp.blogspot.com/-4MIJlqO1pUc/WxdpOVxXIII/AAAAAAAAB3w/-cMDJxJKatQofEpeQQiJbuIjMgGxk7JbACEwYBhgL/s1600/post-list-widget.png" /></div></h3><h3>Social Widget (Sidebar)</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Social Widget</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Icons Avaliables {</b><span style="color: #0b5394;"><i> facebook, twitter, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, twitch, delicious, codepen, reddit, whatsapp, snapchat, email</i></span> <b>}</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="633" data-original-width="545" src="https://3.bp.blogspot.com/-KmBi4lg3BT0/WxdqJQRzW5I/AAAAAAAAB34/0SgzvNWYGXctNJbroOEktNk0kTvl3kyAACLcBGAs/s1600/social-widget.png" /></div></h3><h3>Post Layouts</h3><h3><div style="font-size: medium; font-weight: 400;"><b>Left Sidebar:</b> Inside the post add the text <b>left-sidebar</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;"><b>Full Width:</b> Inside the post add the text <b>full-width</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;"><b>Right Sidebar:</b> Inside the post add the text <b>right-sidebar</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="951" data-original-width="1358" src="https://2.bp.blogspot.com/-fCQMSq7tcD0/WxeSCroFr1I/AAAAAAAAB5E/ZYlvtyGAl14cPAri8JvXMhxPCPe_hx1rwCLcBGAs/s1600/post-layouts.jpg" /></div></h3><h3 style="clear: both;">Ads on post pages</h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on in the sections <b>Post ADS 1</b> ( before<span style="color: #2b00fe;"> content</span> ) , <b>Post ADS 2</b> ( after <span style="color: #2b00fe;">content</span> ).</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><b>HTML/JavaScript Ex:</b></div></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><a href="https://1.bp.blogspot.com/-pIZPRxL25u8/YDt-rmSIY6I/AAAAAAAAKGE/DgVXXmEOms8M8pbwOaMYH7oA7ITLf4paQCNcBGAsYHQ/s617/Ads%2Bsettings.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="617" data-original-width="572" src="https://1.bp.blogspot.com/-pIZPRxL25u8/YDt-rmSIY6I/AAAAAAAAKGE/DgVXXmEOms8M8pbwOaMYH7oA7ITLf4paQCNcBGAsYHQ/s16000/Ads%2Bsettings.png" /><br /></a></div></h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"></div></h3><h3>Footer About & Logo Section (Image & Text)</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > click </span><b style="font-size: medium;">Edit icon</b><span style="font-size: medium; font-weight: 400;"> > on </span><b style="font-size: medium;">About Section</b><span style="font-size: medium; font-weight: 400;"> widget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><span style="font-size: medium; font-weight: 400;">Example:</span><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><a href="https://1.bp.blogspot.com/-AnOZkEvWM8k/XtOZO36DJZI/AAAAAAAAInE/grHRtSY3s2ENqLfI8_RC4WZC6Yz-hPZtQCNcBGAsYHQ/s1600/ABout%2BSS.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="599" data-original-width="553" src="https://1.bp.blogspot.com/-AnOZkEvWM8k/XtOZO36DJZI/AAAAAAAAInE/grHRtSY3s2ENqLfI8_RC4WZC6Yz-hPZtQCNcBGAsYHQ/s1600/ABout%2BSS.png" /></a></div></h3><h3>Follow Us Widget (Footer)</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Follow Us Widget</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Icons Avaliables {</b><span style="color: #0b5394;"><i> </i></span><span style="color: #0b5394;"><i>blogger, facebook, facebook-f, twitter, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, pinterest-p, twitch, delicious, codepen, flipboard, reddit, whatsapp, messenger, snapchat, email, discord, share, external-link</i></span> <b>}</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="633" data-original-width="545" src="https://3.bp.blogspot.com/-KmBi4lg3BT0/WxdqJQRzW5I/AAAAAAAAB34/0SgzvNWYGXctNJbroOEktNk0kTvl3kyAACLcBGAs/s1600/social-widget.png" /></div></h3><h3>Theme Options</h3><h4>01 - Css Options</h4><h3><div style="font-size: medium; font-weight: 400;"> Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Css Options</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Boxed Version</b><b>:</b> In <i>New Site Name</i> add <b>boxedVersion</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Recent Posts Headline:</b> In <i>New Site Name</i> add <b>recentPostsHeadline</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="550" data-original-width="547" src="https://3.bp.blogspot.com/-T2kb3TjCXXE/W4BIA2Hq3NI/AAAAAAAAC9w/_IgyPNTUcC8esQeS68Z9JslUxEyMhrRsgCLcBGAs/s1600/css_options.png" /></div></h3><h4>02 - Default Variables</h4><h3><div style="font-size: medium; font-weight: 400;"> Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Default Variables</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Post Per Page:</b> In <i>New Site Name</i> add <b>postPerPage</b>, in <i>New Site URL</i> add the number of results, it should be the same as the posts from the home page, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Fixed Sidebar:</b> In <i>New Site Name</i> add <b>fixedSidebar</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Comments System:</b> In <i>New Site Name</i> add <b>commentsSystem</b>, in <i>New Site URL</i> add the comments sytem type <b>{<span style="color: #e69138;">blogger</span>, <span style="color: #3d85c6;">disqus</span>, <span style="color: #073763;">facebook</span> or <span style="color: #cc0000;">hide</span>}</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Disqus Shortname:</b> In <i>New Site Name</i> add <b>disqusShortname</b>, in <i>New Site URL</i> add your disqus comment system shortname, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="624" data-original-width="523" src="https://1.bp.blogspot.com/-rExdUXOAgtQ/WxduxYWEo2I/AAAAAAAAB4M/KI0ipawglGQ_fQ7axi6Yu1TdBiWU0sd9QCLcBGAs/s1600/default-variables.png" /></div></h3><h3><div style="font-size: medium; font-weight: 400;"></div></h3><h3>Facebook Page Plugin </h3><h3><div style="font-size: medium; font-weight: 400;"></div></h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Footer</b> section, and paste the code below.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><i><span style="background-color: #f3f3f3;"><center><div class="fb-page" data-href="<span style="background-color: #073763;"><span style="color: white;">https://www.facebook.com/templatesyard</span></span>" data-width="360" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div></center></span></i></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><span style="color: #cc0000;"><b>Note:</b></span> In Attribute <i><b>data-href</b></i> replace the link per your facebook page url.</div></h3></div>
<h3>
Customizing Your Template</h3>
<div style="font-size: medium; font-weight: 400;">
<div style="font-size: medium; font-weight: 400;">
Access your blog <b>Theme</b> > click <span style="color: #e69138;">Customize</span> button.</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Here you can change the background, and apply pre-defined colors</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="270" data-original-width="724" src="https://1.bp.blogspot.com/-H1u1QEV-qss/W4BHVwCJ8TI/AAAAAAAAC9g/_25WTIFhTjUvnRmjcGRFAl4kOI-ItSJ7QCEwYBhgL/s1600/customize_background.png" /></div>
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Clicking Advanced You will see the official option to change the Main Colors</div>
<br />
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="272" data-original-width="696" src="https://3.bp.blogspot.com/-q47DGPWfrgE/W4BHP2xDXHI/AAAAAAAAC9c/eqk39S8t2MI_9Dzhejt11Y5t0K-0-x0mACLcBGAs/s1600/customize_colors.png" /></div>
</div>
</div>
<div>
<h3 style="clear: both; text-align: left;">
Installation And Custom Services</h3>
<div class="separator" style="clear: both; text-align: justify;">
We provide plenty of templates for free but if you want something unique for your blog then let us create a unique design for your blog, Just tell us your needs and we will convert your dream design into reality. We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle.</div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide2" href="http://www.soratemplates.com/p/contact-us.html" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Contact Us</span> <span class="title-hover2">Custom template Services</span> </a> </div>
<div class="alert-message alert" style="font-size: 15px;">
<i class="fa fa-info-circle"></i> Only Premium Buyers will get the widget codes available in the demo.</div>
<div class="alert-message warning" style="font-size: 15px;">
<i class="fa fa-exclamation-triangle"></i> If you are a premium version user and you are having any problem while setting up the template please contact us by going to this <a href="http://www.templatesyard.com/p/contact-us.html" style="color: blue;" target="_blank"><b>link (Contact Form)</b></a>.</div>
</div>
</div>TemplatesYardhttp://www.blogger.com/profile/16801688932542878100noreply@blogger.com0tag:blogger.com,1999:blog-1320824803216639156.post-35525850140728808792024-03-03T00:55:00.004+05:302024-03-03T17:15:37.435+05:30How To Setup Wavy Blogger Template [Way2Themes]<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgftR0PJnkdqTa-ByvgyL2VBAFyu3I7IozBf2K5BD8BVr-SX9nrQLafDPH_JnIffWmFNuhdOwIDRyJ1gt1Kbv6Qx1hYXQEcDBmSlmUi83tn8L40ZBCj6eDfPxIWB0ygH-BCQ6Sv_88p9jMNbvhZd0iGdqHPl19zdMJHDpWNV4qQ_faUl8hyTQSgYbaPPcQn/s1600/Wavy%20Blogger%20Template.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgftR0PJnkdqTa-ByvgyL2VBAFyu3I7IozBf2K5BD8BVr-SX9nrQLafDPH_JnIffWmFNuhdOwIDRyJ1gt1Kbv6Qx1hYXQEcDBmSlmUi83tn8L40ZBCj6eDfPxIWB0ygH-BCQ6Sv_88p9jMNbvhZd0iGdqHPl19zdMJHDpWNV4qQ_faUl8hyTQSgYbaPPcQn/s1600/Wavy%20Blogger%20Template.jpg" /></a><br /></div><br />
Wavy Blogger Template is a stylish and attractive Minimalist Blogger Theme. It is crafted for a lifestyle magazine, fashion magazine, online news, health and beauty tips, creative design, web design, and health tips blog. To make it easy for you we have published this detailed documentation so that you can set up your blog correctly. You have made a good decision by choosing our template. <br />
<a name='more'></a>You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users. </div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide" href="https://wavy-way2themes.blogspot.com/" rel="nofollow" target="_blank"> <span class="circle"><i aria-hidden="true" class="fa fa-rocket"></i></span> <span class="title">See Demo</span> <span class="title-hover">Live Preview</span> </a> <a class="btn-slide2" href="https://www.way2themes.com/2024/03/wavy-blogger-template.html" rel="nofollow" target="_blank"> <span class="circle2"><i aria-hidden="true" class="fa fa-download"></i></span> <span class="title2">Free Download</span> <span class="title-hover2">Free Version</span> </a> <a class="btn-slide2" href="https://premiumbloggerthemes.gumroad.com/l/wavypremium" rel="nofollow" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Buy Now</span> <span class="title-hover2">Premium Version</span> </a> </div>
<div class="basic-setup-sec">
<h3 style="text-align: left;">
<b>Basic Setup</b></h3>
<ol style="text-align: left;">
<li><b><a href="http://www.sorabloggingtips.com/p/how-to-install-blogger-template.html" target="_blank">Template Installation</a></b></li>
<li><a href="http://www.sorabloggingtips.com/p/how-to-install-logo-in-your-blog.html" target="_blank"><b>Logo Setup</b></a></li>
<li><b><a href="http://www.sorabloggingtips.com/p/default-setting-for-blogger-templates.html" target="_blank">Template Setting</a></b></li>
<li wfd-id="88"><b><a href="https://www.sorabloggingtips.com/p/shortcodes-and-page-markups-v20.html" target="_blank">Shortcodes & Markups v2.0</a></b></li>
<li><b><a href="http://www.sorabloggingtips.com/2017/01/how-to-add-sitemap-widget-in-blogspot-blogs.html" target="_blank">Create Sitemap</a></b></li>
</ol>
</div>
<div class="video-setup-sec">
<h3 style="text-align: left;">
Video Documentation</h3>
<div>
You can check this below video to understand the setup process much more easily, just click the below image to watch the video directly on YouTube, or click this link - <b><a href="https://youtu.be/1TGUqMO6NQo" rel="nofollow" target="_blank">How To Setup Wavy Blogger Template - TemplatesYard</a></b><br />
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://youtu.be/1TGUqMO6NQo" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5Qg3QA-ESQxGDtuTWBXhWMFKWGI-TcLbZGMr3bUNQDzXG9KnmmB2eDfBwGUYwhxTQv9xmMzAb1N0YrPXtXOlGfO1LQ884xAMxcbDWIDH31c5DxBIJoxdNSYcZUXFq-8UKd9MSrfaz4BRGSarNeni7_-14JUQx6hYuvyws_a8l_ChNqnYvd87W6raM6ao/s1600/Wavy%20Youtube%20Thumbnail.png" /></a></div></div></div><div><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"></div></h3><h3>Main Menu/DropDown/Multi DropDown/Mega Menu</h3><h3><div style="font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Main Menu</b> widget.</div><div><br /></div><div>Home Link: <b>Your Title-text</b> or <b>Your Title-icon</b> EX: <span style="color: #0b5394;"><b>Home-icon</b></span> or <span style="color: #0b5394;"><b>Home-text</b></span></div><div>Normal Link : <b>Features</b></div><div>Sub Link: <b>_Sub Link 1.0</b> (before the link add "<span style="color: #0b5394;"><b>_</b></span>") 1 underscore</div><div>Sub Link 2: <b>__Sub Link 1.1</b> (before the link add "<span style="color: #0b5394;"><b>__</b></span>") 2 underscore</div><div>Mega Shortcode by Label: <b>Technology/mega-menu</b></div><div>Mega Shortcode by Recent: <b>recent/mega-menu</b></div><div>Mega Shortcode by Random: <b>random/mega-menu</b></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="834" data-original-width="546" src="https://3.bp.blogspot.com/-ioGqbcfLimc/WxdkFWsL_AI/AAAAAAAAB3U/tIGE6Qztw0MG94xTk4968Lrj10p4mxVnACLcBGAs/s1600/main-menu.png" /></div></div></h3><h3><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div></div></div></div></div></h3><h3>Hot Posts</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Hot Posts</b> section, you must place the following names highlighted in blue below.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Shortcode: <b><span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> </b>or<b> <span style="color: #38761d;">random</span>/hot-posts</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Example: <b>Technology/hot-posts</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="534" data-original-width="541" src="https://4.bp.blogspot.com/-988uKOqn1CE/WzHKtkGFDpI/AAAAAAAACLk/1kGnuUU8v_4T7vASSWlU5VhB5bFtQuEAgCLcBGAs/s1600/hot-posts.png" /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h4 style="clear: both; font-weight: 400;">b) With Popular Post</h4><h3><div style="font-size: medium;"><div class="separator" style="clear: both;"><div style="font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>Popular Posts</b> on <b>Hot Post</b> section, you set the settings as below</div><div style="font-weight: 400;"><div><br /></div><div><b>Widget Settings:</b></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-cCxeGhv3ZR4/YVlK1x3M5RI/AAAAAAAALr4/peFxkFo0Op0X9Fd7xUh5rBvNGMiULK0AgCNcBGAsYHQ/s16000/Blogger-Layout.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="599" data-original-width="570" src="https://1.bp.blogspot.com/-cCxeGhv3ZR4/YVlK1x3M5RI/AAAAAAAALr4/peFxkFo0Op0X9Fd7xUh5rBvNGMiULK0AgCNcBGAsYHQ/s16000/Blogger-Layout.png" /></a></div></div><div class="separator" style="clear: both;"><i><span style="color: red;">Note:- </span>Set the number to 4 in popular post settings.</i></div></div></div></h3><h3><div style="font-size: medium; font-weight: 400;"><br /></div></h3><h3>Popular Tags</h3><h3><div style="font-size: medium; font-weight: 400;"></div></h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="65">Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Popular Tags</b> widget's.</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="62">Widget Settings <b>EX</b>:</div><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="59"><br /><div class="separator" style="clear: both; text-align: center;" wfd-id="61"><a href="https://1.bp.blogspot.com/-TFkpZwDTqo0/YDPC4wyGGmI/AAAAAAAAKBI/u2TRG1iV-C4N5LMh7PwhbfceqRJz5Qy7gCNcBGAsYHQ/s683/Popular-Tags-setup.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="683" data-original-width="537" src="https://1.bp.blogspot.com/-TFkpZwDTqo0/YDPC4wyGGmI/AAAAAAAAKBI/u2TRG1iV-C4N5LMh7PwhbfceqRJz5Qy7gCNcBGAsYHQ/s16000/Popular-Tags-setup.png" /></a></div></div></h3><h3>Post List Widget</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Footer</b> section, you must place the following names highlighted in blue below.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Shortcode: <b>Results number/<span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> or <span style="color: #38761d;">random</span>/post-list</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Label Posts: <b>3/Technology/post-list</b></div><div style="font-size: medium; font-weight: 400;">Recent Posts: <b>3/recent/post-list</b></div><div style="font-size: medium; font-weight: 400;">Random Posts: <b>3/random/post-list</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="535" data-original-width="539" src="https://2.bp.blogspot.com/-4MIJlqO1pUc/WxdpOVxXIII/AAAAAAAAB3w/-cMDJxJKatQofEpeQQiJbuIjMgGxk7JbACEwYBhgL/s1600/post-list-widget.png" /></div></h3><h3>Social Widget (Sidebar)</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Social Widget</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Icons Avaliables {</b><span style="color: #0b5394;"><i> facebook, twitter, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, twitch, delicious, codepen, reddit, whatsapp, snapchat, email</i></span> <b>}</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="633" data-original-width="545" src="https://3.bp.blogspot.com/-KmBi4lg3BT0/WxdqJQRzW5I/AAAAAAAAB34/0SgzvNWYGXctNJbroOEktNk0kTvl3kyAACLcBGAs/s1600/social-widget.png" /></div></h3><h3>Post Layouts</h3><h3><div style="font-size: medium; font-weight: 400;"><b>Left Sidebar:</b> Inside the post add the text <b>left-sidebar</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;"><b>Full Width:</b> Inside the post add the text <b>full-width</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;"><b>Right Sidebar:</b> Inside the post add the text <b>right-sidebar</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="951" data-original-width="1358" src="https://2.bp.blogspot.com/-fCQMSq7tcD0/WxeSCroFr1I/AAAAAAAAB5E/ZYlvtyGAl14cPAri8JvXMhxPCPe_hx1rwCLcBGAs/s1600/post-layouts.jpg" /></div></h3><h3 style="clear: both;">Ads on post pages</h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on in the sections <b>Post ADS 1</b> ( before<span style="color: #2b00fe;"> content</span> ) , <b>Post ADS 2</b> ( after <span style="color: #2b00fe;">content</span> ).</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><b>HTML/JavaScript Ex:</b></div></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><a href="https://1.bp.blogspot.com/-pIZPRxL25u8/YDt-rmSIY6I/AAAAAAAAKGE/DgVXXmEOms8M8pbwOaMYH7oA7ITLf4paQCNcBGAsYHQ/s617/Ads%2Bsettings.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="617" data-original-width="572" src="https://1.bp.blogspot.com/-pIZPRxL25u8/YDt-rmSIY6I/AAAAAAAAKGE/DgVXXmEOms8M8pbwOaMYH7oA7ITLf4paQCNcBGAsYHQ/s16000/Ads%2Bsettings.png" /></a></div></h3><h3>Footer About & Logo Section (Image & Text)</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > click </span><b style="font-size: medium;">Edit icon</b><span style="font-size: medium; font-weight: 400;"> > on </span><b style="font-size: medium;">About Section</b><span style="font-size: medium; font-weight: 400;"> widget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><span style="font-size: medium; font-weight: 400;">Example:</span><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><a href="https://1.bp.blogspot.com/-AnOZkEvWM8k/XtOZO36DJZI/AAAAAAAAInE/grHRtSY3s2ENqLfI8_RC4WZC6Yz-hPZtQCNcBGAsYHQ/s1600/ABout%2BSS.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="599" data-original-width="553" src="https://1.bp.blogspot.com/-AnOZkEvWM8k/XtOZO36DJZI/AAAAAAAAInE/grHRtSY3s2ENqLfI8_RC4WZC6Yz-hPZtQCNcBGAsYHQ/s1600/ABout%2BSS.png" /></a></div></h3><h3>Follow Us Widget (Footer)</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Follow Us Widget</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Icons Avaliables {</b><span style="color: #0b5394;"><i> </i></span><span style="color: #0b5394;"><i>blogger, facebook, facebook-f, twitter, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, pinterest-p, twitch, delicious, codepen, flipboard, reddit, whatsapp, messenger, snapchat, email, discord, share, external-link</i></span> <b>}</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="633" data-original-width="545" src="https://3.bp.blogspot.com/-KmBi4lg3BT0/WxdqJQRzW5I/AAAAAAAAB34/0SgzvNWYGXctNJbroOEktNk0kTvl3kyAACLcBGAs/s1600/social-widget.png" /></div></h3><h3>Theme Options</h3><h4>01 - Css Options</h4><h3><div style="font-size: medium; font-weight: 400;"> Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Css Options</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Boxed Version</b><b>:</b> In <i>New Site Name</i> add <b>boxedVersion</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="550" data-original-width="547" src="https://3.bp.blogspot.com/-T2kb3TjCXXE/W4BIA2Hq3NI/AAAAAAAAC9w/_IgyPNTUcC8esQeS68Z9JslUxEyMhrRsgCLcBGAs/s1600/css_options.png" /></div></h3><h4>02 - Default Variables</h4><h3><div style="font-size: medium; font-weight: 400;"> Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Default Variables</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Post Per Page:</b> In <i>New Site Name</i> add <b>postPerPage</b>, in <i>New Site URL</i> add the number of results, it should be the same as the posts from the home page, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Fixed Sidebar:</b> In <i>New Site Name</i> add <b>fixedSidebar</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Comments System:</b> In <i>New Site Name</i> add <b>commentsSystem</b>, in <i>New Site URL</i> add the comments sytem type <b>{<span style="color: #e69138;">blogger</span>, <span style="color: #3d85c6;">disqus</span>, <span style="color: #073763;">facebook</span> or <span style="color: #cc0000;">hide</span>}</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Disqus Shortname:</b> In <i>New Site Name</i> add <b>disqusShortname</b>, in <i>New Site URL</i> add your disqus comment system shortname, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="624" data-original-width="523" src="https://1.bp.blogspot.com/-rExdUXOAgtQ/WxduxYWEo2I/AAAAAAAAB4M/KI0ipawglGQ_fQ7axi6Yu1TdBiWU0sd9QCLcBGAs/s1600/default-variables.png" /></div></h3><h3><div style="font-size: medium; font-weight: 400;"><br /><br /></div></h3><h3>Facebook Page Plugin </h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Footer</b> section, and paste the code below.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><i><span style="background-color: #f3f3f3;"><center><div class="fb-page" data-href="<span style="background-color: #073763;"><span style="color: white;">https://www.facebook.com/way2themes</span></span>" data-width="360" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div></center></span></i></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><span style="color: #cc0000;"><b>Note:</b></span> In Attribute <i><b>data-href</b></i> replace the link per your facebook page url.</div></h3><h3><div style="font-size: medium; font-weight: 400;"></div></h3></div>
<h3>
Customizing Your Template</h3>
<div style="font-size: medium; font-weight: 400;">
<div style="font-size: medium; font-weight: 400;">
Access your blog <b>Theme</b> > click <span style="color: #e69138;">Customize</span> button.</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Here you can change the background, and apply pre-defined colors</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="270" data-original-width="724" src="https://1.bp.blogspot.com/-H1u1QEV-qss/W4BHVwCJ8TI/AAAAAAAAC9g/_25WTIFhTjUvnRmjcGRFAl4kOI-ItSJ7QCEwYBhgL/s1600/customize_background.png" /></div>
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Clicking Advanced You will see the official option to change the Main Colors</div>
<br />
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="272" data-original-width="696" src="https://3.bp.blogspot.com/-q47DGPWfrgE/W4BHP2xDXHI/AAAAAAAAC9c/eqk39S8t2MI_9Dzhejt11Y5t0K-0-x0mACLcBGAs/s1600/customize_colors.png" /></div>
</div>
</div>
<div>
<h3 style="clear: both; text-align: left;">
Installation And Custom Services</h3>
<div class="separator" style="clear: both; text-align: justify;">
We provide plenty of templates for free but if you want something unique for your blog then let us create a unique design for your blog, Just tell us your needs and we will convert your dream design into reality. We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle.</div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide2" href="http://www.soratemplates.com/p/contact-us.html" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Contact Us</span> <span class="title-hover2">Custom template Services</span> </a> </div>
<div class="alert-message alert" style="font-size: 15px;">
<i class="fa fa-info-circle"></i> Only Premium Buyers will get the widget codes available in the demo.</div>
<div class="alert-message warning" style="font-size: 15px;">
<i class="fa fa-exclamation-triangle"></i> If you are a premium version user and you are having any problem while setting up the template please contact us by going to this <a href="http://www.templatesyard.com/p/contact-us.html" style="color: blue;" target="_blank"><b>link (Contact Form)</b></a>.</div>
</div>
</div>TemplatesYardhttp://www.blogger.com/profile/16801688932542878100noreply@blogger.com0tag:blogger.com,1999:blog-1320824803216639156.post-55199460535208247962024-02-25T13:10:00.002+05:302024-02-25T16:26:03.293+05:30How To Setup Posty Blogger Template [Templateify]<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFY1IMeik-qA__0VD7DzAmOCvv7QGG0DZX9MghmKuX-jIE56830K1MQrELulxUjYyHeHuUT9WLvwNLWd-st9bRtKeXeeySc9XiQGqAqLCpQw_UdwrnQt-bAwsaqi4k1ZCj3ormvrvBthCi1KnoHH4hd05E8a-uobp3xQiFOjcYuWFa70C12bmtmZ7s6ZoR/s1600/Posty%20Blogger%20Template.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1096" data-original-width="1920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFY1IMeik-qA__0VD7DzAmOCvv7QGG0DZX9MghmKuX-jIE56830K1MQrELulxUjYyHeHuUT9WLvwNLWd-st9bRtKeXeeySc9XiQGqAqLCpQw_UdwrnQt-bAwsaqi4k1ZCj3ormvrvBthCi1KnoHH4hd05E8a-uobp3xQiFOjcYuWFa70C12bmtmZ7s6ZoR/s1600/Posty%20Blogger%20Template.png" /></a></div></div><br /><div style="text-align: justify;">
Posty Blogger Template is a modern, futuristic, and responsive template that makes creating a website or blog easy with just a few clicks. With its clean design and intuitive interface. Posty is perfect for bloggers who want to make their content look professional and attractive. <br />
<a name='more'></a>You have made a good decision by choosing our template. You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users. </div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide" href="https://posty-templateify.blogspot.com/" rel="nofollow" target="_blank"> <span class="circle"><i aria-hidden="true" class="fa fa-rocket"></i></span> <span class="title">See Demo</span> <span class="title-hover">Live Preview</span> </a> <a class="btn-slide2" href="https://www.templateify.com/2024/02/posty-blogger-template.html" rel="nofollow" target="_blank"> <span class="circle2"><i aria-hidden="true" class="fa fa-download"></i></span> <span class="title2">Free Download</span> <span class="title-hover2">Free Version</span> </a> <a class="btn-slide2" href="https://premiumbloggerthemes.gumroad.com/l/postypremium" rel="nofollow" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Buy Now</span> <span class="title-hover2">Premium Version</span> </a> </div>
<div class="basic-setup-sec">
<h3 style="text-align: left;">
<b>Basic Setup</b></h3>
<ol style="text-align: left;">
<li><b><a href="http://www.sorabloggingtips.com/p/how-to-install-blogger-template.html" target="_blank">Template Installation</a></b></li>
<li><a href="http://www.sorabloggingtips.com/p/how-to-install-logo-in-your-blog.html" target="_blank"><b>Logo Setup</b></a></li>
<li><b><a href="http://www.sorabloggingtips.com/p/default-setting-for-blogger-templates.html" target="_blank">Template Setting</a></b></li>
<li><b><a href="https://www.sorabloggingtips.com/p/shortcodes-and-page-markups-v20.html" target="_blank">Shortcodes & Markups v2.0</a></b></li>
<li><b><a href="http://www.sorabloggingtips.com/2017/01/how-to-add-sitemap-widget-in-blogspot-blogs.html" target="_blank">Create Sitemap</a></b></li>
</ol>
</div>
<div class="video-setup-sec">
<h3 style="text-align: left;">
Video Documentation</h3>
<div>
You can check this below video to understand the setup process much more easily, just click the below image to watch the video directly on YouTube, or click this link - <a href="https://youtu.be/3W3r-joRk-4" rel="nofollow" target="_blank"><b>How To Setup Posty Blogger Template - Templateify</b></a></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://youtu.be/3W3r-joRk-4" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><div class="separator" style="clear: both;"><img alt="" border="0" data-original-height="672" data-original-width="1127" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcyyxX9GI7skRsa5bwcWTlQOVVwcVG4js7B1ytWPJGunufCd_-B9f-jQgD_O1iQiLMbV256XGTO3cuHKktXeTm46H5nSn6DFE25An69rCtiJpCzZl8e3gWrcef4fvigam-64zMLac7QhpNK_4JC-Z6nQMOv-t-1aSvk16DaQoCjQJ9MR7Ahz6q4jZgCYnw/s16000/How-To-SetUp-Posty-Blogger-Template-YouTube.png" /></div></a></div>
</div>
<div>
<br />
<h3 id="go-ticker">Topbar Menu</h3><h3 id="go-menu"><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Topbar Menu</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Tobar Menu" border="0" data-original-height="926" data-original-width="867" src="https://1.bp.blogspot.com/-gF6coHxJK0Q/X71ZQx-iW4I/AAAAAAAACLQ/zJaBjhvBVTAOGI3sKIHsDH35gqVT1H-JACLcBGAsYHQ/s0/topbar-menu.png" title="Tobar Menu" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-topicons">Topbar Icons</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Topbar Icons</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Supported Icons: </b><strike style="font-size: medium; font-weight: 400;">blogger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">apple</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">amazon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">microsoft</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook-f</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitter</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">rss</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">youtube</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">skype</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stumbleupon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">tumblr</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">vk</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stack-overflow</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">github</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">linkedin</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">dribbble</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">soundcloud</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">behance</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">digg</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">instagram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest-p</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitch</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">steam</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">delicious</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">codepen</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">flipboard</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">reddit</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">whatsapp</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">telegram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">messenger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">snapchat</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">email</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">discord</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">quora</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">share</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">external-link</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div></div></h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Topbar Icons" border="0" data-original-height="930" data-original-width="867" src="https://1.bp.blogspot.com/-Ty7C4M37Z8w/X71aDjEt0wI/AAAAAAAACLc/-O7otm3HXHAn47QwTRKYYowv8xCq-jmkgCLcBGAsYHQ/s0/topbar-icons.png" title="Topbar Icons" /></div><div><br /></div></h3><h3 id="go-menu">Header Menu</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Header Menu</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Normal Link and DropDown Options:</b></h4><h3><b style="font-size: medium;">Homepage Link Example: </b><span style="font-size: medium; font-weight: 400;">Add the text and in the site url field add </span><strike style="font-size: medium; font-weight: 400;">{homepage}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Normal Link Example: </b><strike style="font-size: medium; font-weight: 400;">Features</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">SubLink Level 1 Example: </b><strike style="font-size: medium; font-weight: 400;">_Level 1</strike><span style="font-size: medium; font-weight: 400;"> "Before the Title add </span><b style="font-size: medium;">1 underscore</b><span style="font-size: medium; font-weight: 400;">"</span><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">SubLink Level 2 Example: </b><strike style="font-size: medium; font-weight: 400;">__Level 2</strike><span style="font-size: medium; font-weight: 400;"> "Before the Title add </span><b style="font-size: medium;">2 underscore</b><span style="font-size: medium; font-weight: 400;">"</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Main Menu Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Menu Settings" border="0" data-original-height="569" data-original-width="700" src="https://1.bp.blogspot.com/-le46mq2ZR3g/YCRrVxzMwMI/AAAAAAAACVA/owUxd51LS00hKs1B2-1-sa7Yx6066U41ACLcBGAsYHQ/s16000/main-menu.png" title="Menu Settings" /></div><br style="font-size: medium; font-weight: 400;" /><warning class="alert" style="font-size: medium; font-weight: 400;"><b>ALERT: </b>Level 2 Links must be between or below level 1 links.</warning><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Home Link Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Homepage Link" border="0" data-original-height="203" data-original-width="844" src="https://1.bp.blogspot.com/-KXch08UkUbg/YCRqlOGtC1I/AAAAAAAACU4/4u7IIutsHnk6xpG3xkzawL1zNFJZ8lpWgCLcBGAsYHQ/s16000/home-link.png" title="Homepage Link" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4>Mega Menu Options:</h4><h3><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><span style="font-size: small;"><strike><span style="font-weight: 400;">{getPosts} $label={</span><span style="color: red;">Your Label</span><span style="font-weight: 400;">}</span></strike></span><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Label:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">label</strike><span style="font-size: medium; font-weight: 400;"> or </span><strike style="font-size: medium; font-weight: 400;">recent</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">What are Label?</b><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Post Labels" border="0" data-original-height="176" data-original-width="1055" src="https://1.bp.blogspot.com/-ootFEjbpkOk/YCRooddPKhI/AAAAAAAACUY/taGhM6Tz9e0-l0jR1cRNCkZIxfiP0d02ACLcBGAsYHQ/s16000/post-labels.png" title="Post Labels" /></div><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">{getPosts} $label={Laptops}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Mega Menu Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhnMqZG0z5B0rUpzs1oGU_OMcSbcvsK4AhtMruBhBsQMFTJ1bkrwhqRET5cHbKAACpRQtglTYIqbvRrgg05efIl66S1Gio-Da-LZ6HDq1uAjNYV0T7xBdCaPrkrup710wFQzrV2bjHZtvSi9kmkYa8ohsOjyEzVFpsOcsD8lvf1WIjLqADJA3817w7yxQ=s559" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="311" data-original-width="559" src="https://blogger.googleusercontent.com/img/a/AVvXsEhnMqZG0z5B0rUpzs1oGU_OMcSbcvsK4AhtMruBhBsQMFTJ1bkrwhqRET5cHbKAACpRQtglTYIqbvRrgg05efIl66S1Gio-Da-LZ6HDq1uAjNYV0T7xBdCaPrkrup710wFQzrV2bjHZtvSi9kmkYa8ohsOjyEzVFpsOcsD8lvf1WIjLqADJA3817w7yxQ=s16000" /></a></div><div class="separator" style="clear: both;"><br /></div><br /></div><br style="font-size: medium; font-weight: 400;" /><success class="alert" style="font-size: medium; font-weight: 400;"><b>SAVING: </b>After adding all the desired links and organizing them in the correct position, click on the <b>Save Button</b>.</success></h3><div><success class="alert" style="font-size: medium; font-weight: 400;"><h3 id="go-ticker">Ticker News</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">Popular Posts</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Ticker News</b><span style="font-size: medium; font-weight: 400;"> section.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">{getPosts} $results={<span style="color: red;">Number of Results</span>} $label={<span style="color: red;">Your Label</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Results:</b><span style="font-size: medium; font-weight: 400;"> You must add the desired number of results.</span><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Label:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">label</strike><span style="font-size: medium; font-weight: 400;"> or </span><strike style="font-size: medium; font-weight: 400;">recent</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">{getPosts} $results={5} $label={Laptops}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>By HTML/Javascript:</b></h4><h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjOFdxDtdrx-Nhv2921En6ruBq-CqDFyTmWzobJaDjoOvwT0Js_E9vasnQry5LX3UKpC6G9BFtv8n0cXi2aNXs-fKB8vBVGQTuur0x4gyQLHGkQ8TTFs5bBF7KG9ouO0r6yVIIibOTPx7bbutAG0cJkgvyHDAQT4jShXbjjdUbNfBXP17cIlypGnknwOA=s559" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="491" data-original-width="559" src="https://blogger.googleusercontent.com/img/a/AVvXsEjOFdxDtdrx-Nhv2921En6ruBq-CqDFyTmWzobJaDjoOvwT0Js_E9vasnQry5LX3UKpC6G9BFtv8n0cXi2aNXs-fKB8vBVGQTuur0x4gyQLHGkQ8TTFs5bBF7KG9ouO0r6yVIIibOTPx7bbutAG0cJkgvyHDAQT4jShXbjjdUbNfBXP17cIlypGnknwOA=s16000" /></a></div><br /><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>By Popular Posts:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="" border="0" data-original-height="772" data-original-width="865" src="https://1.bp.blogspot.com/-ORMzCiGMD_c/YEut62WGORI/AAAAAAAACcY/ifJl8snQ5No9s1ZoTE8XvQNy0ExwXkI4ACLcBGAsYHQ/s0/ticker-popular.png" /></div><div><br /></div></h3></success></div><h3><line style="font-size: medium; font-weight: 400;"></line></h3><h3 id="go-hads">Header ADS</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the section </span><b style="font-size: medium;">Header ADS</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Header Ads" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Header Ads" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-feat">Featured Posts</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">Popular Posts</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Featured Posts</b><span style="font-size: medium; font-weight: 400;"> section.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><span style="font-size: small;"><strike><span style="font-weight: 400;">{getPosts} $label={</span><span style="color: red;">Your Label</span><span style="font-weight: 400;">} $style={</span><span style="color: red;">Gadget Style</span><span style="font-weight: 400;">}</span></strike></span><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Label:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">label</strike><span style="font-size: medium; font-weight: 400;"> or </span><strike style="font-size: medium; font-weight: 400;">recent</strike></h3><h3><b style="font-size: medium;">Style Option:</b><span style="font-size: medium; font-weight: 400;"> </span><span style="color: red; font-size: small;">1,2,3</span></h3><h3><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">{getPosts} $label={</strike><strike style="font-size: medium;"><span style="color: red;">recent</span></strike><strike style="font-size: medium; font-weight: 400;">} $style={</strike><strike style="font-size: medium;"><span style="color: red;">3</span></strike><strike style="font-size: medium; font-weight: 400;">}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>By HTML/Javascript:</b></h4><h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiIuONsq_1iuPJ-DmbD_9dat2dN_kk1WJarJ1FayUB-9T7tl-n42Oam_UswN5cPQHnFuFniZKGVuFQpbwtBK-dNHj337ddtnVdoFpyIEwuFQ6LiHoP2Gp8OL26U2rqMu-ESnSgQZOalNErABcrFtJLvvOFxv0i4-rxqn0NKyA-McK_d9Y1FtN7kEfJJ7Q=s551" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="483" data-original-width="551" src="https://blogger.googleusercontent.com/img/a/AVvXsEiIuONsq_1iuPJ-DmbD_9dat2dN_kk1WJarJ1FayUB-9T7tl-n42Oam_UswN5cPQHnFuFniZKGVuFQpbwtBK-dNHj337ddtnVdoFpyIEwuFQ6LiHoP2Gp8OL26U2rqMu-ESnSgQZOalNErABcrFtJLvvOFxv0i4-rxqn0NKyA-McK_d9Y1FtN7kEfJJ7Q=s16000" /></a></div><br /><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>By Popular Posts:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Featured Post by Popular" border="0" data-original-height="771" data-original-width="865" src="https://1.bp.blogspot.com/-XBVeFlSZU8w/YCRs2ypilvI/AAAAAAAACVQ/9OacGQ2LryAwFLB6aDA1Be_HNLv_bqOtQCLcBGAsYHQ/s16000/featured-popular.png" title="Featured Post by Popular" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-trend">Content Section 1 / Content Section 2 / Content Section 3 / Content Section 4/ Content Section 5</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;"> > in the sections </span><b style="font-size: medium;">Content Section 1</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">Content Section 2 </b>or<b style="font-size: medium;"> </b><b style="font-size: medium;">Content Section 3</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">Content Section 4</b>.</h3><h3><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">{getPosts} $results={<span style="color: red;">Number of Results</span>} $label={<span style="color: red;">Your Label</span>} $type={<span style="color: red;">Custom Type</span>} $style={</strike><strike style="font-size: medium;"><span style="color: red;">Gadget Style</span></strike><strike style="font-size: medium; font-weight: 400;">}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Results:</b><span style="font-size: medium; font-weight: 400;"> You must add the desired number of results.</span><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Label:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">label</strike><span style="font-size: medium; font-weight: 400;"> or </span><strike style="font-size: medium; font-weight: 400;">recent</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Types:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">block</strike><span style="font-size: medium; font-weight: 400;">,</span><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">grid</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">gridbox</strike><span style="font-size: medium; font-weight: 400;">, </span><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">col-left</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">col-right</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">video</strike></h3><h3><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">{getPosts} $results={5} $label={Laptops} $type={block1}</strike></h3><h3><span style="font-size: small;">Style Attribute:<span style="font-weight: 400;"> The attribute </span><span style="color: red;">$style={}</span><span style="font-weight: 400;"> should only be added to grid and video types.</span></span></h3><h3 id="navbar-menu"><div style="font-size: medium; font-weight: 400;"><span style="font-size: small;"><span><b>Content Section <span style="color: red;">1, 2, 4</span></b></span><span> & </span><span style="color: red;"><b>6</b></span><span> only supports 1 widget each and 3 supports 2 widgets. (For content section 1 add only Video widget, </span></span>For content section 2 add only Gridbox widget, For content section 3 add only grid &Video widget and for content section 6 only add grid widget)</div></h3><h3><span style="font-size: small;">Grid –<span style="font-weight: 400;"> Style Options: </span><span style="color: red;">1, 2</span></span></h3><h3><span style="font-size: small;">Video –<span style="font-weight: 400;"> Style Options: </span><span style="color: red;">1</span></span></h3><h4><b>By HTML/Javascript:</b></h4><h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEg3Vus53UBRM33slDr_hEj4nGZ7N-Js86yMHEVukIyLOBPZzRtJdeCKiS_tIa-5NTLDkI-bKnI70I65Odp56Ulwy0n2ErG2GOYTnEp2MbYJN9BnjeQcdxD3NPgZGGs1OFz3MV848TdUMDiqNP5FUFBlNC_cc1yIECNb6vlAYSus2QfTdACUwRqGF0aCcw=s550" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="525" data-original-width="550" src="https://blogger.googleusercontent.com/img/a/AVvXsEg3Vus53UBRM33slDr_hEj4nGZ7N-Js86yMHEVukIyLOBPZzRtJdeCKiS_tIa-5NTLDkI-bKnI70I65Odp56Ulwy0n2ErG2GOYTnEp2MbYJN9BnjeQcdxD3NPgZGGs1OFz3MV848TdUMDiqNP5FUFBlNC_cc1yIECNb6vlAYSus2QfTdACUwRqGF0aCcw=s16000" /></a></div><br /><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div><br style="font-size: medium; font-weight: 400;" /><info class="alert" style="font-size: medium; font-weight: 400;"><b>NOTE: </b>You can add as many gadgets as you like. But they are optional and, if you wish, you can remove them at any time.</info><br style="font-size: medium; font-weight: 400;" /></h3><h3><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-posts">Main Posts</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Main Posts/Blog Posts</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Blog Posts" border="0" data-original-height="1211" data-original-width="841" src="https://1.bp.blogspot.com/-PV68IvbjhDY/X71mcu6-gBI/AAAAAAAACMk/8IsBBEylb4I3Fi5QxYb9gQf8ucPT5R2LQCLcBGAsYHQ/s0/blog-posts.png" title="Blog Posts" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4>Comments Settings:</h4><h3><span style="font-size: medium; font-weight: 400;">The comment settings are intuitive like never seen before. The new shortcodes should be added in > </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">Blog Posts</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">Comments Field</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Blogger Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$type={blogger}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Disqus Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$type={disqus} $shortname={templateify-comments}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Custom Disqus Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$type={disqus} $shortname={<span style="color: red;">Your Shortname</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Facebook Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$type={facebook}</strike></h3><h3><span style="font-size: medium;">Facebook Custom Language:</span><span style="font-size: medium; font-weight: 400;"> $type={</span><span style="font-size: medium;"><span style="color: red;">facebook</span></span><span style="font-size: medium; font-weight: 400;">} $lang={</span><span style="font-size: medium;"><span style="color: red;">Language Code</span></span><span style="font-size: medium; font-weight: 400;">}</span></h3><h3><span style="font-size: small;">Facebook Language Codes:<span style="font-weight: 400;"> </span><span style="color: red;">en_US, es_ES, ar_AR, id_ID, th_TH, vi_VN, pt_BR, fr_FR, ru_RU, de_DE, it_IT</span></span></h3><h3><br style="font-size: medium; font-weight: 400;" /><span style="font-size: medium; font-weight: 400;">For facebook comments to work correctly, you need to configure the </span><a href="#fb-sdk" style="font-size: medium; font-weight: 400;">facebook SDK</a><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-toc">Table of Contents</h3><h3><span style="font-size: medium; font-weight: 400;">This function is available for posts and pages and can be added easily via shortcode.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">{tocify} $title={<span style="color: red;">Table of Contents</span>}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">NOTE:</b><span style="font-size: medium; font-weight: 400;"> After adding a Shortcode apply the </span><b style="font-size: medium;">Bold</b><span style="font-size: medium; font-weight: 400;"> style.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Table of Content" border="0" data-original-height="420" data-original-width="1130" src="https://1.bp.blogspot.com/-HlrWHntmPt0/YCRzsYeLU0I/AAAAAAAACV0/S6e1grrlXSsnDnOOQ8PetN90irjnWoDiQCLcBGAsYHQ/s16000/toc.png" style="border: 1px solid rgb(233, 235, 238);" title="Table of Content" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-ads">In-Article ADS on "Post Page"</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the sections </span><b style="font-size: medium;">Post ADS 1 (</b><i style="font-size: medium; font-weight: 400;"> <span style="color: #00b140;">before content</span> </i><b style="font-size: medium;">) </b><span style="font-size: medium; font-weight: 400;">and </span><b style="font-size: medium;">Post ADS 2 (</b><i style="font-size: medium; font-weight: 400;"> <span style="color: #00b140;">after content</span></i><b style="font-size: medium;"> )</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Post Ads 1 and 2" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Post Ads 1 and 2" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Move <span style="color: #00b140;">Post ADS 1</span> and <span style="color: #00b140;">Post ADS 2</span> to inside the post content:</b></h4><h3><b style="font-size: medium;">Sortcode ADS 1:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;"><b>$ads={1}</b></strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Sortcode ADS 2:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;"><b>$ads={2}</b></strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">NOTE:</b><span style="font-size: medium; font-weight: 400;"> After adding a Shortcode apply the </span><b style="font-size: medium;">Bold</b><span style="font-size: medium; font-weight: 400;"> style. Example: </span><strike style="font-size: medium; font-weight: 400;"><b>$ads={2}</b></strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="In-Article Ads" border="0" data-original-height="655" data-original-width="927" src="https://1.bp.blogspot.com/-amctilW7RHA/YCR0SOP2EUI/AAAAAAAACV8/9TDEXDkQDeA7YknOiiKwDEL2tRn12iEywCLcBGAsYHQ/s16000/post-ads.png" title="In-Article Ads" /></div><br style="font-size: medium; font-weight: 400;" /><warning class="alert" style="font-size: medium; font-weight: 400;"><b>IMPORTANT: </b>The ad will only appear if you have inserted in the section, if you want to hide just remove check to not display or remove the gadget. </warning><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-author">Author Box</h3><h3><span style="font-size: medium; font-weight: 400;">The widget receives the </span><u style="font-size: medium; font-weight: 400;">blogger profile informations</u><span style="font-size: medium; font-weight: 400;"> automatically, As long as your profile is </span><b style="font-size: medium;">marked as public</b><span style="font-size: medium; font-weight: 400;">. The icons are displayed if there are links in the introduction.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Supported Icons: </b><strike style="font-size: medium; font-weight: 400;">blogger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">apple</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">amazon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">microsoft</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook-f</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitter</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">rss</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">youtube</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">skype</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stumbleupon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">tumblr</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">vk</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stack-overflow</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">github</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">linkedin</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">dribbble</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">soundcloud</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">behance</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">digg</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">instagram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest-p</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitch</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">steam</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">delicious</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">codepen</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">flipboard</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">reddit</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">whatsapp</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">telegram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">messenger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">snapchat</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">email</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">discord</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">quora</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">share</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">external-link</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Blogger Settings: Go to <a href="https://www.blogger.com/edit-profile.g" rel="nofollow" target="_blank">https://www.blogger.com/edit-profile.g</a></b></h4><h3><span style="font-size: medium; font-weight: 400;">Find for </span><b style="font-size: medium;">Additional Information</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">Introduction</b><span style="font-size: medium; font-weight: 400;"> > and add your description with </span><b style="font-size: medium;">HTML</b><span style="font-size: medium; font-weight: 400;"> links.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">HTML Link:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;"><a href="<span style="color: red;">Your Link Here</span>"><span style="color: red;">Icon Name</span></a></strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">HTML Link Example:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;"><a href="https://facebook.com/templateify">facebook</a></strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Author Settings" border="0" data-original-height="327" data-original-width="916" src="https://1.bp.blogspot.com/-ZBtcu0WsYRA/YCR2tcLNYQI/AAAAAAAACWU/EA5j8FhazgosSBqbRff5F6KwWzdSn2KVgCLcBGAsYHQ/s16000/author-description.png" title="Author Settings" /></div><br style="font-size: medium; font-weight: 400;" /><warning class="alert" style="font-size: medium; font-weight: 400;"><b>IMPORTANT: </b>The <b>"Introduction"</b> is required for the author box to be displayed! But the links are not required. </warning><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-related">Advanced Related Posts</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Related Posts</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$results={<span style="color: red;">Number of Results</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">$results={3}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Related Posts" border="0" data-original-height="875" data-original-width="865" src="https://1.bp.blogspot.com/-mbZm7DL11Zo/YCR2yql-8YI/AAAAAAAACWY/gh5_oBEK4R0UyPAmA82A0jHEbyfST4JkACLcBGAsYHQ/s16000/related-posts.png" title="Related Posts" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-postads3">Post ADS 3</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the section </span><b style="font-size: medium;">Post ADS 3</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Post Ads 3" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Post Ads 3" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-count">Social Buttons on Sidebar</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">Link List</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Sidebar</b><span style="font-size: medium; font-weight: 400;"> section.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Supported Icons: </b><strike style="font-size: medium; font-weight: 400;">blogger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">apple</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">amazon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">microsoft</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook-f</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitter</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">rss</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">youtube</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">skype</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stumbleupon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">tumblr</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">vk</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stack-overflow</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">github</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">linkedin</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">dribbble</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">soundcloud</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">behance</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">digg</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">instagram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest-p</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitch</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">steam</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">delicious</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">codepen</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">flipboard</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">reddit</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">whatsapp</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">telegram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">messenger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">snapchat</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">email</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">discord</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">quora</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">share</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">external-link</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Social Button on Sidebar" border="0" data-original-height="920" data-original-width="840" src="https://1.bp.blogspot.com/-h8MjwaGzauI/YCR7h1qtDsI/AAAAAAAACW8/8h51BXYCOtcuVrh9yvWdf1QMCQqtd0XhwCLcBGAsYHQ/s16000/social-buttons.png" title="Social Button on Sidebar" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-list">Post Widgets on Sidebar</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;"> > in the</span><b style="font-size: medium;"> Sidebar </b><span style="font-size: medium; font-weight: 400;">section.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">{getPosts} $results={<span style="color: red;">Number of Results</span>} $label={<span style="color: red;">Your Label</span>} $type={<span style="color: red;">Custom Type</span>} $style={</strike><strike style="font-size: medium;"><span style="color: red;">Gadget Style</span></strike><strike style="font-size: medium; font-weight: 400;">}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Results:</b><span style="font-size: medium; font-weight: 400;"> You must add the desired number of results.</span><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Label:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">label</strike><span style="font-size: medium; font-weight: 400;"> or </span><strike style="font-size: medium; font-weight: 400;">recent</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Types:</b><span style="font-size: medium; font-weight: 400;"> </span><span style="font-size: small; font-weight: 400;"><strike>posts</strike></span><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">comments</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">{getPosts} $results={4} $label={Laptops} $type={post} $style={1}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">NOTE:</b><span style="font-size: medium; font-weight: 400;"> The </span><strike style="font-size: medium; font-weight: 400;">$label={}</strike><span style="font-size: medium; font-weight: 400;"> attribute is not required for the </span><strike style="font-size: medium; font-weight: 400;">comments</strike><span style="font-size: medium; font-weight: 400;"> type.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEit4XPvpZqoUKthrMDZh3C5VWZvN_Li57WA62-c8jpDcboXHSM0BhThn2Xa0q6lu9fwb6e-NlFXuIXyxaOie-aE44-lFaUaNqIakhUFIttSzCoEtNosNCsc9tps4deGURuWXOvt779OP54ThvHLwfIrY8eu0juRiUXI1qDF9QCsUvhFcHKAk6xLSdKTTg=s545" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="487" data-original-width="545" src="https://blogger.googleusercontent.com/img/a/AVvXsEit4XPvpZqoUKthrMDZh3C5VWZvN_Li57WA62-c8jpDcboXHSM0BhThn2Xa0q6lu9fwb6e-NlFXuIXyxaOie-aE44-lFaUaNqIakhUFIttSzCoEtNosNCsc9tps4deGURuWXOvt779OP54ThvHLwfIrY8eu0juRiUXI1qDF9QCsUvhFcHKAk6xLSdKTTg=s16000" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h3 id="go-fads">Footer ADS</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the section </span><b style="font-size: medium;">Footer ADS</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Footer Ads" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Footer Ads" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-about">About Section</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">About Section</b><span style="font-size: medium; font-weight: 400;"> gadgets.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>1.1 - About Us</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="About Us" border="0" data-original-height="884" data-original-width="842" src="https://1.bp.blogspot.com/-rA8_HHb7AEM/YCR_pCQ5xvI/AAAAAAAACXU/4ICR1WiCcjYzFnrymHwAEuaSUpOtqMFTgCLcBGAsYHQ/s16000/about-us.png" title="About Us" /></div><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>1.2 - Follow Us</b></h4><h3><b style="font-size: medium;">Supported Icons: </b><strike style="font-size: medium; font-weight: 400;">blogger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">apple</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">amazon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">microsoft</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook-f</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitter</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">rss</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">youtube</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">skype</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stumbleupon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">tumblr</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">vk</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stack-overflow</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">github</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">linkedin</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">dribbble</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">soundcloud</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">behance</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">digg</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">instagram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest-p</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitch</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">steam</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">delicious</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">codepen</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">flipboard</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">reddit</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">whatsapp</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">telegram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">messenger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">snapchat</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">email</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">discord</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">quora</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">share</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">external-link</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="About Us Social Icons" border="0" data-original-height="953" data-original-width="846" src="https://1.bp.blogspot.com/-r176B2phIeM/X71ptjmWrjI/AAAAAAAACNM/a69dbZbrBWImoTzK0s8aR78tcFxFR6angCLcBGAsYHQ/s16000/about-us-icons.png" title="About Us Social Icons" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-copy">Footer Copyright (<span style="color: #00b140;">Premium</span>)</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Footer Copyright</b><span style="font-size: medium; font-weight: 400;"> gadget.</span></h3><h3><span style="font-size: medium; font-weight: 400;">For normal credits add 'normal' into the space for custom credits add your creadit as shown below.</span></h3><h3><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Custom Credits" border="0" data-original-height="874" data-original-width="865" src="https://1.bp.blogspot.com/-EMTUyGVOXP8/YCSAE6iRe1I/AAAAAAAACXc/cLBQlr-SvgItDGGspZcZAsayRLZ-yJj8ACLcBGAsYHQ/s16000/footer-credits.png" title="Custom Credits" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-fmenu">Footer Menu</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Footer Menu</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Footer Menu" border="0" data-original-height="923" data-original-width="841" src="https://1.bp.blogspot.com/-lHyTOLJNPP0/YCSAqT07G4I/AAAAAAAACXo/RHSJslUxKFonJc5TkBGcjfifZP8pSlzfQCLcBGAsYHQ/s16000/footer-menu.png" title="Footer Menu" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-cookies">Cookie Consent</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Cookie Consent</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$ok={<span style="color: red;">Button Text</span>} $days={<span style="color: red;">Expires Days</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">$ok={Accept !} $days={7}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Cookie Consent" border="0" data-original-height="876" data-original-width="865" src="https://1.bp.blogspot.com/-Wp-IohifURs/YCSBTwe938I/AAAAAAAACXw/DJK3Fc2zBEg1gETqGx8qi9NFpbQZRhykQCLcBGAsYHQ/s16000/cookie-consent.png" title="Cookie Consent" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-options">Theme Options</h3><h3><br style="font-size: medium; font-weight: 400;" /></h3><h4 id="fb-sdk">1.1 - Facebook SDK</h4><h3><span id="result_box" lang="en" style="font-size: medium; font-weight: 400;">The Facebook Comments only work if you have the Facebook SDK installed on your theme. See below for the steps to acquire and install the Facebook SDK.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Get SDK:</b></h4><h3><b style="font-size: medium;">Step 01:</b><span style="font-size: medium; font-weight: 400;"> Go to </span><a href="https://developers.facebook.com/docs/plugins/page-plugin/" rel="nofollow" style="font-size: medium; font-weight: 400;" target="_blank">https://developers.facebook.com/docs/plugins/page-plugin/</a><span style="font-size: medium; font-weight: 400;"> and click on </span><b style="font-size: medium;">Get Code</b><span style="font-size: medium; font-weight: 400;"> button and copy the SDK Script.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Copying SDK:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Facebook SDK" border="0" data-original-height="635" data-original-width="1114" src="https://1.bp.blogspot.com/-3psja_Z7GSo/YCSCY2GcMCI/AAAAAAAACX8/uL_Xz8cUc441aNw6ihGKL9FCK0AdT8fEQCLcBGAsYHQ/s16000/facebook-sdk.png" title="Facebook SDK" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>SDK en_US:</b></h4><h3><code style="font-weight: 400;"><span style="color: #f6b26b;">https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v9.0</span></code><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Installing SDK:</b></h4><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Theme Options </b><span style="font-size: medium; font-weight: 400;">></span><b style="font-size: medium;"> Facebook SDK </b><span style="font-size: medium; font-weight: 400;">gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Facebook SDK Settings" border="0" data-original-height="684" data-original-width="866" src="https://1.bp.blogspot.com/-3gfoHr-_P9M/YCSDE_GAy0I/AAAAAAAACYE/cwAoqpijKsMB7wHRB_i8tTHpV0GNjwlXgCLcBGAsYHQ/s16000/skd-settings.png" title="Facebook SDK Settings" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4>1.2 - Default Thumbnail</h4><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Theme Options </b><span style="font-size: medium; font-weight: 400;">></span><b style="font-size: medium;"> Defualt Thumbnail </b><span style="font-size: medium; font-weight: 400;">gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="No Thumbnail Image" border="0" data-original-height="940" data-original-width="840" src="https://1.bp.blogspot.com/-Qvd1IULEjEE/YCSE8uZNMdI/AAAAAAAACYU/gZ2najXqIoEoqrRRy6OLH4VZC-8lgRE7ACLcBGAsYHQ/s16000/no-thumbnail.png" title="No Thumbnail Image" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4>1.3 - JSON Variables</h4><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Theme Options </b><span style="font-size: medium; font-weight: 400;">></span><b style="font-size: medium;"> JSON Variables </b><span style="font-size: medium; font-weight: 400;">gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><code style="font-weight: 400;"><span style="color: white;">{<br /> <span style="color: #6fa8dc;">viewAllText</span>: <span style="color: #f6b26b;">"View all"</span>,<br /> <span style="color: #6fa8dc;">dateFormat</span>: <span style="color: #f6b26b;">"{m} {d}, {y}"</span>,<br /> <span style="color: #6fa8dc;">months</span>: {<br /> <span style="color: #6fa8dc;">jan</span>: <span style="color: #f6b26b;">"January"</span>,<br /> <span style="color: #6fa8dc;">feb</span>: <span style="color: #f6b26b;">"February"</span>,<br /> <span style="color: #6fa8dc;">mar</span>: <span style="color: #f6b26b;">"March"</span>,<br /> <span style="color: #6fa8dc;">apr</span>: <span style="color: #f6b26b;">"April"</span>,<br /> <span style="color: #6fa8dc;">may</span>: <span style="color: #f6b26b;">"May"</span>,<br /> <span style="color: #6fa8dc;">jun</span>: <span style="color: #f6b26b;">"June"</span>,<br /> <span style="color: #6fa8dc;">jul</span>: <span style="color: #f6b26b;">"July"</span>,<br /> <span style="color: #6fa8dc;">aug</span>: <span style="color: #f6b26b;">"August"</span>,<br /> <span style="color: #6fa8dc;">sep</span>: <span style="color: #f6b26b;">"September"</span>,<br /> <span style="color: #6fa8dc;">oct</span>: <span style="color: #f6b26b;">"October"</span>,<br /> <span style="color: #6fa8dc;">nov</span>: <span style="color: #f6b26b;">"November"</span>,<br /> <span style="color: #6fa8dc;">dec</span>: <span style="color: #f6b26b;">"December"</span><br /> }<br />}</span></code><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">viewAllText:</b><span style="font-size: medium; font-weight: 400;"> default is </span><strike style="font-size: medium; font-weight: 400;">View all</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">dateFormat:</b><span style="font-size: medium; font-weight: 400;"> default is </span><strike style="font-size: medium; font-weight: 400;">{m} {d}, {y}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">months:</b><span style="font-size: medium; font-weight: 400;"> default is </span><strike style="font-size: medium; font-weight: 400;">January</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">February</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">March</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">April</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">May</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">June</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">July</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">August</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">September</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">October</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">November</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">December</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="JSON Options" border="0" data-original-height="872" data-original-width="865" src="https://1.bp.blogspot.com/-rZvhPh9UOf0/YCSE28NJuGI/AAAAAAAACYQ/8SZpBBXHLwUUn4KXVstvWnnuYFmvtGd_ACLcBGAsYHQ/s16000/json-options.png" title="JSON Options" /></div><br style="font-size: medium; font-weight: 400;" /><warning class="alert" style="font-size: medium; font-weight: 400;"><b>IMPORTANT: </b>This functionality is only valid for <b>{getPosts}</b> Gadgets and Related Posts. Other formats are changed in the blog settings.</warning></h3></div><div><h3><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-customize">How to Customize This Theme?</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Theme</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Customize </b><span style="font-size: medium; font-weight: 400;">button > and find </span><b style="font-size: medium;">Background</b><span style="font-size: medium; font-weight: 400;"> and </span><b style="font-size: medium;">Advanced</b><span style="font-size: medium; font-weight: 400;"> options.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Available customizations: </b><span style="font-size: medium; font-weight: 400;">Theme Options, Widths, Fonts, Backgrounds, Colors and more.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4>Background Example:</h4><h3><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-3dz6O6kPvVc/YVlPmimnbrI/AAAAAAAALsI/WlIrvXo2BRIxby8YXcELA-ZHhROKCKvwwCNcBGAsYHQ/s1894/Blogger-Customizer.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="551" data-original-width="1894" src="https://1.bp.blogspot.com/-3dz6O6kPvVc/YVlPmimnbrI/AAAAAAAALsI/WlIrvXo2BRIxby8YXcELA-ZHhROKCKvwwCNcBGAsYHQ/s16000/Blogger-Customizer.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h4>Advanced > Theme Options:</h4><h3><b style="font-size: medium;">Native Dark Mode:</b><span style="font-size: medium; font-weight: 400;"> </span><b style="font-size: medium;">0</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">false</strike><span style="font-size: medium; font-weight: 400;"> and </span><b style="font-size: medium;">1</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">true</strike><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-ps724fqMysw/YVlPsbOr8oI/AAAAAAAALsM/B3PFcrLvuXk7JmYWV8-tL0vGjoOsPRYTACNcBGAsYHQ/s1475/dark-mode.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="623" data-original-width="1475" src="https://1.bp.blogspot.com/-ps724fqMysw/YVlPsbOr8oI/AAAAAAAALsM/B3PFcrLvuXk7JmYWV8-tL0vGjoOsPRYTACNcBGAsYHQ/s16000/dark-mode.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Left Sidebar:</b><span style="font-size: medium; font-weight: 400;"> </span><b style="font-size: medium;">0</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">false</strike><span style="font-size: medium; font-weight: 400;"> and </span><b style="font-size: medium;">1</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">true</strike><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-R3E05KeFZbk/YVlP0X78PaI/AAAAAAAALsQ/3x6M7b4m_XQTcOD0UlvKNqSMgYwvNX57wCNcBGAsYHQ/s1404/left-sidebar.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="604" data-original-width="1404" src="https://1.bp.blogspot.com/-R3E05KeFZbk/YVlP0X78PaI/AAAAAAAALsQ/3x6M7b4m_XQTcOD0UlvKNqSMgYwvNX57wCNcBGAsYHQ/s16000/left-sidebar.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h4>Advanced > Theme Widths:</h4><h3><b style="font-size: medium;">Boxed Mode:</b><span style="font-size: medium; font-weight: 400;"> </span><b style="font-size: medium;">0</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">false</strike><span style="font-size: medium; font-weight: 400;"> and </span><b style="font-size: medium;">1</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">true</strike><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-EXkm1yqIkQY/YVlP8SSWWII/AAAAAAAALsY/ryZrr2rSvjA17Pei5Xmij2xbaX5K8t4LACNcBGAsYHQ/s1723/box-mode.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="615" data-original-width="1723" src="https://1.bp.blogspot.com/-EXkm1yqIkQY/YVlP8SSWWII/AAAAAAAALsY/ryZrr2rSvjA17Pei5Xmij2xbaX5K8t4LACNcBGAsYHQ/s16000/box-mode.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h4>Advanced > Theme Colors and Fonts:</h4><h3><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-DdGOoZLpK8w/YVlQBzDOk6I/AAAAAAAALsc/ywryOy0n888C0qx5-q-qY7qXB7cbQhjMQCNcBGAsYHQ/s1502/Theme-colors.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="523" data-original-width="1502" src="https://1.bp.blogspot.com/-DdGOoZLpK8w/YVlQBzDOk6I/AAAAAAAALsc/ywryOy0n888C0qx5-q-qY7qXB7cbQhjMQCNcBGAsYHQ/s16000/Theme-colors.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h3><br style="font-size: medium; font-weight: 400;" /><info class="alert" style="font-size: medium; font-weight: 400;"><b>INFO:</b> When changing the font of the site and it has a blurred appearance, you can solve it by clicking to reset the fonts in the option <b>Advanced</b> > <b>Theme Fonts (Reset)</b>.</info></h3></div><div>
<div style="text-align: center;">
</div>
<h3 style="clear: both; text-align: left;">
Installation And Custom Services</h3>
<div class="separator" style="clear: both; text-align: justify;">
We provide plenty of templates for free but if you want something unique for your blog then let us create a unique design for your blog, Just tell us your needs and we will convert your dream design into reality. We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle.</div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide2" href="http://www.soratemplates.com/p/contact-us.html" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Contact Us</span> <span class="title-hover2">Custom template Services</span> </a> </div>
</div>
</div><br />
<style>
.item .post-body strike {
background-color: #f9f9f9;
font-family: Monospace;
font-size: 12px;
color: blue;
text-decoration: none;
padding: 1px 5px;
margin: 0 2px 0 0;
border: 1px dashed #e9ebee;
border-radius: 3px;
}
info.alert {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb;
}
.alert {
display: block;
color: #383d41;
background-color: #e2e3e5;
padding: 5px 10px;
border: 1px solid #d6d8db;
border-radius: 0;
}
line {
display: block;
padding: 0 0 15px;
margin: 15px 0 0;
border-top: 1px dashed #e9ebee;
}
success.alert {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
warning.alert {
color: #856404;
background-color: #fff3cd;
border-color: #fce9b0;
}
code {
display: block;
background-color: #1f2024;
line-height: 1.3em;
padding: 10px;
border-radius: 0;
}
</style>
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFY1IMeik-qA__0VD7DzAmOCvv7QGG0DZX9MghmKuX-jIE56830K1MQrELulxUjYyHeHuUT9WLvwNLWd-st9bRtKeXeeySc9XiQGqAqLCpQw_UdwrnQt-bAwsaqi4k1ZCj3ormvrvBthCi1KnoHH4hd05E8a-uobp3xQiFOjcYuWFa70C12bmtmZ7s6ZoR/s1600/Posty%20Blogger%20Template.png" style="display: block; padding: 1em 0; text-align: center; "><img alt="" border="0" data-original-height="553" data-original-width="789" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFY1IMeik-qA__0VD7DzAmOCvv7QGG0DZX9MghmKuX-jIE56830K1MQrELulxUjYyHeHuUT9WLvwNLWd-st9bRtKeXeeySc9XiQGqAqLCpQw_UdwrnQt-bAwsaqi4k1ZCj3ormvrvBthCi1KnoHH4hd05E8a-uobp3xQiFOjcYuWFa70C12bmtmZ7s6ZoR/s1600/Posty%20Blogger%20Template.png"/></a></div>TemplatesYardhttp://www.blogger.com/profile/16801688932542878100noreply@blogger.com0tag:blogger.com,1999:blog-1320824803216639156.post-37303763039163660382024-02-18T00:54:00.004+05:302024-02-18T18:09:16.605+05:30How To Setup Pager Blogger Template<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoUDnS3Vvf8qJI3qX5tc6hxSv8SWrjDDkOmyvCLZN3p3ve00-3bsLjWNGUVIDyk0Wwxra6GDxQj8Yqyv7XYtvBqNExKXo1dB1w8MDTZ2n9WhDZTqizKTFyJtps_US5UyUbrz4RraW_J3hviNTOkxWiquoxAULDt8wo1H9O4ziKmWix9CSNvYwepCMMjbAO/s1600/Pager%20Blogger%20Template.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="932" data-original-width="1898" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoUDnS3Vvf8qJI3qX5tc6hxSv8SWrjDDkOmyvCLZN3p3ve00-3bsLjWNGUVIDyk0Wwxra6GDxQj8Yqyv7XYtvBqNExKXo1dB1w8MDTZ2n9WhDZTqizKTFyJtps_US5UyUbrz4RraW_J3hviNTOkxWiquoxAULDt8wo1H9O4ziKmWix9CSNvYwepCMMjbAO/s1600/Pager%20Blogger%20Template.jpg" /></a></div><div style="text-align: center;"><br /></div>
Pager Blogger Template is an advance one-pager blogger theme with a multi-functional layout and up-to-the-mark design. It carries a flawless design with limitless scrolling. Pager Blogger Template helps you to create a quick and effective single landing portfolio page or website that can help you to attract more organic and social media visitors. <br />
<a name='more'></a>You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users. </div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide" href="https://pager-soratemplates.blogspot.com/" rel="nofollow" target="_blank"> <span class="circle"><i aria-hidden="true" class="fa fa-rocket"></i></span> <span class="title">See Demo</span> <span class="title-hover">Live Preview</span> </a> <a class="btn-slide2" href="https://www.soratemplates.com/2024/02/pager-blogger-templates.html" rel="nofollow" target="_blank"> <span class="circle2"><i aria-hidden="true" class="fa fa-download"></i></span> <span class="title2">Free Download</span> <span class="title-hover2">Free Version</span> </a> <a class="btn-slide2" href="https://premiumbloggerthemes.gumroad.com/l/pagerpremium" rel="nofollow" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Buy Now</span> <span class="title-hover2">Premium Version</span> </a> </div>
<div class="basic-setup-sec">
<h3 style="text-align: left;">
<b>Basic Setup</b></h3>
<ol style="text-align: left;">
<li><b><a href="http://www.sorabloggingtips.com/p/how-to-install-blogger-template.html" target="_blank">Template Installation</a></b></li>
<li><a href="http://www.sorabloggingtips.com/p/how-to-install-logo-in-your-blog.html" target="_blank"><b>Logo Setup</b></a></li>
<li><b><a href="http://www.sorabloggingtips.com/p/default-setting-for-blogger-templates.html" target="_blank">Template Setting</a></b></li>
<li wfd-id="88"><b><a href="https://www.sorabloggingtips.com/p/shortcodes-and-page-markups-v20.html" target="_blank">Shortcodes & Markups v2.0</a></b></li>
<li><b><a href="http://www.sorabloggingtips.com/2017/01/how-to-add-sitemap-widget-in-blogspot-blogs.html" target="_blank">Create Sitemap</a></b></li>
</ol>
</div>
<div class="video-setup-sec">
<h3 style="text-align: left;">
Video Documentation</h3>
<div>
You can check this below video to understand the setup process much more easily, just click the below image to watch the video directly on YouTube, or click this link - <b><a href="https://youtu.be/pdJFyg2AC1g" rel="nofollow" target="_blank">How To Setup Pager Blogger Template - SoraTemplates</a></b><br />
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://youtu.be/pdJFyg2AC1g" rel="nofollow" target="_blank"><img border="0" data-original-height="354" data-original-width="636" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-TLUyMl6jt56eUW59DodDzkfsLoVWvl2Dl1hvCS90Ya80ZmbEbFVH8UfkGxMw5Oot15XjkqNaaSb_2nfaAiXfaQSMcvvkhYEfGRmaYGzGPqXzLa6rm6QS2UN7Kmz8-cNn66XRnQtBi0NpQfPtk1dM9iWEyKRrZP6_6ijPx095-pumXqq0w5vPCpvNDW2K/s1600/Pager%20Youtube%20Thumbnail.png" /></a></div></div>
</div></div><h3>Scrolling Menu</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Scrolling Menu Section</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-pFy1QqAuJRU/YGHKgDQW8iI/AAAAAAAAKX8/A96z3q4ZVEEZTx3ZwF4v5jmZNxAPSxmLwCNcBGAsYHQ/s763/Scrolling-Menu.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="763" data-original-width="570" src="https://1.bp.blogspot.com/-pFy1QqAuJRU/YGHKgDQW8iI/AAAAAAAAKX8/A96z3q4ZVEEZTx3ZwF4v5jmZNxAPSxmLwCNcBGAsYHQ/s16000/Scrolling-Menu.png" /></a></div><b><span style="color: red;">Note : - </span></b><i><span style="color: #2b00fe;">Updating This menu is little bit complicated, as it doesn't work normally, it helps your blog visitor to scroll smoothly when clicked, but at the same time you can also add live links. In the existing setup don't edit the url, but if you want to add any new label in the menu the simple add desired text with desired url. </span></i><br /><br /><b><span style="color: red;">Note* : -</span></b> <i><span style="color: #2b00fe;">If you will edit the url in current structure then the scrolling effect will not work.<br /></span></i><div class="separator" style="clear: both; text-align: center;"><br /></div></div></h3><h3>Main Menu/DropDown/Multi DropDown</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Main Menu</b> widget.<br /><br />Normal Link : <b>Dropdown</b><br />Sub Link: <b>_Multi Dropdown</b> (before the link add "<span style="color: #0b5394;"><b>_</b></span>") 1 underscore<br />Sub Link 2: <b>__Dropdown 1</b> (before the link add "<span style="color: #0b5394;"><b>__</b></span>") 2 underscore<br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="697" data-original-width="549" src="https://1.bp.blogspot.com/-SFb7uyR4ynw/W1TRPRp2MjI/AAAAAAAAChc/8bPxh5rxQnoKVA234fBnqFUj5dyI6KuxACLcBGAs/s1600/main-menu.png" /></div><br /></div></h3><h3>Main Intro</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Main Intro</b> widget.<br /><br />Example:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-VLyLFaoOCLw/W1TSmMuId1I/AAAAAAAACho/ta0r-B6LwJsOo_8Ne05_cWO4lT1gox_FQCLcBGAs/s1600/main-intro.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="646" data-original-width="592" src="https://1.bp.blogspot.com/-VLyLFaoOCLw/W1TSmMuId1I/AAAAAAAACho/ta0r-B6LwJsOo_8Ne05_cWO4lT1gox_FQCLcBGAs/s16000/main-intro.png" /></a></div></div></h3><h4 style="clear: both;">b) Image Background</h4><h3><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;">The theme by default shows a colored css background in the header area, if you want to replace it with your desired image, then just upload the image in <b>main intro section</b> and add <b>true</b> for image background, if you want to revert back to colored background then simply add <b>false</b> in the blank space. Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Main Intro Section > </b>Click<b> Image Background</b> widget.</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-qvx4EDqfsGQ/YGHMGT7KHEI/AAAAAAAAKYE/UBueM3YEZw8OwthkMWJio1i1QApxZtGTQCNcBGAsYHQ/s599/Image%2BBackground.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="599" data-original-width="570" src="https://1.bp.blogspot.com/-qvx4EDqfsGQ/YGHMGT7KHEI/AAAAAAAAKYE/UBueM3YEZw8OwthkMWJio1i1QApxZtGTQCNcBGAsYHQ/s16000/Image%2BBackground.png" /><br /></a></div></div></h3><h3>Service List Widget</h3><h3><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;">Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Service List</b> widget's.<br /><br />Widget Settings <b>EX</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="577" data-original-width="532" src="https://2.bp.blogspot.com/-NvlcgCMn_Yg/W1UWthw7t6I/AAAAAAAACiI/6HwKzHnWICgkFaafiSqoKnOD_kcMGdKnwCLcBGAs/s1600/services1.png" /></div><br /><b>How to get FontAwesome or Remixicon icon name ??</b><br /><br /><b>Step 1:</b> Go to <a href="https://fontawesome.com/v4.7.0/icons/" rel="nofollow" target="_blank">https://fontawesome.com/v4.7.0/icons/</a></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><b>Step 2:</b> Go to <a href="https://remixicon.com/">https://remixicon.com/</a></div><br />Find icon <b>EX</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="229" data-original-width="704" src="https://1.bp.blogspot.com/-Sfhr_AXRqtE/W1UXiPmDV5I/AAAAAAAACiU/Ys86AhB7m4ofkRoyINzc2JcyAV0l2_tpwCLcBGAs/s1600/fa1.png" /></div><br /><b>Step 2:</b> Open icon page and copy "fa icon name".<br /><br /><b>EX</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="520" data-original-width="710" src="https://3.bp.blogspot.com/-uVcAvTiXUMY/W1UX8aqcHxI/AAAAAAAACic/snOfTPY3fFIyB7aHi1gnBq2I-h64ctjkACLcBGAs/s1600/fa2.png" /></div><div class="separator" style="clear: both;"><br /></div></div></div></div></h3><h3>Info Box ( 01, 02, 03, 04 )</h3><h3><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;"><div style="margin-left: 1em; margin-right: 1em;">Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Info Box 01, </b><b>Info Box 02 </b>or<b> </b><b>Info Box 03 or Info Box 04</b><b> </b>widget.</div><div style="margin-left: 1em; margin-right: 1em;"><a href="https://1.bp.blogspot.com/-qvx4EDqfsGQ/YGHMGT7KHEI/AAAAAAAAKYE/UBueM3YEZw8OwthkMWJio1i1QApxZtGTQCNcBGAsYHQ/s599/Image%2BBackground.png" style="margin-left: 1em; margin-right: 1em;"><br />Example:<br /></a><div class="separator" style="clear: both; text-align: center;"><span style="margin-left: 1em; margin-right: 1em;"><a href="https://1.bp.blogspot.com/-qvx4EDqfsGQ/YGHMGT7KHEI/AAAAAAAAKYE/UBueM3YEZw8OwthkMWJio1i1QApxZtGTQCNcBGAsYHQ/s599/Image%2BBackground.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="646" data-original-width="592" src="https://1.bp.blogspot.com/-VLyLFaoOCLw/W1TSmMuId1I/AAAAAAAACho/ta0r-B6LwJsOo_8Ne05_cWO4lT1gox_FQCLcBGAs/s1600/main-intro.png" /></a></span></div></div></div></div></h3><h3>Featured Image</h3><h3><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;"><div style="margin-left: 1em; margin-right: 1em;"><div class="separator" style="clear: both;">Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Featured Image</b> widget's.<br /><br />Widget Settings <b>EX</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-P1jJ0Ksm6Vs/YGHQgMhpUsI/AAAAAAAAKYU/jUGdqSGNch8r_tyElCkrrSv7ijaCtQIQgCNcBGAsYHQ/s716/Featured%2BImage.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="716" data-original-width="570" src="https://1.bp.blogspot.com/-P1jJ0Ksm6Vs/YGHQgMhpUsI/AAAAAAAAKYU/jUGdqSGNch8r_tyElCkrrSv7ijaCtQIQgCNcBGAsYHQ/s16000/Featured%2BImage.png" /></a></div></div></div></div></div></h3><h3>Achievements (Counter)</h3><h3><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;"><div style="margin-left: 1em; margin-right: 1em;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;">Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Service List</b> widget's.<br /><br />Widget Settings <b>EX</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-x3YaDtLJRhA/YGHQA_OiQtI/AAAAAAAAKYM/DLU_JuPttHQ5f5DW7Eh8RcDlA6A84He8gCNcBGAsYHQ/s667/Achievements.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="667" data-original-width="570" src="https://1.bp.blogspot.com/-x3YaDtLJRhA/YGHQA_OiQtI/AAAAAAAAKYM/DLU_JuPttHQ5f5DW7Eh8RcDlA6A84He8gCNcBGAsYHQ/s16000/Achievements.png" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><b>How to get FontAwesome or Remixicon icon name ??</b><br /><br /><b>Step 1:</b> Go to <a href="https://fontawesome.com/v4.7.0/icons/" rel="nofollow" target="_blank">https://fontawesome.com/v4.7.0/icons/</a></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><b>Step 2:</b> Go to <a href="https://remixicon.com/">https://remixicon.com/</a></div><br />Find icon <b>EX</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="229" data-original-width="704" src="https://1.bp.blogspot.com/-Sfhr_AXRqtE/W1UXiPmDV5I/AAAAAAAACiU/Ys86AhB7m4ofkRoyINzc2JcyAV0l2_tpwCLcBGAs/s1600/fa1.png" /></div><br /><b>Step 2:</b> Open icon page and copy "fa icon name".<br /><br /><b>EX</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="520" data-original-width="710" src="https://3.bp.blogspot.com/-uVcAvTiXUMY/W1UX8aqcHxI/AAAAAAAACic/snOfTPY3fFIyB7aHi1gnBq2I-h64ctjkACLcBGAs/s1600/fa2.png" /></div></div></div></div></div></div></h3><h3>Grid Posts</h3><h3><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;"><div style="margin-left: 1em; margin-right: 1em;"><div class="separator" style="clear: both;"><div>Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Grid Posts</b> section, you must place the following names highlighted in blue below.</div><div><br /></div><div>Shortcode: <b><span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> </b>or<b> <span style="color: #38761d;">random</span>/grid-post</b></div><div><br /></div><div>Example: <b>Technology/grid-post</b></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-DYV3xRxnpbA/YU1Pnfv0QzI/AAAAAAAALpA/O-fNyqT3GqQcLtztEFaRjSH0X5s2ht-OwCNcBGAsYHQ/s498/grid-post.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="450" data-original-width="498" src="https://1.bp.blogspot.com/-DYV3xRxnpbA/YU1Pnfv0QzI/AAAAAAAALpA/O-fNyqT3GqQcLtztEFaRjSH0X5s2ht-OwCNcBGAsYHQ/s16000/grid-post.png" /></a></div></div></div></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"></div></div></div></h3><h3>Author Image and Background Image</h3><h3><div style="font-size: medium; font-weight: 400;"><div><div class="separator" style="clear: both;"><div class="separator" style="clear: both;">Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Author Image</b> widget's.<br /><br />Widget Settings <b>EX</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-P1jJ0Ksm6Vs/YGHQgMhpUsI/AAAAAAAAKYU/jUGdqSGNch8r_tyElCkrrSv7ijaCtQIQgCNcBGAsYHQ/s716/Featured%2BImage.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="716" data-original-width="570" src="https://1.bp.blogspot.com/-P1jJ0Ksm6Vs/YGHQgMhpUsI/AAAAAAAAKYU/jUGdqSGNch8r_tyElCkrrSv7ijaCtQIQgCNcBGAsYHQ/s16000/Featured%2BImage.png" /></a></div><div class="separator" style="clear: both;"><b><span style="color: red;">Note* : -</span></b> <i><span style="color: #2b00fe;">In background image just add background nothing else.</span></i></div></div></div></div><div><div style="text-align: center;"></div></div><div class="separator" style="clear: both;"><br /></div></div></h3><h3>Headline Text 01, 02, 03 & 04 (Heading and Description)</h3><h3><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;">Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Headline Text 01, 02, 03 & 04</b> widget's.<br /><br />Widget Settings <b>EX</b>:<br /><br /><div style="text-align: center;"><a href="http://4.bp.blogspot.com/-y9AhJv2wFas/Xbfr_sAUXeI/AAAAAAAAHWw/4cmEp32vri4mMFOMvLQ6elTdNxNG63DLgCK4BGAYYCw/s1600/saas%2B3.png"><img border="0" src="https://4.bp.blogspot.com/-y9AhJv2wFas/Xbfr_sAUXeI/AAAAAAAAHWw/4cmEp32vri4mMFOMvLQ6elTdNxNG63DLgCK4BGAYYCw/s1600/saas%2B3.png" /></a></div></div></div></h3><h3>Featured Posts Widget</h3><h3><div style="font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Featured Posts</b> widget <span class="tlid-translation translation">and follow the instructions below.</span></div><div><br /></div><div>Shortcode: <b>Results number/<span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> or <span style="color: #38761d;">random</span>/feat-big</b></div><div><br /></div><div>Label Posts: <b>3/Technology/feat-big</b></div><div>Recent Posts: <b>3/recent/feat-big</b></div><div>Random Posts: <b>3/random/feat-big</b></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-pDEeDl8cGrg/YGHTM6HYNmI/AAAAAAAAKYc/i6zLtCqLdcsbRLmVIXu7lQX2NzUR_ySDACNcBGAsYHQ/s599/Featured-Post.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="599" data-original-width="570" src="https://1.bp.blogspot.com/-pDEeDl8cGrg/YGHTM6HYNmI/AAAAAAAAKYc/i6zLtCqLdcsbRLmVIXu7lQX2NzUR_ySDACNcBGAsYHQ/s16000/Featured-Post.png" /></a></div></div></h3><h3>Main Testimonials</h3><h3><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div>Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Main Testimonial </b>widget.</div><div><br />Example:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-00fPrXSNOko/YGHT2p_k_cI/AAAAAAAAKYk/eOWOXJjdGZYFJp945SIH7hgUBbti1efzQCNcBGAsYHQ/s773/Main%2BTestimonial.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="773" data-original-width="570" src="https://1.bp.blogspot.com/-00fPrXSNOko/YGHT2p_k_cI/AAAAAAAAKYk/eOWOXJjdGZYFJp945SIH7hgUBbti1efzQCNcBGAsYHQ/s16000/Main%2BTestimonial.png" /></a></div></div></div></div></div></h3><h3>Info Box 04</h3><h3><div style="font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Info Box 01 & 02</b><b> </b>widget.</div><div><br />Example:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-VLyLFaoOCLw/W1TSmMuId1I/AAAAAAAACho/ta0r-B6LwJsOo_8Ne05_cWO4lT1gox_FQCLcBGAs/s1600/main-intro.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="646" data-original-width="592" src="https://1.bp.blogspot.com/-VLyLFaoOCLw/W1TSmMuId1I/AAAAAAAACho/ta0r-B6LwJsOo_8Ne05_cWO4lT1gox_FQCLcBGAs/s1600/main-intro.png" /></a></div></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><br /></div></div></div><div style="text-align: center;"><div style="background-color: white; text-align: left;"><ul></ul></div></div></div></h3><h3>Brand Logos</h3><h3><div style="font-size: medium; font-weight: 400;"><div style="text-align: center;"><div style="background-color: white; text-align: left;"><div>Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Brand Logos</b> widget.</div><div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-ELcucSUiRRs/YGHUlylXmKI/AAAAAAAAKYs/JFdxo_z-5U4ORnSDZ656-7gHrbJIh5BQACNcBGAsYHQ/s720/Brandlogos.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="720" data-original-width="570" src="https://1.bp.blogspot.com/-ELcucSUiRRs/YGHUlylXmKI/AAAAAAAAKYs/JFdxo_z-5U4ORnSDZ656-7gHrbJIh5BQACNcBGAsYHQ/s16000/Brandlogos.png" /><br /></a></div></div></div></div></div></h3><h3><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div></div></div></div><div style="text-align: center;"><div style="background-color: white; text-align: left;"><div style="text-align: center;"></div></div></div></div></h3><h3>Post Layouts</h3><h3><div style="font-size: medium; font-weight: 400;"><div><b>Left Sidebar:</b> Inside the post add the text <b>left-sidebar</b> and add the style <strike>Strikethrough</strike></div><div><b>Full Width:</b> Inside the post add the text <b>full-width</b> and add the style <strike>Strikethrough</strike></div><div><b>Right Sidebar:</b> Inside the post add the text <b>right-sidebar</b> and add the style <strike>Strikethrough</strike></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="951" data-original-width="1358" src="https://2.bp.blogspot.com/-fCQMSq7tcD0/WxeSCroFr1I/AAAAAAAAB5E/ZYlvtyGAl14cPAri8JvXMhxPCPe_hx1rwCLcBGAs/s1600/post-layouts.jpg" /></div><div><br /><br /></div></div></h3><h3>Post List Widget</h3><h3><div style="font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Footer</b> section <span class="tlid-translation translation">and follow the instructions below.</span></div><div><br /></div><div>Shortcode: <b>Results number/<span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> or <span style="color: #38761d;">random</span>/post-list</b></div><div><br /></div><div>Label Posts: <b>3/Technology/post-list</b></div><div>Recent Posts: <b>3/recent/post-list</b></div><div>Random Posts: <b>3/random/post-list</b></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="535" data-original-width="539" src="https://2.bp.blogspot.com/-4MIJlqO1pUc/WxdpOVxXIII/AAAAAAAAB3w/-cMDJxJKatQofEpeQQiJbuIjMgGxk7JbACEwYBhgL/s1600/post-list-widget.png" /></div><div><br /></div></div></h3><h3>Theme Options</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Default Variables</b> widget.<br /><br /><b>Post Per Page:</b> In <i>New Site Name</i> add <b>postPerPage</b>, in <i>New Site URL</i> add the number of results, it should be the same as the posts from the home page, after click on <b><span style="color: #e69138;">save</span></b> button.<br /><br /><b>Comments System:</b> In <i>New Site Name</i> add <b>commentsSystem</b>, in <i>New Site URL</i> add the comments sytem type <b>{<span style="color: #e69138;">blogger</span>, <span style="color: #3d85c6;">disqus</span>, <span style="color: #073763;">facebook</span> or <span style="color: #cc0000;">hide</span>}</b>, after click on <b><span style="color: #e69138;">save</span></b> button.<br /><br /><b>Disqus Shortname:</b> In <i>New Site Name</i> add <b>disqusShortname</b>, in <i>New Site URL</i> add your disqus comment system shortname, after click on <b><span style="color: #e69138;">save</span></b> button.<br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="624" data-original-width="523" src="https://1.bp.blogspot.com/-rExdUXOAgtQ/WxduxYWEo2I/AAAAAAAAB4M/KI0ipawglGQ_fQ7axi6Yu1TdBiWU0sd9QCLcBGAs/s1600/default-variables.png" /></div></div></h3><h3><div style="font-size: medium; font-weight: 400;"><br /></div></h3><h3>Facebook Page Plugin </h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="19">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Footer</b> section, and paste the code below.</div><div style="font-size: medium; font-weight: 400;" wfd-id="18"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="17"><i><span style="background-color: #f3f3f3;"><center><div class="fb-page" data-href="<span style="background-color: #073763;"><span style="color: white;">https://www.facebook.com/soratemplate</span></span>" data-width="360" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div></center></span></i></div><div style="font-size: medium; font-weight: 400;" wfd-id="16"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="15"><span style="color: #cc0000;"><b>Note:</b></span> In Attribute <i><b>data-href</b></i> replace the link per your facebook page url.</div></h3>
<h3>
Customizing Your Template</h3>
<div style="font-size: medium; font-weight: 400;">
<div style="font-size: medium; font-weight: 400;">
Access your blog <b>Theme</b> > click <span style="color: #e69138;">Customize</span> button.</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Here you can change the background, and apply pre-defined colors</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="270" data-original-width="724" src="https://1.bp.blogspot.com/-H1u1QEV-qss/W4BHVwCJ8TI/AAAAAAAAC9g/_25WTIFhTjUvnRmjcGRFAl4kOI-ItSJ7QCEwYBhgL/s1600/customize_background.png" /></div>
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Clicking Advanced You will see the official option to change the Main Colors</div>
<br />
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="272" data-original-width="696" src="https://3.bp.blogspot.com/-q47DGPWfrgE/W4BHP2xDXHI/AAAAAAAAC9c/eqk39S8t2MI_9Dzhejt11Y5t0K-0-x0mACLcBGAs/s1600/customize_colors.png" /></div>
</div>
</div>
<div>
<h3 style="clear: both; text-align: left;">
Installation And Custom Services</h3>
<div class="separator" style="clear: both; text-align: justify;">
We provide plenty of templates for free but if you want something unique for your blog then let us create a unique design for your blog, Just tell us your needs and we will convert your dream design into reality. We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle.</div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide2" href="http://www.soratemplates.com/p/contact-us.html" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Contact Us</span> <span class="title-hover2">Custom template Services</span> </a> </div>
<div class="alert-message alert" style="font-size: 15px;">
<i class="fa fa-info-circle"></i> Only Premium Buyers will get the widget codes available in the demo.</div>
<div class="alert-message warning" style="font-size: 15px;">
<i class="fa fa-exclamation-triangle"></i> If you are a premium version user and you are having any problem while setting up the template please contact us by going to this <a href="http://www.templatesyard.com/p/contact-us.html" style="color: blue;" target="_blank"><b>link (Contact Form)</b></a>.</div></div>TemplatesYardhttp://www.blogger.com/profile/16801688932542878100noreply@blogger.com0tag:blogger.com,1999:blog-1320824803216639156.post-26386014543533268242024-02-10T18:32:00.009+05:302024-02-11T18:30:02.154+05:30How To Setup Eggo Blogger Template<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyIvnxY29HixZzjuTmAgmsGiiWsL5a7oLddbgxw4ux4hLL_ct-cJ2DnJREEq9GSTYXY-iXn2Fz9ZAQhd9DaFZ3ngCKIw6sqOFCKjuA2qhKHf1fYmnCGgS6_4YnCvCdfetUROl0IceHnD0CZsIN8aSYKePtV7MKi9sh6R7TRFwvAYAn1ztC-dyrNI6B0wW3/s1600/Eggo%20Blogger%20Template.jpg"><img border="0" data-original-height="480" data-original-width="720" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyIvnxY29HixZzjuTmAgmsGiiWsL5a7oLddbgxw4ux4hLL_ct-cJ2DnJREEq9GSTYXY-iXn2Fz9ZAQhd9DaFZ3ngCKIw6sqOFCKjuA2qhKHf1fYmnCGgS6_4YnCvCdfetUROl0IceHnD0CZsIN8aSYKePtV7MKi9sh6R7TRFwvAYAn1ztC-dyrNI6B0wW3/s1600/Eggo%20Blogger%20Template.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
</div>
<div style="text-align: justify;">
<br />
Eggo Blogger theme is a SEO and Fast loading Blogger theme best suited for sites that deliver news about Technology, Fashion, Sport, Video, Healthy, Travel, etc.<br />
<a name='more'></a>You have made a good decision by choosing our template. You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users. </div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide" href="https://eggo-omtemplates.blogspot.com/" rel="nofollow" target="_blank"> <span class="circle"><i aria-hidden="true" class="fa fa-rocket"></i></span> <span class="title">See Demo</span> <span class="title-hover">Live Preview</span> </a> <a class="btn-slide2" href="https://www.omtemplates.com/2024/02/eggo-blogger-template.html" rel="nofollow" target="_blank"> <span class="circle2"><i aria-hidden="true" class="fa fa-download"></i></span> <span class="title2">Free Download</span> <span class="title-hover2">Free Version</span> </a> <a class="btn-slide2" href="https://premiumbloggerthemes.gumroad.com/l/eggopremium" rel="nofollow" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Buy Now</span> <span class="title-hover2">Premium Version</span> </a> </div>
<div class="basic-setup-sec">
<h3 style="text-align: left;">
<b>Basic Setup</b></h3>
<ol style="text-align: left;">
<li><b><a href="http://www.sorabloggingtips.com/p/how-to-install-blogger-template.html" target="_blank">Template Installation</a></b></li>
<li><a href="http://www.sorabloggingtips.com/p/how-to-install-logo-in-your-blog.html" target="_blank"><b>Logo Setup</b></a></li>
<li><b><a href="http://www.sorabloggingtips.com/p/default-setting-for-blogger-templates.html" target="_blank">Template Setting</a></b></li>
<li><b><a href="http://www.sorabloggingtips.com/p/shortcodes-and-page-markups.html" target="_blank">Shortcodes & Markups</a></b></li>
<li><b><a href="http://www.sorabloggingtips.com/2017/01/how-to-add-sitemap-widget-in-blogspot-blogs.html" target="_blank">Create Sitemap</a></b></li>
</ol>
</div>
<div class="video-setup-sec">
<h3 style="text-align: left;">
Video Documentation</h3>
<div>
You can check this below video to understand the setup process much more easily, just click the below image to watch the video directly on YouTube, or click this link - <a href="https://youtu.be/oa1kHneFqfE" rel="nofollow" target="_blank"><b>How To Setup Eggo Blogger Template - OmTemplates</b></a></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://youtu.be/oa1kHneFqfE" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" data-original-height="357" data-original-width="638" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB4_aSeB-gv9IwRKGT8A7EEIXdvPTrPVXeEAWz5o7O77ZNdVh-oP2_osq2PYMVseMndgaZXEkQxtX9VOWeC-DqAaiTRA9_ndufKoctygRM4bm7C2eT-JBAYqLW6fAcHSHYEL1b7kiRbDDD5Y4WVHl-hSEoNd4NJh7xdIkeSCQl4kDuTNqSB2qLuNPDrsf3/s1600/Eggo%20Youtube%20Thumbnail.png" /></a></div>
</div>
<div>
<br />
<h3>
Main Menu/DropDown/Multi DropDown</h3>
<div style="font-size: medium; font-weight: 400;">
Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Main Menu</b> widget.</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Normal Link : <b>Dropdown</b></div>
<div style="font-size: medium; font-weight: 400;">
Sub Link: <b>_Multi Dropdown</b> (before the link add "<span style="color: #0b5394;"><b>_</b></span>") 1 underscore</div>
<div style="font-size: medium; font-weight: 400;">
Sub Link 2: <b>__Dropdown 1</b> (before the link add "<span style="color: #0b5394;"><b>__</b></span>") 2 underscore</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;">
<img border="0" data-original-height="697" data-original-width="549" src="https://1.bp.blogspot.com/-SFb7uyR4ynw/W1TRPRp2MjI/AAAAAAAAChc/8bPxh5rxQnoKVA234fBnqFUj5dyI6KuxACLcBGAs/s1600/main-menu.png" /></div>
<div style="font-size: medium; font-weight: 400;">
<br />
<h3>
Hot Spot</h3>
<div style="font-size: medium; font-weight: 400;">
Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>List Widget</b> on <b>Hot Spot</b> section, you can add the text.</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;">
<img border="0" data-original-height="534" data-original-width="541" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihcU-zpHrlFkQVcCDGuUR07UxnPin5ySFvfg8835jSgZmHasog_T4P1L4KHjgxyWX7_YScOFU1K2D6lFmvGCZyvAWv3awthpvWZvmD1VkCe1P0KsGookwGOV2rhwF5E78nAOyNLJsC6tWWAjAoQhU4lcHZjT31fTOdrdc4XcUtxxr3qMHNGfbBna0Zw1VL/w568-h640/Hot%20Spot.png" width="568" /></div>
<h3>
Hot Posts</h3>
<div style="font-size: medium; font-weight: 400;">
Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Hot Posts</b> section, you must place the following names highlighted in blue below.</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Shortcode: <b><span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> </b>or<b> <span style="color: #38761d;">random</span>/hot-posts</b></div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Example: <b>Technology/hot-posts</b></div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;">
<img border="0" data-original-height="534" data-original-width="541" src="https://4.bp.blogspot.com/-988uKOqn1CE/WzHKtkGFDpI/AAAAAAAACLk/1kGnuUU8v_4T7vASSWlU5VhB5bFtQuEAgCLcBGAs/s1600/hot-posts.png" /></div>
<h3>
Post Layouts</h3>
<div style="font-size: medium; font-weight: 400;">
<b>Left Sidebar:</b> Inside the post add the text <b>left-sidebar</b> and add the style <strike>Strikethrough</strike></div>
<div style="font-size: medium; font-weight: 400;">
<b>Full Width:</b> Inside the post add the text <b>full-width</b> and add the style <strike>Strikethrough</strike></div>
<div style="font-size: medium; font-weight: 400;">
<b>Right Sidebar:</b> Inside the post add the text <b>right-sidebar</b> and add the style <strike>Strikethrough</strike></div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;">
<img border="0" data-original-height="951" data-original-width="1358" src="https://2.bp.blogspot.com/-fCQMSq7tcD0/WxeSCroFr1I/AAAAAAAAB5E/ZYlvtyGAl14cPAri8JvXMhxPCPe_hx1rwCLcBGAs/s1600/post-layouts.jpg" /></div>
<h3>
Post List Widget</h3>
<div style="font-size: medium; font-weight: 400;">
Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Footer</b> section <span class="tlid-translation translation">and follow the instructions below.</span></div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Shortcode: <b>Results number/<span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> or <span style="color: #38761d;">random</span>/post-list</b></div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Label Posts: <b>3/Technology/post-list</b></div>
<div style="font-size: medium; font-weight: 400;">
Recent Posts: <b>3/recent/post-list</b></div>
<div style="font-size: medium; font-weight: 400;">
Random Posts: <b>3/random/post-list</b></div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;">
<img border="0" data-original-height="535" data-original-width="539" src="https://2.bp.blogspot.com/-4MIJlqO1pUc/WxdpOVxXIII/AAAAAAAAB3w/-cMDJxJKatQofEpeQQiJbuIjMgGxk7JbACEwYBhgL/s1600/post-list-widget.png" /></div>
<h3>
Social Widget (Sidebar)</h3>
<div style="font-size: medium; font-weight: 400;">
Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Social Widget</b> widget.</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
<b>Icons Avaliables {</b> <span style="color: #0b5394;"><i>blogger, facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, twitch, delicious, codepen, reddit, whatsapp, snapchat, email</i></span> <b>}</b></div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="642" data-original-width="552" src="https://4.bp.blogspot.com/-WwhRA03jkKI/W0bv1pnpK8I/AAAAAAAACbA/lqi_JIoKpL400IDswXPCLWUX0LE4pEjpQCEwYBhgL/s1600/social-widget.png" /></div>
</div>
<h3>
Theme Options</h3>
<h4>
01 - Boxed Version</h4>
<div style="font-size: medium; font-weight: 400;">
Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Boxed Version</b> widget.</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
In <i>New Site Name</i> add <b>boxedVersion</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-UWgDr6Hl1PQ/W5vs9EB1tlI/AAAAAAAADGY/2seLnnStyKUof1uLXEThmGseiyK5DSJmgCLcBGAs/s1600/boxed_version.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="529" data-original-width="545" src="https://4.bp.blogspot.com/-UWgDr6Hl1PQ/W5vs9EB1tlI/AAAAAAAADGY/2seLnnStyKUof1uLXEThmGseiyK5DSJmgCLcBGAs/s1600/boxed_version.png" /></a></div>
<br /></div>
<h4>
02 - Default Variables</h4>
<div style="font-size: medium; font-weight: 400;">
Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Default Variables</b> widget.</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
<b>Post Per Page:</b> In <i>New Site Name</i> add <b>postPerPage</b>, in <i>New Site URL</i> add the number of results, it should be the same as the posts from the home page, after click on <b><span style="color: #e69138;">save</span></b> button.</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
<b>Fixed Sidebar:</b> In <i>New Site Name</i> add <b>fixedSidebar</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
<b>Comments System:</b> In <i>New Site Name</i> add <b>commentsSystem</b>, in <i>New Site URL</i> add the comments sytem type <b>{<span style="color: #e69138;">blogger</span>, <span style="color: #3d85c6;">disqus</span>, <span style="color: #073763;">facebook</span> or <span style="color: #cc0000;">hide</span>}</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
<b>Disqus Shortname:</b> In <i>New Site Name</i> add <b>disqusShortname</b>, in <i>New Site URL</i> add your disqus comment system shortname, after click on <b><span style="color: #e69138;">save</span></b> button.</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;">
<img border="0" data-original-height="624" data-original-width="523" src="https://1.bp.blogspot.com/-rExdUXOAgtQ/WxduxYWEo2I/AAAAAAAAB4M/KI0ipawglGQ_fQ7axi6Yu1TdBiWU0sd9QCLcBGAs/s1600/default-variables.png" /></div>
<h3>
Facebook Page Plugin </h3>
<div style="font-size: medium; font-weight: 400;">
Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Footer</b> section, and paste the code below.</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
<i><span style="background-color: #f3f3f3;"><center><div class="fb-page" data-href="<span style="background-color: #073763;"><span style="color: white;">https://www.facebook.com/templatesyard</span></span>" data-width="360" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div></center></span></i></div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
<span style="color: #cc0000;"><b>Note:</b></span> In Attribute <i><b>data-href</b></i> replace the link per your facebook page url.</div>
<h3>
Customizing Your Template</h3>
<div style="font-size: medium; font-weight: 400;">
<div style="font-size: medium; font-weight: 400;">
Access your blog <b>Theme</b> > click <span style="color: #e69138;">Customize</span> button.</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Here you can change the background (<i>boxed version</i>), and apply pre-defined colors</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="258" data-original-width="717" src="https://3.bp.blogspot.com/-_dYpSv2TetA/XFMtjZK_S5I/AAAAAAAAD10/OfDNte_pWpgRXAElQfImbkRMikJnhMPkwCEwYBhgL/s1600/background.png" /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
</div>
<div style="font-size: medium; font-weight: 400;">
Clicking Advanced You will see the official option to change the Main Colors<br />
<br /></div>
</div>
<div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;">
<img border="0" data-original-height="273" data-original-width="695" src="https://2.bp.blogspot.com/-W60a2r7_ySQ/XFMtjTWqTUI/AAAAAAAAD1w/Bd02QTxY7mM2pRkSDPi6sCF6Xc8d36GNACLcBGAs/s1600/colors.png" /></div>
<div style="text-align: center;">
</div>
<h3 style="clear: both; text-align: left;">
Installation And Custom Services</h3>
<div class="separator" style="clear: both; text-align: justify;">
We provide plenty of templates for free but if you want something unique for your blog then let us create a unique design for your blog, Just tell us your needs and we will convert your dream design into reality. We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle.</div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide2" href="http://www.soratemplates.com/p/contact-us.html" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Contact Us</span> <span class="title-hover2">Custom template Services</span> </a> </div>
</div>
</div></div>Om Templateshttp://www.blogger.com/profile/16295803843959564004noreply@blogger.com0tag:blogger.com,1999:blog-1320824803216639156.post-46566267324080967612024-01-28T01:39:00.004+05:302024-02-03T18:49:33.006+05:30How To Setup Glossify Blogger Template [Templateify]<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1WukkR81GuVSPpWKlBtrHCbfp7SEs2G5rWoWWpRUPQBP3Ttc5s5FPR9itrIbNQbLmb4APsPigO_aaTScVGPN5uatXH0ZDzefozRvMWqauEWqqeJutJ5R9wyise1zKmP69PMKaLsM_TkeeThL2sYo4rZS-gsLx5MIkyN31vWs_B8qvmKTgNfGYRPEIRPTE/s1600/Glossify%20Blogger%20Template.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1013" data-original-width="1349" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1WukkR81GuVSPpWKlBtrHCbfp7SEs2G5rWoWWpRUPQBP3Ttc5s5FPR9itrIbNQbLmb4APsPigO_aaTScVGPN5uatXH0ZDzefozRvMWqauEWqqeJutJ5R9wyise1zKmP69PMKaLsM_TkeeThL2sYo4rZS-gsLx5MIkyN31vWs_B8qvmKTgNfGYRPEIRPTE/s1600/Glossify%20Blogger%20Template.jpg" /></a></div></div><br /><div style="text-align: justify;">
Glossify Blogger Template is a modern, minimalistic, and responsive template that makes creating a website or blog easy with just a few clicks. With its clean design and intuitive interface. Glossify is perfect for bloggers who want to make their content look professional and attractive. <br />
<a name='more'></a>You have made a good decision by choosing our template. You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users. </div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide" href="https://glossify-templateify.blogspot.com/" rel="nofollow" target="_blank"> <span class="circle"><i aria-hidden="true" class="fa fa-rocket"></i></span> <span class="title">See Demo</span> <span class="title-hover">Live Preview</span> </a> <a class="btn-slide2" href="https://www.templateify.com/2024/02/glossify-blogger-template.html" rel="nofollow" target="_blank"> <span class="circle2"><i aria-hidden="true" class="fa fa-download"></i></span> <span class="title2">Free Download</span> <span class="title-hover2">Free Version</span> </a> <a class="btn-slide2" href="https://premiumbloggerthemes.gumroad.com/l/glossifypremium" rel="nofollow" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Buy Now</span> <span class="title-hover2">Premium Version</span> </a> </div>
<div class="basic-setup-sec">
<h3 style="text-align: left;">
<b>Basic Setup</b></h3>
<ol style="text-align: left;">
<li><b><a href="http://www.sorabloggingtips.com/p/how-to-install-blogger-template.html" target="_blank">Template Installation</a></b></li>
<li><a href="http://www.sorabloggingtips.com/p/how-to-install-logo-in-your-blog.html" target="_blank"><b>Logo Setup</b></a></li>
<li><b><a href="http://www.sorabloggingtips.com/p/default-setting-for-blogger-templates.html" target="_blank">Template Setting</a></b></li>
<li><b><a href="https://www.sorabloggingtips.com/p/shortcodes-and-page-markups-v20.html" target="_blank">Shortcodes & Markups v2.0</a></b></li>
<li><b><a href="http://www.sorabloggingtips.com/2017/01/how-to-add-sitemap-widget-in-blogspot-blogs.html" target="_blank">Create Sitemap</a></b></li>
</ol>
</div>
<div class="video-setup-sec">
<h3 style="text-align: left;">
Video Documentation</h3>
<div>
You can check this below video to understand the setup process much more easily, just click the below image to watch the video directly on YouTube, or click this link - <a href="https://youtu.be/MVDb9k1IT5c" rel="nofollow" target="_blank"><b>How To Setup Glossify Blogger Template - Templateify</b></a></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://youtu.be/MVDb9k1IT5c" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><div class="separator" style="clear: both;"><img alt="" border="0" data-original-height="672" data-original-width="1127" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYWto-GC9PQhvjzJd7WDzFyKFZBnV8eaesIVP9d6hLrwC0GvPBV-Ves_RTm5s611p8ptVTFD-6Nr2fLXJmwg1ni46yxw0uwQFT7sdSxwmwze1brpbDgLM-JZ0eYbXW3DXLa0GDrPgOsf2RAaq3kYOzmOCqjn1ezlgHIgKMF5Gt5Akh094BTCU8kBDPfEA/s1600/Glossify%20Youtube%20Thumbnail.png" /></div></a></div>
</div>
<div>
<br />
<h3 id="go-topmenu">Topbar Menu</h3><h3 id="go-menu"><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Topbar Menu</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Tobar Menu" border="0" data-original-height="926" data-original-width="867" src="https://1.bp.blogspot.com/-gF6coHxJK0Q/X71ZQx-iW4I/AAAAAAAACLQ/zJaBjhvBVTAOGI3sKIHsDH35gqVT1H-JACLcBGAsYHQ/s0/topbar-menu.png" title="Tobar Menu" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-topicons">Topbar Icons</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Topbar Icons</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Supported Icons: </b><strike style="font-size: medium; font-weight: 400;">blogger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">apple</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">amazon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">microsoft</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook-f</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitter</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">rss</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">youtube</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">skype</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stumbleupon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">tumblr</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">vk</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stack-overflow</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">github</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">linkedin</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">dribbble</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">soundcloud</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">behance</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">digg</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">instagram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest-p</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitch</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">steam</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">delicious</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">codepen</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">flipboard</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">reddit</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">whatsapp</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">telegram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">messenger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">snapchat</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">email</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">discord</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">quora</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">share</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">external-link</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Topbar Icons" border="0" data-original-height="930" data-original-width="867" src="https://1.bp.blogspot.com/-Ty7C4M37Z8w/X71aDjEt0wI/AAAAAAAACLc/-O7otm3HXHAn47QwTRKYYowv8xCq-jmkgCLcBGAsYHQ/s0/topbar-icons.png" title="Topbar Icons" /></div></h3><h3><span style="font-size: medium; font-weight: 400;"></span></h3><h3 id="go-menu">Mobile Logo</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Mobile Logo Section</b><span style="font-size: medium; font-weight: 400;"> gadgets.</span></h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"></div></h3><h3><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-EQZZRzFRK50/YLOF2Hi64JI/AAAAAAAAK1M/D643VC0LsvocabpzPWgPtS7lJibQSOgHgCNcBGAsYHQ/s708/Blogger-Layout.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="708" data-original-width="598" src="https://1.bp.blogspot.com/-EQZZRzFRK50/YLOF2Hi64JI/AAAAAAAAK1M/D643VC0LsvocabpzPWgPtS7lJibQSOgHgCNcBGAsYHQ/s16000/Blogger-Layout.png" /></a></div><div><br /></div></h3><h3 id="go-menu">Header Menu</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Header Menu</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Normal Link and DropDown Options:</b></h4><h3><b style="font-size: medium;">Homepage Link Example: </b><span style="font-size: medium; font-weight: 400;">Add the text and in the site url field add </span><strike style="font-size: medium; font-weight: 400;">{homepage}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Normal Link Example: </b><strike style="font-size: medium; font-weight: 400;">Features</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">SubLink Level 1 Example: </b><strike style="font-size: medium; font-weight: 400;">_Level 1</strike><span style="font-size: medium; font-weight: 400;"> "Before the Title add </span><b style="font-size: medium;">1 underscore</b><span style="font-size: medium; font-weight: 400;">"</span><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">SubLink Level 2 Example: </b><strike style="font-size: medium; font-weight: 400;">__Level 2</strike><span style="font-size: medium; font-weight: 400;"> "Before the Title add </span><b style="font-size: medium;">2 underscore</b><span style="font-size: medium; font-weight: 400;">"</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Main Menu Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Menu Settings" border="0" data-original-height="569" data-original-width="700" src="https://1.bp.blogspot.com/-le46mq2ZR3g/YCRrVxzMwMI/AAAAAAAACVA/owUxd51LS00hKs1B2-1-sa7Yx6066U41ACLcBGAsYHQ/s16000/main-menu.png" title="Menu Settings" /></div><br style="font-size: medium; font-weight: 400;" /><warning class="alert" style="font-size: medium; font-weight: 400;"><b>ALERT: </b>Level 2 Links must be between or below level 1 links.</warning><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Home Link Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Homepage Link" border="0" data-original-height="203" data-original-width="844" src="https://1.bp.blogspot.com/-KXch08UkUbg/YCRqlOGtC1I/AAAAAAAACU4/4u7IIutsHnk6xpG3xkzawL1zNFJZ8lpWgCLcBGAsYHQ/s16000/home-link.png" title="Homepage Link" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4>Mega Menu Options:</h4><h3><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">{getContent} $label={<span style="color: red;">Your Label</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Label:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">label</strike><span style="font-size: medium; font-weight: 400;"> or </span><strike style="font-size: medium; font-weight: 400;">recent</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">What are Label?</b><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Post Labels" border="0" data-original-height="176" data-original-width="1055" src="https://1.bp.blogspot.com/-ootFEjbpkOk/YCRooddPKhI/AAAAAAAACUY/taGhM6Tz9e0-l0jR1cRNCkZIxfiP0d02ACLcBGAsYHQ/s16000/post-labels.png" title="Post Labels" /></div><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">{getContent} $label={Laptops}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Mega Menu Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Mega Menu Shortcode" border="0" data-original-height="208" data-original-width="843" src="https://1.bp.blogspot.com/-ufLBBkqV8FM/YCRqIw94GlI/AAAAAAAACUw/oyK6OSpiJgA3k7Jgplfgu4mTTe9uYx5YwCLcBGAsYHQ/s16000/mega-menu.png" title="Mega Menu Shortcode" /></div><br style="font-size: medium; font-weight: 400;" /><success class="alert" style="font-size: medium; font-weight: 400;"><b>SAVING: </b>After adding all the desired links and organizing them in the correct position, click on the <b>Save Button</b>.</success></h3><h3 id="go-feat">Featured Posts</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">Popular Posts</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Featured Posts</b><span style="font-size: medium; font-weight: 400;"> section.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">{getContent} $label={<span style="color: red;">Your Label</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Label:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">label</strike><span style="font-size: medium; font-weight: 400;"> or </span><strike style="font-size: medium; font-weight: 400;">recent</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">{getContent} $label={Laptops}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>By HTML/Javascript:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Featured Post" border="0" data-original-height="873" data-original-width="865" src="https://1.bp.blogspot.com/-busskAmAb44/YCRsyAwwU2I/AAAAAAAACVM/49_HZvVbJSg84BgEl25x9jnKnByipiCEwCLcBGAsYHQ/s16000/featured-html.png" title="Featured Post" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>By Popular Posts:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Featured Post by Popular" border="0" data-original-height="771" data-original-width="865" src="https://1.bp.blogspot.com/-XBVeFlSZU8w/YCRs2ypilvI/AAAAAAAACVQ/9OacGQ2LryAwFLB6aDA1Be_HNLv_bqOtQCLcBGAsYHQ/s16000/featured-popular.png" title="Featured Post by Popular" /></div></h3><h3><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-hads">Header ADS</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the section </span><b style="font-size: medium;">Header ADS</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Header Ads" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Header Ads" /></div></h3><h3><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-trend">Content Section 1 / Content Section 2</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;"> > in the sections </span><b style="font-size: medium;">Content Section 1</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">Content Section 2</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">{getContent} $results={<span style="color: red;">Number of Results</span>} $label={<span style="color: red;">Your Label</span>} $type={<span style="color: red;">Custom Type</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Results:</b><span style="font-size: medium; font-weight: 400;"> You must add the desired number of results.</span><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Label:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">label</strike><span style="font-size: medium; font-weight: 400;"> or </span><strike style="font-size: medium; font-weight: 400;">recent</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Types:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">block1</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">block2</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">grid1</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">grid2</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">colLeft</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">colRight</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">video</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">{getContent} $results={5} $label={Laptops} $type={block1}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>By HTML/Javascript:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Content Sections" border="0" data-original-height="873" data-original-width="865" src="https://1.bp.blogspot.com/-Xo6TFzYi68A/YCRxRtHCUjI/AAAAAAAACVg/tcminwh4s_Y5bMXbR6atcFTgY0eZilldgCLcBGAsYHQ/s16000/content-section.png" title="Content Sections" /></div><br style="font-size: medium; font-weight: 400;" /><info class="alert" style="font-size: medium; font-weight: 400;"><b>NOTE: </b>You can add as many gadgets as you like. But they are optional and, if you wish, you can remove them at any time.</info><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-mad">Main ADS 1 / Main ADS 2</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the sections </span><b style="font-size: medium;">Main ADS 1</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">Main ADS 2</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Main Ads" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Main Ads" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-posts">Main Posts</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Main Posts/Blog Posts</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Blog Posts" border="0" data-original-height="1211" data-original-width="841" src="https://1.bp.blogspot.com/-PV68IvbjhDY/X71mcu6-gBI/AAAAAAAACMk/8IsBBEylb4I3Fi5QxYb9gQf8ucPT5R2LQCLcBGAsYHQ/s0/blog-posts.png" title="Blog Posts" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4>Comments Settings:</h4><h3><span style="font-size: medium; font-weight: 400;">The comment settings are intuitive like never seen before. The new shortcodes should be added in > </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">Blog Posts</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">Comments Field</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Blogger Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$type={blogger}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Disqus Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$type={disqus} $shortname={templateify-comments}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Custom Disqus Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$type={disqus} $shortname={<span style="color: red;">Your Shortname</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Facebook Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$type={facebook}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><span style="font-size: medium; font-weight: 400;">For facebook comments to work correctly, you need to configure the </span><a href="#fb-sdk" style="font-size: medium; font-weight: 400;">facebook SDK</a><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-toc">Table of Contents</h3><h3><span style="font-size: medium; font-weight: 400;">This function is available for posts and pages and can be added easily via shortcode.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">{tocify} $title={<span style="color: red;">Table of Contents</span>}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">NOTE:</b><span style="font-size: medium; font-weight: 400;"> After adding a Shortcode apply the </span><b style="font-size: medium;">Bold</b><span style="font-size: medium; font-weight: 400;"> style.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Table of Content" border="0" data-original-height="420" data-original-width="1130" src="https://1.bp.blogspot.com/-HlrWHntmPt0/YCRzsYeLU0I/AAAAAAAACV0/S6e1grrlXSsnDnOOQ8PetN90irjnWoDiQCLcBGAsYHQ/s16000/toc.png" style="border: 1px solid rgb(233, 235, 238);" title="Table of Content" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-ads">In-Article ADS on "Post Page"</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the sections </span><b style="font-size: medium;">Post ADS 1 (</b><i style="font-size: medium; font-weight: 400;"> <span style="color: #00b140;">before content</span> </i><b style="font-size: medium;">) </b><span style="font-size: medium; font-weight: 400;">and </span><b style="font-size: medium;">Post ADS 2 (</b><i style="font-size: medium; font-weight: 400;"> <span style="color: #00b140;">after content</span></i><b style="font-size: medium;"> )</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Post Ads 1 and 2" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Post Ads 1 and 2" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Move <span style="color: #00b140;">Post ADS 1</span> and <span style="color: #00b140;">Post ADS 2</span> to inside the post content:</b></h4><h3><b style="font-size: medium;">Sortcode ADS 1:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;"><b>$ads={1}</b></strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Sortcode ADS 2:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;"><b>$ads={2}</b></strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">NOTE:</b><span style="font-size: medium; font-weight: 400;"> After adding a Shortcode apply the </span><b style="font-size: medium;">Bold</b><span style="font-size: medium; font-weight: 400;"> style. Example: </span><strike style="font-size: medium; font-weight: 400;"><b>$ads={2}</b></strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="In-Article Ads" border="0" data-original-height="655" data-original-width="927" src="https://1.bp.blogspot.com/-amctilW7RHA/YCR0SOP2EUI/AAAAAAAACV8/9TDEXDkQDeA7YknOiiKwDEL2tRn12iEywCLcBGAsYHQ/s16000/post-ads.png" title="In-Article Ads" /></div><br style="font-size: medium; font-weight: 400;" /><warning class="alert" style="font-size: medium; font-weight: 400;"><b>IMPORTANT: </b>The ad will only appear if you have inserted in the section, if you want to hide just remove check to not display or remove the gadget. </warning><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-author">Author Box</h3><h3><span style="font-size: medium; font-weight: 400;">The widget receives the </span><u style="font-size: medium; font-weight: 400;">blogger profile informations</u><span style="font-size: medium; font-weight: 400;"> automatically, As long as your profile is </span><b style="font-size: medium;">marked as public</b><span style="font-size: medium; font-weight: 400;">. The icons are displayed if there are links in the introduction.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Supported Icons: </b><strike style="font-size: medium; font-weight: 400;">blogger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">apple</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">amazon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">microsoft</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook-f</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitter</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">rss</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">youtube</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">skype</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stumbleupon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">tumblr</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">vk</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stack-overflow</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">github</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">linkedin</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">dribbble</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">soundcloud</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">behance</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">digg</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">instagram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest-p</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitch</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">steam</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">delicious</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">codepen</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">flipboard</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">reddit</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">whatsapp</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">telegram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">messenger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">snapchat</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">email</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">discord</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">quora</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">share</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">external-link</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Blogger Settings: Go to <a href="https://www.blogger.com/edit-profile.g" rel="nofollow" target="_blank">https://www.blogger.com/edit-profile.g</a></b></h4><h3><span style="font-size: medium; font-weight: 400;">Find for </span><b style="font-size: medium;">Additional Information</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">Introduction</b><span style="font-size: medium; font-weight: 400;"> > and add your description with </span><b style="font-size: medium;">HTML</b><span style="font-size: medium; font-weight: 400;"> links.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">HTML Link:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;"><a href="<span style="color: red;">Your Link Here</span>"><span style="color: red;">Icon Name</span></a></strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">HTML Link Example:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;"><a href="https://facebook.com/templateify">facebook</a></strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Author Settings" border="0" data-original-height="327" data-original-width="916" src="https://1.bp.blogspot.com/-ZBtcu0WsYRA/YCR2tcLNYQI/AAAAAAAACWU/EA5j8FhazgosSBqbRff5F6KwWzdSn2KVgCLcBGAsYHQ/s16000/author-description.png" title="Author Settings" /></div><br style="font-size: medium; font-weight: 400;" /><warning class="alert" style="font-size: medium; font-weight: 400;"><b>IMPORTANT: </b>The <b>"Introduction"</b> is required for the author box to be displayed! But the links are not required. </warning><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-related">Advanced Related Posts</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Related Posts</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$results={<span style="color: red;">Number of Results</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">$results={3}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Related Posts" border="0" data-original-height="875" data-original-width="865" src="https://1.bp.blogspot.com/-mbZm7DL11Zo/YCR2yql-8YI/AAAAAAAACWY/gh5_oBEK4R0UyPAmA82A0jHEbyfST4JkACLcBGAsYHQ/s16000/related-posts.png" title="Related Posts" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-postads3">Post ADS 3</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the section </span><b style="font-size: medium;">Post ADS 3</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Post Ads 3" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Post Ads 3" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-count">Social Buttons on Sidebar</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">Link List</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Sidebar</b><span style="font-size: medium; font-weight: 400;"> section.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Supported Icons: </b><strike style="font-size: medium; font-weight: 400;">blogger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">apple</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">amazon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">microsoft</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook-f</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitter</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">rss</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">youtube</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">skype</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stumbleupon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">tumblr</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">vk</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stack-overflow</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">github</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">linkedin</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">dribbble</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">soundcloud</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">behance</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">digg</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">instagram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest-p</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitch</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">steam</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">delicious</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">codepen</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">flipboard</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">reddit</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">whatsapp</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">telegram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">messenger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">snapchat</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">email</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">discord</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">quora</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">share</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">external-link</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Social Button on Sidebar" border="0" data-original-height="920" data-original-width="840" src="https://1.bp.blogspot.com/-h8MjwaGzauI/YCR7h1qtDsI/AAAAAAAACW8/8h51BXYCOtcuVrh9yvWdf1QMCQqtd0XhwCLcBGAsYHQ/s16000/social-buttons.png" title="Social Button on Sidebar" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-list">Post Widgets on Sidebar</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;"> > in the</span><b style="font-size: medium;"> Sidebar </b><span style="font-size: medium; font-weight: 400;">section.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">{getContent} $results={<span style="color: red;">Number of Results</span>} $label={<span style="color: red;">Your Label</span>} $type={<span style="color: red;">Custom Type</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Results:</b><span style="font-size: medium; font-weight: 400;"> You must add the desired number of results.</span><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Label:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">label</strike><span style="font-size: medium; font-weight: 400;"> or </span><strike style="font-size: medium; font-weight: 400;">recent</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Types:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">default</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">mini</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">comments</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">{getContent} $results={4} $label={Laptops} $type={mini}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">NOTE:</b><span style="font-size: medium; font-weight: 400;"> The </span><strike style="font-size: medium; font-weight: 400;">$label={}</strike><span style="font-size: medium; font-weight: 400;"> attribute is not required for the </span><strike style="font-size: medium; font-weight: 400;">comments</strike><span style="font-size: medium; font-weight: 400;"> type.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Posts Widgets on Sidebar" border="0" data-original-height="876" data-original-width="865" src="https://1.bp.blogspot.com/-grYfcYwyfN8/YCR9Dchxp6I/AAAAAAAACXI/u_gm2QNxM-IH1Lyqo7sWAYbHc8ptlqklQCLcBGAsYHQ/s16000/sidebar-posts.png" title="Posts Widgets on Sidebar" /></div></h3><h3 id="go-fads">Footer ADS</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the section </span><b style="font-size: medium;">Footer ADS</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Footer Ads" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Footer Ads" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-about">About Section</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">About Section</b><span style="font-size: medium; font-weight: 400;"> gadgets.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>1.1 - About Us</b></h4><h3><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-EQZZRzFRK50/YLOF2Hi64JI/AAAAAAAAK1M/D643VC0LsvocabpzPWgPtS7lJibQSOgHgCNcBGAsYHQ/s708/Blogger-Layout.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="708" data-original-width="598" src="https://1.bp.blogspot.com/-EQZZRzFRK50/YLOF2Hi64JI/AAAAAAAAK1M/D643VC0LsvocabpzPWgPtS7lJibQSOgHgCNcBGAsYHQ/s16000/Blogger-Layout.png" /></a></div><br /><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>1.2 - Follow Us</b></h4><h3><b style="font-size: medium;">Supported Icons: </b><strike style="font-size: medium; font-weight: 400;">blogger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">apple</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">amazon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">microsoft</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook-f</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitter</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">rss</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">youtube</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">skype</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stumbleupon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">tumblr</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">vk</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stack-overflow</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">github</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">linkedin</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">dribbble</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">soundcloud</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">behance</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">digg</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">instagram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest-p</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitch</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">steam</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">delicious</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">codepen</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">flipboard</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">reddit</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">whatsapp</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">telegram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">messenger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">snapchat</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">email</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">discord</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">quora</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">share</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">external-link</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="About Us Social Icons" border="0" data-original-height="953" data-original-width="846" src="https://1.bp.blogspot.com/-r176B2phIeM/X71ptjmWrjI/AAAAAAAACNM/a69dbZbrBWImoTzK0s8aR78tcFxFR6angCLcBGAsYHQ/s16000/about-us-icons.png" title="About Us Social Icons" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-copy">Footer Copyright (<span style="color: #00b140;">Premium</span>)</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Footer Copyright</b><span style="font-size: medium; font-weight: 400;"> gadget.</span></h3><h3><span style="font-size: medium; font-weight: 400;">For normal credits add 'normal' into the space for custom credits add your credits as shown below.</span></h3><h3><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Custom Credits" border="0" data-original-height="874" data-original-width="865" src="https://1.bp.blogspot.com/-EMTUyGVOXP8/YCSAE6iRe1I/AAAAAAAACXc/cLBQlr-SvgItDGGspZcZAsayRLZ-yJj8ACLcBGAsYHQ/s16000/footer-credits.png" title="Custom Credits" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-fmenu">Footer Menu</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Footer Menu</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Footer Menu" border="0" data-original-height="923" data-original-width="841" src="https://1.bp.blogspot.com/-lHyTOLJNPP0/YCSAqT07G4I/AAAAAAAACXo/RHSJslUxKFonJc5TkBGcjfifZP8pSlzfQCLcBGAsYHQ/s16000/footer-menu.png" title="Footer Menu" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-cookies">Cookie Consent</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Cookie Consent</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$ok={<span style="color: red;">Button Text</span>} $days={<span style="color: red;">Expires Days</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">$ok={Accept !} $days={7}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Cookie Consent" border="0" data-original-height="876" data-original-width="865" src="https://1.bp.blogspot.com/-Wp-IohifURs/YCSBTwe938I/AAAAAAAACXw/DJK3Fc2zBEg1gETqGx8qi9NFpbQZRhykQCLcBGAsYHQ/s16000/cookie-consent.png" title="Cookie Consent" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-feed">Site Feed</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Settings</b><span style="font-size: medium; font-weight: 400;"> > and go to</span><b style="font-size: medium;"> Site Feed</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Site Feed Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Site Feed" border="0" data-original-height="742" data-original-width="1251" src="https://4.bp.blogspot.com/-iWyeMGjkYis/XwZK_VXB-yI/AAAAAAAAB5Y/Y2qTvHMTS-sehVvYHHQ2GPgFNBQiG0f-QCLcBGAsYHQ/s16000/site-feed.png" title="Site Feed" /></div><br style="font-size: medium; font-weight: 400;" /><warning class="alert" style="font-size: medium; font-weight: 400;"><b>IMPORTANT: </b>For Mega Menu, Featured Posts, Content Sections, Related Posts, Recent Comments Gadget and Others work normally, you must configure the site feed to "<b>Full</b>".</warning><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-options">Theme Options</h3><h3><br style="font-size: medium; font-weight: 400;" /></h3><h4 id="fb-sdk">1.1 - Facebook SDK</h4><h3><span id="result_box" lang="en" style="font-size: medium; font-weight: 400;">The Facebook Comments only work if you have the Facebook SDK installed on your theme. See below for the steps to acquire and install the Facebook SDK.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Get SDK:</b></h4><h3><b style="font-size: medium;">Step 01:</b><span style="font-size: medium; font-weight: 400;"> Go to </span><a href="https://developers.facebook.com/docs/plugins/page-plugin/" rel="nofollow" style="font-size: medium; font-weight: 400;" target="_blank">https://developers.facebook.com/docs/plugins/page-plugin/</a><span style="font-size: medium; font-weight: 400;"> and click on </span><b style="font-size: medium;">Get Code</b><span style="font-size: medium; font-weight: 400;"> button and copy the SDK Script.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Copying SDK:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Facebook SDK" border="0" data-original-height="635" data-original-width="1114" src="https://1.bp.blogspot.com/-3psja_Z7GSo/YCSCY2GcMCI/AAAAAAAACX8/uL_Xz8cUc441aNw6ihGKL9FCK0AdT8fEQCLcBGAsYHQ/s16000/facebook-sdk.png" title="Facebook SDK" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>SDK en_US:</b></h4><h3><code style="font-weight: 400;"><span style="color: #f6b26b;">https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v9.0</span></code><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Installing SDK:</b></h4><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Theme Options </b><span style="font-size: medium; font-weight: 400;">></span><b style="font-size: medium;"> Facebook SDK </b><span style="font-size: medium; font-weight: 400;">gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Facebook SDK Settings" border="0" data-original-height="684" data-original-width="866" src="https://1.bp.blogspot.com/-3gfoHr-_P9M/YCSDE_GAy0I/AAAAAAAACYE/cwAoqpijKsMB7wHRB_i8tTHpV0GNjwlXgCLcBGAsYHQ/s16000/skd-settings.png" title="Facebook SDK Settings" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4>1.2 - No Thumbnail Image</h4><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Theme Options </b><span style="font-size: medium; font-weight: 400;">></span><b style="font-size: medium;"> No Thumbnail Image </b><span style="font-size: medium; font-weight: 400;">gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="No Thumbnail Image" border="0" data-original-height="940" data-original-width="840" src="https://1.bp.blogspot.com/-Qvd1IULEjEE/YCSE8uZNMdI/AAAAAAAACYU/gZ2najXqIoEoqrRRy6OLH4VZC-8lgRE7ACLcBGAsYHQ/s16000/no-thumbnail.png" title="No Thumbnail Image" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4>1.3 - JSON Variables</h4><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Theme Options </b><span style="font-size: medium; font-weight: 400;">></span><b style="font-size: medium;"> JSON Variables </b><span style="font-size: medium; font-weight: 400;">gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><code style="font-weight: 400;"><span style="color: white;">{<br /> <span style="color: #6fa8dc;">viewAllText</span>: <span style="color: #f6b26b;">"View all"</span>,<br /> <span style="color: #6fa8dc;">dateFormat</span>: <span style="color: #f6b26b;">"{m} {d}, {y}"</span>,<br /> <span style="color: #6fa8dc;">months</span>: {<br /> <span style="color: #6fa8dc;">jan</span>: <span style="color: #f6b26b;">"January"</span>,<br /> <span style="color: #6fa8dc;">feb</span>: <span style="color: #f6b26b;">"February"</span>,<br /> <span style="color: #6fa8dc;">mar</span>: <span style="color: #f6b26b;">"March"</span>,<br /> <span style="color: #6fa8dc;">apr</span>: <span style="color: #f6b26b;">"April"</span>,<br /> <span style="color: #6fa8dc;">may</span>: <span style="color: #f6b26b;">"May"</span>,<br /> <span style="color: #6fa8dc;">jun</span>: <span style="color: #f6b26b;">"June"</span>,<br /> <span style="color: #6fa8dc;">jul</span>: <span style="color: #f6b26b;">"July"</span>,<br /> <span style="color: #6fa8dc;">aug</span>: <span style="color: #f6b26b;">"August"</span>,<br /> <span style="color: #6fa8dc;">sep</span>: <span style="color: #f6b26b;">"September"</span>,<br /> <span style="color: #6fa8dc;">oct</span>: <span style="color: #f6b26b;">"October"</span>,<br /> <span style="color: #6fa8dc;">nov</span>: <span style="color: #f6b26b;">"November"</span>,<br /> <span style="color: #6fa8dc;">dec</span>: <span style="color: #f6b26b;">"December"</span><br /> }<br />}</span></code><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">viewAllText:</b><span style="font-size: medium; font-weight: 400;"> default is </span><strike style="font-size: medium; font-weight: 400;">View all</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">dateFormat:</b><span style="font-size: medium; font-weight: 400;"> default is </span><strike style="font-size: medium; font-weight: 400;">{m} {d}, {y}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">months:</b><span style="font-size: medium; font-weight: 400;"> default is </span><strike style="font-size: medium; font-weight: 400;">January</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">February</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">March</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">April</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">May</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">June</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">July</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">August</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">September</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">October</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">November</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">December</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="JSON Options" border="0" data-original-height="872" data-original-width="865" src="https://1.bp.blogspot.com/-rZvhPh9UOf0/YCSE28NJuGI/AAAAAAAACYQ/8SZpBBXHLwUUn4KXVstvWnnuYFmvtGd_ACLcBGAsYHQ/s16000/json-options.png" title="JSON Options" /></div><br style="font-size: medium; font-weight: 400;" /><warning class="alert" style="font-size: medium; font-weight: 400;"><b>IMPORTANT: </b>This functionality is only valid for <b>{getContent}</b> Gadgets and Related Posts. Other formats are changed in the blog settings.</warning></h3></div><div><h3><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-customize">How to Customize This Theme?</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Theme</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Customize </b><span style="font-size: medium; font-weight: 400;">button > and find </span><b style="font-size: medium;">Background</b><span style="font-size: medium; font-weight: 400;"> and </span><b style="font-size: medium;">Advanced</b><span style="font-size: medium; font-weight: 400;"> options.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Available customizations: </b><span style="font-size: medium; font-weight: 400;">Theme Options, Widths, Fonts, Backgrounds, Colors and more.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4>Background Example:</h4><h3><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-3dz6O6kPvVc/YVlPmimnbrI/AAAAAAAALsI/WlIrvXo2BRIxby8YXcELA-ZHhROKCKvwwCNcBGAsYHQ/s1894/Blogger-Customizer.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="551" data-original-width="1894" src="https://1.bp.blogspot.com/-3dz6O6kPvVc/YVlPmimnbrI/AAAAAAAALsI/WlIrvXo2BRIxby8YXcELA-ZHhROKCKvwwCNcBGAsYHQ/s16000/Blogger-Customizer.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h4>Advanced > Theme Options:</h4><h3><b style="font-size: medium;">Native Dark Mode:</b><span style="font-size: medium; font-weight: 400;"> </span><b style="font-size: medium;">0</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">false</strike><span style="font-size: medium; font-weight: 400;"> and </span><b style="font-size: medium;">1</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">true</strike><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-ps724fqMysw/YVlPsbOr8oI/AAAAAAAALsM/B3PFcrLvuXk7JmYWV8-tL0vGjoOsPRYTACNcBGAsYHQ/s1475/dark-mode.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="623" data-original-width="1475" src="https://1.bp.blogspot.com/-ps724fqMysw/YVlPsbOr8oI/AAAAAAAALsM/B3PFcrLvuXk7JmYWV8-tL0vGjoOsPRYTACNcBGAsYHQ/s16000/dark-mode.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Left Sidebar:</b><span style="font-size: medium; font-weight: 400;"> </span><b style="font-size: medium;">0</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">false</strike><span style="font-size: medium; font-weight: 400;"> and </span><b style="font-size: medium;">1</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">true</strike><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-R3E05KeFZbk/YVlP0X78PaI/AAAAAAAALsQ/3x6M7b4m_XQTcOD0UlvKNqSMgYwvNX57wCNcBGAsYHQ/s1404/left-sidebar.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="604" data-original-width="1404" src="https://1.bp.blogspot.com/-R3E05KeFZbk/YVlP0X78PaI/AAAAAAAALsQ/3x6M7b4m_XQTcOD0UlvKNqSMgYwvNX57wCNcBGAsYHQ/s16000/left-sidebar.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h4>Advanced > Theme Widths:</h4><h3><b style="font-size: medium;">Boxed Mode:</b><span style="font-size: medium; font-weight: 400;"> </span><b style="font-size: medium;">0</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">false</strike><span style="font-size: medium; font-weight: 400;"> and </span><b style="font-size: medium;">1</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">true</strike><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-EXkm1yqIkQY/YVlP8SSWWII/AAAAAAAALsY/ryZrr2rSvjA17Pei5Xmij2xbaX5K8t4LACNcBGAsYHQ/s1723/box-mode.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="615" data-original-width="1723" src="https://1.bp.blogspot.com/-EXkm1yqIkQY/YVlP8SSWWII/AAAAAAAALsY/ryZrr2rSvjA17Pei5Xmij2xbaX5K8t4LACNcBGAsYHQ/s16000/box-mode.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h4>Advanced > Theme Colors and Fonts:</h4><h3><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-DdGOoZLpK8w/YVlQBzDOk6I/AAAAAAAALsc/ywryOy0n888C0qx5-q-qY7qXB7cbQhjMQCNcBGAsYHQ/s1502/Theme-colors.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="523" data-original-width="1502" src="https://1.bp.blogspot.com/-DdGOoZLpK8w/YVlQBzDOk6I/AAAAAAAALsc/ywryOy0n888C0qx5-q-qY7qXB7cbQhjMQCNcBGAsYHQ/s16000/Theme-colors.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h3><br style="font-size: medium; font-weight: 400;" /><info class="alert" style="font-size: medium; font-weight: 400;"><b>INFO:</b> When changing the font of the site and it has a blurred appearance, you can solve it by clicking to reset the fonts in the option <b>Advanced</b> > <b>Theme Fonts (Reset)</b>.</info></h3></div><div>
<div style="text-align: center;">
</div>
<h3 style="clear: both; text-align: left;">
Installation And Custom Services</h3>
<div class="separator" style="clear: both; text-align: justify;">
We provide plenty of templates for free but if you want something unique for your blog then let us create a unique design for your blog, Just tell us your needs and we will convert your dream design into reality. We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle.</div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide2" href="http://www.soratemplates.com/p/contact-us.html" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Contact Us</span> <span class="title-hover2">Custom template Services</span> </a> </div>
</div>
</div>
<style>
.item .post-body strike {
background-color: #f9f9f9;
font-family: Monospace;
font-size: 12px;
color: blue;
text-decoration: none;
padding: 1px 5px;
margin: 0 2px 0 0;
border: 1px dashed #e9ebee;
border-radius: 3px;
}
info.alert {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb;
}
.alert {
display: block;
color: #383d41;
background-color: #e2e3e5;
padding: 5px 10px;
border: 1px solid #d6d8db;
border-radius: 0;
}
line {
display: block;
padding: 0 0 15px;
margin: 15px 0 0;
border-top: 1px dashed #e9ebee;
}
success.alert {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
warning.alert {
color: #856404;
background-color: #fff3cd;
border-color: #fce9b0;
}
code {
display: block;
background-color: #1f2024;
line-height: 1.3em;
padding: 10px;
border-radius: 0;
}
</style>TemplatesYardhttp://www.blogger.com/profile/16801688932542878100noreply@blogger.com0tag:blogger.com,1999:blog-1320824803216639156.post-43017979457009806512024-01-21T01:41:00.004+05:302024-01-21T20:01:53.880+05:30How To Setup StarBlog Blogger Template [Way2Themes]<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-NbI4XK0G8zLhXnm60B9UAEbameR-jLCG7yspx2s8Ak5H5kVI1psnJUwL2EfbYdDl9FQTnheWD4rxphyphenhyphen7LW7EvD_bEbqI2N8g6NnbGnoWgXcvzGxlUx1Zsrl9b73C29RlTwM-X2jmB81RTp1O9BPW-TRDbaUj554yZUAHiumxar-do0lk7TB1AFGiIJOV/s1600/StarBlog%20%283%29.png"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-NbI4XK0G8zLhXnm60B9UAEbameR-jLCG7yspx2s8Ak5H5kVI1psnJUwL2EfbYdDl9FQTnheWD4rxphyphenhyphen7LW7EvD_bEbqI2N8g6NnbGnoWgXcvzGxlUx1Zsrl9b73C29RlTwM-X2jmB81RTp1O9BPW-TRDbaUj554yZUAHiumxar-do0lk7TB1AFGiIJOV/s1600/StarBlog%20%283%29.png" /></a><br /></div><br />
StarBlog Blogger Template is a stylish and attractive Minimalist Blogger Theme. It is crafted for a lifestyle magazine, fashion magazine, online news, health and beauty tips, creative design, web design, and health tips blog. To make it easy for you we have published this detailed documentation so that you can set up your blog correctly. You have made a good decision by choosing our template. <br />
<a name='more'></a>You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users. </div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide" href="https://starblog-way2themes.blogspot.com/" rel="nofollow" target="_blank"> <span class="circle"><i aria-hidden="true" class="fa fa-rocket"></i></span> <span class="title">See Demo</span> <span class="title-hover">Live Preview</span> </a> <a class="btn-slide2" href="https://www.way2themes.com/2024/01/starblog-blogger-template.html" rel="nofollow" target="_blank"> <span class="circle2"><i aria-hidden="true" class="fa fa-download"></i></span> <span class="title2">Free Download</span> <span class="title-hover2">Free Version</span> </a> <a class="btn-slide2" href="https://premiumbloggerthemes.gumroad.com/l/starblogpremium" rel="nofollow" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Buy Now</span> <span class="title-hover2">Premium Version</span> </a> </div>
<div class="basic-setup-sec">
<h3 style="text-align: left;">
<b>Basic Setup</b></h3>
<ol style="text-align: left;">
<li><b><a href="http://www.sorabloggingtips.com/p/how-to-install-blogger-template.html" target="_blank">Template Installation</a></b></li>
<li><a href="http://www.sorabloggingtips.com/p/how-to-install-logo-in-your-blog.html" target="_blank"><b>Logo Setup</b></a></li>
<li><b><a href="http://www.sorabloggingtips.com/p/default-setting-for-blogger-templates.html" target="_blank">Template Setting</a></b></li>
<li wfd-id="88"><b><a href="https://www.sorabloggingtips.com/p/shortcodes-and-page-markups-v20.html" target="_blank">Shortcodes & Markups v2.0</a></b></li>
<li><b><a href="http://www.sorabloggingtips.com/2017/01/how-to-add-sitemap-widget-in-blogspot-blogs.html" target="_blank">Create Sitemap</a></b></li>
</ol>
</div>
<div class="video-setup-sec">
<h3 style="text-align: left;">
Video Documentation</h3>
<div>
You can check this below video to understand the setup process much more easily, just click the below image to watch the video directly on YouTube, or click this link - <b><a href="https://youtu.be/P3fu5W4TqKU" rel="nofollow" target="_blank">How To Setup StarBlog Blogger Template - TemplatesYard</a></b><br />
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://youtu.be/P3fu5W4TqKU" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxua7NEuvOYLuQO2-aq5xPi9prSRWk6Zs5fsnQRlyxgfOohsSpI938T9xS0ubr8j9pNNqOQ3VNlxXS64lrMzLIZwqcmqc5UWMpvpZpFGdUSeXupxtu3gMGGNTAgzh6g52UXd-G1SGWzjeQfUuGxdNbGWFhKzmMQklNvpBgBP0fPWE_z3wGT9WuaBQ2gpkC/s1600/Starblog%20Blogger%20Templates.png" /></a></div></div></div><div><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"></div></h3><h3>Loader Logo</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > click </span><b style="font-size: medium;">Edit icon</b><span style="font-size: medium; font-weight: 400;"> > on </span><span style="font-size: medium;">Loader Logo</span><span style="font-size: medium; font-weight: 400;"> widget's.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><span style="font-size: medium; font-weight: 400;">Widget Settings </span><b style="font-size: medium;">EX</b><span style="font-size: medium; font-weight: 400;">:</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><a href="https://1.bp.blogspot.com/-P1jJ0Ksm6Vs/YGHQgMhpUsI/AAAAAAAAKYU/jUGdqSGNch8r_tyElCkrrSv7ijaCtQIQgCNcBGAsYHQ/s716/Featured%2BImage.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="716" data-original-width="570" src="https://1.bp.blogspot.com/-P1jJ0Ksm6Vs/YGHQgMhpUsI/AAAAAAAAKYU/jUGdqSGNch8r_tyElCkrrSv7ijaCtQIQgCNcBGAsYHQ/s16000/Featured%2BImage.png" /></a></div><div class="separator" style="clear: both; font-size: medium; text-align: left;"><span style="color: red;">Note :- Only upload image, leave everything blank.</span></div></h3><h3>Top Navigation / Footer Menu</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Top Navigation</b> or <b>Footer Menu</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="536" data-original-width="550" src="https://2.bp.blogspot.com/-yXNGRKHhaW4/W1lJantSPQI/AAAAAAAAClg/KspsdbcoAS07qDLlht8179UzPtSALcwoQCLcBGAs/s1600/top-navigation.png" /></div></h3><h3>Social Top</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Social Top</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Icons Avaliables {</b><span style="color: #0b5394;"><i> facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, twitch, delicious, codepen, reddit, whatsapp, snapchat, email</i></span> <b>}</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="606" data-original-width="549" src="https://4.bp.blogspot.com/-twEmAfV2mu4/WxdfXnxNXXI/AAAAAAAAB3A/uUSvzH6kaloTSHDra5ryhm5cHO7mrfyogCLcBGAs/s1600/top-social.png" /></div></h3><h3>Main Menu/DropDown/Multi DropDown</h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"><div wfd-id="107"><div style="margin: 0px;" wfd-id="108">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Main Menu</b> widget.</div></div><div wfd-id="105"><div style="margin: 0px;" wfd-id="106"><br /></div></div><div wfd-id="104">Normal Link : <b>Features</b></div><div wfd-id="103">Sub Link: <b>_Sub Link 1.0</b> (before the link add "<span style="color: #0b5394;"><b>_</b></span>") 1 underscore</div><div wfd-id="102">Sub Link 2: <b>__Sub Link 1.1</b> (before the link add "<span style="color: #0b5394;"><b>__</b></span>") 2 underscore</div><div wfd-id="100"><div style="margin: 0px;" wfd-id="101"><br /></div></div><div wfd-id="98"><div class="separator" style="clear: both; text-align: center;" wfd-id="99"><img border="0" data-original-height="698" data-original-width="551" src="https://4.bp.blogspot.com/-ah9YkPlJR5I/Wz0fbT6aMEI/AAAAAAAACSg/1cS2m8ftDKg9ZFUz0TBEX4uiwTvoxJixgCLcBGAs/s1600/main-menu.png" /></div></div></div></h3><h3><div style="font-size: medium; font-weight: 400;"></div></h3><h3>Main Slider</h3><h3><div style="font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Main Slider</b> section, you must place the following names highlighted in blue below.</div><div><br /></div><span style="font-weight: 700;">a) With Shortcodes</span></div><div style="font-size: medium; font-weight: 400;"><b><br /></b><div>Shortcode: <b><span style="color: #0b5394;"><span style="color: purple;">Number of Posts</span>/Label</span>, <span style="color: #cc0000;">recent</span> </b>or<b> <span style="color: #38761d;">random</span>/slider</b></div><div><br /></div><div>Example: <b>6/Anime/slider</b></div><div><br /></div><div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="512" data-original-width="560" src="https://2.bp.blogspot.com/-NXDUpQCSyqM/W-yKg-CWloI/AAAAAAAADjw/buWU8NvkAZ8nFLJ9PIxMak45-md-28GQQCLcBGAs/s1600/main_slider.png" /></div></div></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;" wfd-id="91"><br /></div></h3><h4 style="clear: both;">b) With Popular Post</h4><h3><div style="font-size: medium; font-weight: 400;" wfd-id="82"><div class="separator" style="clear: both;" wfd-id="83"><div wfd-id="90">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>Popular Posts</b> on <b>Main Slider</b> section, you set the settings as below</div><div wfd-id="85"><div wfd-id="89"><br /></div><div wfd-id="88"><b>Widget Settings:</b></div><div wfd-id="87"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-csHcPbbk9yI/YKZWTmgjJwI/AAAAAAAAKxg/srWck_is2dkGmChVTimhRg5V4-pFY5DrgCNcBGAsYHQ/s762/Blogger-Director-Configure-popular-posts.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="762" data-original-width="719" src="https://1.bp.blogspot.com/-csHcPbbk9yI/YKZWTmgjJwI/AAAAAAAAKxg/srWck_is2dkGmChVTimhRg5V4-pFY5DrgCNcBGAsYHQ/s16000/Blogger-Director-Configure-popular-posts.png" /></a></div></div></div></div></h3><h3><div style="font-size: medium; font-weight: 400;"><br /></div></h3><h3>Post Layouts</h3><h3><div style="font-size: medium; font-weight: 400;"><b>Left Sidebar:</b> Inside the post add the text <b>left-sidebar</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;"><b>Full Width:</b> Inside the post add the text <b>full-width</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;"><b>Right Sidebar:</b> Inside the post add the text <b>right-sidebar</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="951" data-original-width="1358" src="https://2.bp.blogspot.com/-fCQMSq7tcD0/WxeSCroFr1I/AAAAAAAAB5E/ZYlvtyGAl14cPAri8JvXMhxPCPe_hx1rwCLcBGAs/s1600/post-layouts.jpg" /></div></h3><h3 style="clear: both;">Ads on post pages</h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="51"><div class="separator" style="clear: both;" wfd-id="54">Access your blog <b>Layout</b> > click <b>Edit icon</b> on in the sections <b>Post ADS 1</b> ( before<span style="color: #2b00fe;"> content</span> ) , <b>Post ADS 2</b> ( after <span style="color: #2b00fe;">content</span> ) or <b><span style="color: red;">Post ADS 3</span></b> ( after <span style="color: #2b00fe;">related posts</span> ).</div><div class="separator" style="clear: both;" wfd-id="53"><br /></div><div class="separator" style="clear: both;" wfd-id="52"><b>HTML/JavaScript Ex:</b></div></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="50"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;" wfd-id="49"><a href="https://1.bp.blogspot.com/-pIZPRxL25u8/YDt-rmSIY6I/AAAAAAAAKGE/DgVXXmEOms8M8pbwOaMYH7oA7ITLf4paQCNcBGAsYHQ/s617/Ads%2Bsettings.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="617" data-original-width="572" src="https://1.bp.blogspot.com/-pIZPRxL25u8/YDt-rmSIY6I/AAAAAAAAKGE/DgVXXmEOms8M8pbwOaMYH7oA7ITLf4paQCNcBGAsYHQ/s16000/Ads%2Bsettings.png" /></a></div></h3><h3><div style="font-size: medium; font-weight: 400;"></div></h3><h3>Post List Widget & Grid Post</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Grid Post</b> section <span class="tlid-translation translation">and follow the instructions below.</span></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Shortcode: <b>Results number/<span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> or <span style="color: #38761d;">random</span>/post-list</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Label Posts: <b>3/Technology/post-list</b></div><div style="font-size: medium; font-weight: 400;">Recent Posts: <b>3/recent/post-list</b></div><div style="font-size: medium; font-weight: 400;">Random Posts: <b>3/random/post-list</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="535" data-original-width="539" src="https://2.bp.blogspot.com/-4MIJlqO1pUc/WxdpOVxXIII/AAAAAAAAB3w/-cMDJxJKatQofEpeQQiJbuIjMgGxk7JbACEwYBhgL/s1600/post-list-widget.png" /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"><br /></div></h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="66"><br /></div></h3><h3>Instagram Tags</h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="65">Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Instagram Tags</b> widget's.</div><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="64"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-0GvpHrhZGHI/YX_D_0oZveI/AAAAAAAALxg/vfqjg9iwyscN5pju7rj6AJKnCYvDwipdQCNcBGAsYHQ/s1507/insta.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="509" data-original-width="1507" src="https://1.bp.blogspot.com/-0GvpHrhZGHI/YX_D_0oZveI/AAAAAAAALxg/vfqjg9iwyscN5pju7rj6AJKnCYvDwipdQCNcBGAsYHQ/s16000/insta.png" /></a></div><div class="separator" style="clear: both; text-align: center;" wfd-id="63"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="62"><br />Widget Settings <b>EX</b>:</div><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="59"><br /><div class="separator" style="clear: both; text-align: center;" wfd-id="61"><a href="https://1.bp.blogspot.com/-TFkpZwDTqo0/YDPC4wyGGmI/AAAAAAAAKBI/u2TRG1iV-C4N5LMh7PwhbfceqRJz5Qy7gCNcBGAsYHQ/s683/Popular-Tags-setup.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="683" data-original-width="537" src="https://1.bp.blogspot.com/-TFkpZwDTqo0/YDPC4wyGGmI/AAAAAAAAKBI/u2TRG1iV-C4N5LMh7PwhbfceqRJz5Qy7gCNcBGAsYHQ/s16000/Popular-Tags-setup.png" /></a></div></div></h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"></div><div style="font-size: medium; font-weight: 400;"></div></h3><h3>Theme Options</h3><h4>01 - Boxed Version</h4><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Boxed Version</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">In <i>New Site Name</i> add <b>boxedVersion</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both; text-align: center;"><a href="https://4.bp.blogspot.com/-UWgDr6Hl1PQ/W5vs9EB1tlI/AAAAAAAADGY/2seLnnStyKUof1uLXEThmGseiyK5DSJmgCLcBGAs/s1600/boxed_version.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="529" data-original-width="545" src="https://4.bp.blogspot.com/-UWgDr6Hl1PQ/W5vs9EB1tlI/AAAAAAAADGY/2seLnnStyKUof1uLXEThmGseiyK5DSJmgCLcBGAs/s1600/boxed_version.png" /></a></div><br /></div></h3><h4>02 - Default Variables</h4><h3><div style="font-size: medium; font-weight: 400;"> Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Default Variables</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Post Per Page:</b> In <i>New Site Name</i> add <b>postPerPage</b>, in <i>New Site URL</i> add the number of results, it should be the same as the posts from the home page, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Fixed Sidebar:</b> In <i>New Site Name</i> add <b>fixedSidebar</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Comments System:</b> In <i>New Site Name</i> add <b>commentsSystem</b>, in <i>New Site URL</i> add the comments sytem type <b>{<span style="color: #e69138;">blogger</span>, <span style="color: #3d85c6;">disqus</span>, <span style="color: #073763;">facebook</span> or <span style="color: #cc0000;">hide</span>}</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Disqus Shortname:</b> In <i>New Site Name</i> add <b>disqusShortname</b>, in <i>New Site URL</i> add your disqus comment system shortname, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="624" data-original-width="523" src="https://1.bp.blogspot.com/-rExdUXOAgtQ/WxduxYWEo2I/AAAAAAAAB4M/KI0ipawglGQ_fQ7axi6Yu1TdBiWU0sd9QCLcBGAs/s1600/default-variables.png" /></div></h3><h3><div style="font-size: medium; font-weight: 400;"><br /><br /></div></h3><h3>Facebook Page Plugin </h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Footer</b> section, and paste the code below.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><i><span style="background-color: #f3f3f3;"><center><div class="fb-page" data-href="<span style="background-color: #073763;"><span style="color: white;">https://www.facebook.com/way2themes</span></span>" data-width="360" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div></center></span></i></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><span style="color: #cc0000;"><b>Note:</b></span> In Attribute <i><b>data-href</b></i> replace the link per your facebook page url.</div></h3><h3><div style="font-size: medium; font-weight: 400;"></div></h3></div>
<h3>
Customizing Your Template</h3>
<div style="font-size: medium; font-weight: 400;">
<div style="font-size: medium; font-weight: 400;">
Access your blog <b>Theme</b> > click <span style="color: #e69138;">Customize</span> button.</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Here you can change the background, and apply pre-defined colors</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="270" data-original-width="724" src="https://1.bp.blogspot.com/-H1u1QEV-qss/W4BHVwCJ8TI/AAAAAAAAC9g/_25WTIFhTjUvnRmjcGRFAl4kOI-ItSJ7QCEwYBhgL/s1600/customize_background.png" /></div>
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Clicking Advanced You will see the official option to change the Main Colors</div>
<br />
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="272" data-original-width="696" src="https://3.bp.blogspot.com/-q47DGPWfrgE/W4BHP2xDXHI/AAAAAAAAC9c/eqk39S8t2MI_9Dzhejt11Y5t0K-0-x0mACLcBGAs/s1600/customize_colors.png" /></div>
</div>
</div>
<div>
<h3 style="clear: both; text-align: left;">
Installation And Custom Services</h3>
<div class="separator" style="clear: both; text-align: justify;">
We provide plenty of templates for free but if you want something unique for your blog then let us create a unique design for your blog, Just tell us your needs and we will convert your dream design into reality. We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle.</div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide2" href="http://www.soratemplates.com/p/contact-us.html" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Contact Us</span> <span class="title-hover2">Custom template Services</span> </a> </div>
<div class="alert-message alert" style="font-size: 15px;">
<i class="fa fa-info-circle"></i> Only Premium Buyers will get the widget codes available in the demo.</div>
<div class="alert-message warning" style="font-size: 15px;">
<i class="fa fa-exclamation-triangle"></i> If you are a premium version user and you are having any problem while setting up the template please contact us by going to this <a href="http://www.templatesyard.com/p/contact-us.html" style="color: blue;" target="_blank"><b>link (Contact Form)</b></a>.</div>
</div>
</div>TemplatesYardhttp://www.blogger.com/profile/16801688932542878100noreply@blogger.com0tag:blogger.com,1999:blog-1320824803216639156.post-39967658846082145962023-12-31T15:12:00.009+05:302024-01-04T19:15:57.454+05:30How To Setup Misho Blogger Template<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq6qF0qwJ7rOtxlMU1ipasQjKW5YWY6LLLYWdDPnMeryP1U6SWO_MGprFQCk0fKmdhTduQUTdWqbONENv6WPO8bpnoQe6rpQ8ryduMXQ0Fkh11jR1FuK-p9ZIlbhR4_rx_lhN1tzzNOcj109wMo31pmaCkvOL73Vb3l2ayj1S-ePGvYZiMXb2_bp0-l5Lc/s1600/Misho%20Blogger%20Template.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="932" data-original-width="1898" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq6qF0qwJ7rOtxlMU1ipasQjKW5YWY6LLLYWdDPnMeryP1U6SWO_MGprFQCk0fKmdhTduQUTdWqbONENv6WPO8bpnoQe6rpQ8ryduMXQ0Fkh11jR1FuK-p9ZIlbhR4_rx_lhN1tzzNOcj109wMo31pmaCkvOL73Vb3l2ayj1S-ePGvYZiMXb2_bp0-l5Lc/s1600/Misho%20Blogger%20Template.jpg" /></a></div><div style="text-align: center;"><br /></div>
Misho Blogger Template is a flagship eCommerce blogging blogger theme for blogger platforms, this is a fully functional theme with high-quality widgets and elements, this theme is loaded with tons of options and features. Misho is equipped with various widgets that will help you to publish your blog more professionally. To make it easy for you, we have published this detailed documentation to set up your blog correctly. You have made a good decision by choosing our template. <br />
<a name='more'></a>You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users. </div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide" href="https://misho-soratemplates.blogspot.com/" rel="nofollow" target="_blank"> <span class="circle"><i aria-hidden="true" class="fa fa-rocket"></i></span> <span class="title">See Demo</span> <span class="title-hover">Live Preview</span> </a> <a class="btn-slide2" href="https://www.soratemplates.com/2024/01/misho-blogger-templates.html" rel="nofollow" target="_blank"> <span class="circle2"><i aria-hidden="true" class="fa fa-download"></i></span> <span class="title2">Free Download</span> <span class="title-hover2">Free Version</span> </a> <a class="btn-slide2" href="https://premiumbloggerthemes.gumroad.com/l/mishopremium" rel="nofollow" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Buy Now</span> <span class="title-hover2">Premium Version</span> </a> </div>
<div class="basic-setup-sec">
<h3 style="text-align: left;">
<b>Basic Setup</b></h3>
<ol style="text-align: left;">
<li><b><a href="http://www.sorabloggingtips.com/p/how-to-install-blogger-template.html" target="_blank">Template Installation</a></b></li>
<li><a href="http://www.sorabloggingtips.com/p/how-to-install-logo-in-your-blog.html" target="_blank"><b>Logo Setup</b></a></li>
<li><b><a href="http://www.sorabloggingtips.com/p/default-setting-for-blogger-templates.html" target="_blank">Template Setting</a></b></li>
<li wfd-id="88"><b><a href="https://www.sorabloggingtips.com/p/shortcodes-and-page-markups-v20.html" target="_blank">Shortcodes & Markups v2.0</a></b></li>
<li><b><a href="http://www.sorabloggingtips.com/2017/01/how-to-add-sitemap-widget-in-blogspot-blogs.html" target="_blank">Create Sitemap</a></b></li>
</ol>
</div>
<div class="video-setup-sec">
<h3 style="text-align: left;">
Video Documentation</h3>
<div>
You can check this below video to understand the setup process much more easily, just click the below image to watch the video directly on YouTube, or click this link - <b><a href="https://youtu.be/w7HV2ObwrBU" rel="nofollow" target="_blank">How To Setup Misho Blogger Template - SoraTemplates</a></b><br />
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://youtu.be/QDzlIyJUE64" rel="nofollow" target="_blank"><img border="0" data-original-height="354" data-original-width="636" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDMi1fz3gb0qVYA1T67usW06Gto3_o9IwtjqTz1KmzR3QCeOV-atD6iXaKJhHlesRCJ6O_SpTPxrcJ5HSv2MTZbGnPFrQFf6soqMSSePY40qb9wpxY1ooBBfbThOwBPrmji9jN2uvgEK9ZrUct3ZoJexE1CXYt-JPCcwH6F9tWJoorZ05dH6NMlBpKzgI/s1600/Misho%20Youtube%20Thumbnail.png" /></a></div></div>
</div></div><h3>Main Menu/DropDown/Multi DropDown/Mega Menu</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Main Menu</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Normal Link : <b>Features</b></div><div style="font-size: medium; font-weight: 400;">Sub Link: <b>_Sub Link 1.0</b> (before the link add "<span style="color: #0b5394;"><b>_</b></span>") 1 underscore</div><div style="font-size: medium; font-weight: 400;">Sub Link 2: <b>__Sub Link 1.1</b> (before the link add "<span style="color: #0b5394;"><b>__</b></span>") 2 underscore</div><div style="font-size: medium; font-weight: 400;">Mega Shortcode by Label: <b>Technology/mega-menu</b></div><div style="font-size: medium; font-weight: 400;">Mega Shortcode by Recent: <b>recent/mega-menu</b></div><div style="font-size: medium; font-weight: 400;">Mega Shortcode by Random: <b>random/mega-menu</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="750" data-original-width="546" src="https://4.bp.blogspot.com/-g6PiftbjOJU/W0buOelvjfI/AAAAAAAACas/dq8dzu7zHbM5IkRASLQ1mi0cOaPb7gVtACLcBGAs/s1600/main-menu.png" /></div></div></h3><h3>Mega Tab Menu</h3><h3><div style="font-size: medium; font-weight: 400;"><div>To display tabbed label specific products you need to add a shortcode into the widget, just copy the below shortcode and and paste it into the url section of the widget.</div><div><br /></div><b>Shortcode mTabs Ex: [getMega label="<span style="color: red;">kids/women/men/smartwatch/laptop</span>" type="mtabs"]</b><br /><br /><div style="text-align: center;"><a href="http://2.bp.blogspot.com/-IuXTqFZDl9E/X0zewaYKBWI/AAAAAAAAJTU/HaXQa66YdoAYabFiIJcFl5luTQRNbH61wCK4BGAYYCw/s1600/megatab.png"><img border="0" src="https://2.bp.blogspot.com/-IuXTqFZDl9E/X0zewaYKBWI/AAAAAAAAJTU/HaXQa66YdoAYabFiIJcFl5luTQRNbH61wCK4BGAYYCw/s1600/megatab.png" /></a></div><br />You must add the desired labels, into the shortcode, to make it work.<br /><b><span style="color: red;">Note:</span></b> <i>In the mTabs type, you can add as many labels as you want, there is no defined limit! but remember they must be separated by "/".</i></div></h3><h3>Top Social</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Social Top</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Icons Avaliables {</b><span style="color: #0b5394;"><i> facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, twitch, delicious, codepen, reddit, whatsapp, snapchat, email</i></span> <b>}</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="606" data-original-width="549" src="https://4.bp.blogspot.com/-twEmAfV2mu4/WxdfXnxNXXI/AAAAAAAAB3A/uUSvzH6kaloTSHDra5ryhm5cHO7mrfyogCLcBGAs/s1600/top-social.png" /></div></h3><h3>Top Menu</h3><h3><div style="font-size: 15px; font-weight: 400; line-height: 22.5px; outline: 0px; transition: all 0.3s ease 0s;">Access your blog <b>Layout ></b> click <b style="outline: 0px; transition: all 0.3s ease 0s;">Edit</b> link on <b style="outline: 0px; transition: all 0.3s ease 0s;">Top Menu</b> widget.<br /><br /></div><div style="font-size: 15px; font-weight: 400; line-height: 22.5px; outline: 0px; transition: all 0.3s ease 0s;"><div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-ZgTkhGfFg-E/WVo4kv4BkeI/AAAAAAAADLQ/yK0uS-OXdMwnbFnXwS9EeeOB8oa424mVwCLcBGAs/s1600/contact-menu-1.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="607" data-original-width="552" src="https://2.bp.blogspot.com/-ZgTkhGfFg-E/WVo4kv4BkeI/AAAAAAAADLQ/yK0uS-OXdMwnbFnXwS9EeeOB8oa424mVwCLcBGAs/s1600/contact-menu-1.jpg" /></a></div></div><div class="separator" style="clear: both; font-size: 15px; font-weight: 400; line-height: 22.5px; outline: 0px; text-align: center; transition: all 0.3s ease 0s;"><br style="outline: 0px; transition: all 0.3s ease 0s;" /></div><div style="font-size: medium; font-weight: normal;"><span class="short_text" id="result_box" lang="en">How to add icons in the top <span>navigation? </span></span></div><div style="font-size: medium; font-weight: normal;"><span class="short_text" id="result_box" lang="en"><br /></span></div><div style="font-size: medium; font-weight: normal;"><span class="short_text" id="result_box" lang="en"><span class="alt-edited">Select</span> an icon <a href="http://fontawesome.io/icons/" target="_blank">>> </a><span><a href="http://fontawesome.io/icons/" target="_blank">FontAwesome <<</a>, Example </span></span><code><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-download"</span><span class="nt">></i></span></code></code></div><div style="font-size: medium; font-weight: normal;"><br /></div><div style="font-size: medium; font-weight: normal;">Example: <span style="color: white;"><span style="background-color: blue;"><i class="fa fa-download"></i>Download this Theme</span></span></div><div style="font-size: medium; font-weight: normal;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><a href="https://2.bp.blogspot.com/-gva7Q9xif0E/WVo4qvngraI/AAAAAAAADLU/OJz8Eb9y4UY29OhNz4Bt9uYBeqN7y7IbQCLcBGAs/s1600/contact-menu.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="632" data-original-width="573" src="https://2.bp.blogspot.com/-gva7Q9xif0E/WVo4qvngraI/AAAAAAAADLU/OJz8Eb9y4UY29OhNz4Bt9uYBeqN7y7IbQCLcBGAs/s1600/contact-menu.jpg" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: left;"><br /></div></h3><h3>Slider</h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"></div></h3><h3><div style="font-size: medium; font-weight: 400;"><div><div>Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Slider</b> section, you must place the following names highlighted in blue below.</div><div><br /></div><div>Shortcode: <b><span style="color: red;">number of posts</span>/<span style="color: blue;">label name</span>/shortcode</b></div><div><br /></div><div>Example: <b>8/Technology/slider</b><br /><b><br /></b><div><br /></div><div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="512" data-original-width="560" src="https://2.bp.blogspot.com/-NXDUpQCSyqM/W-yKg-CWloI/AAAAAAAADjw/buWU8NvkAZ8nFLJ9PIxMak45-md-28GQQCLcBGAs/s1600/main_slider.png" /></div></div></div></div></div></h3><h3 style="clear: both; font-weight: 400;">Product Services</h3><h3><div style="font-size: medium; font-weight: 400;"><div><div><div><div class="separator" style="clear: both;"></div></div></div></div></div></h3><h3><div style="font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Product Services</b> widget's.</div><div><br /></div><div>Widget Settings <b>EX</b>:</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="577" data-original-width="532" src="https://2.bp.blogspot.com/-NvlcgCMn_Yg/W1UWthw7t6I/AAAAAAAACiI/6HwKzHnWICgkFaafiSqoKnOD_kcMGdKnwCLcBGAs/s1600/services1.png" /></div><div><br /></div><div><b>How to get FontAwesome icon name ??</b></div><div><br /></div><div><b>Step 1:</b> Go to <a href="https://fontawesome.com/v4.7.0/icons/" rel="nofollow" target="_blank">https://fontawesome.com/v4.7.0/icons/</a></div><div><br /></div><div>Find icon <b>EX</b>:</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="229" data-original-width="704" src="https://1.bp.blogspot.com/-Sfhr_AXRqtE/W1UXiPmDV5I/AAAAAAAACiU/Ys86AhB7m4ofkRoyINzc2JcyAV0l2_tpwCLcBGAs/s1600/fa1.png" /></div><div><br /></div><div><b>Step 2:</b> Open icon page and copy "fa icon name".</div><div><br /></div><div><b>EX</b>:</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="520" data-original-width="710" height="292" src="https://3.bp.blogspot.com/-uVcAvTiXUMY/W1UX8aqcHxI/AAAAAAAACic/snOfTPY3fFIyB7aHi1gnBq2I-h64ctjkACLcBGAs/s400/fa2.png" width="400" /></div></div></h3><h3>Info Box ( 01, 02, 03, 04,05 )</h3><h3><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both; text-align: left;"><div>Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Info Box 01, </b><b>Info Box 02</b><b>, </b><b>Info Box 03, Info Box 04</b><b> </b>and<b> </b><b>Info Box 05</b><b> </b>widget.</div><div><br />Example:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-VLyLFaoOCLw/W1TSmMuId1I/AAAAAAAACho/ta0r-B6LwJsOo_8Ne05_cWO4lT1gox_FQCLcBGAs/s1600/main-intro.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="646" data-original-width="592" src="https://1.bp.blogspot.com/-VLyLFaoOCLw/W1TSmMuId1I/AAAAAAAACho/ta0r-B6LwJsOo_8Ne05_cWO4lT1gox_FQCLcBGAs/s1600/main-intro.png" /></a></div></div></div></div></h3><h3>Vertical Icon Menu</h3><h3><div style="font-size: medium; font-weight: 400;"><div><div style="font-size: 15px; line-height: 22.5px; outline: 0px; transition: all 0.3s ease 0s;">Access your blog <b>Layout ></b> click <b style="outline: 0px; transition: all 0.3s ease 0s;">Edit</b> link on <b style="outline: 0px; transition: all 0.3s ease 0s;">Top Menu</b> widget.</div><div style="font-size: 15px; line-height: 22.5px; outline: 0px; transition: all 0.3s ease 0s;"><br style="outline: 0px; transition: all 0.3s ease 0s;" /></div><div class="separator" style="clear: both; font-size: 15px; line-height: 22.5px; outline: 0px; text-align: center; transition: all 0.3s ease 0s;"></div><div class="separator" style="clear: both; font-size: 15px; line-height: 22.5px; outline: 0px; text-align: center; transition: all 0.3s ease 0s;"></div><div class="separator" style="clear: both; font-size: 15px; line-height: 22.5px; outline: 0px; text-align: center; transition: all 0.3s ease 0s;"><a href="http://1.bp.blogspot.com/-or2K2v7Gpps/V3ggFhbwBQI/AAAAAAAAAi0/sDcEG7PEsIoi1WNZ-DHBDcKXOQ-txeMrQCK4B/s1600/222c821badb04db18ba36298a9e1d25e.png" style="clear: none; color: #f1c40f; float: none; margin-left: 1em; margin-right: 1em; outline: 0px; transition: all 0.3s ease 0s;"><img border="0" src="https://1.bp.blogspot.com/-or2K2v7Gpps/V3ggFhbwBQI/AAAAAAAAAi0/sDcEG7PEsIoi1WNZ-DHBDcKXOQ-txeMrQCK4B/s1600/222c821badb04db18ba36298a9e1d25e.png" style="border: 0px; max-width: 100%; outline: 0px; position: relative; transition: all 0.3s ease 0s;" /></a></div><div><span class="short_text" id="result_box" lang="en">How to add icons in the top <span>navigation? </span></span></div><div><span class="short_text" id="result_box" lang="en"><br /></span></div><div><span class="short_text" id="result_box" lang="en"><span class="alt-edited">Select</span> an icon <a href="http://fontawesome.io/icons/" target="_blank">>> </a><span><a href="http://fontawesome.io/icons/" target="_blank">FontAwesome <<</a>, Example </span></span><code><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-download"</span><span class="nt">></i></span></code></code></div><div><br /></div><div>Example: <span style="color: white;"><span style="background-color: blue;"><i class="fa fa-download"></i>Download this Theme</span></span></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-gva7Q9xif0E/WVo4qvngraI/AAAAAAAADLU/OJz8Eb9y4UY29OhNz4Bt9uYBeqN7y7IbQCLcBGAs/s1600/contact-menu.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="632" data-original-width="573" src="https://2.bp.blogspot.com/-gva7Q9xif0E/WVo4qvngraI/AAAAAAAADLU/OJz8Eb9y4UY29OhNz4Bt9uYBeqN7y7IbQCLcBGAs/s1600/contact-menu.jpg" /></a></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div></div></div></h3><h3>Main Testimonials</h3><h3><div style="font-size: medium; font-weight: 400;"><div><div><div><div class="separator" style="clear: both;"></div></div></div></div></div></h3><h3><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div>Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Main Testimonial </b>widget.</div><div><br />Example:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-00fPrXSNOko/YGHT2p_k_cI/AAAAAAAAKYk/eOWOXJjdGZYFJp945SIH7hgUBbti1efzQCNcBGAsYHQ/s773/Main%2BTestimonial.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="773" data-original-width="570" src="https://1.bp.blogspot.com/-00fPrXSNOko/YGHT2p_k_cI/AAAAAAAAKYk/eOWOXJjdGZYFJp945SIH7hgUBbti1efzQCNcBGAsYHQ/s16000/Main%2BTestimonial.png" /></a></div></div></div></div></div></h3><h3 style="clear: both;">Verticle Tag</h3><h3><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"></div></div></div></h3><h3><div style="font-size: medium; font-weight: 400;"><div><div><div><div class="separator" style="clear: both;">This is nothing but a label widget, just keep the setting similar as below image.</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-O-WFBY2Rop4/X0zg9ZJZ80I/AAAAAAAAJTg/CT8xFXs1plMBcm8yZ1KvcD2sAlaTZn0nwCK4BGAYYCw/s1600/vtag.png"><img border="0" src="https://1.bp.blogspot.com/-O-WFBY2Rop4/X0zg9ZJZ80I/AAAAAAAAJTg/CT8xFXs1plMBcm8yZ1KvcD2sAlaTZn0nwCK4BGAYYCw/s1600/vtag.png" /></a></div><div class="separator" style="clear: both;"><b><span style="color: red;">Note: </span></b><i>For ideal condition always limit the number of labels to 8.</i></div><div class="separator" style="clear: both;"><i><br /></i></div></div></div></div></div></h3><h3>Product Tabs</h3><h3><div style="font-size: medium; font-weight: 400;"><div><div><div><div class="separator" style="clear: both;"></div></div></div></div></div></h3><h3><div style="font-size: medium; font-weight: 400;"><div><div><div><div>Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Product Tabs</b> widget. To display tabbed label specific products you need to add a shortcode into the widget, just copy the below shortcode and and paste it into the url section of the widget.</div><div><br /></div><div>Shortcode: <b><span style="color: #0b5394;">[getMega label="</span><span style="color: red;">kids/laptop/mens/mobile/smartwatch</span><span style="color: #0b5394;">" type="mtabs"]</span></b></div><div><div style="text-align: center;"><br /></div><div style="text-align: center;"><a href="http://1.bp.blogspot.com/-Y8Tg35GckPs/X0ziQa0ZtaI/AAAAAAAAJTs/Y2fFvoH7yeQh71M5NCpPuhVldg8tfJRFwCK4BGAYYCw/s1600/ptabt.png"><img border="0" src="https://1.bp.blogspot.com/-Y8Tg35GckPs/X0ziQa0ZtaI/AAAAAAAAJTs/Y2fFvoH7yeQh71M5NCpPuhVldg8tfJRFwCK4BGAYYCw/s1600/ptabt.png" /></a></div>You must add the desired labels, into the shortcode, to make it work.<br /><b><span style="color: red;">Note:</span></b> <i>In the mTabs type, you can add as many labels as you want, there is no defined limit! but remember they must be separated by "/".</i></div></div></div></div></div></h3><h3 style="clear: both;">Home Ads 01, 02 & 03</h3><h3><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on in the sections <b>Home ads 01, 02 & 03</b></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><b>HTML/JavaScript Ex:</b></div></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-pIZPRxL25u8/YDt-rmSIY6I/AAAAAAAAKGE/DgVXXmEOms8M8pbwOaMYH7oA7ITLf4paQCNcBGAsYHQ/s617/Ads%2Bsettings.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="617" data-original-width="572" src="https://1.bp.blogspot.com/-pIZPRxL25u8/YDt-rmSIY6I/AAAAAAAAKGE/DgVXXmEOms8M8pbwOaMYH7oA7ITLf4paQCNcBGAsYHQ/s16000/Ads%2Bsettings.png" /></a></div></div></h3><h3>Marquee Menu</h3><h3><div style="font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Marquee Menu</b> widget.</div><div><br /></div><div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="527" data-original-width="539" src="https://1.bp.blogspot.com/-SduB7veiebI/W63OuApcysI/AAAAAAAADSQ/Xqw1gB0grWESwRgj-ycpNIZE6b2sUYFTACLcBGAs/s1600/header-right-menu.png" /></div><div class="separator" style="clear: both;"><br /></div></div></div></h3><h3><div style="font-size: medium; font-weight: 400;"><div><div><div><div></div></div></div></div></div></h3><h3>Hot Offers</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Hot Offers</b> section, you must place the following names highlighted in blue below.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Shortcode: <b><span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> </b>or<b> <span style="color: #38761d;">random</span>/hot-posts</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Example: <b>Food/hot-posts</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="514" data-original-width="555" src="https://3.bp.blogspot.com/-xBQGDlbwG2c/W5vsKBpy5qI/AAAAAAAADGQ/-SIGnXvLaDYReNfnyU02OZhIlSJZKaGcACLcBGAs/s1600/hot-posts.png" /></div><div class="separator" style="clear: both;"><br /></div></div></h3><h3 style="clear: both; font-weight: 400;"><br /></h3><h3>Featured Products 1,2,3 & Product List 1-2 </h3><h3><div style="font-size: medium; font-weight: 400;"><div>Access your blog <span>Layout</span> > click <span>Add a Gadget</span> > <span>HTML/JavaScript</span> on <b>Featured Products 1,2,3 & Product List 1-2</b> section, you must place the following names highlighted in blue below.</div><div><br /></div><div>Shortcode: <b>Results number/<span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> or <span style="color: #38761d;">random</span>/post-list</b></div><div><br /></div><div>Label Posts: <b>3/Technology/post-list</b></div><div>Recent Posts: <b>3/recent/post-list</b></div><div>Random Posts: <b>3/random/post-list</b></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="535" data-original-width="539" src="https://2.bp.blogspot.com/-4MIJlqO1pUc/WxdpOVxXIII/AAAAAAAAB3w/-cMDJxJKatQofEpeQQiJbuIjMgGxk7JbACEwYBhgL/s1600/post-list-widget.png" /></div></div></h3><h3>Post List Widget</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Footer</b> section, you must place the following names highlighted in blue below.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Shortcode: <b>Results number/<span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> or <span style="color: #38761d;">random</span>/post-list</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Label Posts: <b>3/Technology/post-list</b></div><div style="font-size: medium; font-weight: 400;">Recent Posts: <b>3/recent/post-list</b></div><div style="font-size: medium; font-weight: 400;">Random Posts: <b>3/random/post-list</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="535" data-original-width="539" src="https://2.bp.blogspot.com/-4MIJlqO1pUc/WxdpOVxXIII/AAAAAAAAB3w/-cMDJxJKatQofEpeQQiJbuIjMgGxk7JbACEwYBhgL/s1600/post-list-widget.png" /></div><div style="font-size: medium; font-weight: 400;"><br /><br /></div></h3><h3>Social Widget (Sidebar)</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Social Widget</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Icons Avaliables {</b> <span style="color: #0b5394;"><i>blogger, facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, twitch, delicious, codepen, reddit, whatsapp, snapchat, email</i></span> <b>}</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="642" data-original-width="552" src="https://4.bp.blogspot.com/-WwhRA03jkKI/W0bv1pnpK8I/AAAAAAAACbA/lqi_JIoKpL400IDswXPCLWUX0LE4pEjpQCEwYBhgL/s1600/social-widget.png" /></div><br /><br /></div></h3><h3>Product Page</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Main Posts/Blog Posts</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="593" data-original-width="546" src="https://1.bp.blogspot.com/-hVjALPg0dW0/W63V4tlzm_I/AAAAAAAADSo/_qa7aLkWiDQt4Ec-EaGGX4Q_wYlYOrCjACLcBGAs/s1600/main_posts.png" /></div><br /></div></h3><h3>Brand Logos</h3><h3><div style="font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Brand Logos</b> widget.<br /><br /><div style="text-align: center;"><a href="http://3.bp.blogspot.com/-3S0v64LPxbI/X0zkJDDc9oI/AAAAAAAAJT4/w5el8RTvyoUbhrJkzYs4OeMvyPYFaCIHwCK4BGAYYCw/s1600/brand%2Blogos.png"><img border="0" src="https://3.bp.blogspot.com/-3S0v64LPxbI/X0zkJDDc9oI/AAAAAAAAJT4/w5el8RTvyoUbhrJkzYs4OeMvyPYFaCIHwCK4BGAYYCw/s1600/brand%2Blogos.png" /></a></div><div class="separator" style="clear: both; text-align: center;"></div></div></div></h3><h3>Post Layouts</h3><h3><div style="font-size: medium; font-weight: 400;"><b>Left Sidebar:</b> Inside the post add the text <b>left-sidebar</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;"><b>Full Width:</b> Inside the post add the text <b>full-width</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;"><b>Right Sidebar:</b> Inside the post add the text <b>right-sidebar</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="951" data-original-width="1358" src="https://2.bp.blogspot.com/-fCQMSq7tcD0/WxeSCroFr1I/AAAAAAAAB5E/ZYlvtyGAl14cPAri8JvXMhxPCPe_hx1rwCLcBGAs/s1600/post-layouts.jpg" /></div><div style="font-size: medium; font-weight: 400;"><br /><br /></div></h3><h3>Product Price, Discount and Size</h3><h3><div style="font-size: medium; font-weight: 400;"><b>Price Shortcode:</b> <b>price/<span style="color: blue;">"Your Product Price"</span></b><br /><b>Discount Shortcode:</b> <b>off/<span style="color: blue;">"Your Product Price"</span></b><br /><b>Size Shortcode:</b> <b>size/<span style="color: blue;">"Your Product Size 1"</span></b><b>/<span style="color: blue;">"Your Product Size 2"</span></b><b>/<span style="color: blue;">"Your Product Size 3"</span></b><br /><br /><b>Price EX:</b> Inside the post add the text <b>price/<span style="color: blue;">$59.00</span></b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;"><b>Discount EX:</b> Inside the post add the text <b>off/<span style="color: blue;">-35%</span></b> and add the style <strike>Strikethrough</strike><br /><b>Size EX:</b> Inside the post add the text <b>size/<span style="color: blue;">35</span><span style="color: blue;">/</span><span style="color: blue;">36</span><span style="color: blue;">/</span><span style="color: blue;">37</span></b> and add the style <strike>Strikethrough</strike><br /><br /></div><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="956" data-original-width="1378" src="https://3.bp.blogspot.com/--JApp_UIt3g/W63QvV-ryAI/AAAAAAAADSc/4amb4S4PdBUlN3vF6smFWMlhkvdtO7ZjACLcBGAs/s1600/price-and-offer.jpg" /></div><br /></div></h3><h3>Cart Page</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Pages</b> > click <b>New Page</b> > <b>Title</b> , in title enter "cart" (without quotes).<br /><br /><b>Note:</b>- the cart page will not work if you don't put the title correctly, after adding the title your page link must look like this.<br /><br /><blockquote class="tr_bq">https://sora-cart-soratemplates.blogspot.com/p/cart.html<br /><b>or</b><br />https://www.xyz.com/p/cart.html</blockquote><br /><br /></div></h3><h3>Checkout Page</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Pages</b> > click <b>New Page</b> > <b>Title</b> , in title enter "checkout" (without quotes).<br /><br /><b>Note:</b>- the checkout page will not work if you don't put the title correctly, after adding the title your page link must look like this.<br /><br /><blockquote class="tr_bq">https://sora-cart-soratemplates.blogspot.com/p/checkout.html<br /><b>or</b><br />https://www.xyz.com/p/checkout.html</blockquote><br /><br /></div></h3><h3>Credit Cards Icons</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Credit Cards</b> widget on <b>Footer</b>.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Icons Avaliables {</b> <span style="color: #0b5394;"><i>paypal, visa, master, amex, diners, discover, jcb</i></span> <b>}</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="595" data-original-width="553" src="https://3.bp.blogspot.com/-6LXJkXn3gE4/W63NPke0vFI/AAAAAAAADRw/z7t45gayCXEaC58oI0Z4AlIxM8ypNYi_ACLcBGAs/s1600/credit-card-info.png" /></div><br /></div></h3><h3>Theme Options</h3><h4>01 - Payment Options</h4><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Payment Options</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><div><b>Payment Option:</b> In <i>New Site Name</i> add <b>paymentOption</b>, in <i>New Site URL</i> add <b>your option</b><b></b>, after click on <b><span style="color: #e69138;">save</span></b> button. default is "PayPal".</div><div><br /></div><div><b>PayPal Email:</b> In <i>New Site Name</i> add <b>paypalMail</b>, in <i>New Site URL</i> add <b>your paypal e-mail</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div><br /></div><div><b>Currency Option:</b> In <i>New Site Name</i> add <b>currencyOption</b>, in <i>New Site URL</i> add <b>your currency</b><b></b>, after click on <b><span style="color: #e69138;">save</span></b> button. default is "USD".</div><div><br /></div><b>Shipping Option:</b> In <i>New Site Name</i> add <span>shippingOption</span>, in <i>New Site URL</i> add <b>your shipping price</b>, after click on <span><span style="color: #e69138;">save</span></span> button. Note - Shipping price is based on per product".<br /><div><br /></div><div><b>Available Curencies:</b></div><blockquote class="tr_bq">"<b>USD</b>" - Currency Name ("US Dollar")<br />"<b>AUD</b>" - Currency Name ("Australian Dollar")<br />"<b>BRL</b>" - Currency Name ("Brazilian Real")<br />"<b>CAD</b>" - Currency Name ("Canadian Dollar")<br />"<b>CZK</b>" - Currency Name ("Czech Koruna")<br />"<b>DKK</b>" - Currency Name ("Danish Krone")<br />"<b>EUR</b>" - Currency Name ("Euro")<br />"<b>HKD</b>" - Currency Name ("Hong Kong Dollar")<br />"<b>HUF</b>" - Currency Name ("Hungarian Forint")<br />"<b>ILS</b>" - Currency Name ("Israeli New Sheqel")<br />"<b>JPY</b>" - Currency Name ("Japanese Yen")<br />"<b>MXN</b>" - Currency Name ("Mexican Peso")<br />"<b>NOK</b>" - Currency Name ("Norwegian Krone")<br />"<b>NZD</b>" - Currency Name ("New Zealand Dollar")<br />"<b>PLN</b>" - Currency Name ("Polish Zloty")<br />"<b>GBP</b>" - Currency Name ("Pound Sterling")<br />"<b>SGD</b>" - Currency Name ("Singapore Dollar")<br />"<b>SEK</b>" - Currency Name ("Swedish Krona")<br />"<b>CHF</b>" - Currency Name ("Swiss Franc")<br />"<b>THB</b>" - Currency Name ("Thai Baht")<br />"<b>BTC</b>" - Currency Name ("Bitcoin")<br />"<b>INR</b>" - Currency Name ("Indian Rupee")</blockquote></div><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="577" data-original-width="553" src="https://1.bp.blogspot.com/-ri2eGBV8evU/W63Nq-1nMkI/AAAAAAAADR4/OOtLbjPBr0YLLVZSTZfKwPKSPHe6H32RQCLcBGAs/s1600/payment-options.png" /></div><div class="separator" style="clear: both; text-align: center;"></div></div></h3><h4>A) - Upi Options</h4><h3><div style="font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Upi Options</b> widget.</div><div><br /></div>In <i>New Site Name</i> add <b>Your Upi Gateway Name</b>, in <i>New Site URL</i> add <b>Your Upi QR Code Image</b>, after click on <span><span style="color: #e69138;">save</span></span> button.<br /><div style="text-align: center;"><a href="http://4.bp.blogspot.com/-sjwpOVt6Hpk/Xvthj8brQ-I/AAAAAAAAI3I/WO9zmrsb-i8J8jVgb8U6Fbud6YEQGwYRwCK4BGAYYCw/s1600/Upi-options.png"><img border="0" src="https://4.bp.blogspot.com/-sjwpOVt6Hpk/Xvthj8brQ-I/AAAAAAAAI3I/WO9zmrsb-i8J8jVgb8U6Fbud6YEQGwYRwCK4BGAYYCw/s1600/Upi-options.png" /></a></div></div></h3><h4>B) - Bank Details</h4><h3><div style="font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Bank Details</b> widget.<br /><br />In <i>New Site Name</i> add <b>Your Bank Details</b>, in <i>New Site URL</i> add <b>Your Bank Detail Values</b>, after click on <span style="color: #e69138;">save</span> button.<br /><div style="text-align: center;"><a href="http://4.bp.blogspot.com/-zcVRsTpJMcw/XvthoGNyzKI/AAAAAAAAI3Q/uEd4tFzzNPIOJVSLJVghE5jwUSZfUV_MQCK4BGAYYCw/s1600/Bank%2BDetails.png"><img border="0" src="https://4.bp.blogspot.com/-zcVRsTpJMcw/XvthoGNyzKI/AAAAAAAAI3Q/uEd4tFzzNPIOJVSLJVghE5jwUSZfUV_MQCK4BGAYYCw/s1600/Bank%2BDetails.png" /></a></div></div></div></h3><h4>02 - Boxed Version</h4><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Boxed Version</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">In <i>New Site Name</i> add <b>boxedVersion</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both; text-align: center;"><a href="https://4.bp.blogspot.com/-UWgDr6Hl1PQ/W5vs9EB1tlI/AAAAAAAADGY/2seLnnStyKUof1uLXEThmGseiyK5DSJmgCLcBGAs/s1600/boxed_version.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="529" data-original-width="545" src="https://4.bp.blogspot.com/-UWgDr6Hl1PQ/W5vs9EB1tlI/AAAAAAAADGY/2seLnnStyKUof1uLXEThmGseiyK5DSJmgCLcBGAs/s1600/boxed_version.png" /></a></div><br /></div></h3><h4>03 - Default Variables</h4><h3><div style="font-size: medium; font-weight: 400;"> Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Default Variables</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Post Per Page:</b> In <i>New Site Name</i> add <b>postPerPage</b>, in <i>New Site URL</i> add the number of results, it should be the same as the posts from the home page, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Fixed Sidebar:</b> In <i>New Site Name</i> add <b>fixedSidebar</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Comments System:</b> In <i>New Site Name</i> add <b>commentsSystem</b>, in <i>New Site URL</i> add the comments sytem type <b>{<span style="color: #e69138;">blogger</span>, <span style="color: #3d85c6;">disqus</span>, <span style="color: #073763;">facebook</span> or <span style="color: #cc0000;">hide</span>}</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Disqus Shortname:</b> In <i>New Site Name</i> add <b>disqusShortname</b>, in <i>New Site URL</i> add your disqus comment system shortname, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="624" data-original-width="523" src="https://1.bp.blogspot.com/-rExdUXOAgtQ/WxduxYWEo2I/AAAAAAAAB4M/KI0ipawglGQ_fQ7axi6Yu1TdBiWU0sd9QCLcBGAs/s1600/default-variables.png" /></div><div style="font-size: medium; font-weight: 400;"><br /></div></h3><h3>Facebook Page Plugin </h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="19">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Footer</b> section, and paste the code below.</div><div style="font-size: medium; font-weight: 400;" wfd-id="18"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="17"><i><span style="background-color: #f3f3f3;"><center><div class="fb-page" data-href="<span style="background-color: #073763;"><span style="color: white;">https://www.facebook.com/soratemplate</span></span>" data-width="360" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div></center></span></i></div><div style="font-size: medium; font-weight: 400;" wfd-id="16"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="15"><span style="color: #cc0000;"><b>Note:</b></span> In Attribute <i><b>data-href</b></i> replace the link per your facebook page url.</div></h3>
<h3>
Customizing Your Template</h3>
<div style="font-size: medium; font-weight: 400;">
<div style="font-size: medium; font-weight: 400;">
Access your blog <b>Theme</b> > click <span style="color: #e69138;">Customize</span> button.</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Here you can change the background, and apply pre-defined colors</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="270" data-original-width="724" src="https://1.bp.blogspot.com/-H1u1QEV-qss/W4BHVwCJ8TI/AAAAAAAAC9g/_25WTIFhTjUvnRmjcGRFAl4kOI-ItSJ7QCEwYBhgL/s1600/customize_background.png" /></div>
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Clicking Advanced You will see the official option to change the Main Colors</div>
<br />
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="272" data-original-width="696" src="https://3.bp.blogspot.com/-q47DGPWfrgE/W4BHP2xDXHI/AAAAAAAAC9c/eqk39S8t2MI_9Dzhejt11Y5t0K-0-x0mACLcBGAs/s1600/customize_colors.png" /></div>
</div>
</div>
<div>
<h3 style="clear: both; text-align: left;">
Installation And Custom Services</h3>
<div class="separator" style="clear: both; text-align: justify;">
We provide plenty of templates for free but if you want something unique for your blog then let us create a unique design for your blog, Just tell us your needs and we will convert your dream design into reality. We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle.</div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide2" href="http://www.soratemplates.com/p/contact-us.html" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Contact Us</span> <span class="title-hover2">Custom template Services</span> </a> </div>
<div class="alert-message alert" style="font-size: 15px;">
<i class="fa fa-info-circle"></i> Only Premium Buyers will get the widget codes available in the demo.</div>
<div class="alert-message warning" style="font-size: 15px;">
<i class="fa fa-exclamation-triangle"></i> If you are a premium version user and you are having any problem while setting up the template please contact us by going to this <a href="http://www.templatesyard.com/p/contact-us.html" style="color: blue;" target="_blank"><b>link (Contact Form)</b></a>.</div></div>TemplatesYardhttp://www.blogger.com/profile/16801688932542878100noreply@blogger.com0tag:blogger.com,1999:blog-1320824803216639156.post-50821082899807304822023-12-24T00:30:00.004+05:302024-01-01T19:18:40.408+05:30How To Setup Tecify Blogger Template [Templateify]<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBBSMxJzMMuWPhzmcf-6yB2dUtCCw_Bn7Lvr2-yC0VT12ExG37ld343fuRlA27pxH9MsBjqd8dyfOtjIjbDIsRUr4fgk8GooDAVHnmhxyptqzIf4JbkdNeegfNTi8c1zx53mF53SOkGjr7Kr2pJXur0fko6LrhPbRGn4BOY4du2lvegORIlHTbvgdbLqqg/s1600/Tecify%20Blogger%20Template.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1013" data-original-width="1349" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBBSMxJzMMuWPhzmcf-6yB2dUtCCw_Bn7Lvr2-yC0VT12ExG37ld343fuRlA27pxH9MsBjqd8dyfOtjIjbDIsRUr4fgk8GooDAVHnmhxyptqzIf4JbkdNeegfNTi8c1zx53mF53SOkGjr7Kr2pJXur0fko6LrhPbRGn4BOY4du2lvegORIlHTbvgdbLqqg/s1600/Tecify%20Blogger%20Template.jpg" /></a></div></div><br /><div style="text-align: justify;">
Tecify Blogger Template is a modern, minimalistic, and responsive template that makes creating a website or blog easy with just a few clicks. With its clean design and intuitive interface. Tecify is perfect for bloggers who want to make their content look professional and attractive. <br />
<a name='more'></a>You have made a good decision by choosing our template. You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users. </div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide" href="https://tecify-templateify.blogspot.com/" rel="nofollow" target="_blank"> <span class="circle"><i aria-hidden="true" class="fa fa-rocket"></i></span> <span class="title">See Demo</span> <span class="title-hover">Live Preview</span> </a> <a class="btn-slide2" href="https://www.templateify.com/2023/12/tecify-blogger-template.html" rel="nofollow" target="_blank"> <span class="circle2"><i aria-hidden="true" class="fa fa-download"></i></span> <span class="title2">Free Download</span> <span class="title-hover2">Free Version</span> </a> <a class="btn-slide2" href="https://premiumbloggerthemes.gumroad.com/l/tecifypremium" rel="nofollow" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Buy Now</span> <span class="title-hover2">Premium Version</span> </a> </div>
<div class="basic-setup-sec">
<h3 style="text-align: left;">
<b>Basic Setup</b></h3>
<ol style="text-align: left;">
<li><b><a href="http://www.sorabloggingtips.com/p/how-to-install-blogger-template.html" target="_blank">Template Installation</a></b></li>
<li><a href="http://www.sorabloggingtips.com/p/how-to-install-logo-in-your-blog.html" target="_blank"><b>Logo Setup</b></a></li>
<li><b><a href="http://www.sorabloggingtips.com/p/default-setting-for-blogger-templates.html" target="_blank">Template Setting</a></b></li>
<li><b><a href="https://www.sorabloggingtips.com/p/shortcodes-and-page-markups-v20.html" target="_blank">Shortcodes & Markups v2.0</a></b></li>
<li><b><a href="http://www.sorabloggingtips.com/2017/01/how-to-add-sitemap-widget-in-blogspot-blogs.html" target="_blank">Create Sitemap</a></b></li>
</ol>
</div>
<div class="video-setup-sec">
<h3 style="text-align: left;">
Video Documentation</h3>
<div>
You can check this below video to understand the setup process much more easily, just click the below image to watch the video directly on YouTube, or click this link - <a href="https://youtu.be/3xgPn7AuK40" rel="nofollow" target="_blank"><b>How To Setup Tecify Blogger Template - Templateify</b></a></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://youtu.be/3xgPn7AuK40" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><div class="separator" style="clear: both;"><img alt="" border="0" data-original-height="672" data-original-width="1127" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQONRKn09R1p0QgOod5Slb2u1bkj1PJVoNcU2YILBeoa239p0O9wfx20c8NvkARSUc5eVtDzywUdau8b7_ACpRydx_7MTf52ErY3RYQ6zW_Y_nhIIhSZKjemL9paNc9vcSFMKXmhty8YUBK0yyt5BjMjOwNRrcDQAEav_KvtqR-45pdoYePSGWc0pGtdQe/s1600/Tecify%20Youtube%20Thumbnail.png" /></div></a></div>
</div>
<div>
<br />
<h3 id="go-topmenu">Topbar Menu</h3><h3 id="go-menu"><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Topbar Menu</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Tobar Menu" border="0" data-original-height="926" data-original-width="867" src="https://1.bp.blogspot.com/-gF6coHxJK0Q/X71ZQx-iW4I/AAAAAAAACLQ/zJaBjhvBVTAOGI3sKIHsDH35gqVT1H-JACLcBGAsYHQ/s0/topbar-menu.png" title="Tobar Menu" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-topicons">Topbar Icons</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Topbar Icons</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Supported Icons: </b><strike style="font-size: medium; font-weight: 400;">blogger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">apple</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">amazon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">microsoft</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook-f</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitter</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">rss</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">youtube</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">skype</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stumbleupon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">tumblr</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">vk</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stack-overflow</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">github</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">linkedin</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">dribbble</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">soundcloud</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">behance</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">digg</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">instagram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest-p</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitch</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">steam</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">delicious</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">codepen</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">flipboard</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">reddit</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">whatsapp</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">telegram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">messenger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">snapchat</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">email</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">discord</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">quora</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">share</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">external-link</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Topbar Icons" border="0" data-original-height="930" data-original-width="867" src="https://1.bp.blogspot.com/-Ty7C4M37Z8w/X71aDjEt0wI/AAAAAAAACLc/-O7otm3HXHAn47QwTRKYYowv8xCq-jmkgCLcBGAsYHQ/s0/topbar-icons.png" title="Topbar Icons" /></div></h3><h3 id="go-menu">Header Menu</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Header Menu</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Normal Link and DropDown Options:</b></h4><h3><b style="font-size: medium;">Homepage Link Example: </b><span style="font-size: medium; font-weight: 400;">Add the text and in the site url field add </span><strike style="font-size: medium; font-weight: 400;">{homepage}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Normal Link Example: </b><strike style="font-size: medium; font-weight: 400;">Features</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">SubLink Level 1 Example: </b><strike style="font-size: medium; font-weight: 400;">_Level 1</strike><span style="font-size: medium; font-weight: 400;"> "Before the Title add </span><b style="font-size: medium;">1 underscore</b><span style="font-size: medium; font-weight: 400;">"</span><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">SubLink Level 2 Example: </b><strike style="font-size: medium; font-weight: 400;">__Level 2</strike><span style="font-size: medium; font-weight: 400;"> "Before the Title add </span><b style="font-size: medium;">2 underscore</b><span style="font-size: medium; font-weight: 400;">"</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Main Menu Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Menu Settings" border="0" data-original-height="569" data-original-width="700" src="https://1.bp.blogspot.com/-le46mq2ZR3g/YCRrVxzMwMI/AAAAAAAACVA/owUxd51LS00hKs1B2-1-sa7Yx6066U41ACLcBGAsYHQ/s16000/main-menu.png" title="Menu Settings" /></div><br style="font-size: medium; font-weight: 400;" /><warning class="alert" style="font-size: medium; font-weight: 400;"><b>ALERT: </b>Level 2 Links must be between or below level 1 links.</warning><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Home Link Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Homepage Link" border="0" data-original-height="203" data-original-width="844" src="https://1.bp.blogspot.com/-KXch08UkUbg/YCRqlOGtC1I/AAAAAAAACU4/4u7IIutsHnk6xpG3xkzawL1zNFJZ8lpWgCLcBGAsYHQ/s16000/home-link.png" title="Homepage Link" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4>Mega Menu Options:</h4><h3><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">{getContent} $label={<span style="color: red;">Your Label</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Label:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">label</strike><span style="font-size: medium; font-weight: 400;"> or </span><strike style="font-size: medium; font-weight: 400;">recent</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">What are Label?</b><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Post Labels" border="0" data-original-height="176" data-original-width="1055" src="https://1.bp.blogspot.com/-ootFEjbpkOk/YCRooddPKhI/AAAAAAAACUY/taGhM6Tz9e0-l0jR1cRNCkZIxfiP0d02ACLcBGAsYHQ/s16000/post-labels.png" title="Post Labels" /></div><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">{getContent} $label={Laptops}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Mega Menu Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Mega Menu Shortcode" border="0" data-original-height="208" data-original-width="843" src="https://1.bp.blogspot.com/-ufLBBkqV8FM/YCRqIw94GlI/AAAAAAAACUw/oyK6OSpiJgA3k7Jgplfgu4mTTe9uYx5YwCLcBGAsYHQ/s16000/mega-menu.png" title="Mega Menu Shortcode" /></div><br style="font-size: medium; font-weight: 400;" /><success class="alert" style="font-size: medium; font-weight: 400;"><b>SAVING: </b>After adding all the desired links and organizing them in the correct position, click on the <b>Save Button</b>.</success></h3><h3 id="go-hads">Header ADS</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the section </span><b style="font-size: medium;">Header ADS</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Header Ads" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Header Ads" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-feat">Featured Posts</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">Popular Posts</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Featured Posts</b><span style="font-size: medium; font-weight: 400;"> section.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">{getContent} $label={<span style="color: red;">Your Label</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Label:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">label</strike><span style="font-size: medium; font-weight: 400;"> or </span><strike style="font-size: medium; font-weight: 400;">recent</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">{getContent} $label={Laptops}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>By HTML/Javascript:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Featured Post" border="0" data-original-height="873" data-original-width="865" src="https://1.bp.blogspot.com/-busskAmAb44/YCRsyAwwU2I/AAAAAAAACVM/49_HZvVbJSg84BgEl25x9jnKnByipiCEwCLcBGAsYHQ/s16000/featured-html.png" title="Featured Post" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>By Popular Posts:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Featured Post by Popular" border="0" data-original-height="771" data-original-width="865" src="https://1.bp.blogspot.com/-XBVeFlSZU8w/YCRs2ypilvI/AAAAAAAACVQ/9OacGQ2LryAwFLB6aDA1Be_HNLv_bqOtQCLcBGAsYHQ/s16000/featured-popular.png" title="Featured Post by Popular" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-homead">Home ADS</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the section </span><b style="font-size: medium;">Home ADS</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Home Ads" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Home Ads" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-trend">Content Section 1 / Content Section 2</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;"> > in the sections </span><b style="font-size: medium;">Content Section 1</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">Content Section 2</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">{getContent} $results={<span style="color: red;">Number of Results</span>} $label={<span style="color: red;">Your Label</span>} $type={<span style="color: red;">Custom Type</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Results:</b><span style="font-size: medium; font-weight: 400;"> You must add the desired number of results.</span><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Label:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">label</strike><span style="font-size: medium; font-weight: 400;"> or </span><strike style="font-size: medium; font-weight: 400;">recent</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Types:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">block1</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">block2</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">grid1</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">grid2</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">colLeft</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">colRight</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">video</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">{getContent} $results={5} $label={Laptops} $type={block1}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>By HTML/Javascript:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Content Sections" border="0" data-original-height="873" data-original-width="865" src="https://1.bp.blogspot.com/-Xo6TFzYi68A/YCRxRtHCUjI/AAAAAAAACVg/tcminwh4s_Y5bMXbR6atcFTgY0eZilldgCLcBGAsYHQ/s16000/content-section.png" title="Content Sections" /></div><br style="font-size: medium; font-weight: 400;" /><info class="alert" style="font-size: medium; font-weight: 400;"><b>NOTE: </b>You can add as many gadgets as you like. But they are optional and, if you wish, you can remove them at any time.</info><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-mad">Main ADS 1 / Main ADS 2</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the sections </span><b style="font-size: medium;">Main ADS 1</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">Main ADS 2</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Main Ads" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Main Ads" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-posts">Main Posts</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Main Posts/Blog Posts</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Blog Posts" border="0" data-original-height="1211" data-original-width="841" src="https://1.bp.blogspot.com/-PV68IvbjhDY/X71mcu6-gBI/AAAAAAAACMk/8IsBBEylb4I3Fi5QxYb9gQf8ucPT5R2LQCLcBGAsYHQ/s0/blog-posts.png" title="Blog Posts" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4>Comments Settings:</h4><h3><span style="font-size: medium; font-weight: 400;">The comment settings are intuitive like never seen before. The new shortcodes should be added in > </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">Blog Posts</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">Comments Field</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Blogger Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$type={blogger}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Disqus Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$type={disqus} $shortname={templateify-comments}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Custom Disqus Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$type={disqus} $shortname={<span style="color: red;">Your Shortname</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Facebook Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$type={facebook}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><span style="font-size: medium; font-weight: 400;">For facebook comments to work correctly, you need to configure the </span><a href="#fb-sdk" style="font-size: medium; font-weight: 400;">facebook SDK</a><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-toc">Table of Contents</h3><h3><span style="font-size: medium; font-weight: 400;">This function is available for posts and pages and can be added easily via shortcode.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">{tocify} $title={<span style="color: red;">Table of Contents</span>}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">NOTE:</b><span style="font-size: medium; font-weight: 400;"> After adding a Shortcode apply the </span><b style="font-size: medium;">Bold</b><span style="font-size: medium; font-weight: 400;"> style.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Table of Content" border="0" data-original-height="420" data-original-width="1130" src="https://1.bp.blogspot.com/-HlrWHntmPt0/YCRzsYeLU0I/AAAAAAAACV0/S6e1grrlXSsnDnOOQ8PetN90irjnWoDiQCLcBGAsYHQ/s16000/toc.png" style="border: 1px solid rgb(233, 235, 238);" title="Table of Content" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-ads">In-Article ADS on "Post Page"</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the sections </span><b style="font-size: medium;">Post ADS 1 (</b><i style="font-size: medium; font-weight: 400;"> <span style="color: #00b140;">before content</span> </i><b style="font-size: medium;">) </b><span style="font-size: medium; font-weight: 400;">and </span><b style="font-size: medium;">Post ADS 2 (</b><i style="font-size: medium; font-weight: 400;"> <span style="color: #00b140;">after content</span></i><b style="font-size: medium;"> )</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Post Ads 1 and 2" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Post Ads 1 and 2" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Move <span style="color: #00b140;">Post ADS 1</span> and <span style="color: #00b140;">Post ADS 2</span> to inside the post content:</b></h4><h3><b style="font-size: medium;">Sortcode ADS 1:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;"><b>$ads={1}</b></strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Sortcode ADS 2:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;"><b>$ads={2}</b></strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">NOTE:</b><span style="font-size: medium; font-weight: 400;"> After adding a Shortcode apply the </span><b style="font-size: medium;">Bold</b><span style="font-size: medium; font-weight: 400;"> style. Example: </span><strike style="font-size: medium; font-weight: 400;"><b>$ads={2}</b></strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="In-Article Ads" border="0" data-original-height="655" data-original-width="927" src="https://1.bp.blogspot.com/-amctilW7RHA/YCR0SOP2EUI/AAAAAAAACV8/9TDEXDkQDeA7YknOiiKwDEL2tRn12iEywCLcBGAsYHQ/s16000/post-ads.png" title="In-Article Ads" /></div><br style="font-size: medium; font-weight: 400;" /><warning class="alert" style="font-size: medium; font-weight: 400;"><b>IMPORTANT: </b>The ad will only appear if you have inserted in the section, if you want to hide just remove check to not display or remove the gadget. </warning><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-author">Author Box</h3><h3><span style="font-size: medium; font-weight: 400;">The widget receives the </span><u style="font-size: medium; font-weight: 400;">blogger profile informations</u><span style="font-size: medium; font-weight: 400;"> automatically, As long as your profile is </span><b style="font-size: medium;">marked as public</b><span style="font-size: medium; font-weight: 400;">. The icons are displayed if there are links in the introduction.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Supported Icons: </b><strike style="font-size: medium; font-weight: 400;">blogger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">apple</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">amazon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">microsoft</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook-f</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitter</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">rss</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">youtube</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">skype</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stumbleupon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">tumblr</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">vk</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stack-overflow</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">github</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">linkedin</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">dribbble</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">soundcloud</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">behance</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">digg</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">instagram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest-p</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitch</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">steam</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">delicious</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">codepen</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">flipboard</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">reddit</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">whatsapp</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">telegram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">messenger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">snapchat</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">email</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">discord</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">quora</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">share</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">external-link</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Blogger Settings: Go to <a href="https://www.blogger.com/edit-profile.g" rel="nofollow" target="_blank">https://www.blogger.com/edit-profile.g</a></b></h4><h3><span style="font-size: medium; font-weight: 400;">Find for </span><b style="font-size: medium;">Additional Information</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">Introduction</b><span style="font-size: medium; font-weight: 400;"> > and add your description with </span><b style="font-size: medium;">HTML</b><span style="font-size: medium; font-weight: 400;"> links.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">HTML Link:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;"><a href="<span style="color: red;">Your Link Here</span>"><span style="color: red;">Icon Name</span></a></strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">HTML Link Example:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;"><a href="https://facebook.com/templateify">facebook</a></strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Author Settings" border="0" data-original-height="327" data-original-width="916" src="https://1.bp.blogspot.com/-ZBtcu0WsYRA/YCR2tcLNYQI/AAAAAAAACWU/EA5j8FhazgosSBqbRff5F6KwWzdSn2KVgCLcBGAsYHQ/s16000/author-description.png" title="Author Settings" /></div><br style="font-size: medium; font-weight: 400;" /><warning class="alert" style="font-size: medium; font-weight: 400;"><b>IMPORTANT: </b>The <b>"Introduction"</b> is required for the author box to be displayed! But the links are not required. </warning><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-related">Advanced Related Posts</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Related Posts</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$results={<span style="color: red;">Number of Results</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">$results={3}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Related Posts" border="0" data-original-height="875" data-original-width="865" src="https://1.bp.blogspot.com/-mbZm7DL11Zo/YCR2yql-8YI/AAAAAAAACWY/gh5_oBEK4R0UyPAmA82A0jHEbyfST4JkACLcBGAsYHQ/s16000/related-posts.png" title="Related Posts" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-postads3">Post ADS 3</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the section </span><b style="font-size: medium;">Post ADS 3</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Post Ads 3" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Post Ads 3" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-count">Social Buttons on Sidebar</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">Link List</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Sidebar</b><span style="font-size: medium; font-weight: 400;"> section.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Supported Icons: </b><strike style="font-size: medium; font-weight: 400;">blogger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">apple</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">amazon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">microsoft</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook-f</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitter</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">rss</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">youtube</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">skype</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stumbleupon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">tumblr</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">vk</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stack-overflow</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">github</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">linkedin</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">dribbble</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">soundcloud</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">behance</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">digg</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">instagram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest-p</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitch</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">steam</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">delicious</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">codepen</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">flipboard</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">reddit</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">whatsapp</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">telegram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">messenger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">snapchat</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">email</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">discord</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">quora</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">share</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">external-link</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Social Button on Sidebar" border="0" data-original-height="920" data-original-width="840" src="https://1.bp.blogspot.com/-h8MjwaGzauI/YCR7h1qtDsI/AAAAAAAACW8/8h51BXYCOtcuVrh9yvWdf1QMCQqtd0XhwCLcBGAsYHQ/s16000/social-buttons.png" title="Social Button on Sidebar" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-list">Post Widgets on Sidebar or Footer</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;"> > in the</span><b style="font-size: medium;"> Sidebar or Footer </b><span style="font-size: medium; font-weight: 400;">section.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">{getContent} $results={<span style="color: red;">Number of Results</span>} $label={<span style="color: red;">Your Label</span>} $type={<span style="color: red;">Custom Type</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Results:</b><span style="font-size: medium; font-weight: 400;"> You must add the desired number of results.</span><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Label:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">label</strike><span style="font-size: medium; font-weight: 400;"> or </span><strike style="font-size: medium; font-weight: 400;">recent</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Types:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">default</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">mini</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">comments</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">{getContent} $results={4} $label={Laptops} $type={mini}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">NOTE:</b><span style="font-size: medium; font-weight: 400;"> The </span><strike style="font-size: medium; font-weight: 400;">$label={}</strike><span style="font-size: medium; font-weight: 400;"> attribute is not required for the </span><strike style="font-size: medium; font-weight: 400;">comments</strike><span style="font-size: medium; font-weight: 400;"> type.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Posts Widgets on Sidebar" border="0" data-original-height="876" data-original-width="865" src="https://1.bp.blogspot.com/-grYfcYwyfN8/YCR9Dchxp6I/AAAAAAAACXI/u_gm2QNxM-IH1Lyqo7sWAYbHc8ptlqklQCLcBGAsYHQ/s16000/sidebar-posts.png" title="Posts Widgets on Sidebar" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-fbm">Follow By Email</h3><h3><span style="font-size: medium; font-weight: 400;">The advanced settings of the </span><b style="font-size: medium;">Follow By Email</b><span style="font-size: medium; font-weight: 400;"> form are now more intuitive and can be changed directly in the gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$title={<span style="color: red;">Gadget Title</span>} $text={<span style="color: red;">Custom Text</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">$title={Follow by Email} $text={Subscribe to our mailing list to get the new updates!}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode is optional:</b><span style="font-size: medium; font-weight: 400;"> To display the gadget in the default settings, remove the shortcode from the title field.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Follow by Email" border="0" data-original-height="634" data-original-width="866" src="https://1.bp.blogspot.com/-TM7hXgJP7mQ/YCR4D0hYyQI/AAAAAAAACWo/qoXxygU-AUMFdSldhn08l8kC-eOstiyPgCLcBGAsYHQ/s16000/follow-by-email.png" title="Follow by Email" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-fads">Footer ADS</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the section </span><b style="font-size: medium;">Footer ADS</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Footer Ads" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Footer Ads" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-about">About Section</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">About Section</b><span style="font-size: medium; font-weight: 400;"> gadgets.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>1.1 - About Us</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="About Us" border="0" data-original-height="884" data-original-width="842" src="https://1.bp.blogspot.com/-rA8_HHb7AEM/YCR_pCQ5xvI/AAAAAAAACXU/4ICR1WiCcjYzFnrymHwAEuaSUpOtqMFTgCLcBGAsYHQ/s16000/about-us.png" title="About Us" /></div><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>1.2 - Follow Us</b></h4><h3><b style="font-size: medium;">Supported Icons: </b><strike style="font-size: medium; font-weight: 400;">blogger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">apple</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">amazon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">microsoft</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook-f</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitter</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">rss</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">youtube</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">skype</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stumbleupon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">tumblr</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">vk</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stack-overflow</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">github</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">linkedin</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">dribbble</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">soundcloud</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">behance</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">digg</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">instagram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest-p</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitch</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">steam</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">delicious</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">codepen</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">flipboard</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">reddit</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">whatsapp</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">telegram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">messenger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">snapchat</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">email</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">discord</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">quora</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">share</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">external-link</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="About Us Social Icons" border="0" data-original-height="953" data-original-width="846" src="https://1.bp.blogspot.com/-r176B2phIeM/X71ptjmWrjI/AAAAAAAACNM/a69dbZbrBWImoTzK0s8aR78tcFxFR6angCLcBGAsYHQ/s16000/about-us-icons.png" title="About Us Social Icons" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-copy">Footer Copyright (<span style="color: #00b140;">Premium</span>)</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Footer Copyright</b><span style="font-size: medium; font-weight: 400;"> gadget.</span></h3><h3><span style="font-size: medium; font-weight: 400;">For normal credits add 'normal' into the space for custom credits add your creadit as shown below.</span></h3><h3><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Custom Credits" border="0" data-original-height="874" data-original-width="865" src="https://1.bp.blogspot.com/-EMTUyGVOXP8/YCSAE6iRe1I/AAAAAAAACXc/cLBQlr-SvgItDGGspZcZAsayRLZ-yJj8ACLcBGAsYHQ/s16000/footer-credits.png" title="Custom Credits" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-fmenu">Footer Menu</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Footer Menu</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Footer Menu" border="0" data-original-height="923" data-original-width="841" src="https://1.bp.blogspot.com/-lHyTOLJNPP0/YCSAqT07G4I/AAAAAAAACXo/RHSJslUxKFonJc5TkBGcjfifZP8pSlzfQCLcBGAsYHQ/s16000/footer-menu.png" title="Footer Menu" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-cookies">Cookie Consent</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Cookie Consent</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$ok={<span style="color: red;">Button Text</span>} $days={<span style="color: red;">Expires Days</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">$ok={Accept !} $days={7}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Cookie Consent" border="0" data-original-height="876" data-original-width="865" src="https://1.bp.blogspot.com/-Wp-IohifURs/YCSBTwe938I/AAAAAAAACXw/DJK3Fc2zBEg1gETqGx8qi9NFpbQZRhykQCLcBGAsYHQ/s16000/cookie-consent.png" title="Cookie Consent" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-feed">Site Feed</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Settings</b><span style="font-size: medium; font-weight: 400;"> > and go to</span><b style="font-size: medium;"> Site Feed</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Site Feed Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Site Feed" border="0" data-original-height="742" data-original-width="1251" src="https://4.bp.blogspot.com/-iWyeMGjkYis/XwZK_VXB-yI/AAAAAAAAB5Y/Y2qTvHMTS-sehVvYHHQ2GPgFNBQiG0f-QCLcBGAsYHQ/s16000/site-feed.png" title="Site Feed" /></div><br style="font-size: medium; font-weight: 400;" /><warning class="alert" style="font-size: medium; font-weight: 400;"><b>IMPORTANT: </b>For Mega Menu, Featured Posts, Content Sections, Related Posts, Recent Comments Gadget and Others work normally, you must configure the site feed to "<b>Full</b>".</warning><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-options">Theme Options</h3><h3><br style="font-size: medium; font-weight: 400;" /></h3><h4 id="fb-sdk">1.1 - Facebook SDK</h4><h3><span id="result_box" lang="en" style="font-size: medium; font-weight: 400;">The Facebook Comments only work if you have the Facebook SDK installed on your theme. See below for the steps to acquire and install the Facebook SDK.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Get SDK:</b></h4><h3><b style="font-size: medium;">Step 01:</b><span style="font-size: medium; font-weight: 400;"> Go to </span><a href="https://developers.facebook.com/docs/plugins/page-plugin/" rel="nofollow" style="font-size: medium; font-weight: 400;" target="_blank">https://developers.facebook.com/docs/plugins/page-plugin/</a><span style="font-size: medium; font-weight: 400;"> and click on </span><b style="font-size: medium;">Get Code</b><span style="font-size: medium; font-weight: 400;"> button and copy the SDK Script.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Copying SDK:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Facebook SDK" border="0" data-original-height="635" data-original-width="1114" src="https://1.bp.blogspot.com/-3psja_Z7GSo/YCSCY2GcMCI/AAAAAAAACX8/uL_Xz8cUc441aNw6ihGKL9FCK0AdT8fEQCLcBGAsYHQ/s16000/facebook-sdk.png" title="Facebook SDK" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>SDK en_US:</b></h4><h3><code style="font-weight: 400;"><span style="color: #f6b26b;">https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v9.0</span></code><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Installing SDK:</b></h4><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Theme Options </b><span style="font-size: medium; font-weight: 400;">></span><b style="font-size: medium;"> Facebook SDK </b><span style="font-size: medium; font-weight: 400;">gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Facebook SDK Settings" border="0" data-original-height="684" data-original-width="866" src="https://1.bp.blogspot.com/-3gfoHr-_P9M/YCSDE_GAy0I/AAAAAAAACYE/cwAoqpijKsMB7wHRB_i8tTHpV0GNjwlXgCLcBGAsYHQ/s16000/skd-settings.png" title="Facebook SDK Settings" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4>1.2 - No Thumbnail Image</h4><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Theme Options </b><span style="font-size: medium; font-weight: 400;">></span><b style="font-size: medium;"> No Thumbnail Image </b><span style="font-size: medium; font-weight: 400;">gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="No Thumbnail Image" border="0" data-original-height="940" data-original-width="840" src="https://1.bp.blogspot.com/-Qvd1IULEjEE/YCSE8uZNMdI/AAAAAAAACYU/gZ2najXqIoEoqrRRy6OLH4VZC-8lgRE7ACLcBGAsYHQ/s16000/no-thumbnail.png" title="No Thumbnail Image" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4>1.3 - JSON Variables</h4><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Theme Options </b><span style="font-size: medium; font-weight: 400;">></span><b style="font-size: medium;"> JSON Variables </b><span style="font-size: medium; font-weight: 400;">gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><code style="font-weight: 400;"><span style="color: white;">{<br /> <span style="color: #6fa8dc;">viewAllText</span>: <span style="color: #f6b26b;">"View all"</span>,<br /> <span style="color: #6fa8dc;">dateFormat</span>: <span style="color: #f6b26b;">"{m} {d}, {y}"</span>,<br /> <span style="color: #6fa8dc;">months</span>: {<br /> <span style="color: #6fa8dc;">jan</span>: <span style="color: #f6b26b;">"January"</span>,<br /> <span style="color: #6fa8dc;">feb</span>: <span style="color: #f6b26b;">"February"</span>,<br /> <span style="color: #6fa8dc;">mar</span>: <span style="color: #f6b26b;">"March"</span>,<br /> <span style="color: #6fa8dc;">apr</span>: <span style="color: #f6b26b;">"April"</span>,<br /> <span style="color: #6fa8dc;">may</span>: <span style="color: #f6b26b;">"May"</span>,<br /> <span style="color: #6fa8dc;">jun</span>: <span style="color: #f6b26b;">"June"</span>,<br /> <span style="color: #6fa8dc;">jul</span>: <span style="color: #f6b26b;">"July"</span>,<br /> <span style="color: #6fa8dc;">aug</span>: <span style="color: #f6b26b;">"August"</span>,<br /> <span style="color: #6fa8dc;">sep</span>: <span style="color: #f6b26b;">"September"</span>,<br /> <span style="color: #6fa8dc;">oct</span>: <span style="color: #f6b26b;">"October"</span>,<br /> <span style="color: #6fa8dc;">nov</span>: <span style="color: #f6b26b;">"November"</span>,<br /> <span style="color: #6fa8dc;">dec</span>: <span style="color: #f6b26b;">"December"</span><br /> }<br />}</span></code><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">viewAllText:</b><span style="font-size: medium; font-weight: 400;"> default is </span><strike style="font-size: medium; font-weight: 400;">View all</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">dateFormat:</b><span style="font-size: medium; font-weight: 400;"> default is </span><strike style="font-size: medium; font-weight: 400;">{m} {d}, {y}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">months:</b><span style="font-size: medium; font-weight: 400;"> default is </span><strike style="font-size: medium; font-weight: 400;">January</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">February</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">March</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">April</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">May</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">June</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">July</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">August</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">September</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">October</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">November</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">December</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="JSON Options" border="0" data-original-height="872" data-original-width="865" src="https://1.bp.blogspot.com/-rZvhPh9UOf0/YCSE28NJuGI/AAAAAAAACYQ/8SZpBBXHLwUUn4KXVstvWnnuYFmvtGd_ACLcBGAsYHQ/s16000/json-options.png" title="JSON Options" /></div><br style="font-size: medium; font-weight: 400;" /><warning class="alert" style="font-size: medium; font-weight: 400;"><b>IMPORTANT: </b>This functionality is only valid for <b>{getContent}</b> Gadgets and Related Posts. Other formats are changed in the blog settings.</warning></h3></div><div><h3><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-customize">How to Customize This Theme?</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Theme</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Customize </b><span style="font-size: medium; font-weight: 400;">button > and find </span><b style="font-size: medium;">Background</b><span style="font-size: medium; font-weight: 400;"> and </span><b style="font-size: medium;">Advanced</b><span style="font-size: medium; font-weight: 400;"> options.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Available customizations: </b><span style="font-size: medium; font-weight: 400;">Theme Options, Widths, Fonts, Backgrounds, Colors and more.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4>Background Example:</h4><h3><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-3dz6O6kPvVc/YVlPmimnbrI/AAAAAAAALsI/WlIrvXo2BRIxby8YXcELA-ZHhROKCKvwwCNcBGAsYHQ/s1894/Blogger-Customizer.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="551" data-original-width="1894" src="https://1.bp.blogspot.com/-3dz6O6kPvVc/YVlPmimnbrI/AAAAAAAALsI/WlIrvXo2BRIxby8YXcELA-ZHhROKCKvwwCNcBGAsYHQ/s16000/Blogger-Customizer.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h4>Advanced > Theme Options:</h4><h3><b style="font-size: medium;">Native Dark Mode:</b><span style="font-size: medium; font-weight: 400;"> </span><b style="font-size: medium;">0</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">false</strike><span style="font-size: medium; font-weight: 400;"> and </span><b style="font-size: medium;">1</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">true</strike><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-ps724fqMysw/YVlPsbOr8oI/AAAAAAAALsM/B3PFcrLvuXk7JmYWV8-tL0vGjoOsPRYTACNcBGAsYHQ/s1475/dark-mode.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="623" data-original-width="1475" src="https://1.bp.blogspot.com/-ps724fqMysw/YVlPsbOr8oI/AAAAAAAALsM/B3PFcrLvuXk7JmYWV8-tL0vGjoOsPRYTACNcBGAsYHQ/s16000/dark-mode.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Left Sidebar:</b><span style="font-size: medium; font-weight: 400;"> </span><b style="font-size: medium;">0</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">false</strike><span style="font-size: medium; font-weight: 400;"> and </span><b style="font-size: medium;">1</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">true</strike><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-R3E05KeFZbk/YVlP0X78PaI/AAAAAAAALsQ/3x6M7b4m_XQTcOD0UlvKNqSMgYwvNX57wCNcBGAsYHQ/s1404/left-sidebar.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="604" data-original-width="1404" src="https://1.bp.blogspot.com/-R3E05KeFZbk/YVlP0X78PaI/AAAAAAAALsQ/3x6M7b4m_XQTcOD0UlvKNqSMgYwvNX57wCNcBGAsYHQ/s16000/left-sidebar.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h4>Advanced > Theme Widths:</h4><h3><b style="font-size: medium;">Boxed Mode:</b><span style="font-size: medium; font-weight: 400;"> </span><b style="font-size: medium;">0</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">false</strike><span style="font-size: medium; font-weight: 400;"> and </span><b style="font-size: medium;">1</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">true</strike><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-EXkm1yqIkQY/YVlP8SSWWII/AAAAAAAALsY/ryZrr2rSvjA17Pei5Xmij2xbaX5K8t4LACNcBGAsYHQ/s1723/box-mode.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="615" data-original-width="1723" src="https://1.bp.blogspot.com/-EXkm1yqIkQY/YVlP8SSWWII/AAAAAAAALsY/ryZrr2rSvjA17Pei5Xmij2xbaX5K8t4LACNcBGAsYHQ/s16000/box-mode.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h4>Advanced > Theme Colors and Fonts:</h4><h3><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-DdGOoZLpK8w/YVlQBzDOk6I/AAAAAAAALsc/ywryOy0n888C0qx5-q-qY7qXB7cbQhjMQCNcBGAsYHQ/s1502/Theme-colors.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="523" data-original-width="1502" src="https://1.bp.blogspot.com/-DdGOoZLpK8w/YVlQBzDOk6I/AAAAAAAALsc/ywryOy0n888C0qx5-q-qY7qXB7cbQhjMQCNcBGAsYHQ/s16000/Theme-colors.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h3><br style="font-size: medium; font-weight: 400;" /><info class="alert" style="font-size: medium; font-weight: 400;"><b>INFO:</b> When changing the font of the site and it has a blurred appearance, you can solve it by clicking to reset the fonts in the option <b>Advanced</b> > <b>Theme Fonts (Reset)</b>.</info></h3></div><div>
<div style="text-align: center;">
</div>
<h3 style="clear: both; text-align: left;">
Installation And Custom Services</h3>
<div class="separator" style="clear: both; text-align: justify;">
We provide plenty of templates for free but if you want something unique for your blog then let us create a unique design for your blog, Just tell us your needs and we will convert your dream design into reality. We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle.</div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide2" href="http://www.soratemplates.com/p/contact-us.html" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Contact Us</span> <span class="title-hover2">Custom template Services</span> </a> </div>
</div>
</div>
<style>
.item .post-body strike {
background-color: #f9f9f9;
font-family: Monospace;
font-size: 12px;
color: blue;
text-decoration: none;
padding: 1px 5px;
margin: 0 2px 0 0;
border: 1px dashed #e9ebee;
border-radius: 3px;
}
info.alert {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb;
}
.alert {
display: block;
color: #383d41;
background-color: #e2e3e5;
padding: 5px 10px;
border: 1px solid #d6d8db;
border-radius: 0;
}
line {
display: block;
padding: 0 0 15px;
margin: 15px 0 0;
border-top: 1px dashed #e9ebee;
}
success.alert {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
warning.alert {
color: #856404;
background-color: #fff3cd;
border-color: #fce9b0;
}
code {
display: block;
background-color: #1f2024;
line-height: 1.3em;
padding: 10px;
border-radius: 0;
}
</style>TemplatesYardhttp://www.blogger.com/profile/16801688932542878100noreply@blogger.com0tag:blogger.com,1999:blog-1320824803216639156.post-24277428166110946882023-12-01T00:16:00.004+05:302023-12-11T19:11:38.918+05:30How To Setup SERP Blogger Template [TemplatesYard]<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWxhBQkmahTz068Zmjpd0GSqhPvPeFzeSzdW6S-bQKkHGsfJBmttVv5pbwger2c0wxqzZlXp5VDTRv_pMaHC2FP6oHfgGgehniqvZ4Vb7mPnptUvU7lalQVvyE0uUfXy7XkT56f1V9B4vIAPBo_gcnp6tunJSidXBWzgt_cSA1Wx0NpVBc0KaiBsq-3oyI/s1600/Serp%20Blogger%20Template.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWxhBQkmahTz068Zmjpd0GSqhPvPeFzeSzdW6S-bQKkHGsfJBmttVv5pbwger2c0wxqzZlXp5VDTRv_pMaHC2FP6oHfgGgehniqvZ4Vb7mPnptUvU7lalQVvyE0uUfXy7XkT56f1V9B4vIAPBo_gcnp6tunJSidXBWzgt_cSA1Wx0NpVBc0KaiBsq-3oyI/s1600/Serp%20Blogger%20Template.jpg" /></a><br /></div><br />
Serp Blogger Template is a stylish and attractive Beauty and Magazine Blogspot Theme. It is crafted for a lifestyle magazine, fashion magazine, online news, health and beauty tips, creative designer, web design, and health tips blog. To make it easy for you. we have published this detailed documentation so that you can set up your blog correctly. You have made a good decision by choosing our template. <br />
<a name='more'></a>You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users. </div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide" href="https://serp-templatesyard.blogspot.com/" rel="nofollow" target="_blank"> <span class="circle"><i aria-hidden="true" class="fa fa-rocket"></i></span> <span class="title">See Demo</span> <span class="title-hover">Live Preview</span> </a> <a class="btn-slide2" href="https://www.templatesyard.com/2023/12/serp-blogger-template.html" rel="nofollow" target="_blank"> <span class="circle2"><i aria-hidden="true" class="fa fa-download"></i></span> <span class="title2">Free Download</span> <span class="title-hover2">Free Version</span> </a> <a class="btn-slide2" href="https://premiumbloggerthemes.gumroad.com/l/serppremium" rel="nofollow" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Buy Now</span> <span class="title-hover2">Premium Version</span> </a> </div>
<div class="basic-setup-sec">
<h3 style="text-align: left;">
<b>Basic Setup</b></h3>
<ol style="text-align: left;">
<li><b><a href="http://www.sorabloggingtips.com/p/how-to-install-blogger-template.html" target="_blank">Template Installation</a></b></li>
<li><a href="http://www.sorabloggingtips.com/p/how-to-install-logo-in-your-blog.html" target="_blank"><b>Logo Setup</b></a></li>
<li><b><a href="http://www.sorabloggingtips.com/p/default-setting-for-blogger-templates.html" target="_blank">Template Setting</a></b></li>
<li wfd-id="88"><b><a href="https://www.sorabloggingtips.com/p/shortcodes-and-page-markups-v20.html" target="_blank">Shortcodes & Markups v2.0</a></b></li>
<li><b><a href="http://www.sorabloggingtips.com/2017/01/how-to-add-sitemap-widget-in-blogspot-blogs.html" target="_blank">Create Sitemap</a></b></li>
</ol>
</div>
<div class="video-setup-sec">
<h3 style="text-align: left;">
Video Documentation</h3>
<div>
You can check this below video to understand the setup process much more easily, just click the below image to watch the video directly on YouTube, or click this link - <b><a href="https://youtu.be/VhWexK7JFzM" rel="nofollow" target="_blank">How To Setup Serp Blogger Template - TemplatesYard</a></b><br />
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://youtu.be/VhWexK7JFzM" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIrP7UKXbX7-ufHRUSgrv_ehKFfUAv_arPP_uUS_QliRR_nUprY4e0jLLBpJ1x-dgGR9fgSpejlgbSgaZGWbCnldFMsGEr4nhJFq_cKqcr1ATcYz1qjynewNqWIv7DStVZ8UidEQESNGLD-yyXnLOJ63QiKGyucL-adYar7pmTXRSF6U5TU1php7aXn3_A/s16000/SERP%20Youtube%20Thumbnail.png" /></a></div></div></div><div><h3 style="text-align: left;"><br /></h3><div><h3>Top Navigation / Footer Menu</h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="93">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Top Navigation</b> widget.</div><div style="font-size: medium; font-weight: 400;" wfd-id="92"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;" wfd-id="91"><img border="0" data-original-height="536" data-original-width="550" src="https://2.bp.blogspot.com/-yXNGRKHhaW4/W1lJantSPQI/AAAAAAAAClg/KspsdbcoAS07qDLlht8179UzPtSALcwoQCLcBGAs/s1600/top-navigation.png" /></div></h3><h3>Social Top</h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="90">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Social Top</b> widget.</div><div style="font-size: medium; font-weight: 400;" wfd-id="89"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="88"><b>Icons Avaliables {</b><span style="color: #0b5394;"><i> facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, twitch, delicious, codepen, reddit, whatsapp, snapchat, email</i></span> <b>}</b></div><div style="font-size: medium; font-weight: 400;" wfd-id="87"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;" wfd-id="86"><img border="0" data-original-height="606" data-original-width="549" src="https://4.bp.blogspot.com/-twEmAfV2mu4/WxdfXnxNXXI/AAAAAAAAB3A/uUSvzH6kaloTSHDra5ryhm5cHO7mrfyogCLcBGAs/s1600/top-social.png" /><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="85"></div></h3><h3>Mobile Logo</h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="84">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Mobile Logo</b> widget.</div><div style="font-size: medium; font-weight: 400;" wfd-id="83"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="82">Types: <b>image</b>, <b>custom</b>, <b>default.</b></div><div style="font-size: medium; font-weight: 400;" wfd-id="81"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;" wfd-id="80"><img border="0" data-original-height="511" data-original-width="555" src="https://3.bp.blogspot.com/-y2LFWuQAgxg/W4BIpIz79GI/AAAAAAAAC98/tSDEVeSvlrYXdKZzkwu4qlfy2vvnyjoiwCLcBGAs/s1600/mobile_logo.png" /></div></h3><h3>Main Menu/DropDown/Multi DropDown/Mega Menu</h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="79">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Main Menu</b> widget.</div><div style="font-size: medium; font-weight: 400;" wfd-id="77"><br />Home Link: in <u><i>Site Name</i></u> add your text ex: "<b>Home</b>" in <i><u>Site Url</u></i> add <b>homepage</b>.<br /><b><br /></b><b>Example: </b><br /><br /><div style="text-align: center;" wfd-id="78"><img border="0" data-original-height="124" data-original-width="546" src="https://1.bp.blogspot.com/-s7an9gczN5k/W4BJobjbvFI/AAAAAAAAC-E/opvJPxb4bRgqnZS5AP5WmHumAlLUur8JQCLcBGAs/s1600/home_link.png" /><b></b></div><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="76">Normal Link : <b>Features</b></div><div style="font-size: medium; font-weight: 400;" wfd-id="75">Sub Link: <b>_Multi DropDown</b> (before the link add "<span style="color: #0b5394;"><b>_</b></span>") 1 underscore</div><div style="font-size: medium; font-weight: 400;" wfd-id="74">Sub Link 2: <b>__DropDown 1</b> (before the link add "<span style="color: #0b5394;"><b>__</b></span>") 2 underscore</div><div style="font-size: medium; font-weight: 400;" wfd-id="73">Mega Shortcode by Label: <b>Technology/mega-menu</b></div><div style="font-size: medium; font-weight: 400;" wfd-id="72">Mega Shortcode by Recent: <b>recent/mega-menu</b></div><div style="font-size: medium; font-weight: 400;" wfd-id="71">Mega Shortcode by Random: <b>random/mega-menu</b></div><div style="font-size: medium; font-weight: 400;" wfd-id="70"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;" wfd-id="69"><img border="0" data-original-height="746" data-original-width="541" src="https://3.bp.blogspot.com/-vbHOaTh4l38/W1lPehjiT-I/AAAAAAAACmU/csVXAXPB5BQQGJaiW8NsRQ-8o5jr4B42gCLcBGAs/s1600/main-menu.png" /></div><div style="font-size: medium; font-weight: 400;" wfd-id="68"><br /></div></h3><h3>Hot Posts</h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="67"><div wfd-id="102">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Hot Posts</b> section, you must place the following names highlighted in blue below.</div><div wfd-id="101"><br /></div><div wfd-id="100">Shortcode: <b><span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> </b>or<b> <span style="color: #38761d;">random</span>/hot-posts</b></div><div wfd-id="99"><br /></div><div wfd-id="98">Example: <b>Technology/hot-posts</b></div><div wfd-id="97"><br /></div><div class="separator" style="clear: both; text-align: center;" wfd-id="96"><img border="0" data-original-height="534" data-original-width="541" src="https://4.bp.blogspot.com/-988uKOqn1CE/WzHKtkGFDpI/AAAAAAAACLk/1kGnuUU8v_4T7vASSWlU5VhB5bFtQuEAgCLcBGAs/s1600/hot-posts.png" /></div><div class="separator" style="clear: both; text-align: center;" wfd-id="95"><br /></div></div></h3><h4 style="clear: both;">b) With Popular Post</h4><h3><div style="font-size: medium; font-weight: 400;" wfd-id="86"><div class="separator" style="clear: both;" wfd-id="87"><div wfd-id="94">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>Popular Posts</b> on <b>Hot Post</b> section, you set the settings as below</div><div wfd-id="89"><div wfd-id="93"><br /></div><div wfd-id="92"><b>Widget Settings:</b></div><div wfd-id="91"><br /></div><div class="separator" style="clear: both; text-align: center;" wfd-id="90"><a href="https://1.bp.blogspot.com/-HZ4n00B7NU4/YDuB-5c4SxI/AAAAAAAAKGU/tD2p9t5C9DEalMfW-fIcV_6SCfDPD7WTgCNcBGAsYHQ/s599/Hot%2BPosts%2BPopular%2Bsetting.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="599" data-original-width="570" src="https://1.bp.blogspot.com/-HZ4n00B7NU4/YDuB-5c4SxI/AAAAAAAAKGU/tD2p9t5C9DEalMfW-fIcV_6SCfDPD7WTgCNcBGAsYHQ/s16000/Hot%2BPosts%2BPopular%2Bsetting.png" /></a></div></div></div></div></h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="67"><div class="separator" style="clear: both; text-align: center;" wfd-id="78"></div></div></h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="86"><div class="separator" style="clear: both;" wfd-id="87"><div class="separator" style="clear: both;" wfd-id="88"><br /></div></div></div></h3><h3>Featured Post</h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="86"><div class="separator" style="clear: both;" wfd-id="87"></div></div></h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="52">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>Featured Post</b> on <b>Featured Post</b> section, <span id="result_box" lang="en">select the post you want to show and click save</span>.</div><div style="font-size: medium; font-weight: 400;" wfd-id="51"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;" wfd-id="50"></div><div class="separator" style="font-size: medium; font-weight: 400; margin-left: 1em; margin-right: 1em; text-align: center;" wfd-id="49"> <img border="0" data-original-height="810" data-original-width="671" src="https://4.bp.blogspot.com/-RVPB0jKfqOo/W6KcPEZddjI/AAAAAAAADNY/NqrREo6trxMZcxqXHqbwjUtnYsUkni1wACLcBGAs/s1600/featured_post.png" /></div></h3><h3>Main Post Settings</h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="79"><div class="separator" style="clear: both;" wfd-id="80"><div class="separator" style="clear: both;" wfd-id="81"><div wfd-id="85">Access your blog <b>Layout</b> > click <b>Edit Icon</b> on > <b>Main Posts/Blog Posts.</b></div><div style="text-align: center;" wfd-id="84"><br /></div><div style="text-align: center;" wfd-id="82"><div class="separator" style="clear: both;" wfd-id="83"><a href="https://1.bp.blogspot.com/-4reEDda3WLQ/YDuGK4EDq4I/AAAAAAAAKGs/czA5xCPZ5ZgKm6SgoGCTossloggNLnN0wCNcBGAsYHQ/s869/Blog-Posts-Settings.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="869" data-original-width="568" src="https://1.bp.blogspot.com/-4reEDda3WLQ/YDuGK4EDq4I/AAAAAAAAKGs/czA5xCPZ5ZgKm6SgoGCTossloggNLnN0wCNcBGAsYHQ/s16000/Blog-Posts-Settings.png" /></a></div></div></div></div></div></h3><h3>Post List Widget</h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="60">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Footer</b> section, you must place the following names highlighted in blue below.</div><div style="font-size: medium; font-weight: 400;" wfd-id="59"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="58">Shortcode: <b>Results number/<span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> or <span style="color: #38761d;">random</span>/post-list</b></div><div style="font-size: medium; font-weight: 400;" wfd-id="57"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="56">Label Posts: <b>3/Technology/post-list</b></div><div style="font-size: medium; font-weight: 400;" wfd-id="55">Recent Posts: <b>3/recent/post-list</b></div><div style="font-size: medium; font-weight: 400;" wfd-id="54">Random Posts: <b>3/random/post-list</b></div><div style="font-size: medium; font-weight: 400;" wfd-id="53"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;" wfd-id="52"><img border="0" data-original-height="535" data-original-width="539" src="https://2.bp.blogspot.com/-4MIJlqO1pUc/WxdpOVxXIII/AAAAAAAAB3w/-cMDJxJKatQofEpeQQiJbuIjMgGxk7JbACEwYBhgL/s1600/post-list-widget.png" /></div></h3><h3>Social Widget (Sidebar)</h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="51">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Social Widget</b> widget.</div><div style="font-size: medium; font-weight: 400;" wfd-id="50"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="49"><b>Icons Avaliables {</b><span style="color: #0b5394;"><i> facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, twitch, delicious, codepen, reddit, whatsapp, snapchat, email</i></span> <b>}</b></div><div style="font-size: medium; font-weight: 400;" wfd-id="48"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;" wfd-id="47"><img border="0" data-original-height="633" data-original-width="545" src="https://3.bp.blogspot.com/-KmBi4lg3BT0/WxdqJQRzW5I/AAAAAAAAB34/0SgzvNWYGXctNJbroOEktNk0kTvl3kyAACLcBGAs/s1600/social-widget.png" /></div></h3><h3>Post Layouts</h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="46"><b>Left Sidebar:</b> Inside the post add the text <b>left-sidebar</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;" wfd-id="45"><b>Full Width:</b> Inside the post add the text <b>full-width</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;" wfd-id="44"><b>Right Sidebar:</b> Inside the post add the text <b>right-sidebar</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;" wfd-id="43"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;" wfd-id="42"><img border="0" data-original-height="951" data-original-width="1358" src="https://2.bp.blogspot.com/-fCQMSq7tcD0/WxeSCroFr1I/AAAAAAAAB5E/ZYlvtyGAl14cPAri8JvXMhxPCPe_hx1rwCLcBGAs/s1600/post-layouts.jpg" /></div></h3><h3 style="clear: both;">Ads on post pages</h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="55"><div class="separator" style="clear: both;" wfd-id="58">Access your blog <b>Layout</b> > click <b>Edit icon</b> on in the sections <b>Post ADS 1</b> ( before<span style="color: #2b00fe;"> content</span> ) , <b>Post ADS 2</b> ( after <span style="color: #2b00fe;">content</span> ) or <b><span style="color: red;">Post ADS 3</span></b> ( after <span style="color: #2b00fe;">related posts</span> ).</div><div class="separator" style="clear: both;" wfd-id="57"><br /></div><div class="separator" style="clear: both;" wfd-id="56"><b>HTML/JavaScript Ex:</b></div></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="54"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;" wfd-id="53"><a href="https://1.bp.blogspot.com/-pIZPRxL25u8/YDt-rmSIY6I/AAAAAAAAKGE/DgVXXmEOms8M8pbwOaMYH7oA7ITLf4paQCNcBGAsYHQ/s617/Ads%2Bsettings.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="617" data-original-width="572" src="https://1.bp.blogspot.com/-pIZPRxL25u8/YDt-rmSIY6I/AAAAAAAAKGE/DgVXXmEOms8M8pbwOaMYH7oA7ITLf4paQCNcBGAsYHQ/s16000/Ads%2Bsettings.png" /></a></div></h3><h3>Theme Options</h3><h4>01 - Css Options</h4><h3><div style="font-size: medium; font-weight: 400;" wfd-id="41"> Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Css Options</b> widget.</div><div style="font-size: medium; font-weight: 400;" wfd-id="40"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="39"><b>Full Width:</b> In <i>New Site Name</i> add <b>fullWidth</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;" wfd-id="38"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="37"><b>Recent Posts Headline:</b> In <i>New Site Name</i> add <b>recentPostsHeadline</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;" wfd-id="36"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;" wfd-id="35"><img border="0" data-original-height="550" data-original-width="547" src="https://3.bp.blogspot.com/-T2kb3TjCXXE/W4BIA2Hq3NI/AAAAAAAAC9w/_IgyPNTUcC8esQeS68Z9JslUxEyMhrRsgCLcBGAs/s1600/css_options.png" /></div></h3><h4>02 - Default Variables</h4><h3><div style="font-size: medium; font-weight: 400;" wfd-id="34"> Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Default Variables</b> widget.</div><div style="font-size: medium; font-weight: 400;" wfd-id="33"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="32"><b>Post Per Page:</b> In <i>New Site Name</i> add <b>postPerPage</b>, in <i>New Site URL</i> add the number of results, it should be the same as the posts from the home page, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;" wfd-id="31"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="30"><b>Fixed Sidebar:</b> In <i>New Site Name</i> add <b>fixedSidebar</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;" wfd-id="29"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="28"><b>Fixed Menu:</b> In <i>New Site Name</i> add <b>fixedMenu</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;" wfd-id="27"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="26"><b>Comments System:</b> In <i>New Site Name</i> add <b>commentsSystem</b>, in <i>New Site URL</i> add the comments sytem type <b>{<span style="color: #e69138;">blogger</span>, <span style="color: #3d85c6;">disqus</span>, <span style="color: #073763;">facebook</span> or <span style="color: #cc0000;">hide</span>}</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;" wfd-id="25"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="24"><b>Disqus Shortname:</b> In <i>New Site Name</i> add <b>disqusShortname</b>, in <i>New Site URL</i> add your disqus comment system shortname, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;" wfd-id="23"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;" wfd-id="22"><img border="0" data-original-height="624" data-original-width="523" src="https://1.bp.blogspot.com/-rExdUXOAgtQ/WxduxYWEo2I/AAAAAAAAB4M/KI0ipawglGQ_fQ7axi6Yu1TdBiWU0sd9QCLcBGAs/s1600/default-variables.png" /></div></h3><h3><div style="font-size: medium; font-weight: 400;"></div></h3><h3>Facebook Page Plugin </h3><h3><div style="font-size: medium; font-weight: 400;"></div></h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Footer</b> section, and paste the code below.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><i><span style="background-color: #f3f3f3;"><center><div class="fb-page" data-href="<span style="background-color: #073763;"><span style="color: white;">https://www.facebook.com/templatesyard</span></span>" data-width="360" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div></center></span></i></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><span style="color: #cc0000;"><b>Note:</b></span> In Attribute <i><b>data-href</b></i> replace the link per your facebook page url.</div></h3></div></div>
<h3>
Customizing Your Template</h3>
<div style="font-size: medium; font-weight: 400;">
<div style="font-size: medium; font-weight: 400;">
Access your blog <b>Theme</b> > click <span style="color: #e69138;">Customize</span> button.</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Here you can change the background, and apply pre-defined colors</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="270" data-original-width="724" src="https://1.bp.blogspot.com/-H1u1QEV-qss/W4BHVwCJ8TI/AAAAAAAAC9g/_25WTIFhTjUvnRmjcGRFAl4kOI-ItSJ7QCEwYBhgL/s1600/customize_background.png" /></div>
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Clicking Advanced You will see the official option to change the Main Colors</div>
<br />
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="272" data-original-width="696" src="https://3.bp.blogspot.com/-q47DGPWfrgE/W4BHP2xDXHI/AAAAAAAAC9c/eqk39S8t2MI_9Dzhejt11Y5t0K-0-x0mACLcBGAs/s1600/customize_colors.png" /></div>
</div>
</div>
<div>
<h3 style="clear: both; text-align: left;">
Installation And Custom Services</h3>
<div class="separator" style="clear: both; text-align: justify;">
We provide plenty of templates for free but if you want something unique for your blog then let us create a unique design for your blog, Just tell us your needs and we will convert your dream design into reality. We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle.</div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide2" href="http://www.soratemplates.com/p/contact-us.html" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Contact Us</span> <span class="title-hover2">Custom template Services</span> </a> </div>
<div class="alert-message alert" style="font-size: 15px;">
<i class="fa fa-info-circle"></i> Only Premium Buyers will get the widget codes available in the demo.</div>
<div class="alert-message warning" style="font-size: 15px;">
<i class="fa fa-exclamation-triangle"></i> If you are a premium version user and you are having any problem while setting up the template please contact us by going to this <a href="http://www.templatesyard.com/p/contact-us.html" style="color: blue;" target="_blank"><b>link (Contact Form)</b></a>.</div>
</div>
</div>TemplatesYardhttp://www.blogger.com/profile/16801688932542878100noreply@blogger.com0tag:blogger.com,1999:blog-1320824803216639156.post-54355276962940916372023-11-30T10:53:00.002+05:302023-12-02T19:46:39.375+05:30How To Setup Magic CV Blogger Template<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbD8syh20TyanrI6V0aKFQ6G5gksvpeLcunubTlubyrRAUEacwexVsi-jAnE2ZlOwj2iiGOg2Xd96zWcww75dg9EjOEJiBWoHgtxNvdgmB52F5muE9X5ugNwcsfdmv6JU3irnISKIuHUnOYsoBPHZiBDlVWgYZl6YnLx1Kyzl59Bak4bMXQ10q1dqgQshu/s1600/Magic%20CV%20Blogger%20Template.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="932" data-original-width="1898" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbD8syh20TyanrI6V0aKFQ6G5gksvpeLcunubTlubyrRAUEacwexVsi-jAnE2ZlOwj2iiGOg2Xd96zWcww75dg9EjOEJiBWoHgtxNvdgmB52F5muE9X5ugNwcsfdmv6JU3irnISKIuHUnOYsoBPHZiBDlVWgYZl6YnLx1Kyzl59Bak4bMXQ10q1dqgQshu/s1600/Magic%20CV%20Blogger%20Template.jpg" /></a></div><div style="text-align: center;"><br /></div>
Magic CV is a modern design premium quality blogger template with advanced features to build your website with a unique and professional portfolio. Magic CV is equipped with various widgets that will help you publish your blog more professionally. <br />
<a name='more'></a>You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users. </div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide" href="https://magic-cv-soratemplates.blogspot.com/" rel="nofollow" target="_blank"> <span class="circle"><i aria-hidden="true" class="fa fa-rocket"></i></span> <span class="title">See Demo</span> <span class="title-hover">Live Preview</span> </a> <a class="btn-slide2" href="https://www.soratemplates.com/2023/12/magic-cv-blogger-templates.html" rel="nofollow" target="_blank"> <span class="circle2"><i aria-hidden="true" class="fa fa-download"></i></span> <span class="title2">Free Download</span> <span class="title-hover2">Free Version</span> </a> <a class="btn-slide2" href="https://premiumbloggerthemes.gumroad.com/l/magiccvpremium" rel="nofollow" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Buy Now</span> <span class="title-hover2">Premium Version</span> </a> </div>
<div class="basic-setup-sec">
<h3 style="text-align: left;">
<b>Basic Setup</b></h3>
<ol style="text-align: left;">
<li><b><a href="http://www.sorabloggingtips.com/p/how-to-install-blogger-template.html" target="_blank">Template Installation</a></b></li>
<li><a href="http://www.sorabloggingtips.com/p/how-to-install-logo-in-your-blog.html" target="_blank"><b>Logo Setup</b></a></li>
<li><b><a href="http://www.sorabloggingtips.com/p/default-setting-for-blogger-templates.html" target="_blank">Template Setting</a></b></li>
<li wfd-id="88"><b><a href="https://www.sorabloggingtips.com/p/shortcodes-and-page-markups-v20.html" target="_blank">Shortcodes & Markups v2.0</a></b></li>
<li><b><a href="http://www.sorabloggingtips.com/2017/01/how-to-add-sitemap-widget-in-blogspot-blogs.html" target="_blank">Create Sitemap</a></b></li>
</ol>
</div>
<div class="video-setup-sec">
<h3 style="text-align: left;">
Video Documentation</h3>
<div>
You can check this below video to understand the setup process much more easily, just click the below image to watch the video directly on YouTube, or click this link - <b><a href="https://youtu.be/QDzlIyJUE64" rel="nofollow" target="_blank">How To Setup Magic CV Blogger Template - SoraTemplates</a></b><br />
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://youtu.be/QDzlIyJUE64" rel="nofollow" target="_blank"><img border="0" data-original-height="354" data-original-width="636" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyJbtzeSTPGjK2eLnoidqstSqSB2lrh5KiO-Iv7_iVXlhfQGJqc5iSKf7LQIMZz9sYdHYBiGR2uNTLflfMeP_6AuIDJ2Vn7QyAQyEltoSAD7iqfCB7DcOSMCLVw17J4uBOTSnzoFJyrvF3Ev9ycD-aWlO4ML_bdIiJl7p5vi0NwTaDYXoP2H9MQWppxShN/s1600/Magic%20Cv%20Youtube%20Thumbnail.png" /></a></div></div>
</div></div><h3><br /></h3><div><h3>Homepage Menu</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Homepage Menu Section</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-pFy1QqAuJRU/YGHKgDQW8iI/AAAAAAAAKX8/A96z3q4ZVEEZTx3ZwF4v5jmZNxAPSxmLwCNcBGAsYHQ/s763/Scrolling-Menu.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="763" data-original-width="570" src="https://1.bp.blogspot.com/-pFy1QqAuJRU/YGHKgDQW8iI/AAAAAAAAKX8/A96z3q4ZVEEZTx3ZwF4v5jmZNxAPSxmLwCNcBGAsYHQ/s16000/Scrolling-Menu.png" /></a></div><div class="separator" style="clear: both; text-align: left;"><div wfd-id="92"><div wfd-id="93">You can also add icons into the button, <b>How to get FontAwesome or Remix icon name ??</b></div></div><br /><b>Step 1:</b> Go to <a href="https://fontawesome.com/v4.7.0/icons/" rel="nofollow" target="_blank">https://fontawesome.com/v4.7.0/icons/</a> or <a href="https://remixicon.com/">https://remixicon.com/</a><br /><br />Find icon <b>EX</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;" wfd-id="91"><img border="0" data-original-height="229" data-original-width="704" height="130" src="https://1.bp.blogspot.com/-Sfhr_AXRqtE/W1UXiPmDV5I/AAAAAAAACiU/Ys86AhB7m4ofkRoyINzc2JcyAV0l2_tpwCLcBGAs/s400/fa1.png" width="400" /></div><br /><b>Step 2:</b> Open icon page and copy "<i class="fa fa-file-pdf-o"></i>".<br /><br /><b>EX</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;" wfd-id="90"><img border="0" data-original-height="520" data-original-width="710" height="292" src="https://3.bp.blogspot.com/-uVcAvTiXUMY/W1UX8aqcHxI/AAAAAAAACic/snOfTPY3fFIyB7aHi1gnBq2I-h64ctjkACLcBGAs/s400/fa2.png" width="400" /></div></div><b><span style="color: red;">Note : - </span></b><i><span style="color: #2b00fe;">Updating This menu is little bit complicated, as it doesn't work normally, it helps your blog visitor to navigate different pages when clicked, but at the same time you can also section names. In the existing setup don't edit the url or add anything in link section, also don't add any new link as it only supports 6 links. </span></i><br /><br /><b><span style="color: red;">Note* : -</span></b> <i><span style="color: #2b00fe;">If you will edit the url in current structure then the effect will not work</span></i></div></h3></div><h3>Main Menu/DropDown/Multi DropDown</h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="117"><div wfd-id="107"><div style="margin: 0px;" wfd-id="108">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Main Menu</b> widget.</div></div><div wfd-id="105"><div style="margin: 0px;" wfd-id="106"><br /></div></div><div wfd-id="104">Normal Link : <b>Features</b></div><div wfd-id="103">Sub Link: <b>_Sub Link 1.0</b> (before the link add "<span style="color: #0b5394;"><b>_</b></span>") 1 underscore</div><div wfd-id="102">Sub Link 2: <b>__Sub Link 1.1</b> (before the link add "<span style="color: #0b5394;"><b>__</b></span>") 2 underscore</div><div wfd-id="100"><div style="margin: 0px;" wfd-id="101"><br /></div><div wfd-id="92"><div wfd-id="93">You can also add icons into the button, <b>How to get FontAwesome or Remix icon name ??</b></div></div><br /><b>Step 1:</b> Go to <a href="https://fontawesome.com/v4.7.0/icons/" rel="nofollow" target="_blank">https://fontawesome.com/v4.7.0/icons/</a> or <a href="https://remixicon.com/">https://remixicon.com/</a><br /><br />Find icon <b>EX</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;" wfd-id="91"><img border="0" data-original-height="229" data-original-width="704" height="130" src="https://1.bp.blogspot.com/-Sfhr_AXRqtE/W1UXiPmDV5I/AAAAAAAACiU/Ys86AhB7m4ofkRoyINzc2JcyAV0l2_tpwCLcBGAs/s400/fa1.png" width="400" /></div><br /><b>Step 2:</b> Open icon page and copy "<i class="fa fa-file-pdf-o"></i>".<br /><br /><b>EX</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;" wfd-id="90"><img border="0" data-original-height="520" data-original-width="710" height="292" src="https://3.bp.blogspot.com/-uVcAvTiXUMY/W1UX8aqcHxI/AAAAAAAACic/snOfTPY3fFIyB7aHi1gnBq2I-h64ctjkACLcBGAs/s400/fa2.png" width="400" /></div></div><div wfd-id="98"><div class="separator" style="clear: both; text-align: center;" wfd-id="99"><img border="0" data-original-height="698" data-original-width="551" src="https://4.bp.blogspot.com/-ah9YkPlJR5I/Wz0fbT6aMEI/AAAAAAAACSg/1cS2m8ftDKg9ZFUz0TBEX4uiwTvoxJixgCLcBGAs/s1600/main-menu.png" /></div><div class="separator" style="clear: both;" wfd-id="99"><br /></div></div></div></h3><h3>Extra Menu</h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="117"><div wfd-id="98"><div class="separator" style="clear: both;" wfd-id="99"><div wfd-id="127">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Top Navigation</b> or <b>Extra Menu</b> widget.</div><div wfd-id="122"><div wfd-id="92"><div wfd-id="93">You can also add icons into the button, <b>How to get FontAwesome or Remix icon name ??</b></div></div><br /><b>Step 1:</b> Go to <a href="https://fontawesome.com/v4.7.0/icons/" rel="nofollow" target="_blank">https://fontawesome.com/v4.7.0/icons/</a> or <a href="https://remixicon.com/">https://remixicon.com/</a><br /><br />Find icon <b>EX</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;" wfd-id="91"><img border="0" data-original-height="229" data-original-width="704" height="130" src="https://1.bp.blogspot.com/-Sfhr_AXRqtE/W1UXiPmDV5I/AAAAAAAACiU/Ys86AhB7m4ofkRoyINzc2JcyAV0l2_tpwCLcBGAs/s400/fa1.png" width="400" /></div><br /><b>Step 2:</b> Open icon page and copy "<i class="fa fa-file-pdf-o"></i>".<br /><br /><b>EX</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;" wfd-id="90"><img border="0" data-original-height="520" data-original-width="710" height="292" src="https://3.bp.blogspot.com/-uVcAvTiXUMY/W1UX8aqcHxI/AAAAAAAACic/snOfTPY3fFIyB7aHi1gnBq2I-h64ctjkACLcBGAs/s400/fa2.png" width="400" /></div></div><div wfd-id="121"><br /></div><div class="separator" style="clear: both; text-align: center;" wfd-id="120"><img border="0" data-original-height="536" data-original-width="550" src="https://2.bp.blogspot.com/-yXNGRKHhaW4/W1lJantSPQI/AAAAAAAAClg/KspsdbcoAS07qDLlht8179UzPtSALcwoQCLcBGAs/s1600/top-navigation.png" /></div></div></div></div></h3><h3>Mobile Logo</h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="85">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Mobile Logo</b> widget.</div><div style="font-size: medium; font-weight: 400;" wfd-id="84"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="83">Types: <b>image</b>, <b>custom</b>, <b>default.</b></div><div style="font-size: medium; font-weight: 400;" wfd-id="82"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;" wfd-id="81"><img border="0" data-original-height="511" data-original-width="555" src="https://3.bp.blogspot.com/-y2LFWuQAgxg/W4BIpIz79GI/AAAAAAAAC98/tSDEVeSvlrYXdKZzkwu4qlfy2vvnyjoiwCLcBGAs/s1600/mobile_logo.png" /></div></h3><h3>Social Top & Side</h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="81"></div></h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="104">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Social Top & Side</b> widget.</div><div style="font-size: medium; font-weight: 400;" wfd-id="103"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="102"><b>Icons Avaliables {</b><span style="color: #0b5394;"><i> facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, twitch, delicious, codepen, reddit, whatsapp, snapchat, email</i></span> <b>}</b></div><div style="font-size: medium; font-weight: 400;" wfd-id="101"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;" wfd-id="100"><img border="0" data-original-height="606" data-original-width="549" src="https://4.bp.blogspot.com/-twEmAfV2mu4/WxdfXnxNXXI/AAAAAAAAB3A/uUSvzH6kaloTSHDra5ryhm5cHO7mrfyogCLcBGAs/s1600/top-social.png" /></div></h3><h3>Author Image 01 & 02</h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="100">Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Author Image Section</b> widget.<br /><ul><li>To add an image simply remove the existing image and add your desired image, but always add high resolution images.</li></ul><br /><br />Example:<br /><div style="text-align: center;"><a href="http://2.bp.blogspot.com/-QEa2usyaJW0/Xx6GIMyhXUI/AAAAAAAAJEw/r3E6WYURPH4GjXo-XB88GDtZ1eFr1iwAgCK4BGAYYCw/s1600/Author%2BImage.png"><img border="0" src="https://2.bp.blogspot.com/-QEa2usyaJW0/Xx6GIMyhXUI/AAAAAAAAJEw/r3E6WYURPH4GjXo-XB88GDtZ1eFr1iwAgCK4BGAYYCw/s1600/Author%2BImage.png" /></a></div><div><br /></div></div></h3><h3>Author Details</h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="100"><div>Access your blog <b>Layout</b> > click <b>Edit icon</b> on each widget of <b>Author Name & Details </b>section.<br /><br /></div></div></h3><h4>Author Name</h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="100"><div><div style="text-align: center;"><a href="http://2.bp.blogspot.com/-RL-eQOAuKCU/Xx6HcHi94AI/AAAAAAAAJE8/-b4KtCDYzdgwocVUG93hgVWNpUTc8h-_QCK4BGAYYCw/s1600/Name-1.png"><img border="0" src="https://2.bp.blogspot.com/-RL-eQOAuKCU/Xx6HcHi94AI/AAAAAAAAJE8/-b4KtCDYzdgwocVUG93hgVWNpUTc8h-_QCK4BGAYYCw/s1600/Name-1.png" /></a></div></div></div></h3><h4>Author Details</h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="100"><div><br /><div style="text-align: center;"><a href="http://1.bp.blogspot.com/-L9_7-T6ycT0/Xx6HfbcHRFI/AAAAAAAAJFE/gT_phkYf_Vw0dSoj9rvAwh9ByR1xoxbFQCK4BGAYYCw/s1600/Name-2.png"><img border="0" src="https://1.bp.blogspot.com/-L9_7-T6ycT0/Xx6HfbcHRFI/AAAAAAAAJFE/gT_phkYf_Vw0dSoj9rvAwh9ByR1xoxbFQCK4BGAYYCw/s1600/Name-2.png" /></a></div></div></div></h3><h4>Author Buttons</h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="100"><div><br /><div style="text-align: center;"><a href="http://1.bp.blogspot.com/--UyTxnHH3Zs/Xx6HhTO7syI/AAAAAAAAJFM/KNyBpeO0mKI5jyXL9eqNOZOGbgW8hECMACK4BGAYYCw/s1600/Name-3.png"><img border="0" src="https://1.bp.blogspot.com/--UyTxnHH3Zs/Xx6HhTO7syI/AAAAAAAAJFM/KNyBpeO0mKI5jyXL9eqNOZOGbgW8hECMACK4BGAYYCw/s1600/Name-3.png" /></a></div><div style="text-align: center;"><br /></div><div>You can also add icons into the button, <b>How to get FontAwesome icon name ??</b></div></div><br /><b>Step 1:</b> Go to <a href="https://fontawesome.com/v4.7.0/icons/" rel="nofollow" target="_blank">https://fontawesome.com/v4.7.0/icons/</a><br /><br />Find icon <b>EX</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="229" data-original-width="704" height="130" src="https://1.bp.blogspot.com/-Sfhr_AXRqtE/W1UXiPmDV5I/AAAAAAAACiU/Ys86AhB7m4ofkRoyINzc2JcyAV0l2_tpwCLcBGAs/s400/fa1.png" width="400" /></div><br /><b>Step 2:</b> Open icon page and copy "<i class="fa fa-file-pdf-o"></i>".<br /><br /><b>EX</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="520" data-original-width="710" height="292" src="https://3.bp.blogspot.com/-uVcAvTiXUMY/W1UX8aqcHxI/AAAAAAAACic/snOfTPY3fFIyB7aHi1gnBq2I-h64ctjkACLcBGAs/s400/fa2.png" width="400" /></div></div></h3><h3>Something About Me (Heading, Description)</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > click </span><b style="font-size: medium;">Edit icon</b><span style="font-size: medium; font-weight: 400;"> > on </span><b style="font-size: medium;">Main Author Intro Heading</b><span style="font-size: medium; font-weight: 400;"> widget's.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><span style="font-size: medium; font-weight: 400;">Widget Settings </span><b style="font-size: medium;">EX</b><span style="font-size: medium; font-weight: 400;">:</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><div style="font-size: medium; font-weight: 400; text-align: center;"><a href="http://4.bp.blogspot.com/-y9AhJv2wFas/Xbfr_sAUXeI/AAAAAAAAHWw/4cmEp32vri4mMFOMvLQ6elTdNxNG63DLgCK4BGAYYCw/s1600/saas%2B3.png"><img border="0" src="https://4.bp.blogspot.com/-y9AhJv2wFas/Xbfr_sAUXeI/AAAAAAAAHWw/4cmEp32vri4mMFOMvLQ6elTdNxNG63DLgCK4BGAYYCw/s1600/saas%2B3.png" /></a></div><div style="font-size: medium; font-weight: 400; text-align: center;"></div><br style="font-size: medium; font-weight: 400;" /></h3><h3>Author Skills</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > click </span><b style="font-size: medium;">Edit icon</b><span style="font-size: medium; font-weight: 400;"> > on </span><b style="font-size: medium;">Author Skills</b><span style="font-size: medium; font-weight: 400;"> widget's.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><span style="font-size: medium; font-weight: 400;">Widget Settings </span><b style="font-size: medium;">EX</b><span style="font-size: medium; font-weight: 400;">:</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><div style="font-size: medium; font-weight: 400; text-align: center;"><a href="http://3.bp.blogspot.com/-HauQ0E5U__Y/Xx6I0QlFjII/AAAAAAAAJFc/yLe5xr5KjzotWbuUmGuV7Ts2BziZqvsZwCK4BGAYYCw/s1600/Skills.png"><img border="0" src="https://3.bp.blogspot.com/-HauQ0E5U__Y/Xx6I0QlFjII/AAAAAAAAJFc/yLe5xr5KjzotWbuUmGuV7Ts2BziZqvsZwCK4BGAYYCw/s1600/Skills.png" /></a></div><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">How to configure the widget?</b><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Step 1:</b><span style="font-size: medium; font-weight: 400;"> Add Skill name into the </span><b style="font-size: medium;">New Site Name</b><span style="font-size: medium; font-weight: 400;"> Area</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Step 2:</b><span style="font-size: medium; font-weight: 400;"> Add Desired Value between 1 to 100 in the </span><b style="font-size: medium;">New Site Url</b><span style="font-size: medium; font-weight: 400;"> area to fill up the bar.</span></h3><div><h3 style="clear: both;">Author Education & Experience</h3>Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Author education and experience </b>widget's.<br /><br />Widget Settings <b>EX</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRmu_xxomuzTuqUT25JPLpADpFdBVy4APXWRoGD-tkph640b5DfCbcwx6ZH8e7lyFBUqLTvDlE1pMeu32DuajNAq0qQu_CcaBphLLYOiH0vXvI9OcpCpOg3WNDaAoA4FVCK6DKTFywjn8rmg_nE-vtd6T6stP8BFr4uk5QDtAFWa3eM2OSWPGrVXTuWiU6/s705/edu-exp.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="705" data-original-width="590" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRmu_xxomuzTuqUT25JPLpADpFdBVy4APXWRoGD-tkph640b5DfCbcwx6ZH8e7lyFBUqLTvDlE1pMeu32DuajNAq0qQu_CcaBphLLYOiH0vXvI9OcpCpOg3WNDaAoA4FVCK6DKTFywjn8rmg_nE-vtd6T6stP8BFr4uk5QDtAFWa3eM2OSWPGrVXTuWiU6/s16000/edu-exp.png" /></a></div><h3><b style="font-size: medium;">How to configure the widget?</b><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Step 1:</b><span style="font-size: medium; font-weight: 400;"> Add year into the </span><b style="font-size: medium;">Title</b><span style="font-size: medium; font-weight: 400;"> Area</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Step 2:</b><span style="font-size: medium; font-weight: 400;"> Add Main Value in the </span><b style="font-size: medium;">Caption</b><span style="font-size: medium; font-weight: 400;"> area.</span></h3><div class="separator" style="clear: both; text-align: left;"><h3><b style="font-size: medium;">Step 3:</b><span style="font-size: medium; font-weight: 400;"> Add Second Value in the </span><b style="font-size: medium;">Link</b><span style="font-size: medium; font-weight: 400;"> area.</span></h3><div><b><span style="color: red;">Note* : -</span></b> <span style="color: #2b00fe;"><i>Do not upload any image in these widgets.</i></span></div><div><h3>Main Testimonials</h3><h3><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div>Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Main Testimonial </b>widget.</div><div><br />Example:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-00fPrXSNOko/YGHT2p_k_cI/AAAAAAAAKYk/eOWOXJjdGZYFJp945SIH7hgUBbti1efzQCNcBGAsYHQ/s773/Main%2BTestimonial.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="773" data-original-width="570" src="https://1.bp.blogspot.com/-00fPrXSNOko/YGHT2p_k_cI/AAAAAAAAKYk/eOWOXJjdGZYFJp945SIH7hgUBbti1efzQCNcBGAsYHQ/s16000/Main%2BTestimonial.png" /></a></div></div></div></div></div></h3></div></div></div><div><h3 style="clear: both;">Author Services</h3>Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Author Services</b> widget's.<br /><br />Widget Settings <b>EX</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="577" data-original-width="532" height="400" src="https://2.bp.blogspot.com/-NvlcgCMn_Yg/W1UWthw7t6I/AAAAAAAACiI/6HwKzHnWICgkFaafiSqoKnOD_kcMGdKnwCLcBGAs/s400/services1.png" width="368" /></div><br /><b>How to get FontAwesome icon name ??</b><br /><br /><b>Step 1:</b> Go to <a href="https://fontawesome.com/v4.7.0/icons/" rel="nofollow" target="_blank">https://fontawesome.com/v4.7.0/icons/</a><br /><br />Find icon <b>EX</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="229" data-original-width="704" height="130" src="https://1.bp.blogspot.com/-Sfhr_AXRqtE/W1UXiPmDV5I/AAAAAAAACiU/Ys86AhB7m4ofkRoyINzc2JcyAV0l2_tpwCLcBGAs/s400/fa1.png" width="400" /></div><br /><b>Step 2:</b> Open icon page and copy "fa icon name".<br /><br /><b>EX</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="520" data-original-width="710" height="292" src="https://3.bp.blogspot.com/-uVcAvTiXUMY/W1UX8aqcHxI/AAAAAAAACic/snOfTPY3fFIyB7aHi1gnBq2I-h64ctjkACLcBGAs/s400/fa2.png" width="400" /></div></div><div class="separator" style="clear: both; text-align: left;"><h3>Brand Logos</h3><h3><div style="font-size: medium; font-weight: 400;"><div style="text-align: center;"><div style="background-color: white; text-align: left;"><div>Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Brand Logos</b> widget.</div><div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-ELcucSUiRRs/YGHUlylXmKI/AAAAAAAAKYs/JFdxo_z-5U4ORnSDZ656-7gHrbJIh5BQACNcBGAsYHQ/s720/Brandlogos.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="720" data-original-width="570" src="https://1.bp.blogspot.com/-ELcucSUiRRs/YGHUlylXmKI/AAAAAAAAKYs/JFdxo_z-5U4ORnSDZ656-7gHrbJIh5BQACNcBGAsYHQ/s16000/Brandlogos.png" /></a></div></div></div></div></div></h3><h3>Achievements </h3><h3><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;"></div></div></h3><h3><div style="font-size: medium; font-weight: 400;"><div style="text-align: center;"><div style="background-color: white; text-align: left;"><div class="separator" style="clear: both;"></div></div></div></div></h3><h3><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;">Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Achievements</b> widget's.<br /><br />Widget Settings <b>EX</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-x3YaDtLJRhA/YGHQA_OiQtI/AAAAAAAAKYM/DLU_JuPttHQ5f5DW7Eh8RcDlA6A84He8gCNcBGAsYHQ/s667/Achievements.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="667" data-original-width="570" src="https://1.bp.blogspot.com/-x3YaDtLJRhA/YGHQA_OiQtI/AAAAAAAAKYM/DLU_JuPttHQ5f5DW7Eh8RcDlA6A84He8gCNcBGAsYHQ/s16000/Achievements.png" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><b>How to get FontAwesome or Remixicon icon name ??</b><br /><br /><b>Step 1:</b> Go to <a href="https://fontawesome.com/v4.7.0/icons/" rel="nofollow" target="_blank">https://fontawesome.com/v4.7.0/icons/</a></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><b>Step 2:</b> Go to <a href="https://remixicon.com/">https://remixicon.com/</a></div><br />Find icon <b>EX</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="229" data-original-width="704" src="https://1.bp.blogspot.com/-Sfhr_AXRqtE/W1UXiPmDV5I/AAAAAAAACiU/Ys86AhB7m4ofkRoyINzc2JcyAV0l2_tpwCLcBGAs/s1600/fa1.png" /></div><br /><b>Step 2:</b> Open icon page and copy "fa icon name".<br /><br /><b>EX</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="520" data-original-width="710" src="https://3.bp.blogspot.com/-uVcAvTiXUMY/W1UX8aqcHxI/AAAAAAAACic/snOfTPY3fFIyB7aHi1gnBq2I-h64ctjkACLcBGAs/s1600/fa2.png" /><br /></div><div class="separator" style="clear: both;"><br /></div></div></div></h3></div><h3><div style="font-size: medium; font-weight: 400;" wfd-id="99"></div></h3><h3>Hot Posts</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Hot Posts</b> section, you must place the following names highlighted in blue below.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Shortcode: <b><span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> </b>or<b> <span style="color: #38761d;">random</span>/hot-posts</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Example: <b>Technology/hot-posts</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="534" data-original-width="541" src="https://4.bp.blogspot.com/-988uKOqn1CE/WzHKtkGFDpI/AAAAAAAACLk/1kGnuUU8v_4T7vASSWlU5VhB5bFtQuEAgCLcBGAs/s1600/hot-posts.png" /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h4 style="clear: both; font-weight: 400;">b) With Popular Post</h4><h3><div style="font-size: medium;"><div class="separator" style="clear: both;"><div style="font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>Popular Posts</b> on <b>Hot Post</b> section, you set the settings as below</div><div style="font-weight: 400;"><div><br /></div><div><b>Widget Settings:</b></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-cCxeGhv3ZR4/YVlK1x3M5RI/AAAAAAAALr4/peFxkFo0Op0X9Fd7xUh5rBvNGMiULK0AgCNcBGAsYHQ/s16000/Blogger-Layout.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="599" data-original-width="570" src="https://1.bp.blogspot.com/-cCxeGhv3ZR4/YVlK1x3M5RI/AAAAAAAALr4/peFxkFo0Op0X9Fd7xUh5rBvNGMiULK0AgCNcBGAsYHQ/s16000/Blogger-Layout.png" /></a></div></div></div></div></h3><h3>Featured Post</h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="82"><div class="separator" style="clear: both;" wfd-id="83"><div wfd-id="85"><div class="separator" style="clear: both;" wfd-id="77"></div></div></div></div></h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="101">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>Featured Post</b> on <b>Featured Post</b> section, <span id="result_box" lang="en">select the post you want to show and click save</span>.</div><div style="font-size: medium; font-weight: 400;" wfd-id="100"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;" wfd-id="99"></div><div class="separator" style="font-size: medium; font-weight: 400; margin-left: 1em; margin-right: 1em; text-align: center;" wfd-id="98"> <img border="0" data-original-height="810" data-original-width="671" src="https://4.bp.blogspot.com/-RVPB0jKfqOo/W6KcPEZddjI/AAAAAAAADNY/NqrREo6trxMZcxqXHqbwjUtnYsUkni1wACLcBGAs/s1600/featured_post.png" /></div></h3><h3>Main Posts</h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="69">Access your blog <b>Layout</b> > click <b>Edit Icon</b> on > <b>Main Posts/Blog Posts.</b></div><div style="font-size: medium; font-weight: 400;" wfd-id="68"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="66"><div class="separator" style="clear: both; text-align: center;" wfd-id="67"><img border="0" data-original-height="653" data-original-width="551" src="https://3.bp.blogspot.com/-KP5n47yK090/XD-gISfve_I/AAAAAAAADwE/idVLrO1aQ3MNov6j5jg2nyHKc83vFfwYgCLcBGAs/s1600/main-posts.png" /></div><br /></div></h3><h3>Post Layouts</h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="65"><b>Left Sidebar:</b> Inside the post add the text <b>left-sidebar</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;" wfd-id="64"><b>Full Width:</b> Inside the post add the text <b>full-width</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;" wfd-id="63"><b>Right Sidebar:</b> Inside the post add the text <b>right-sidebar</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;" wfd-id="62"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;" wfd-id="61"><img border="0" data-original-height="951" data-original-width="1358" src="https://2.bp.blogspot.com/-fCQMSq7tcD0/WxeSCroFr1I/AAAAAAAAB5E/ZYlvtyGAl14cPAri8JvXMhxPCPe_hx1rwCLcBGAs/s1600/post-layouts.jpg" /></div></h3><h3 style="clear: both;">Ads on post pages</h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="51"><div class="separator" style="clear: both;" wfd-id="54">Access your blog <b>Layout</b> > click <b>Edit icon</b> on in the sections <b>Post ADS 1</b> ( before<span style="color: #2b00fe;"> content</span> ) , <b>Post ADS 2</b> ( after <span style="color: #2b00fe;">content</span> ) or <b><span style="color: red;">Post ADS 3</span></b> ( after <span style="color: #2b00fe;">related posts</span> ).</div><div class="separator" style="clear: both;" wfd-id="53"><br /></div><div class="separator" style="clear: both;" wfd-id="52"><b>HTML/JavaScript Ex:</b></div></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="50"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;" wfd-id="49"><a href="https://1.bp.blogspot.com/-pIZPRxL25u8/YDt-rmSIY6I/AAAAAAAAKGE/DgVXXmEOms8M8pbwOaMYH7oA7ITLf4paQCNcBGAsYHQ/s617/Ads%2Bsettings.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="617" data-original-width="572" src="https://1.bp.blogspot.com/-pIZPRxL25u8/YDt-rmSIY6I/AAAAAAAAKGE/DgVXXmEOms8M8pbwOaMYH7oA7ITLf4paQCNcBGAsYHQ/s16000/Ads%2Bsettings.png" /></a></div></h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="54"></div></h3><h3>Post List Widget</h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="53">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Footer</b> section <span class="tlid-translation translation">and follow the instructions below.</span></div><div style="font-size: medium; font-weight: 400;" wfd-id="52"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="51">Shortcode: <b>Results number/<span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> or <span style="color: #38761d;">random</span>/post-list</b></div><div style="font-size: medium; font-weight: 400;" wfd-id="50"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="49">Label Posts: <b>3/Technology/post-list</b></div><div style="font-size: medium; font-weight: 400;" wfd-id="48">Recent Posts: <b>3/recent/post-list</b></div><div style="font-size: medium; font-weight: 400;" wfd-id="47">Random Posts: <b>3/random/post-list</b></div><div style="font-size: medium; font-weight: 400;" wfd-id="46"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;" wfd-id="45"><img border="0" data-original-height="535" data-original-width="539" src="https://2.bp.blogspot.com/-4MIJlqO1pUc/WxdpOVxXIII/AAAAAAAAB3w/-cMDJxJKatQofEpeQQiJbuIjMgGxk7JbACEwYBhgL/s1600/post-list-widget.png" /></div><div style="font-size: medium; font-weight: 400;" wfd-id="44"><br /><br /></div></h3><h3>Social Widget (Sidebar)</h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="43">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Social Widget</b> widget.</div><div style="font-size: medium; font-weight: 400;" wfd-id="42"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="41"><b>Icons Avaliables {</b> <span style="color: #0b5394;"><i>blogger, facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, twitch, delicious, codepen, reddit, whatsapp, snapchat, email</i></span> <b>}</b></div><div style="font-size: medium; font-weight: 400;" wfd-id="40"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="38"><div class="separator" style="clear: both; text-align: center;" wfd-id="39"><img border="0" data-original-height="642" data-original-width="552" src="https://4.bp.blogspot.com/-WwhRA03jkKI/W0bv1pnpK8I/AAAAAAAACbA/lqi_JIoKpL400IDswXPCLWUX0LE4pEjpQCEwYBhgL/s1600/social-widget.png" /></div></div></h3><h3>Contact Left</h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="38"><div class="separator" style="clear: both;" wfd-id="39">Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Contact Left</b> widget's.<br /><br />Widget Settings <b>Contact Info</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="524" data-original-width="538" height="389" src="https://1.bp.blogspot.com/-8s72V6Dzf1c/W1UawOkgV7I/AAAAAAAACjA/EdeuWmkZbSkXRmZGDJxesObtfmAcl26uACLcBGAs/s400/contact1.png" width="400" /></div><br />Widget Settings <b>Contact List</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="575" data-original-width="538" height="400" src="https://2.bp.blogspot.com/-9T0Cup0OQiQ/W1UawEh8GXI/AAAAAAAACjI/SvkI2Nata6QkLFGX6RB6UCaK7TzKQrXWQCEwYBhgL/s400/contact2.png" width="374" /></div><br /></div></div></h3><h3>Contact Right</h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="38"><div class="separator" style="clear: both;" wfd-id="39">Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Contact Right</b> widget.<br /><br />Widget Settings <b>Contact Form</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="282" data-original-width="543" height="207" src="https://4.bp.blogspot.com/-nF9PVd-6epM/W1UawA-DPhI/AAAAAAAACjQ/U7et7tXx_xwgsg4Jk806P589RtBUocp5wCEwYBhgL/s400/contact3.png" width="400" /></div></div></div></h3><h3>Footer Menu</h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="38"><div class="separator" style="clear: both;" wfd-id="39"></div></div></h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="111">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Footer Menu</b> widget.</div><div style="font-size: medium; font-weight: 400;" wfd-id="110"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="92"><div wfd-id="93">You can also add icons into the button, <b>How to get FontAwesome or Remix icon name ??</b></div></div><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Step 1:</b><span style="font-size: medium; font-weight: 400;"> Go to </span><a href="https://fontawesome.com/v4.7.0/icons/" rel="nofollow" style="font-size: medium; font-weight: 400;" target="_blank">https://fontawesome.com/v4.7.0/icons/</a><span style="font-size: medium; font-weight: 400;"> or </span><a href="https://remixicon.com/" style="font-size: medium; font-weight: 400;">https://remixicon.com/</a><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><span style="font-size: medium; font-weight: 400;">Find icon </span><b style="font-size: medium;">EX</b><span style="font-size: medium; font-weight: 400;">:</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;" wfd-id="91"><img border="0" data-original-height="229" data-original-width="704" height="130" src="https://1.bp.blogspot.com/-Sfhr_AXRqtE/W1UXiPmDV5I/AAAAAAAACiU/Ys86AhB7m4ofkRoyINzc2JcyAV0l2_tpwCLcBGAs/s400/fa1.png" width="400" /></div><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Step 2:</b><span style="font-size: medium; font-weight: 400;"> Open icon page and copy "<i class="fa fa-file-pdf-o"></i>".</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">EX</b><span style="font-size: medium; font-weight: 400;">:</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;" wfd-id="90"><img border="0" data-original-height="520" data-original-width="710" height="292" src="https://3.bp.blogspot.com/-uVcAvTiXUMY/W1UX8aqcHxI/AAAAAAAACic/snOfTPY3fFIyB7aHi1gnBq2I-h64ctjkACLcBGAs/s400/fa2.png" width="400" /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;" wfd-id="105"><img border="0" data-original-height="536" data-original-width="550" src="https://2.bp.blogspot.com/-yXNGRKHhaW4/W1lJantSPQI/AAAAAAAAClg/KspsdbcoAS07qDLlht8179UzPtSALcwoQCLcBGAs/s1600/top-navigation.png" /></div></h3><h3>Theme Options</h3><h4>Default Variables</h4><h3><div style="font-size: medium; font-weight: 400;" wfd-id="31"> Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Default Variables</b> widget.</div><div style="font-size: medium; font-weight: 400;" wfd-id="30"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="29"><b>Post Per Page:</b> In <i>New Site Name</i> add <b>postPerPage</b>, in <i>New Site URL</i> add the number of results, it should be the same as the posts from the home page, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;" wfd-id="28"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="27"><b>Fixed Sidebar:</b> In <i>New Site Name</i> add <b>fixedSidebar</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;" wfd-id="26"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="25"><b>Comments System:</b> In <i>New Site Name</i> add <b>commentsSystem</b>, in <i>New Site URL</i> add the comments sytem type <b>{<span style="color: #e69138;">blogger</span>, <span style="color: #3d85c6;">disqus</span>, <span style="color: #073763;">facebook</span> or <span style="color: #cc0000;">hide</span>}</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;" wfd-id="24"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="23"><b>Disqus Shortname:</b> In <i>New Site Name</i> add <b>disqusShortname</b>, in <i>New Site URL</i> add your disqus comment system shortname, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;" wfd-id="22"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;" wfd-id="21"><img border="0" data-original-height="624" data-original-width="523" src="https://1.bp.blogspot.com/-rExdUXOAgtQ/WxduxYWEo2I/AAAAAAAAB4M/KI0ipawglGQ_fQ7axi6Yu1TdBiWU0sd9QCLcBGAs/s1600/default-variables.png" /></div></h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="20"><br /></div></h3><h3>Facebook Page Plugin </h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="19">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Footer</b> section, and paste the code below.</div><div style="font-size: medium; font-weight: 400;" wfd-id="18"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="17"><i><span style="background-color: #f3f3f3;"><center><div class="fb-page" data-href="<span style="background-color: #073763;"><span style="color: white;">https://www.facebook.com/soratemplate</span></span>" data-width="360" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div></center></span></i></div><div style="font-size: medium; font-weight: 400;" wfd-id="16"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="15"><span style="color: #cc0000;"><b>Note:</b></span> In Attribute <i><b>data-href</b></i> replace the link per your facebook page url.</div></h3>
<h3>
Customizing Your Template</h3>
<div style="font-size: medium; font-weight: 400;">
<div style="font-size: medium; font-weight: 400;">
Access your blog <b>Theme</b> > click <span style="color: #e69138;">Customize</span> button.</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Here you can change the background, and apply pre-defined colors</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="270" data-original-width="724" src="https://1.bp.blogspot.com/-H1u1QEV-qss/W4BHVwCJ8TI/AAAAAAAAC9g/_25WTIFhTjUvnRmjcGRFAl4kOI-ItSJ7QCEwYBhgL/s1600/customize_background.png" /></div>
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Clicking Advanced You will see the official option to change the Main Colors</div>
<br />
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="272" data-original-width="696" src="https://3.bp.blogspot.com/-q47DGPWfrgE/W4BHP2xDXHI/AAAAAAAAC9c/eqk39S8t2MI_9Dzhejt11Y5t0K-0-x0mACLcBGAs/s1600/customize_colors.png" /></div>
</div>
</div>
<div>
<h3 style="clear: both; text-align: left;">
Installation And Custom Services</h3>
<div class="separator" style="clear: both; text-align: justify;">
We provide plenty of templates for free but if you want something unique for your blog then let us create a unique design for your blog, Just tell us your needs and we will convert your dream design into reality. We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle.</div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide2" href="http://www.soratemplates.com/p/contact-us.html" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Contact Us</span> <span class="title-hover2">Custom template Services</span> </a> </div>
<div class="alert-message alert" style="font-size: 15px;">
<i class="fa fa-info-circle"></i> Only Premium Buyers will get the widget codes available in the demo.</div>
<div class="alert-message warning" style="font-size: 15px;">
<i class="fa fa-exclamation-triangle"></i> If you are a premium version user and you are having any problem while setting up the template please contact us by going to this <a href="http://www.templatesyard.com/p/contact-us.html" style="color: blue;" target="_blank"><b>link (Contact Form)</b></a>.</div></div>
TemplatesYardhttp://www.blogger.com/profile/16801688932542878100noreply@blogger.com0tag:blogger.com,1999:blog-1320824803216639156.post-64358863784750846422023-11-19T00:05:00.004+05:302023-11-21T09:36:45.514+05:30How To Setup Cryzen Blogger Template [Templateify]<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYEtkD1tWKQf3dbfNZvz2n4CM9I4tAeipg5e0b06mWQQrUoSZqNdSxVUpPYlBxK8BLl1zkCw6iLOr-3Qsxg7Ha8XfmrliL803g5oWHaFS6CXAVVpPsAk2SAci_HICeS-6KCE8foITL5iw_Sfe1jZ9fvediDjy1rpTUygLYkIenEAkHKSAZTF5_n-m04vRH/s1600/Cryzen%20Blogger%20Template.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1013" data-original-width="1349" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYEtkD1tWKQf3dbfNZvz2n4CM9I4tAeipg5e0b06mWQQrUoSZqNdSxVUpPYlBxK8BLl1zkCw6iLOr-3Qsxg7Ha8XfmrliL803g5oWHaFS6CXAVVpPsAk2SAci_HICeS-6KCE8foITL5iw_Sfe1jZ9fvediDjy1rpTUygLYkIenEAkHKSAZTF5_n-m04vRH/s1600/Cryzen%20Blogger%20Template.jpg" /></a></div></div><br /><div style="text-align: justify;">
Cryzen Blogger Template is a modern, minimalistic, and responsive template that makes creating a website or blog easy with just a few clicks. With its clean design and intuitive interface. Cryzen is perfect for bloggers who want to make their content look professional and attractive. <br />
<a name='more'></a>You have made a good decision by choosing our template. You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users. </div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide" href="https://cryzen-templateify.blogspot.com/" rel="nofollow" target="_blank"> <span class="circle"><i aria-hidden="true" class="fa fa-rocket"></i></span> <span class="title">See Demo</span> <span class="title-hover">Live Preview</span> </a> <a class="btn-slide2" href="https://www.templateify.com/2023/11/cryzen-blogger-template.html" rel="nofollow" target="_blank"> <span class="circle2"><i aria-hidden="true" class="fa fa-download"></i></span> <span class="title2">Free Download</span> <span class="title-hover2">Free Version</span> </a> <a class="btn-slide2" href="https://premiumbloggerthemes.gumroad.com/l/cryzenpremium" rel="nofollow" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Buy Now</span> <span class="title-hover2">Premium Version</span> </a> </div>
<div class="basic-setup-sec">
<h3 style="text-align: left;">
<b>Basic Setup</b></h3>
<ol style="text-align: left;">
<li><b><a href="http://www.sorabloggingtips.com/p/how-to-install-blogger-template.html" target="_blank">Template Installation</a></b></li>
<li><a href="http://www.sorabloggingtips.com/p/how-to-install-logo-in-your-blog.html" target="_blank"><b>Logo Setup</b></a></li>
<li><b><a href="http://www.sorabloggingtips.com/p/default-setting-for-blogger-templates.html" target="_blank">Template Setting</a></b></li>
<li><b><a href="https://www.sorabloggingtips.com/p/shortcodes-and-page-markups-v20.html" target="_blank">Shortcodes & Markups v2.0</a></b></li>
<li><b><a href="http://www.sorabloggingtips.com/2017/01/how-to-add-sitemap-widget-in-blogspot-blogs.html" target="_blank">Create Sitemap</a></b></li>
</ol>
</div>
<div class="video-setup-sec">
<h3 style="text-align: left;">
Video Documentation</h3>
<div>
You can check this below video to understand the setup process much more easily, just click the below image to watch the video directly on YouTube, or click this link - <a href="https://youtu.be/4RGQoPRejBQ" rel="nofollow" target="_blank"><b>How To Setup Cryzen Blogger Template - Templateify</b></a></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://youtu.be/4RGQoPRejBQ" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><div class="separator" style="clear: both;"><img alt="" border="0" data-original-height="672" data-original-width="1127" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCb-sVCc-YEm0Kcwb41kORkvFtTdDPvTf9hkGLvRlr7AapvB32w6adfiJJMn6wSsIelUF9QlqBimolzqzLT9c7fqjRtHrlYV5JwJJvoVksmvKhrr3vTOWTW70V7CmCJr4WrmHSB9L8frgfSAID7EGlnq3w1YYFbg1nD5nlyGC1MQSVUXGidRdsW4PQhuQI/s1600/Cryzen%20Youtube%20Thumbnail.png" /></div></a></div>
</div>
<div>
<br />
<h3 id="go-topmenu">Topbar Menu</h3><h3 id="go-menu"><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Topbar Menu</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Tobar Menu" border="0" data-original-height="926" data-original-width="867" src="https://1.bp.blogspot.com/-gF6coHxJK0Q/X71ZQx-iW4I/AAAAAAAACLQ/zJaBjhvBVTAOGI3sKIHsDH35gqVT1H-JACLcBGAsYHQ/s0/topbar-menu.png" title="Tobar Menu" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-topicons">Topbar Icons</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Topbar Icons</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Supported Icons: </b><strike style="font-size: medium; font-weight: 400;">blogger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">apple</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">amazon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">microsoft</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook-f</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitter</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">rss</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">youtube</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">skype</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stumbleupon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">tumblr</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">vk</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stack-overflow</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">github</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">linkedin</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">dribbble</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">soundcloud</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">behance</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">digg</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">instagram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest-p</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitch</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">steam</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">delicious</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">codepen</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">flipboard</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">reddit</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">whatsapp</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">telegram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">messenger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">snapchat</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">email</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">discord</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">quora</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">share</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">external-link</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Topbar Icons" border="0" data-original-height="930" data-original-width="867" src="https://1.bp.blogspot.com/-Ty7C4M37Z8w/X71aDjEt0wI/AAAAAAAACLc/-O7otm3HXHAn47QwTRKYYowv8xCq-jmkgCLcBGAsYHQ/s0/topbar-icons.png" title="Topbar Icons" /></div></h3><h3><span style="font-size: medium; font-weight: 400;"></span></h3><h3 id="go-menu">Mobile Logo</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Mobile Logo Section</b><span style="font-size: medium; font-weight: 400;"> gadgets.</span></h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"></div></h3><h3><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-EQZZRzFRK50/YLOF2Hi64JI/AAAAAAAAK1M/D643VC0LsvocabpzPWgPtS7lJibQSOgHgCNcBGAsYHQ/s708/Blogger-Layout.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="708" data-original-width="598" src="https://1.bp.blogspot.com/-EQZZRzFRK50/YLOF2Hi64JI/AAAAAAAAK1M/D643VC0LsvocabpzPWgPtS7lJibQSOgHgCNcBGAsYHQ/s16000/Blogger-Layout.png" /></a></div><div><br /></div></h3><h3 id="go-menu">Header Menu</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Header Menu</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Normal Link and DropDown Options:</b></h4><h3><b style="font-size: medium;">Homepage Link Example: </b><span style="font-size: medium; font-weight: 400;">Add the text and in the site url field add </span><strike style="font-size: medium; font-weight: 400;">{homepage}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Normal Link Example: </b><strike style="font-size: medium; font-weight: 400;">Features</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">SubLink Level 1 Example: </b><strike style="font-size: medium; font-weight: 400;">_Level 1</strike><span style="font-size: medium; font-weight: 400;"> "Before the Title add </span><b style="font-size: medium;">1 underscore</b><span style="font-size: medium; font-weight: 400;">"</span><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">SubLink Level 2 Example: </b><strike style="font-size: medium; font-weight: 400;">__Level 2</strike><span style="font-size: medium; font-weight: 400;"> "Before the Title add </span><b style="font-size: medium;">2 underscore</b><span style="font-size: medium; font-weight: 400;">"</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Main Menu Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Menu Settings" border="0" data-original-height="569" data-original-width="700" src="https://1.bp.blogspot.com/-le46mq2ZR3g/YCRrVxzMwMI/AAAAAAAACVA/owUxd51LS00hKs1B2-1-sa7Yx6066U41ACLcBGAsYHQ/s16000/main-menu.png" title="Menu Settings" /></div><br style="font-size: medium; font-weight: 400;" /><warning class="alert" style="font-size: medium; font-weight: 400;"><b>ALERT: </b>Level 2 Links must be between or below level 1 links.</warning><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Home Link Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Homepage Link" border="0" data-original-height="203" data-original-width="844" src="https://1.bp.blogspot.com/-KXch08UkUbg/YCRqlOGtC1I/AAAAAAAACU4/4u7IIutsHnk6xpG3xkzawL1zNFJZ8lpWgCLcBGAsYHQ/s16000/home-link.png" title="Homepage Link" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4>Mega Menu Options:</h4><h3><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">{getContent} $label={<span style="color: red;">Your Label</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Label:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">label</strike><span style="font-size: medium; font-weight: 400;"> or </span><strike style="font-size: medium; font-weight: 400;">recent</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">What are Label?</b><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Post Labels" border="0" data-original-height="176" data-original-width="1055" src="https://1.bp.blogspot.com/-ootFEjbpkOk/YCRooddPKhI/AAAAAAAACUY/taGhM6Tz9e0-l0jR1cRNCkZIxfiP0d02ACLcBGAsYHQ/s16000/post-labels.png" title="Post Labels" /></div><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">{getContent} $label={Laptops}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Mega Menu Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Mega Menu Shortcode" border="0" data-original-height="208" data-original-width="843" src="https://1.bp.blogspot.com/-ufLBBkqV8FM/YCRqIw94GlI/AAAAAAAACUw/oyK6OSpiJgA3k7Jgplfgu4mTTe9uYx5YwCLcBGAsYHQ/s16000/mega-menu.png" title="Mega Menu Shortcode" /></div><br style="font-size: medium; font-weight: 400;" /><success class="alert" style="font-size: medium; font-weight: 400;"><b>SAVING: </b>After adding all the desired links and organizing them in the correct position, click on the <b>Save Button</b>.</success></h3><h3 id="go-feat">Featured Posts</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">Popular Posts</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Featured Posts</b><span style="font-size: medium; font-weight: 400;"> section.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">{getContent} $label={<span style="color: red;">Your Label</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Label:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">label</strike><span style="font-size: medium; font-weight: 400;"> or </span><strike style="font-size: medium; font-weight: 400;">recent</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">{getContent} $label={Laptops}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>By HTML/Javascript:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Featured Post" border="0" data-original-height="873" data-original-width="865" src="https://1.bp.blogspot.com/-busskAmAb44/YCRsyAwwU2I/AAAAAAAACVM/49_HZvVbJSg84BgEl25x9jnKnByipiCEwCLcBGAsYHQ/s16000/featured-html.png" title="Featured Post" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>By Popular Posts:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Featured Post by Popular" border="0" data-original-height="771" data-original-width="865" src="https://1.bp.blogspot.com/-XBVeFlSZU8w/YCRs2ypilvI/AAAAAAAACVQ/9OacGQ2LryAwFLB6aDA1Be_HNLv_bqOtQCLcBGAsYHQ/s16000/featured-popular.png" title="Featured Post by Popular" /></div></h3><h3><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-hads">Header ADS</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the section </span><b style="font-size: medium;">Header ADS</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Header Ads" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Header Ads" /></div></h3><h3><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-trend">Content Section 1 / Content Section 2</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;"> > in the sections </span><b style="font-size: medium;">Content Section 1</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">Content Section 2</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">{getContent} $results={<span style="color: red;">Number of Results</span>} $label={<span style="color: red;">Your Label</span>} $type={<span style="color: red;">Custom Type</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Results:</b><span style="font-size: medium; font-weight: 400;"> You must add the desired number of results.</span><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Label:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">label</strike><span style="font-size: medium; font-weight: 400;"> or </span><strike style="font-size: medium; font-weight: 400;">recent</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Types:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">block1</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">block2</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">grid1</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">grid2</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">colLeft</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">colRight</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">video</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">{getContent} $results={5} $label={Laptops} $type={block1}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>By HTML/Javascript:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Content Sections" border="0" data-original-height="873" data-original-width="865" src="https://1.bp.blogspot.com/-Xo6TFzYi68A/YCRxRtHCUjI/AAAAAAAACVg/tcminwh4s_Y5bMXbR6atcFTgY0eZilldgCLcBGAsYHQ/s16000/content-section.png" title="Content Sections" /></div><br style="font-size: medium; font-weight: 400;" /><info class="alert" style="font-size: medium; font-weight: 400;"><b>NOTE: </b>You can add as many gadgets as you like. But they are optional and, if you wish, you can remove them at any time.</info><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-mad">Main ADS 1 / Main ADS 2</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the sections </span><b style="font-size: medium;">Main ADS 1</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">Main ADS 2</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Main Ads" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Main Ads" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-posts">Main Posts</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Main Posts/Blog Posts</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Blog Posts" border="0" data-original-height="1211" data-original-width="841" src="https://1.bp.blogspot.com/-PV68IvbjhDY/X71mcu6-gBI/AAAAAAAACMk/8IsBBEylb4I3Fi5QxYb9gQf8ucPT5R2LQCLcBGAsYHQ/s0/blog-posts.png" title="Blog Posts" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4>Comments Settings:</h4><h3><span style="font-size: medium; font-weight: 400;">The comment settings are intuitive like never seen before. The new shortcodes should be added in > </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">Blog Posts</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">Comments Field</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Blogger Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$type={blogger}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Disqus Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$type={disqus} $shortname={templateify-comments}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Custom Disqus Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$type={disqus} $shortname={<span style="color: red;">Your Shortname</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Facebook Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$type={facebook}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><span style="font-size: medium; font-weight: 400;">For facebook comments to work correctly, you need to configure the </span><a href="#fb-sdk" style="font-size: medium; font-weight: 400;">facebook SDK</a><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-toc">Table of Contents</h3><h3><span style="font-size: medium; font-weight: 400;">This function is available for posts and pages and can be added easily via shortcode.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">{tocify} $title={<span style="color: red;">Table of Contents</span>}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">NOTE:</b><span style="font-size: medium; font-weight: 400;"> After adding a Shortcode apply the </span><b style="font-size: medium;">Bold</b><span style="font-size: medium; font-weight: 400;"> style.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Table of Content" border="0" data-original-height="420" data-original-width="1130" src="https://1.bp.blogspot.com/-HlrWHntmPt0/YCRzsYeLU0I/AAAAAAAACV0/S6e1grrlXSsnDnOOQ8PetN90irjnWoDiQCLcBGAsYHQ/s16000/toc.png" style="border: 1px solid rgb(233, 235, 238);" title="Table of Content" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-ads">In-Article ADS on "Post Page"</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the sections </span><b style="font-size: medium;">Post ADS 1 (</b><i style="font-size: medium; font-weight: 400;"> <span style="color: #00b140;">before content</span> </i><b style="font-size: medium;">) </b><span style="font-size: medium; font-weight: 400;">and </span><b style="font-size: medium;">Post ADS 2 (</b><i style="font-size: medium; font-weight: 400;"> <span style="color: #00b140;">after content</span></i><b style="font-size: medium;"> )</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Post Ads 1 and 2" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Post Ads 1 and 2" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Move <span style="color: #00b140;">Post ADS 1</span> and <span style="color: #00b140;">Post ADS 2</span> to inside the post content:</b></h4><h3><b style="font-size: medium;">Sortcode ADS 1:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;"><b>$ads={1}</b></strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Sortcode ADS 2:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;"><b>$ads={2}</b></strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">NOTE:</b><span style="font-size: medium; font-weight: 400;"> After adding a Shortcode apply the </span><b style="font-size: medium;">Bold</b><span style="font-size: medium; font-weight: 400;"> style. Example: </span><strike style="font-size: medium; font-weight: 400;"><b>$ads={2}</b></strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="In-Article Ads" border="0" data-original-height="655" data-original-width="927" src="https://1.bp.blogspot.com/-amctilW7RHA/YCR0SOP2EUI/AAAAAAAACV8/9TDEXDkQDeA7YknOiiKwDEL2tRn12iEywCLcBGAsYHQ/s16000/post-ads.png" title="In-Article Ads" /></div><br style="font-size: medium; font-weight: 400;" /><warning class="alert" style="font-size: medium; font-weight: 400;"><b>IMPORTANT: </b>The ad will only appear if you have inserted in the section, if you want to hide just remove check to not display or remove the gadget. </warning><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-author">Author Box</h3><h3><span style="font-size: medium; font-weight: 400;">The widget receives the </span><u style="font-size: medium; font-weight: 400;">blogger profile informations</u><span style="font-size: medium; font-weight: 400;"> automatically, As long as your profile is </span><b style="font-size: medium;">marked as public</b><span style="font-size: medium; font-weight: 400;">. The icons are displayed if there are links in the introduction.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Supported Icons: </b><strike style="font-size: medium; font-weight: 400;">blogger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">apple</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">amazon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">microsoft</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook-f</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitter</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">rss</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">youtube</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">skype</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stumbleupon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">tumblr</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">vk</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stack-overflow</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">github</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">linkedin</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">dribbble</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">soundcloud</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">behance</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">digg</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">instagram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest-p</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitch</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">steam</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">delicious</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">codepen</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">flipboard</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">reddit</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">whatsapp</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">telegram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">messenger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">snapchat</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">email</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">discord</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">quora</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">share</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">external-link</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Blogger Settings: Go to <a href="https://www.blogger.com/edit-profile.g" rel="nofollow" target="_blank">https://www.blogger.com/edit-profile.g</a></b></h4><h3><span style="font-size: medium; font-weight: 400;">Find for </span><b style="font-size: medium;">Additional Information</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">Introduction</b><span style="font-size: medium; font-weight: 400;"> > and add your description with </span><b style="font-size: medium;">HTML</b><span style="font-size: medium; font-weight: 400;"> links.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">HTML Link:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;"><a href="<span style="color: red;">Your Link Here</span>"><span style="color: red;">Icon Name</span></a></strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">HTML Link Example:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;"><a href="https://facebook.com/templateify">facebook</a></strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Author Settings" border="0" data-original-height="327" data-original-width="916" src="https://1.bp.blogspot.com/-ZBtcu0WsYRA/YCR2tcLNYQI/AAAAAAAACWU/EA5j8FhazgosSBqbRff5F6KwWzdSn2KVgCLcBGAsYHQ/s16000/author-description.png" title="Author Settings" /></div><br style="font-size: medium; font-weight: 400;" /><warning class="alert" style="font-size: medium; font-weight: 400;"><b>IMPORTANT: </b>The <b>"Introduction"</b> is required for the author box to be displayed! But the links are not required. </warning><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-related">Advanced Related Posts</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Related Posts</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$results={<span style="color: red;">Number of Results</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">$results={3}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Related Posts" border="0" data-original-height="875" data-original-width="865" src="https://1.bp.blogspot.com/-mbZm7DL11Zo/YCR2yql-8YI/AAAAAAAACWY/gh5_oBEK4R0UyPAmA82A0jHEbyfST4JkACLcBGAsYHQ/s16000/related-posts.png" title="Related Posts" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-postads3">Post ADS 3</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the section </span><b style="font-size: medium;">Post ADS 3</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Post Ads 3" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Post Ads 3" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-count">Social Buttons on Sidebar</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">Link List</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Sidebar</b><span style="font-size: medium; font-weight: 400;"> section.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Supported Icons: </b><strike style="font-size: medium; font-weight: 400;">blogger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">apple</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">amazon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">microsoft</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook-f</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitter</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">rss</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">youtube</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">skype</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stumbleupon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">tumblr</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">vk</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stack-overflow</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">github</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">linkedin</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">dribbble</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">soundcloud</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">behance</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">digg</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">instagram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest-p</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitch</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">steam</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">delicious</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">codepen</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">flipboard</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">reddit</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">whatsapp</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">telegram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">messenger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">snapchat</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">email</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">discord</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">quora</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">share</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">external-link</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Social Button on Sidebar" border="0" data-original-height="920" data-original-width="840" src="https://1.bp.blogspot.com/-h8MjwaGzauI/YCR7h1qtDsI/AAAAAAAACW8/8h51BXYCOtcuVrh9yvWdf1QMCQqtd0XhwCLcBGAsYHQ/s16000/social-buttons.png" title="Social Button on Sidebar" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-list">Post Widgets on Sidebar</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;"> > in the</span><b style="font-size: medium;"> Sidebar </b><span style="font-size: medium; font-weight: 400;">section.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">{getContent} $results={<span style="color: red;">Number of Results</span>} $label={<span style="color: red;">Your Label</span>} $type={<span style="color: red;">Custom Type</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Results:</b><span style="font-size: medium; font-weight: 400;"> You must add the desired number of results.</span><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Label:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">label</strike><span style="font-size: medium; font-weight: 400;"> or </span><strike style="font-size: medium; font-weight: 400;">recent</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Types:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">default</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">mini</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">comments</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">{getContent} $results={4} $label={Laptops} $type={mini}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">NOTE:</b><span style="font-size: medium; font-weight: 400;"> The </span><strike style="font-size: medium; font-weight: 400;">$label={}</strike><span style="font-size: medium; font-weight: 400;"> attribute is not required for the </span><strike style="font-size: medium; font-weight: 400;">comments</strike><span style="font-size: medium; font-weight: 400;"> type.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Posts Widgets on Sidebar" border="0" data-original-height="876" data-original-width="865" src="https://1.bp.blogspot.com/-grYfcYwyfN8/YCR9Dchxp6I/AAAAAAAACXI/u_gm2QNxM-IH1Lyqo7sWAYbHc8ptlqklQCLcBGAsYHQ/s16000/sidebar-posts.png" title="Posts Widgets on Sidebar" /></div></h3><h3 id="go-fads">Footer ADS</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the section </span><b style="font-size: medium;">Footer ADS</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Footer Ads" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Footer Ads" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-about">About Section</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">About Section</b><span style="font-size: medium; font-weight: 400;"> gadgets.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>1.1 - About Us</b></h4><h3><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-EQZZRzFRK50/YLOF2Hi64JI/AAAAAAAAK1M/D643VC0LsvocabpzPWgPtS7lJibQSOgHgCNcBGAsYHQ/s708/Blogger-Layout.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="708" data-original-width="598" src="https://1.bp.blogspot.com/-EQZZRzFRK50/YLOF2Hi64JI/AAAAAAAAK1M/D643VC0LsvocabpzPWgPtS7lJibQSOgHgCNcBGAsYHQ/s16000/Blogger-Layout.png" /></a></div><br /><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>1.2 - Follow Us</b></h4><h3><b style="font-size: medium;">Supported Icons: </b><strike style="font-size: medium; font-weight: 400;">blogger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">apple</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">amazon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">microsoft</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook-f</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitter</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">rss</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">youtube</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">skype</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stumbleupon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">tumblr</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">vk</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stack-overflow</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">github</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">linkedin</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">dribbble</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">soundcloud</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">behance</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">digg</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">instagram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest-p</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitch</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">steam</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">delicious</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">codepen</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">flipboard</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">reddit</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">whatsapp</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">telegram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">messenger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">snapchat</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">email</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">discord</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">quora</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">share</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">external-link</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="About Us Social Icons" border="0" data-original-height="953" data-original-width="846" src="https://1.bp.blogspot.com/-r176B2phIeM/X71ptjmWrjI/AAAAAAAACNM/a69dbZbrBWImoTzK0s8aR78tcFxFR6angCLcBGAsYHQ/s16000/about-us-icons.png" title="About Us Social Icons" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-copy">Footer Copyright (<span style="color: #00b140;">Premium</span>)</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Footer Copyright</b><span style="font-size: medium; font-weight: 400;"> gadget.</span></h3><h3><span style="font-size: medium; font-weight: 400;">For normal credits add 'normal' into the space for custom credits add your credits as shown below.</span></h3><h3><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Custom Credits" border="0" data-original-height="874" data-original-width="865" src="https://1.bp.blogspot.com/-EMTUyGVOXP8/YCSAE6iRe1I/AAAAAAAACXc/cLBQlr-SvgItDGGspZcZAsayRLZ-yJj8ACLcBGAsYHQ/s16000/footer-credits.png" title="Custom Credits" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-fmenu">Footer Menu</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Footer Menu</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Footer Menu" border="0" data-original-height="923" data-original-width="841" src="https://1.bp.blogspot.com/-lHyTOLJNPP0/YCSAqT07G4I/AAAAAAAACXo/RHSJslUxKFonJc5TkBGcjfifZP8pSlzfQCLcBGAsYHQ/s16000/footer-menu.png" title="Footer Menu" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-cookies">Cookie Consent</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Cookie Consent</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$ok={<span style="color: red;">Button Text</span>} $days={<span style="color: red;">Expires Days</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">$ok={Accept !} $days={7}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Cookie Consent" border="0" data-original-height="876" data-original-width="865" src="https://1.bp.blogspot.com/-Wp-IohifURs/YCSBTwe938I/AAAAAAAACXw/DJK3Fc2zBEg1gETqGx8qi9NFpbQZRhykQCLcBGAsYHQ/s16000/cookie-consent.png" title="Cookie Consent" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-feed">Site Feed</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Settings</b><span style="font-size: medium; font-weight: 400;"> > and go to</span><b style="font-size: medium;"> Site Feed</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Site Feed Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Site Feed" border="0" data-original-height="742" data-original-width="1251" src="https://4.bp.blogspot.com/-iWyeMGjkYis/XwZK_VXB-yI/AAAAAAAAB5Y/Y2qTvHMTS-sehVvYHHQ2GPgFNBQiG0f-QCLcBGAsYHQ/s16000/site-feed.png" title="Site Feed" /></div><br style="font-size: medium; font-weight: 400;" /><warning class="alert" style="font-size: medium; font-weight: 400;"><b>IMPORTANT: </b>For Mega Menu, Featured Posts, Content Sections, Related Posts, Recent Comments Gadget and Others work normally, you must configure the site feed to "<b>Full</b>".</warning><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-options">Theme Options</h3><h3><br style="font-size: medium; font-weight: 400;" /></h3><h4 id="fb-sdk">1.1 - Facebook SDK</h4><h3><span id="result_box" lang="en" style="font-size: medium; font-weight: 400;">The Facebook Comments only work if you have the Facebook SDK installed on your theme. See below for the steps to acquire and install the Facebook SDK.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Get SDK:</b></h4><h3><b style="font-size: medium;">Step 01:</b><span style="font-size: medium; font-weight: 400;"> Go to </span><a href="https://developers.facebook.com/docs/plugins/page-plugin/" rel="nofollow" style="font-size: medium; font-weight: 400;" target="_blank">https://developers.facebook.com/docs/plugins/page-plugin/</a><span style="font-size: medium; font-weight: 400;"> and click on </span><b style="font-size: medium;">Get Code</b><span style="font-size: medium; font-weight: 400;"> button and copy the SDK Script.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Copying SDK:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Facebook SDK" border="0" data-original-height="635" data-original-width="1114" src="https://1.bp.blogspot.com/-3psja_Z7GSo/YCSCY2GcMCI/AAAAAAAACX8/uL_Xz8cUc441aNw6ihGKL9FCK0AdT8fEQCLcBGAsYHQ/s16000/facebook-sdk.png" title="Facebook SDK" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>SDK en_US:</b></h4><h3><code style="font-weight: 400;"><span style="color: #f6b26b;">https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v9.0</span></code><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Installing SDK:</b></h4><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Theme Options </b><span style="font-size: medium; font-weight: 400;">></span><b style="font-size: medium;"> Facebook SDK </b><span style="font-size: medium; font-weight: 400;">gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Facebook SDK Settings" border="0" data-original-height="684" data-original-width="866" src="https://1.bp.blogspot.com/-3gfoHr-_P9M/YCSDE_GAy0I/AAAAAAAACYE/cwAoqpijKsMB7wHRB_i8tTHpV0GNjwlXgCLcBGAsYHQ/s16000/skd-settings.png" title="Facebook SDK Settings" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4>1.2 - No Thumbnail Image</h4><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Theme Options </b><span style="font-size: medium; font-weight: 400;">></span><b style="font-size: medium;"> No Thumbnail Image </b><span style="font-size: medium; font-weight: 400;">gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="No Thumbnail Image" border="0" data-original-height="940" data-original-width="840" src="https://1.bp.blogspot.com/-Qvd1IULEjEE/YCSE8uZNMdI/AAAAAAAACYU/gZ2najXqIoEoqrRRy6OLH4VZC-8lgRE7ACLcBGAsYHQ/s16000/no-thumbnail.png" title="No Thumbnail Image" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4>1.3 - JSON Variables</h4><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Theme Options </b><span style="font-size: medium; font-weight: 400;">></span><b style="font-size: medium;"> JSON Variables </b><span style="font-size: medium; font-weight: 400;">gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><code style="font-weight: 400;"><span style="color: white;">{<br /> <span style="color: #6fa8dc;">viewAllText</span>: <span style="color: #f6b26b;">"View all"</span>,<br /> <span style="color: #6fa8dc;">dateFormat</span>: <span style="color: #f6b26b;">"{m} {d}, {y}"</span>,<br /> <span style="color: #6fa8dc;">months</span>: {<br /> <span style="color: #6fa8dc;">jan</span>: <span style="color: #f6b26b;">"January"</span>,<br /> <span style="color: #6fa8dc;">feb</span>: <span style="color: #f6b26b;">"February"</span>,<br /> <span style="color: #6fa8dc;">mar</span>: <span style="color: #f6b26b;">"March"</span>,<br /> <span style="color: #6fa8dc;">apr</span>: <span style="color: #f6b26b;">"April"</span>,<br /> <span style="color: #6fa8dc;">may</span>: <span style="color: #f6b26b;">"May"</span>,<br /> <span style="color: #6fa8dc;">jun</span>: <span style="color: #f6b26b;">"June"</span>,<br /> <span style="color: #6fa8dc;">jul</span>: <span style="color: #f6b26b;">"July"</span>,<br /> <span style="color: #6fa8dc;">aug</span>: <span style="color: #f6b26b;">"August"</span>,<br /> <span style="color: #6fa8dc;">sep</span>: <span style="color: #f6b26b;">"September"</span>,<br /> <span style="color: #6fa8dc;">oct</span>: <span style="color: #f6b26b;">"October"</span>,<br /> <span style="color: #6fa8dc;">nov</span>: <span style="color: #f6b26b;">"November"</span>,<br /> <span style="color: #6fa8dc;">dec</span>: <span style="color: #f6b26b;">"December"</span><br /> }<br />}</span></code><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">viewAllText:</b><span style="font-size: medium; font-weight: 400;"> default is </span><strike style="font-size: medium; font-weight: 400;">View all</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">dateFormat:</b><span style="font-size: medium; font-weight: 400;"> default is </span><strike style="font-size: medium; font-weight: 400;">{m} {d}, {y}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">months:</b><span style="font-size: medium; font-weight: 400;"> default is </span><strike style="font-size: medium; font-weight: 400;">January</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">February</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">March</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">April</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">May</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">June</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">July</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">August</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">September</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">October</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">November</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">December</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="JSON Options" border="0" data-original-height="872" data-original-width="865" src="https://1.bp.blogspot.com/-rZvhPh9UOf0/YCSE28NJuGI/AAAAAAAACYQ/8SZpBBXHLwUUn4KXVstvWnnuYFmvtGd_ACLcBGAsYHQ/s16000/json-options.png" title="JSON Options" /></div><br style="font-size: medium; font-weight: 400;" /><warning class="alert" style="font-size: medium; font-weight: 400;"><b>IMPORTANT: </b>This functionality is only valid for <b>{getContent}</b> Gadgets and Related Posts. Other formats are changed in the blog settings.</warning></h3></div><div><h3><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-customize">How to Customize This Theme?</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Theme</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Customize </b><span style="font-size: medium; font-weight: 400;">button > and find </span><b style="font-size: medium;">Background</b><span style="font-size: medium; font-weight: 400;"> and </span><b style="font-size: medium;">Advanced</b><span style="font-size: medium; font-weight: 400;"> options.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Available customizations: </b><span style="font-size: medium; font-weight: 400;">Theme Options, Widths, Fonts, Backgrounds, Colors and more.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4>Background Example:</h4><h3><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-3dz6O6kPvVc/YVlPmimnbrI/AAAAAAAALsI/WlIrvXo2BRIxby8YXcELA-ZHhROKCKvwwCNcBGAsYHQ/s1894/Blogger-Customizer.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="551" data-original-width="1894" src="https://1.bp.blogspot.com/-3dz6O6kPvVc/YVlPmimnbrI/AAAAAAAALsI/WlIrvXo2BRIxby8YXcELA-ZHhROKCKvwwCNcBGAsYHQ/s16000/Blogger-Customizer.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h4>Advanced > Theme Options:</h4><h3><b style="font-size: medium;">Native Dark Mode:</b><span style="font-size: medium; font-weight: 400;"> </span><b style="font-size: medium;">0</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">false</strike><span style="font-size: medium; font-weight: 400;"> and </span><b style="font-size: medium;">1</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">true</strike><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-ps724fqMysw/YVlPsbOr8oI/AAAAAAAALsM/B3PFcrLvuXk7JmYWV8-tL0vGjoOsPRYTACNcBGAsYHQ/s1475/dark-mode.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="623" data-original-width="1475" src="https://1.bp.blogspot.com/-ps724fqMysw/YVlPsbOr8oI/AAAAAAAALsM/B3PFcrLvuXk7JmYWV8-tL0vGjoOsPRYTACNcBGAsYHQ/s16000/dark-mode.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Left Sidebar:</b><span style="font-size: medium; font-weight: 400;"> </span><b style="font-size: medium;">0</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">false</strike><span style="font-size: medium; font-weight: 400;"> and </span><b style="font-size: medium;">1</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">true</strike><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-R3E05KeFZbk/YVlP0X78PaI/AAAAAAAALsQ/3x6M7b4m_XQTcOD0UlvKNqSMgYwvNX57wCNcBGAsYHQ/s1404/left-sidebar.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="604" data-original-width="1404" src="https://1.bp.blogspot.com/-R3E05KeFZbk/YVlP0X78PaI/AAAAAAAALsQ/3x6M7b4m_XQTcOD0UlvKNqSMgYwvNX57wCNcBGAsYHQ/s16000/left-sidebar.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h4>Advanced > Theme Widths:</h4><h3><b style="font-size: medium;">Boxed Mode:</b><span style="font-size: medium; font-weight: 400;"> </span><b style="font-size: medium;">0</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">false</strike><span style="font-size: medium; font-weight: 400;"> and </span><b style="font-size: medium;">1</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">true</strike><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-EXkm1yqIkQY/YVlP8SSWWII/AAAAAAAALsY/ryZrr2rSvjA17Pei5Xmij2xbaX5K8t4LACNcBGAsYHQ/s1723/box-mode.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="615" data-original-width="1723" src="https://1.bp.blogspot.com/-EXkm1yqIkQY/YVlP8SSWWII/AAAAAAAALsY/ryZrr2rSvjA17Pei5Xmij2xbaX5K8t4LACNcBGAsYHQ/s16000/box-mode.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h4>Advanced > Theme Colors and Fonts:</h4><h3><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-DdGOoZLpK8w/YVlQBzDOk6I/AAAAAAAALsc/ywryOy0n888C0qx5-q-qY7qXB7cbQhjMQCNcBGAsYHQ/s1502/Theme-colors.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="523" data-original-width="1502" src="https://1.bp.blogspot.com/-DdGOoZLpK8w/YVlQBzDOk6I/AAAAAAAALsc/ywryOy0n888C0qx5-q-qY7qXB7cbQhjMQCNcBGAsYHQ/s16000/Theme-colors.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h3><br style="font-size: medium; font-weight: 400;" /><info class="alert" style="font-size: medium; font-weight: 400;"><b>INFO:</b> When changing the font of the site and it has a blurred appearance, you can solve it by clicking to reset the fonts in the option <b>Advanced</b> > <b>Theme Fonts (Reset)</b>.</info></h3></div><div>
<div style="text-align: center;">
</div>
<h3 style="clear: both; text-align: left;">
Installation And Custom Services</h3>
<div class="separator" style="clear: both; text-align: justify;">
We provide plenty of templates for free but if you want something unique for your blog then let us create a unique design for your blog, Just tell us your needs and we will convert your dream design into reality. We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle.</div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide2" href="http://www.soratemplates.com/p/contact-us.html" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Contact Us</span> <span class="title-hover2">Custom template Services</span> </a> </div>
</div>
</div>
<style>
.item .post-body strike {
background-color: #f9f9f9;
font-family: Monospace;
font-size: 12px;
color: blue;
text-decoration: none;
padding: 1px 5px;
margin: 0 2px 0 0;
border: 1px dashed #e9ebee;
border-radius: 3px;
}
info.alert {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb;
}
.alert {
display: block;
color: #383d41;
background-color: #e2e3e5;
padding: 5px 10px;
border: 1px solid #d6d8db;
border-radius: 0;
}
line {
display: block;
padding: 0 0 15px;
margin: 15px 0 0;
border-top: 1px dashed #e9ebee;
}
success.alert {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
warning.alert {
color: #856404;
background-color: #fff3cd;
border-color: #fce9b0;
}
code {
display: block;
background-color: #1f2024;
line-height: 1.3em;
padding: 10px;
border-radius: 0;
}
</style>TemplatesYardhttp://www.blogger.com/profile/16801688932542878100noreply@blogger.com0tag:blogger.com,1999:blog-1320824803216639156.post-9639525871831681362023-11-12T01:03:00.003+05:302023-11-14T18:55:59.588+05:30How To Setup Kailasa Blogger Template [TemplatesYard]<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghkSwdnBeYMYQi49IQJgvve8_QtH93C9kg1-KzUU8MSqdBxk1ZlSxEOloZINVtx7U1h3k1EqbLZbUFH2cViaS2_agvCz5qQ98ByuV5amZTw_ykoelBIRfGdtsYj5kLYU1Wn0-1-RgNT-OXYum6FZaZOjaYg0OH2b90Ts5FbKVWTubqpsRyLqCMDiVuIjUh/s1600/Kailasa%20Blogger%20Template.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghkSwdnBeYMYQi49IQJgvve8_QtH93C9kg1-KzUU8MSqdBxk1ZlSxEOloZINVtx7U1h3k1EqbLZbUFH2cViaS2_agvCz5qQ98ByuV5amZTw_ykoelBIRfGdtsYj5kLYU1Wn0-1-RgNT-OXYum6FZaZOjaYg0OH2b90Ts5FbKVWTubqpsRyLqCMDiVuIjUh/s1600/Kailasa%20Blogger%20Template.jpg" /></a><br /></div><br />
Kailasa Blogger Template is a stylish and attractive Beauty and Magazine Blogspot Theme. It is crafted for a lifestyle magazine, fashion magazine, online news, health and beauty tips, creative designer, web design, and health tips blog. To make it easy for you. we have published this detailed documentation so that you can set up your blog correctly. You have made a good decision by choosing our template. <br />
<a name='more'></a>You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users. </div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide" href="https://kailasa-templatesyard.blogspot.com/" rel="nofollow" target="_blank"> <span class="circle"><i aria-hidden="true" class="fa fa-rocket"></i></span> <span class="title">See Demo</span> <span class="title-hover">Live Preview</span> </a> <a class="btn-slide2" href="https://www.templatesyard.com/2023/11/kailasa-blogger-template.html" rel="nofollow" target="_blank"> <span class="circle2"><i aria-hidden="true" class="fa fa-download"></i></span> <span class="title2">Free Download</span> <span class="title-hover2">Free Version</span> </a> <a class="btn-slide2" href="https://premiumbloggerthemes.gumroad.com/l/kailasapremium" rel="nofollow" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Buy Now</span> <span class="title-hover2">Premium Version</span> </a> </div>
<div class="basic-setup-sec">
<h3 style="text-align: left;">
<b>Basic Setup</b></h3>
<ol style="text-align: left;">
<li><b><a href="http://www.sorabloggingtips.com/p/how-to-install-blogger-template.html" target="_blank">Template Installation</a></b></li>
<li><a href="http://www.sorabloggingtips.com/p/how-to-install-logo-in-your-blog.html" target="_blank"><b>Logo Setup</b></a></li>
<li><b><a href="http://www.sorabloggingtips.com/p/default-setting-for-blogger-templates.html" target="_blank">Template Setting</a></b></li>
<li wfd-id="88"><b><a href="https://www.sorabloggingtips.com/p/shortcodes-and-page-markups-v20.html" target="_blank">Shortcodes & Markups v2.0</a></b></li>
<li><b><a href="http://www.sorabloggingtips.com/2017/01/how-to-add-sitemap-widget-in-blogspot-blogs.html" target="_blank">Create Sitemap</a></b></li>
</ol>
</div>
<div class="video-setup-sec">
<h3 style="text-align: left;">
Video Documentation</h3>
<div>
You can check this below video to understand the setup process much more easily, just click the below image to watch the video directly on YouTube, or click this link - <b><a href="https://youtu.be/0cYuzjXUpgU" rel="nofollow" target="_blank">How To Setup Kailasa Blogger Template - TemplatesYard</a></b><br />
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://youtu.be/0cYuzjXUpgU" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPDUobaVcgHgb-TBQyK5WI7p9XbhnTqQDCHq48duWZe_LIfp3Qld89piKKmQ1ijC7BPZRhRTzqAMwoEVN0ftN_Mpdmc7BfdlgGhNvaxJlas5iyETzxSJsG6VfhVii9r0brLAJbVPw4Z_2BhQ8ydnkdscDXVxYRZYBMi3NJG9HE90llinkdcbnLao9pmRQ/s1600/Kailasa%20Youtube%20Thumbnail.png" /></a></div></div></div><div><h3 style="text-align: left;"><br /></h3><div><h3>Top Navigation & Footer Navigation</h3><h3><div class="video-setup-sec" style="font-size: medium; font-weight: 400;"></div></h3><h3><div style="font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Top Navigation & Footer Navigation</b> widget.</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="536" data-original-width="550" src="https://2.bp.blogspot.com/-yXNGRKHhaW4/W1lJantSPQI/AAAAAAAAClg/KspsdbcoAS07qDLlht8179UzPtSALcwoQCLcBGAs/s1600/top-navigation.png" /></div></div></h3><h3>Social Top/ Sidebar Social</h3><h3><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;"></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div></div></div></div></div></h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Social Top/Sidebar Social</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Icons Avaliables {</b><span style="color: #0b5394;"><i> facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, twitch, delicious, codepen, reddit, whatsapp, snapchat, email</i></span> <b>}</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="606" data-original-width="549" src="https://4.bp.blogspot.com/-twEmAfV2mu4/WxdfXnxNXXI/AAAAAAAAB3A/uUSvzH6kaloTSHDra5ryhm5cHO7mrfyogCLcBGAs/s1600/top-social.png" /></div></h3><h3>Main Menu/DropDown/Multi DropDown/Mega Menu</h3><h3><div style="font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Main Menu</b> widget.</div><div><br /></div><div>Home Link: <b>Your Title-text</b> or <b>Your Title-icon</b> EX: <span style="color: #0b5394;"><b>Home-icon</b></span> or <span style="color: #0b5394;"><b>Home-text</b></span></div><div>Normal Link : <b>Features</b></div><div>Sub Link: <b>_Sub Link 1.0</b> (before the link add "<span style="color: #0b5394;"><b>_</b></span>") 1 underscore</div><div>Sub Link 2: <b>__Sub Link 1.1</b> (before the link add "<span style="color: #0b5394;"><b>__</b></span>") 2 underscore</div><div>Mega Shortcode by Label: <b>Technology/mega-menu</b></div><div>Mega Shortcode by Recent: <b>recent/mega-menu</b></div><div>Mega Shortcode by Random: <b>random/mega-menu</b></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="834" data-original-width="546" src="https://3.bp.blogspot.com/-ioGqbcfLimc/WxdkFWsL_AI/AAAAAAAAB3U/tIGE6Qztw0MG94xTk4968Lrj10p4mxVnACLcBGAs/s1600/main-menu.png" /><br /></div></div></h3><h3><div style="font-size: medium;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both; font-weight: 400;"><div></div></div></div></div></div></h3><h3><div style="font-size: medium; font-weight: 400;"><div></div></div></h3><h3>Hot Posts</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Hot Posts</b> section, you must place the following names highlighted in blue below.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Shortcode: <b><span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> </b>or<b> <span style="color: #38761d;">random</span>/hot-posts</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Example: <b>Technology/hot-posts</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="534" data-original-width="541" src="https://4.bp.blogspot.com/-988uKOqn1CE/WzHKtkGFDpI/AAAAAAAACLk/1kGnuUU8v_4T7vASSWlU5VhB5bFtQuEAgCLcBGAs/s1600/hot-posts.png" /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h4 style="clear: both; font-weight: 400;">b) With Popular Post</h4><h3><div style="font-size: medium;"><div class="separator" style="clear: both;"><div style="font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>Popular Posts</b> on <b>Hot Post</b> section, you set the settings as below</div><div style="font-weight: 400;"><div><br /></div><div><b>Widget Settings:</b></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-cCxeGhv3ZR4/YVlK1x3M5RI/AAAAAAAALr4/peFxkFo0Op0X9Fd7xUh5rBvNGMiULK0AgCNcBGAsYHQ/s16000/Blogger-Layout.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="599" data-original-width="570" src="https://1.bp.blogspot.com/-cCxeGhv3ZR4/YVlK1x3M5RI/AAAAAAAALr4/peFxkFo0Op0X9Fd7xUh5rBvNGMiULK0AgCNcBGAsYHQ/s16000/Blogger-Layout.png" /></a></div></div><div class="separator" style="clear: both;"><i><span style="color: red;">Note:- </span>Set the number to 6 in popular post settings.</i></div><div class="separator" style="clear: both;"><br /></div></div></div></h3><h3>Newsticker</h3><h3><div style="font-size: medium;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div style="font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>News Ticker</b> section, you must place the following names highlighted in blue below.</div></div></div></div></h3><h4>a) With Shortcodes</h4><h3><div style="font-size: medium;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div style="font-weight: 400;"><br /></div><div style="font-weight: 400;">Shortcode: <b><span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> </b>or<b> <span style="color: #38761d;">random</span>/ticker-posts</b></div><div style="font-weight: 400;"><br /></div><div style="font-weight: 400;">Example: <b>6/Technology/ticker-posts</b><br /><b><br /></b></div><div style="font-weight: 400;"><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-QeFw0XA1U18/XtOV24WqSOI/AAAAAAAAImk/omfMqHccb3o67RPw_MNGvHaII8eY3N7KgCNcBGAsYHQ/s1600/Ticker%2BSS.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="599" data-original-width="553" src="https://1.bp.blogspot.com/-QeFw0XA1U18/XtOV24WqSOI/AAAAAAAAImk/omfMqHccb3o67RPw_MNGvHaII8eY3N7KgCNcBGAsYHQ/s1600/Ticker%2BSS.png" /></a></div></div></div></div></div></h3><h4 style="clear: both;">b) With Popular Post</h4><h3><div style="font-size: medium;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"></div></div></div></h3><h3><div style="font-size: medium;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>Popular Posts</b> on <b>Newsticker</b> section, you set the settings as below</div><div><div><br /></div><div><b>Widget Settings:</b></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-cCxeGhv3ZR4/YVlK1x3M5RI/AAAAAAAALr4/peFxkFo0Op0X9Fd7xUh5rBvNGMiULK0AgCNcBGAsYHQ/s16000/Blogger-Layout.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="599" data-original-width="570" src="https://1.bp.blogspot.com/-cCxeGhv3ZR4/YVlK1x3M5RI/AAAAAAAALr4/peFxkFo0Op0X9Fd7xUh5rBvNGMiULK0AgCNcBGAsYHQ/s16000/Blogger-Layout.png" /></a></div></div></div></div></div></div></h3><h3>Grid Posts 1 & 2</h3><h3><div style="font-size: medium;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both; font-weight: 400;"><div class="separator" style="clear: both;"></div></div></div></div></div></h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Grid Posts</b> section, you must place the following names highlighted in blue below.</div><div><br /></div><div>Shortcode: <b><span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> </b>or<b> <span style="color: #38761d;">random</span>/grid-post</b></div><div><br /></div><div>Example: <b>Technology/grid-post</b></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-DYV3xRxnpbA/YU1Pnfv0QzI/AAAAAAAALpA/O-fNyqT3GqQcLtztEFaRjSH0X5s2ht-OwCNcBGAsYHQ/s498/grid-post.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="450" data-original-width="498" src="https://1.bp.blogspot.com/-DYV3xRxnpbA/YU1Pnfv0QzI/AAAAAAAALpA/O-fNyqT3GqQcLtztEFaRjSH0X5s2ht-OwCNcBGAsYHQ/s16000/grid-post.png" /></a></div></div></h3><h3 style="font-weight: 400;"><div style="font-size: medium;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div style="text-align: center;"></div></div></div></div></h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"></div></h3><h3>Post List Widget</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Footer</b> section, you must place the following names highlighted in blue below.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Shortcode: <b>Results number/<span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> or <span style="color: #38761d;">random</span>/post-list</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Label Posts: <b>3/Technology/post-list</b></div><div style="font-size: medium; font-weight: 400;">Recent Posts: <b>3/recent/post-list</b></div><div style="font-size: medium; font-weight: 400;">Random Posts: <b>3/random/post-list</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="535" data-original-width="539" src="https://2.bp.blogspot.com/-4MIJlqO1pUc/WxdpOVxXIII/AAAAAAAAB3w/-cMDJxJKatQofEpeQQiJbuIjMgGxk7JbACEwYBhgL/s1600/post-list-widget.png" /></div></h3><h3>Social Widget (Sidebar)</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Social Widget</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Icons Avaliables {</b><span style="color: #0b5394;"><i> facebook, twitter, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, twitch, delicious, codepen, reddit, whatsapp, snapchat, email</i></span> <b>}</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="633" data-original-width="545" src="https://3.bp.blogspot.com/-KmBi4lg3BT0/WxdqJQRzW5I/AAAAAAAAB34/0SgzvNWYGXctNJbroOEktNk0kTvl3kyAACLcBGAs/s1600/social-widget.png" /></div></h3><h3>Post Layouts</h3><h3><div style="font-size: medium; font-weight: 400;"><b>Left Sidebar:</b> Inside the post add the text <b>left-sidebar</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;"><b>Full Width:</b> Inside the post add the text <b>full-width</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;"><b>Right Sidebar:</b> Inside the post add the text <b>right-sidebar</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="951" data-original-width="1358" src="https://2.bp.blogspot.com/-fCQMSq7tcD0/WxeSCroFr1I/AAAAAAAAB5E/ZYlvtyGAl14cPAri8JvXMhxPCPe_hx1rwCLcBGAs/s1600/post-layouts.jpg" /></div></h3><h3 style="clear: both;">Ads on post pages</h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on in the sections <b>Post ADS 1</b> ( before<span style="color: #2b00fe;"> content</span> ) , <b>Post ADS 2</b> ( after <span style="color: #2b00fe;">content</span> ).</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><b>HTML/JavaScript Ex:</b></div></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><a href="https://1.bp.blogspot.com/-pIZPRxL25u8/YDt-rmSIY6I/AAAAAAAAKGE/DgVXXmEOms8M8pbwOaMYH7oA7ITLf4paQCNcBGAsYHQ/s617/Ads%2Bsettings.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="617" data-original-width="572" src="https://1.bp.blogspot.com/-pIZPRxL25u8/YDt-rmSIY6I/AAAAAAAAKGE/DgVXXmEOms8M8pbwOaMYH7oA7ITLf4paQCNcBGAsYHQ/s16000/Ads%2Bsettings.png" /><br /></a></div></h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"></div></h3><h3>Footer About & Logo Section (Image & Text)</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > click </span><b style="font-size: medium;">Edit icon</b><span style="font-size: medium; font-weight: 400;"> > on </span><b style="font-size: medium;">About Section</b><span style="font-size: medium; font-weight: 400;"> widget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><span style="font-size: medium; font-weight: 400;">Example:</span><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><a href="https://1.bp.blogspot.com/-AnOZkEvWM8k/XtOZO36DJZI/AAAAAAAAInE/grHRtSY3s2ENqLfI8_RC4WZC6Yz-hPZtQCNcBGAsYHQ/s1600/ABout%2BSS.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="599" data-original-width="553" src="https://1.bp.blogspot.com/-AnOZkEvWM8k/XtOZO36DJZI/AAAAAAAAInE/grHRtSY3s2ENqLfI8_RC4WZC6Yz-hPZtQCNcBGAsYHQ/s1600/ABout%2BSS.png" /></a></div></h3><h3>Follow Us Widget (Footer)</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Follow Us Widget</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Icons Avaliables {</b><span style="color: #0b5394;"><i> </i></span><span style="color: #0b5394;"><i>blogger, facebook, facebook-f, twitter, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, pinterest-p, twitch, delicious, codepen, flipboard, reddit, whatsapp, messenger, snapchat, email, discord, share, external-link</i></span> <b>}</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="633" data-original-width="545" src="https://3.bp.blogspot.com/-KmBi4lg3BT0/WxdqJQRzW5I/AAAAAAAAB34/0SgzvNWYGXctNJbroOEktNk0kTvl3kyAACLcBGAs/s1600/social-widget.png" /></div></h3><h3>Theme Options</h3><h4>01 - Css Options</h4><h3><div style="font-size: medium; font-weight: 400;"> Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Css Options</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Boxed Version</b><b>:</b> In <i>New Site Name</i> add <b>boxedVersion</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Recent Posts Headline:</b> In <i>New Site Name</i> add <b>recentPostsHeadline</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="550" data-original-width="547" src="https://3.bp.blogspot.com/-T2kb3TjCXXE/W4BIA2Hq3NI/AAAAAAAAC9w/_IgyPNTUcC8esQeS68Z9JslUxEyMhrRsgCLcBGAs/s1600/css_options.png" /></div></h3><h4>02 - Default Variables</h4><h3><div style="font-size: medium; font-weight: 400;"> Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Default Variables</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Post Per Page:</b> In <i>New Site Name</i> add <b>postPerPage</b>, in <i>New Site URL</i> add the number of results, it should be the same as the posts from the home page, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Fixed Sidebar:</b> In <i>New Site Name</i> add <b>fixedSidebar</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Comments System:</b> In <i>New Site Name</i> add <b>commentsSystem</b>, in <i>New Site URL</i> add the comments sytem type <b>{<span style="color: #e69138;">blogger</span>, <span style="color: #3d85c6;">disqus</span>, <span style="color: #073763;">facebook</span> or <span style="color: #cc0000;">hide</span>}</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Disqus Shortname:</b> In <i>New Site Name</i> add <b>disqusShortname</b>, in <i>New Site URL</i> add your disqus comment system shortname, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="624" data-original-width="523" src="https://1.bp.blogspot.com/-rExdUXOAgtQ/WxduxYWEo2I/AAAAAAAAB4M/KI0ipawglGQ_fQ7axi6Yu1TdBiWU0sd9QCLcBGAs/s1600/default-variables.png" /></div></h3><h3><div style="font-size: medium; font-weight: 400;"></div></h3><h3>Facebook Page Plugin </h3><h3><div style="font-size: medium; font-weight: 400;"></div></h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Footer</b> section, and paste the code below.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><i><span style="background-color: #f3f3f3;"><center><div class="fb-page" data-href="<span style="background-color: #073763;"><span style="color: white;">https://www.facebook.com/templatesyard</span></span>" data-width="360" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div></center></span></i></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><span style="color: #cc0000;"><b>Note:</b></span> In Attribute <i><b>data-href</b></i> replace the link per your facebook page url.</div></h3></div></div>
<h3>
Customizing Your Template</h3>
<div style="font-size: medium; font-weight: 400;">
<div style="font-size: medium; font-weight: 400;">
Access your blog <b>Theme</b> > click <span style="color: #e69138;">Customize</span> button.</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Here you can change the background, and apply pre-defined colors</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="270" data-original-width="724" src="https://1.bp.blogspot.com/-H1u1QEV-qss/W4BHVwCJ8TI/AAAAAAAAC9g/_25WTIFhTjUvnRmjcGRFAl4kOI-ItSJ7QCEwYBhgL/s1600/customize_background.png" /></div>
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Clicking Advanced You will see the official option to change the Main Colors</div>
<br />
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="272" data-original-width="696" src="https://3.bp.blogspot.com/-q47DGPWfrgE/W4BHP2xDXHI/AAAAAAAAC9c/eqk39S8t2MI_9Dzhejt11Y5t0K-0-x0mACLcBGAs/s1600/customize_colors.png" /></div>
</div>
</div>
<div>
<h3 style="clear: both; text-align: left;">
Installation And Custom Services</h3>
<div class="separator" style="clear: both; text-align: justify;">
We provide plenty of templates for free but if you want something unique for your blog then let us create a unique design for your blog, Just tell us your needs and we will convert your dream design into reality. We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle.</div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide2" href="http://www.soratemplates.com/p/contact-us.html" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Contact Us</span> <span class="title-hover2">Custom template Services</span> </a> </div>
<div class="alert-message alert" style="font-size: 15px;">
<i class="fa fa-info-circle"></i> Only Premium Buyers will get the widget codes available in the demo.</div>
<div class="alert-message warning" style="font-size: 15px;">
<i class="fa fa-exclamation-triangle"></i> If you are a premium version user and you are having any problem while setting up the template please contact us by going to this <a href="http://www.templatesyard.com/p/contact-us.html" style="color: blue;" target="_blank"><b>link (Contact Form)</b></a>.</div>
</div>
</div>TemplatesYardhttp://www.blogger.com/profile/16801688932542878100noreply@blogger.com0tag:blogger.com,1999:blog-1320824803216639156.post-88774874539373706372023-11-04T17:06:00.005+05:302023-11-05T19:36:29.970+05:30How To Setup Genki Blogger Template [Way2Themes]<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLAKilM2dQ8xqky67KWuCAhUpb13m2Hg6SezOCiS_w5Luz8be6aJBaUq1UXWrN2vlXmaJBFuXBiNv3DMUd1uQq5S2psFskbW2FtYDfBLw_o61QdmkZ7eg8cf3EWtQgZ6nvNc-lyPY41AnjUCvwc4auMQa9VZPRlaGr4vm8mZoosSyj8vnt_U6AFkT5ZeQs/s1600/Genki%20Blogger%20Template.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLAKilM2dQ8xqky67KWuCAhUpb13m2Hg6SezOCiS_w5Luz8be6aJBaUq1UXWrN2vlXmaJBFuXBiNv3DMUd1uQq5S2psFskbW2FtYDfBLw_o61QdmkZ7eg8cf3EWtQgZ6nvNc-lyPY41AnjUCvwc4auMQa9VZPRlaGr4vm8mZoosSyj8vnt_U6AFkT5ZeQs/s1600/Genki%20Blogger%20Template.jpg" /></a><br /></div><br />
Genki Blogger Template is a stylish and attractive Magazine Blogger Theme. It is crafted for a lifestyle magazine, fashion magazine, online news, health and beauty tips, creative design, web design, and health tips blog. To make it easy for you we have published this detailed documentation so that you can set up your blog correctly. You have made a good decision by choosing our template. <br />
<a name='more'></a>You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users. </div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide" href="https://genki-way2themes.blogspot.com/" rel="nofollow" target="_blank"> <span class="circle"><i aria-hidden="true" class="fa fa-rocket"></i></span> <span class="title">See Demo</span> <span class="title-hover">Live Preview</span> </a> <a class="btn-slide2" href="https://www.way2themes.com/2023/11/genki-blogger-template.html" rel="nofollow" target="_blank"> <span class="circle2"><i aria-hidden="true" class="fa fa-download"></i></span> <span class="title2">Free Download</span> <span class="title-hover2">Free Version</span> </a> <a class="btn-slide2" href="https://premiumbloggerthemes.gumroad.com/l/genkipremium" rel="nofollow" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Buy Now</span> <span class="title-hover2">Premium Version</span> </a> </div>
<div class="basic-setup-sec">
<h3 style="text-align: left;">
<b>Basic Setup</b></h3>
<ol style="text-align: left;">
<li><b><a href="http://www.sorabloggingtips.com/p/how-to-install-blogger-template.html" target="_blank">Template Installation</a></b></li>
<li><a href="http://www.sorabloggingtips.com/p/how-to-install-logo-in-your-blog.html" target="_blank"><b>Logo Setup</b></a></li>
<li><b><a href="http://www.sorabloggingtips.com/p/default-setting-for-blogger-templates.html" target="_blank">Template Setting</a></b></li>
<li wfd-id="88"><b><a href="https://www.sorabloggingtips.com/p/shortcodes-and-page-markups-v20.html" target="_blank">Shortcodes & Markups v2.0</a></b></li>
<li><b><a href="http://www.sorabloggingtips.com/2017/01/how-to-add-sitemap-widget-in-blogspot-blogs.html" target="_blank">Create Sitemap</a></b></li>
</ol>
</div>
<div class="video-setup-sec">
<h3 style="text-align: left;">
Video Documentation</h3>
<div>
You can check this below video to understand the setup process much more easily, just click the below image to watch the video directly on YouTube, or click this link - <b><a href="https://youtu.be/AcLNF1P0GJA" rel="nofollow" target="_blank">How To Setup Genki Blogger Template - TemplatesYard</a></b><br />
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://youtu.be/AcLNF1P0GJA" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpajWfVGj59tr41v9LeEh-folcCyBSpa1uoTzn0-5C9FhlsiEDrOVFaXUOjDQ2aXpIQ9R-7SisoxV7a3s4K4Q-1lWwWlAr_xq1-wFV2JAbdeYaVvQzzzPHlgzHrWEbwyww5-e27Qt6Oj1er7OVlD4L8tZPNEc0B5wS-4iXQMX0Kc2FE7IjaO3PT5iaP4U/s1600/Genki%20Youtube%20Thumbnail.png" /></a></div></div></div><div><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"></div></h3><h3>Main Menu/DropDown/Multi DropDown/Mega Menu</h3><h3><div style="font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Main Menu</b> widget.</div><div><br /></div><div>Home Link: <b>Your Title-text</b> or <b>Your Title-icon</b> EX: <span style="color: #0b5394;"><b>Home-icon</b></span> or <span style="color: #0b5394;"><b>Home-text</b></span></div><div>Normal Link : <b>Features</b></div><div>Sub Link: <b>_Sub Link 1.0</b> (before the link add "<span style="color: #0b5394;"><b>_</b></span>") 1 underscore</div><div>Sub Link 2: <b>__Sub Link 1.1</b> (before the link add "<span style="color: #0b5394;"><b>__</b></span>") 2 underscore</div><div>Mega Shortcode by Label: <b>Technology/mega-menu</b></div><div>Mega Shortcode by Recent: <b>recent/mega-menu</b></div><div>Mega Shortcode by Random: <b>random/mega-menu</b></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="834" data-original-width="546" src="https://3.bp.blogspot.com/-ioGqbcfLimc/WxdkFWsL_AI/AAAAAAAAB3U/tIGE6Qztw0MG94xTk4968Lrj10p4mxVnACLcBGAs/s1600/main-menu.png" /><br /></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div></div></div></div></div></h3><h3>Hot Posts</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Hot Posts</b> section, you must place the following names highlighted in blue below.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Shortcode: <b><span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> </b>or<b> <span style="color: #38761d;">random</span>/hot-posts</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Example: <b>Technology/hot-posts</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="534" data-original-width="541" src="https://4.bp.blogspot.com/-988uKOqn1CE/WzHKtkGFDpI/AAAAAAAACLk/1kGnuUU8v_4T7vASSWlU5VhB5bFtQuEAgCLcBGAs/s1600/hot-posts.png" /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h4 style="clear: both; font-weight: 400;">b) With Popular Post</h4><h3><div style="font-size: medium;"><div class="separator" style="clear: both;"><div style="font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>Popular Posts</b> on <b>Hot Post</b> section, you set the settings as below</div><div style="font-weight: 400;"><div><br /></div><div><b>Widget Settings:</b></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-cCxeGhv3ZR4/YVlK1x3M5RI/AAAAAAAALr4/peFxkFo0Op0X9Fd7xUh5rBvNGMiULK0AgCNcBGAsYHQ/s16000/Blogger-Layout.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="599" data-original-width="570" src="https://1.bp.blogspot.com/-cCxeGhv3ZR4/YVlK1x3M5RI/AAAAAAAALr4/peFxkFo0Op0X9Fd7xUh5rBvNGMiULK0AgCNcBGAsYHQ/s16000/Blogger-Layout.png" /></a></div></div><div class="separator" style="clear: both;"><i><span style="color: red;">Note:- </span>Set the number to 4 in popular post settings.</i></div></div></div></h3><h3 style="font-weight: 400;"><div style="font-size: medium;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div style="text-align: center;"></div></div></div></div></h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"></div></h3><h3>Newsticker</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>News Ticker</b> section, you must place the following names highlighted in blue below.</div></h3><h4>a) With Shortcodes</h4><h3><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Shortcode: <b><span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> </b>or<b> <span style="color: #38761d;">random</span>/ticker-posts</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Example: <b>6/Technology/ticker-posts</b><br /><b><br /></b></div><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-QeFw0XA1U18/XtOV24WqSOI/AAAAAAAAImk/omfMqHccb3o67RPw_MNGvHaII8eY3N7KgCNcBGAsYHQ/s1600/Ticker%2BSS.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="599" data-original-width="553" src="https://1.bp.blogspot.com/-QeFw0XA1U18/XtOV24WqSOI/AAAAAAAAImk/omfMqHccb3o67RPw_MNGvHaII8eY3N7KgCNcBGAsYHQ/s1600/Ticker%2BSS.png" /></a></div></div></h3><h4 style="clear: both;">b) With Popular Post</h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>Popular Posts</b> on <b>Newsticker</b> section, you set the settings as below</div><div><div><br /></div><div><b>Widget Settings:</b></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-cCxeGhv3ZR4/YVlK1x3M5RI/AAAAAAAALr4/peFxkFo0Op0X9Fd7xUh5rBvNGMiULK0AgCNcBGAsYHQ/s16000/Blogger-Layout.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="599" data-original-width="570" src="https://1.bp.blogspot.com/-cCxeGhv3ZR4/YVlK1x3M5RI/AAAAAAAALr4/peFxkFo0Op0X9Fd7xUh5rBvNGMiULK0AgCNcBGAsYHQ/s16000/Blogger-Layout.png" /></a></div></div></div></h3><h3>Post List Widget</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Footer</b> section, you must place the following names highlighted in blue below.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Shortcode: <b>Results number/<span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> or <span style="color: #38761d;">random</span>/post-list</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Label Posts: <b>3/Technology/post-list</b></div><div style="font-size: medium; font-weight: 400;">Recent Posts: <b>3/recent/post-list</b></div><div style="font-size: medium; font-weight: 400;">Random Posts: <b>3/random/post-list</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="535" data-original-width="539" src="https://2.bp.blogspot.com/-4MIJlqO1pUc/WxdpOVxXIII/AAAAAAAAB3w/-cMDJxJKatQofEpeQQiJbuIjMgGxk7JbACEwYBhgL/s1600/post-list-widget.png" /></div></h3><h3>Social Widget (Sidebar)</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Social Widget</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Icons Avaliables {</b><span style="color: #0b5394;"><i> facebook, twitter, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, twitch, delicious, codepen, reddit, whatsapp, snapchat, email</i></span> <b>}</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="633" data-original-width="545" src="https://3.bp.blogspot.com/-KmBi4lg3BT0/WxdqJQRzW5I/AAAAAAAAB34/0SgzvNWYGXctNJbroOEktNk0kTvl3kyAACLcBGAs/s1600/social-widget.png" /></div></h3><h3>Post Layouts</h3><h3><div style="font-size: medium; font-weight: 400;"><b>Left Sidebar:</b> Inside the post add the text <b>left-sidebar</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;"><b>Full Width:</b> Inside the post add the text <b>full-width</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;"><b>Right Sidebar:</b> Inside the post add the text <b>right-sidebar</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="951" data-original-width="1358" src="https://2.bp.blogspot.com/-fCQMSq7tcD0/WxeSCroFr1I/AAAAAAAAB5E/ZYlvtyGAl14cPAri8JvXMhxPCPe_hx1rwCLcBGAs/s1600/post-layouts.jpg" /></div></h3><h3 style="clear: both;">Ads on post pages</h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on in the sections <b>Post ADS 1</b> ( before<span style="color: #2b00fe;"> content</span> ) , <b>Post ADS 2</b> ( after <span style="color: #2b00fe;">content</span> ).</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><b>HTML/JavaScript Ex:</b></div></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><a href="https://1.bp.blogspot.com/-pIZPRxL25u8/YDt-rmSIY6I/AAAAAAAAKGE/DgVXXmEOms8M8pbwOaMYH7oA7ITLf4paQCNcBGAsYHQ/s617/Ads%2Bsettings.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="617" data-original-width="572" src="https://1.bp.blogspot.com/-pIZPRxL25u8/YDt-rmSIY6I/AAAAAAAAKGE/DgVXXmEOms8M8pbwOaMYH7oA7ITLf4paQCNcBGAsYHQ/s16000/Ads%2Bsettings.png" /></a></div></h3><h3>Footer About & Logo Section (Image & Text)</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > click </span><b style="font-size: medium;">Edit icon</b><span style="font-size: medium; font-weight: 400;"> > on </span><b style="font-size: medium;">About Section</b><span style="font-size: medium; font-weight: 400;"> widget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><span style="font-size: medium; font-weight: 400;">Example:</span><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><a href="https://1.bp.blogspot.com/-AnOZkEvWM8k/XtOZO36DJZI/AAAAAAAAInE/grHRtSY3s2ENqLfI8_RC4WZC6Yz-hPZtQCNcBGAsYHQ/s1600/ABout%2BSS.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="599" data-original-width="553" src="https://1.bp.blogspot.com/-AnOZkEvWM8k/XtOZO36DJZI/AAAAAAAAInE/grHRtSY3s2ENqLfI8_RC4WZC6Yz-hPZtQCNcBGAsYHQ/s1600/ABout%2BSS.png" /></a></div></h3><h3>Follow Us Widget (Footer)</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Follow Us Widget</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Icons Avaliables {</b><span style="color: #0b5394;"><i> </i></span><span style="color: #0b5394;"><i>blogger, facebook, facebook-f, twitter, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, pinterest-p, twitch, delicious, codepen, flipboard, reddit, whatsapp, messenger, snapchat, email, discord, share, external-link</i></span> <b>}</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="633" data-original-width="545" src="https://3.bp.blogspot.com/-KmBi4lg3BT0/WxdqJQRzW5I/AAAAAAAAB34/0SgzvNWYGXctNJbroOEktNk0kTvl3kyAACLcBGAs/s1600/social-widget.png" /></div></h3><h3>Footer Navigation</h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Footer Navigation</b> widget.</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="536" data-original-width="550" src="https://2.bp.blogspot.com/-yXNGRKHhaW4/W1lJantSPQI/AAAAAAAAClg/KspsdbcoAS07qDLlht8179UzPtSALcwoQCLcBGAs/s1600/top-navigation.png" /></div></div></h3><h3>Theme Options</h3><h4>01 - Css Options</h4><h3><div style="font-size: medium; font-weight: 400;"> Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Css Options</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Boxed Version</b><b>:</b> In <i>New Site Name</i> add <b>boxedVersion</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Recent Posts Headline:</b> In <i>New Site Name</i> add <b>recentPostsHeadline</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="550" data-original-width="547" src="https://3.bp.blogspot.com/-T2kb3TjCXXE/W4BIA2Hq3NI/AAAAAAAAC9w/_IgyPNTUcC8esQeS68Z9JslUxEyMhrRsgCLcBGAs/s1600/css_options.png" /></div></h3><h4>02 - Default Variables</h4><h3><div style="font-size: medium; font-weight: 400;"> Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Default Variables</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Post Per Page:</b> In <i>New Site Name</i> add <b>postPerPage</b>, in <i>New Site URL</i> add the number of results, it should be the same as the posts from the home page, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Fixed Sidebar:</b> In <i>New Site Name</i> add <b>fixedSidebar</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Comments System:</b> In <i>New Site Name</i> add <b>commentsSystem</b>, in <i>New Site URL</i> add the comments sytem type <b>{<span style="color: #e69138;">blogger</span>, <span style="color: #3d85c6;">disqus</span>, <span style="color: #073763;">facebook</span> or <span style="color: #cc0000;">hide</span>}</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Disqus Shortname:</b> In <i>New Site Name</i> add <b>disqusShortname</b>, in <i>New Site URL</i> add your disqus comment system shortname, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="624" data-original-width="523" src="https://1.bp.blogspot.com/-rExdUXOAgtQ/WxduxYWEo2I/AAAAAAAAB4M/KI0ipawglGQ_fQ7axi6Yu1TdBiWU0sd9QCLcBGAs/s1600/default-variables.png" /></div></h3><h3>Facebook Page Plugin </h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Footer</b> section, and paste the code below.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><i><span style="background-color: #f3f3f3;"><center><div class="fb-page" data-href="<span style="background-color: #073763;"><span style="color: white;">https://www.facebook.com/way2themes</span></span>" data-width="360" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div></center></span></i></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><span style="color: #cc0000;"><b>Note:</b></span> In Attribute <i><b>data-href</b></i> replace the link per your facebook page url.</div></h3><h3><div style="font-size: medium; font-weight: 400;"></div></h3></div>
<h3>
Customizing Your Template</h3>
<div style="font-size: medium; font-weight: 400;">
<div style="font-size: medium; font-weight: 400;">
Access your blog <b>Theme</b> > click <span style="color: #e69138;">Customize</span> button.</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Here you can change the background, and apply pre-defined colors</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="270" data-original-width="724" src="https://1.bp.blogspot.com/-H1u1QEV-qss/W4BHVwCJ8TI/AAAAAAAAC9g/_25WTIFhTjUvnRmjcGRFAl4kOI-ItSJ7QCEwYBhgL/s1600/customize_background.png" /></div>
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Clicking Advanced You will see the official option to change the Main Colors</div>
<br />
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="272" data-original-width="696" src="https://3.bp.blogspot.com/-q47DGPWfrgE/W4BHP2xDXHI/AAAAAAAAC9c/eqk39S8t2MI_9Dzhejt11Y5t0K-0-x0mACLcBGAs/s1600/customize_colors.png" /></div>
</div>
</div>
<div>
<h3 style="clear: both; text-align: left;">
Installation And Custom Services</h3>
<div class="separator" style="clear: both; text-align: justify;">
We provide plenty of templates for free but if you want something unique for your blog then let us create a unique design for your blog, Just tell us your needs and we will convert your dream design into reality. We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle.</div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide2" href="http://www.soratemplates.com/p/contact-us.html" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Contact Us</span> <span class="title-hover2">Custom template Services</span> </a> </div>
<div class="alert-message alert" style="font-size: 15px;">
<i class="fa fa-info-circle"></i> Only Premium Buyers will get the widget codes available in the demo.</div>
<div class="alert-message warning" style="font-size: 15px;">
<i class="fa fa-exclamation-triangle"></i> If you are a premium version user and you are having any problem while setting up the template please contact us by going to this <a href="http://www.templatesyard.com/p/contact-us.html" style="color: blue;" target="_blank"><b>link (Contact Form)</b></a>.</div>
</div>
</div>TemplatesYardhttp://www.blogger.com/profile/16801688932542878100noreply@blogger.com0tag:blogger.com,1999:blog-1320824803216639156.post-46235499619868914542023-10-29T12:47:00.007+05:302023-10-30T19:58:37.375+05:30How To Setup SoraHive Blogger Template<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr0vCQlYAN_tXgiX57c7wlUI2XVHnoYurF14lULUxyfL1R08Ccx9SJtXPT4Pk-Oxxz4XjsX1mwXHWEtET1JG3u-IGpqw3Sw9ySn7uq5FxQ03vffWfv_w58U9rydvtqYR2d5V4xI1E3k8Niods3pUUckfMd6dYu2_TtXsUHNDu5Heg8YITdyiQymZWhx4W2/s1600/SoraHive%20Blogger%20Template.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="932" data-original-width="1898" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr0vCQlYAN_tXgiX57c7wlUI2XVHnoYurF14lULUxyfL1R08Ccx9SJtXPT4Pk-Oxxz4XjsX1mwXHWEtET1JG3u-IGpqw3Sw9ySn7uq5FxQ03vffWfv_w58U9rydvtqYR2d5V4xI1E3k8Niods3pUUckfMd6dYu2_TtXsUHNDu5Heg8YITdyiQymZWhx4W2/s1600/SoraHive%20Blogger%20Template.jpg" /></a></div><div style="text-align: center;"><br /></div>
SoraHive Blogger Template is a professional and unique portfolio blogger theme with an excellent front look and a fast-loading landing page. This theme has multiple widgets like Hot-post, Featured-post, Fully Responsive, and custom widgets. <br />
<a name='more'></a>You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users. </div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide" href="https://sorahive-soratemplates.blogspot.com/" rel="nofollow" target="_blank"> <span class="circle"><i aria-hidden="true" class="fa fa-rocket"></i></span> <span class="title">See Demo</span> <span class="title-hover">Live Preview</span> </a> <a class="btn-slide2" href="https://www.soratemplates.com/2023/10/sorahive-blogger-templates.html" rel="nofollow" target="_blank"> <span class="circle2"><i aria-hidden="true" class="fa fa-download"></i></span> <span class="title2">Free Download</span> <span class="title-hover2">Free Version</span> </a> <a class="btn-slide2" href="https://premiumbloggerthemes.gumroad.com/l/sorahivepremium" rel="nofollow" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Buy Now</span> <span class="title-hover2">Premium Version</span> </a> </div>
<div class="basic-setup-sec">
<h3 style="text-align: left;">
<b>Basic Setup</b></h3>
<ol style="text-align: left;">
<li><b><a href="http://www.sorabloggingtips.com/p/how-to-install-blogger-template.html" target="_blank">Template Installation</a></b></li>
<li><a href="http://www.sorabloggingtips.com/p/how-to-install-logo-in-your-blog.html" target="_blank"><b>Logo Setup</b></a></li>
<li><b><a href="http://www.sorabloggingtips.com/p/default-setting-for-blogger-templates.html" target="_blank">Template Setting</a></b></li>
<li wfd-id="88"><b><a href="https://www.sorabloggingtips.com/p/shortcodes-and-page-markups-v20.html" target="_blank">Shortcodes & Markups v2.0</a></b></li>
<li><b><a href="http://www.sorabloggingtips.com/2017/01/how-to-add-sitemap-widget-in-blogspot-blogs.html" target="_blank">Create Sitemap</a></b></li>
</ol>
</div>
<div class="video-setup-sec">
<h3 style="text-align: left;">
Video Documentation</h3>
<div>
You can check this below video to understand the setup process much more easily, just click the below image to watch the video directly on YouTube, or click this link - <b><a href="https://youtu.be/rAnGEDt-tes" rel="nofollow" target="_blank">How To Setup SoraHive Blogger Template - SoraTemplates</a></b><br />
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://youtu.be/rAnGEDt-tes" rel="nofollow" target="_blank"><img border="0" data-original-height="354" data-original-width="636" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNwvPGsuWLB02-g0PkFvg0mC9hSRuZ26tByuXfLWlP_8Hu8nC1je_vIhHr4Te27um-Yq0L4AfEijgyl3VCsHYTmZW3TwsWDTTWBvwORIO-HjpxWIpp4yXrwKf-jM1hOWbBdC05PIe3BHzjoW2DXCU0d7HPquBcvyN_5Xpnnk6bar3_3P2qrTyAA8YJwpk/s16000/Sorahive%20Youtube%20Thumbnail.png" /></a></div></div>
</div></div><h3>Main Menu/DropDown/Multi DropDown</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Main Menu</b> widget.<br /><br />Normal Link : <b>Dropdown</b><br />Sub Link: <b>_Multi Dropdown</b> (before the link add "<span style="color: #0b5394;"><b>_</b></span>") 1 underscore<br />Sub Link 2: <b>__Dropdown 1</b> (before the link add "<span style="color: #0b5394;"><b>__</b></span>") 2 underscore<br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="697" data-original-width="549" src="https://1.bp.blogspot.com/-SFb7uyR4ynw/W1TRPRp2MjI/AAAAAAAAChc/8bPxh5rxQnoKVA234fBnqFUj5dyI6KuxACLcBGAs/s1600/main-menu.png" /></div></div></h3><h3>Main Slider</h3><h3><div style="font-size: medium; font-weight: 400;"><div><div>Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Main Slider</b> section, you must place the following names highlighted in blue below.</div><div><br /></div><span style="font-weight: 700;">a) With Shortcodes</span></div><div><b><br /></b><div>Shortcode: <b><span style="color: #0b5394;"><span style="color: purple;">Number of Posts</span>/Label</span>, <span style="color: #cc0000;">recent</span> </b>or<b> <span style="color: #38761d;">random</span>/slider</b></div><div><br /></div><div>Example: <b>6/Anime/slider</b></div><div><br /></div><div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="512" data-original-width="560" src="https://2.bp.blogspot.com/-NXDUpQCSyqM/W-yKg-CWloI/AAAAAAAADjw/buWU8NvkAZ8nFLJ9PIxMak45-md-28GQQCLcBGAs/s1600/main_slider.png" /></div></div></div><div><br /></div><div class="separator" style="clear: both; text-align: center;" wfd-id="91"><br /></div></div></h3><h3><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both; text-align: left;"></div></div></h3><h3>Headline Text 01, 02, 03, 04, 05 (Heading and Description)</h3><h3><div style="font-size: medium; font-weight: 400;"></div></h3><h3><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;">Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Headline Text 01,02,03,04,05 </b>widget's.<br /><br />Widget Settings <b>EX</b>:<br /><br /><div style="text-align: center;"><a href="http://4.bp.blogspot.com/-y9AhJv2wFas/Xbfr_sAUXeI/AAAAAAAAHWw/4cmEp32vri4mMFOMvLQ6elTdNxNG63DLgCK4BGAYYCw/s1600/saas%2B3.png"><img border="0" src="https://4.bp.blogspot.com/-y9AhJv2wFas/Xbfr_sAUXeI/AAAAAAAAHWw/4cmEp32vri4mMFOMvLQ6elTdNxNG63DLgCK4BGAYYCw/s1600/saas%2B3.png" /></a></div></div></div></div></h3><h3>Service List Widget</h3><h3><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;">Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Service List</b> widget's.<br /><br />Widget Settings <b>EX</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="577" data-original-width="532" src="https://2.bp.blogspot.com/-NvlcgCMn_Yg/W1UWthw7t6I/AAAAAAAACiI/6HwKzHnWICgkFaafiSqoKnOD_kcMGdKnwCLcBGAs/s1600/services1.png" /></div><br /><b>How to get FontAwesome or Remixicon icon name ??</b><br /><br /><b>Step 1:</b> Go to <a href="https://fontawesome.com/v4.7.0/icons/" rel="nofollow" target="_blank">https://fontawesome.com/v4.7.0/icons/</a></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><b>Step 2:</b> Go to <a href="https://remixicon.com/">https://remixicon.com/</a></div><br />Find icon <b>EX</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="229" data-original-width="704" src="https://1.bp.blogspot.com/-Sfhr_AXRqtE/W1UXiPmDV5I/AAAAAAAACiU/Ys86AhB7m4ofkRoyINzc2JcyAV0l2_tpwCLcBGAs/s1600/fa1.png" /></div><br /><b>Step 2:</b> Open icon page and copy "fa icon name".<br /><br /><b>EX</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="520" data-original-width="710" src="https://3.bp.blogspot.com/-uVcAvTiXUMY/W1UX8aqcHxI/AAAAAAAACic/snOfTPY3fFIyB7aHi1gnBq2I-h64ctjkACLcBGAs/s1600/fa2.png" /></div><div class="separator" style="clear: both;"><br /></div></div></div></h3><h3>Featured Image</h3><h3><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div></div></div></div></div></h3><h3><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;"><div></div></div></div></h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Featured Image</b> widget's.<br /><br />Widget Settings <b>EX</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-P1jJ0Ksm6Vs/YGHQgMhpUsI/AAAAAAAAKYU/jUGdqSGNch8r_tyElCkrrSv7ijaCtQIQgCNcBGAsYHQ/s716/Featured%2BImage.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="716" data-original-width="570" src="https://1.bp.blogspot.com/-P1jJ0Ksm6Vs/YGHQgMhpUsI/AAAAAAAAKYU/jUGdqSGNch8r_tyElCkrrSv7ijaCtQIQgCNcBGAsYHQ/s16000/Featured%2BImage.png" /></a></div><div class="separator" style="clear: both;"><br /></div></div></h3><h3>Achievements (Counter)</h3><h3><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;"></div></div></h3><h3><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;">Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Achievements</b> widget's.<br /><br />Widget Settings <b>EX</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-x3YaDtLJRhA/YGHQA_OiQtI/AAAAAAAAKYM/DLU_JuPttHQ5f5DW7Eh8RcDlA6A84He8gCNcBGAsYHQ/s667/Achievements.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="667" data-original-width="570" src="https://1.bp.blogspot.com/-x3YaDtLJRhA/YGHQA_OiQtI/AAAAAAAAKYM/DLU_JuPttHQ5f5DW7Eh8RcDlA6A84He8gCNcBGAsYHQ/s16000/Achievements.png" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><b>How to get FontAwesome or Remixicon icon name ??</b><br /><br /><b>Step 1:</b> Go to <a href="https://fontawesome.com/v4.7.0/icons/" rel="nofollow" target="_blank">https://fontawesome.com/v4.7.0/icons/</a></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><b>Step 2:</b> Go to <a href="https://remixicon.com/">https://remixicon.com/</a></div><br />Find icon <b>EX</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="229" data-original-width="704" src="https://1.bp.blogspot.com/-Sfhr_AXRqtE/W1UXiPmDV5I/AAAAAAAACiU/Ys86AhB7m4ofkRoyINzc2JcyAV0l2_tpwCLcBGAs/s1600/fa1.png" /></div><br /><b>Step 2:</b> Open icon page and copy "fa icon name".<br /><br /><b>EX</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="520" data-original-width="710" src="https://3.bp.blogspot.com/-uVcAvTiXUMY/W1UX8aqcHxI/AAAAAAAACic/snOfTPY3fFIyB7aHi1gnBq2I-h64ctjkACLcBGAs/s1600/fa2.png" /><br /></div><div class="separator" style="clear: both;"><br /></div></div></div></h3><h3><div style="font-size: medium; font-weight: 400;"></div></h3><h3>Main Intro</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Main Intro</b> widget.<br /><br />Example:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-VLyLFaoOCLw/W1TSmMuId1I/AAAAAAAACho/ta0r-B6LwJsOo_8Ne05_cWO4lT1gox_FQCLcBGAs/s1600/main-intro.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="646" data-original-width="592" src="https://1.bp.blogspot.com/-VLyLFaoOCLw/W1TSmMuId1I/AAAAAAAACho/ta0r-B6LwJsOo_8Ne05_cWO4lT1gox_FQCLcBGAs/s16000/main-intro.png" /></a></div></div></h3><h3><br /></h3><h3>Block 1 & 2</h3><h3><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;">Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Block 1 & 2</b> widget's.<br /><br />Widget Settings <b>EX</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="577" data-original-width="532" src="https://2.bp.blogspot.com/-NvlcgCMn_Yg/W1UWthw7t6I/AAAAAAAACiI/6HwKzHnWICgkFaafiSqoKnOD_kcMGdKnwCLcBGAs/s1600/services1.png" /></div><br /><b>How to get FontAwesome icon name ??</b><br /><br /><b>Step 1:</b> Go to <a href="https://fontawesome.com/v4.7.0/icons/" rel="nofollow" target="_blank">https://fontawesome.com/v4.7.0/icons/</a><br /><br />Find icon <b>EX</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="229" data-original-width="704" src="https://1.bp.blogspot.com/-Sfhr_AXRqtE/W1UXiPmDV5I/AAAAAAAACiU/Ys86AhB7m4ofkRoyINzc2JcyAV0l2_tpwCLcBGAs/s1600/fa1.png" /></div><br /><b>Step 2:</b> Open icon page and copy "fa icon name".<br /><br /><b>EX</b>:<br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="520" data-original-width="710" src="https://3.bp.blogspot.com/-uVcAvTiXUMY/W1UX8aqcHxI/AAAAAAAACic/snOfTPY3fFIyB7aHi1gnBq2I-h64ctjkACLcBGAs/s1600/fa2.png" /></div></div></div></h3><h3><br /></h3><h3><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"></div></div><div style="text-align: center;"></div></div></h3><h3><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;"></div></div></h3><h3><br /></h3><h3><br /></h3><h3>Info Box ( 01, 02 03 )</h3><h3><div style="font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Info Box 01, </b><b>Info Box 02 </b>or<b> </b><b>Info Box 03</b><b> </b>widget.</div><div><br />Example:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-VLyLFaoOCLw/W1TSmMuId1I/AAAAAAAACho/ta0r-B6LwJsOo_8Ne05_cWO4lT1gox_FQCLcBGAs/s1600/main-intro.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="646" data-original-width="592" src="https://1.bp.blogspot.com/-VLyLFaoOCLw/W1TSmMuId1I/AAAAAAAACho/ta0r-B6LwJsOo_8Ne05_cWO4lT1gox_FQCLcBGAs/s1600/main-intro.png" /><br /></a></div></div></div></h3><h3>Main Testimonials</h3><h3><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div>Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Main Testimonial </b>widget.</div><div><br />Example:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-00fPrXSNOko/YGHT2p_k_cI/AAAAAAAAKYk/eOWOXJjdGZYFJp945SIH7hgUBbti1efzQCNcBGAsYHQ/s773/Main%2BTestimonial.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="773" data-original-width="570" src="https://1.bp.blogspot.com/-00fPrXSNOko/YGHT2p_k_cI/AAAAAAAAKYk/eOWOXJjdGZYFJp945SIH7hgUBbti1efzQCNcBGAsYHQ/s16000/Main%2BTestimonial.png" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div></div></div></div><div style="text-align: center;"><div style="background-color: white; text-align: left;"><ul></ul></div></div></div></h3><h3>Brand Logos</h3><h3><div style="font-size: medium; font-weight: 400;"><div style="text-align: center;"><div style="background-color: white; text-align: left;"><div>Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Brand Logos</b> widget.</div><div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-ELcucSUiRRs/YGHUlylXmKI/AAAAAAAAKYs/JFdxo_z-5U4ORnSDZ656-7gHrbJIh5BQACNcBGAsYHQ/s720/Brandlogos.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="720" data-original-width="570" src="https://1.bp.blogspot.com/-ELcucSUiRRs/YGHUlylXmKI/AAAAAAAAKYs/JFdxo_z-5U4ORnSDZ656-7gHrbJIh5BQACNcBGAsYHQ/s16000/Brandlogos.png" /></a></div></div><div><div style="text-align: center;"></div></div></div></div></div></h3><h3>Post Layouts</h3><h3><div style="font-size: medium; font-weight: 400;"><div><b>Left Sidebar:</b> Inside the post add the text <b>left-sidebar</b> and add the style <strike>Strikethrough</strike></div><div><b>Full Width:</b> Inside the post add the text <b>full-width</b> and add the style <strike>Strikethrough</strike></div><div><b>Right Sidebar:</b> Inside the post add the text <b>right-sidebar</b> and add the style <strike>Strikethrough</strike></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="951" data-original-width="1358" src="https://2.bp.blogspot.com/-fCQMSq7tcD0/WxeSCroFr1I/AAAAAAAAB5E/ZYlvtyGAl14cPAri8JvXMhxPCPe_hx1rwCLcBGAs/s1600/post-layouts.jpg" /></div><div><br /><br /></div></div></h3><h3>Post List Widget</h3><h3><div style="font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Footer</b> section <span class="tlid-translation translation">and follow the instructions below.</span></div><div><br /></div><div>Shortcode: <b>Results number/<span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> or <span style="color: #38761d;">random</span>/post-list</b></div><div><br /></div><div>Label Posts: <b>3/Technology/post-list</b></div><div>Recent Posts: <b>3/recent/post-list</b></div><div>Random Posts: <b>3/random/post-list</b></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="535" data-original-width="539" src="https://2.bp.blogspot.com/-4MIJlqO1pUc/WxdpOVxXIII/AAAAAAAAB3w/-cMDJxJKatQofEpeQQiJbuIjMgGxk7JbACEwYBhgL/s1600/post-list-widget.png" /></div></div></h3><h3>Footer Navigation</h3><h3><div style="font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Top Navigation</b> or <b>Footer Menu</b> widget.</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="536" data-original-width="550" src="https://2.bp.blogspot.com/-yXNGRKHhaW4/W1lJantSPQI/AAAAAAAAClg/KspsdbcoAS07qDLlht8179UzPtSALcwoQCLcBGAs/s1600/top-navigation.png" /></div><div><br /></div></div></h3><h3>Theme Options</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Default Variables</b> widget.<br /><br /><b>Post Per Page:</b> In <i>New Site Name</i> add <b>postPerPage</b>, in <i>New Site URL</i> add the number of results, it should be the same as the posts from the home page, after click on <b><span style="color: #e69138;">save</span></b> button.<br /><br /><b>Comments System:</b> In <i>New Site Name</i> add <b>commentsSystem</b>, in <i>New Site URL</i> add the comments sytem type <b>{<span style="color: #e69138;">blogger</span>, <span style="color: #3d85c6;">disqus</span>, <span style="color: #073763;">facebook</span> or <span style="color: #cc0000;">hide</span>}</b>, after click on <b><span style="color: #e69138;">save</span></b> button.<br /><br /><b>Disqus Shortname:</b> In <i>New Site Name</i> add <b>disqusShortname</b>, in <i>New Site URL</i> add your disqus comment system shortname, after click on <b><span style="color: #e69138;">save</span></b> button.<br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="624" data-original-width="523" src="https://1.bp.blogspot.com/-rExdUXOAgtQ/WxduxYWEo2I/AAAAAAAAB4M/KI0ipawglGQ_fQ7axi6Yu1TdBiWU0sd9QCLcBGAs/s1600/default-variables.png" /></div></div></h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="20"><br /></div></h3><h3>Facebook Page Plugin </h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="19">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Footer</b> section, and paste the code below.</div><div style="font-size: medium; font-weight: 400;" wfd-id="18"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="17"><i><span style="background-color: #f3f3f3;"><center><div class="fb-page" data-href="<span style="background-color: #073763;"><span style="color: white;">https://www.facebook.com/soratemplate</span></span>" data-width="360" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div></center></span></i></div><div style="font-size: medium; font-weight: 400;" wfd-id="16"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="15"><span style="color: #cc0000;"><b>Note:</b></span> In Attribute <i><b>data-href</b></i> replace the link per your facebook page url.</div></h3>
<h3>
Customizing Your Template</h3>
<div style="font-size: medium; font-weight: 400;">
<div style="font-size: medium; font-weight: 400;">
Access your blog <b>Theme</b> > click <span style="color: #e69138;">Customize</span> button.</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Here you can change the background, and apply pre-defined colors</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="270" data-original-width="724" src="https://1.bp.blogspot.com/-H1u1QEV-qss/W4BHVwCJ8TI/AAAAAAAAC9g/_25WTIFhTjUvnRmjcGRFAl4kOI-ItSJ7QCEwYBhgL/s1600/customize_background.png" /></div>
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Clicking Advanced You will see the official option to change the Main Colors</div>
<br />
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="272" data-original-width="696" src="https://3.bp.blogspot.com/-q47DGPWfrgE/W4BHP2xDXHI/AAAAAAAAC9c/eqk39S8t2MI_9Dzhejt11Y5t0K-0-x0mACLcBGAs/s1600/customize_colors.png" /></div>
</div>
</div>
<div>
<h3 style="clear: both; text-align: left;">
Installation And Custom Services</h3>
<div class="separator" style="clear: both; text-align: justify;">
We provide plenty of templates for free but if you want something unique for your blog then let us create a unique design for your blog, Just tell us your needs and we will convert your dream design into reality. We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle.</div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide2" href="http://www.soratemplates.com/p/contact-us.html" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Contact Us</span> <span class="title-hover2">Custom template Services</span> </a> </div>
<div class="alert-message alert" style="font-size: 15px;">
<i class="fa fa-info-circle"></i> Only Premium Buyers will get the widget codes available in the demo.</div>
<div class="alert-message warning" style="font-size: 15px;">
<i class="fa fa-exclamation-triangle"></i> If you are a premium version user and you are having any problem while setting up the template please contact us by going to this <a href="http://www.templatesyard.com/p/contact-us.html" style="color: blue;" target="_blank"><b>link (Contact Form)</b></a>.</div></div>TemplatesYardhttp://www.blogger.com/profile/16801688932542878100noreply@blogger.com0tag:blogger.com,1999:blog-1320824803216639156.post-4445997153935957132023-10-22T11:59:00.004+05:302023-10-24T18:35:16.149+05:30How To Setup Qten Blogger Template [Templateify]<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEm9YdX-OGWe2U1d2QBgfs0c_BOiafeeWlfk8IGyYzG488DmkwtRoEBWlJH6KmFOh_vtYzSe0z6aqwBeZF-T5k7Z4otM6WRFF3kVd9RBUifEiU-8ocbFu73Sfn7P0IiUv5aCi0bUKivcNjRITJ5q5tU3Eyhd63ONmXpVsnsde7Z575ec4tAjFm1M0kcmwy/s1600/Qten%20Blogger%20Template.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1013" data-original-width="1349" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEm9YdX-OGWe2U1d2QBgfs0c_BOiafeeWlfk8IGyYzG488DmkwtRoEBWlJH6KmFOh_vtYzSe0z6aqwBeZF-T5k7Z4otM6WRFF3kVd9RBUifEiU-8ocbFu73Sfn7P0IiUv5aCi0bUKivcNjRITJ5q5tU3Eyhd63ONmXpVsnsde7Z575ec4tAjFm1M0kcmwy/s1600/Qten%20Blogger%20Template.jpg" /></a></div></div><br /><div style="text-align: justify;">
Qten Blogger Template is a modern, minimalistic, and responsive template that makes creating a website or blog easy with just a few clicks. With its clean design and intuitive interface. Qten is perfect for bloggers who want to make their content look professional and attractive. <br />
<a name='more'></a>You have made a good decision by choosing our template. You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users. </div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide" href="https://qten-templateify.blogspot.com/" rel="nofollow" target="_blank"> <span class="circle"><i aria-hidden="true" class="fa fa-rocket"></i></span> <span class="title">See Demo</span> <span class="title-hover">Live Preview</span> </a> <a class="btn-slide2" href="https://www.templateify.com/2023/10/qten-blogger-template.html" rel="nofollow" target="_blank"> <span class="circle2"><i aria-hidden="true" class="fa fa-download"></i></span> <span class="title2">Free Download</span> <span class="title-hover2">Free Version</span> </a> <a class="btn-slide2" href="https://premiumbloggerthemes.gumroad.com/l/qtenpremium" rel="nofollow" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Buy Now</span> <span class="title-hover2">Premium Version</span> </a> </div>
<div class="basic-setup-sec">
<h3 style="text-align: left;">
<b>Basic Setup</b></h3>
<ol style="text-align: left;">
<li><b><a href="http://www.sorabloggingtips.com/p/how-to-install-blogger-template.html" target="_blank">Template Installation</a></b></li>
<li><a href="http://www.sorabloggingtips.com/p/how-to-install-logo-in-your-blog.html" target="_blank"><b>Logo Setup</b></a></li>
<li><b><a href="http://www.sorabloggingtips.com/p/default-setting-for-blogger-templates.html" target="_blank">Template Setting</a></b></li>
<li><b><a href="https://www.sorabloggingtips.com/p/shortcodes-and-page-markups-v20.html" target="_blank">Shortcodes & Markups v2.0</a></b></li>
<li><b><a href="http://www.sorabloggingtips.com/2017/01/how-to-add-sitemap-widget-in-blogspot-blogs.html" target="_blank">Create Sitemap</a></b></li>
</ol>
</div>
<div class="video-setup-sec">
<h3 style="text-align: left;">
Video Documentation</h3>
<div>
You can check this below video to understand the setup process much more easily, just click the below image to watch the video directly on YouTube, or click this link - <a href="https://youtu.be/6yGCQZy45Pg" rel="nofollow" target="_blank"><b>How To Setup Qten Blogger Template - Templateify</b></a></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://youtu.be/6yGCQZy45Pg" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><div class="separator" style="clear: both;"><img alt="" border="0" data-original-height="672" data-original-width="1127" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvJK3DyXfQxCNiYe0myN2Vq4PqQVy4rA5UNjZFETX4_Z3Czk5R83qTg3A2o86O2aXnydPDvv5iah-xP0sFUTja9tPAXHAO1k640jiifU7rbVXHNpjVU8bvppjbxnAl22wdCI7Mp6koEzBCPS4RRakfhvYcusCFTpuTF5i3DJ2sM6plNJu9CHeD3O4ilbk/s1600/Qten%20Youtube%20Thumbnail.png" /></div></a></div>
</div>
<div>
<br />
<h3 id="go-topmenu">Topbar Menu</h3><h3 id="go-menu"><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Topbar Menu</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Tobar Menu" border="0" data-original-height="926" data-original-width="867" src="https://1.bp.blogspot.com/-gF6coHxJK0Q/X71ZQx-iW4I/AAAAAAAACLQ/zJaBjhvBVTAOGI3sKIHsDH35gqVT1H-JACLcBGAsYHQ/s0/topbar-menu.png" title="Tobar Menu" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-topicons">Topbar Icons</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Topbar Icons</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Supported Icons: </b><strike style="font-size: medium; font-weight: 400;">blogger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">apple</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">amazon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">microsoft</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook-f</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitter</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">rss</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">youtube</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">skype</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stumbleupon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">tumblr</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">vk</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stack-overflow</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">github</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">linkedin</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">dribbble</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">soundcloud</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">behance</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">digg</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">instagram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest-p</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitch</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">steam</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">delicious</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">codepen</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">flipboard</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">reddit</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">whatsapp</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">telegram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">messenger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">snapchat</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">email</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">discord</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">quora</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">share</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">external-link</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Topbar Icons" border="0" data-original-height="930" data-original-width="867" src="https://1.bp.blogspot.com/-Ty7C4M37Z8w/X71aDjEt0wI/AAAAAAAACLc/-O7otm3HXHAn47QwTRKYYowv8xCq-jmkgCLcBGAsYHQ/s0/topbar-icons.png" title="Topbar Icons" /></div></h3><h3 id="go-menu">Header Menu</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Header Menu</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Normal Link and DropDown Options:</b></h4><h3><b style="font-size: medium;">Homepage Link Example: </b><span style="font-size: medium; font-weight: 400;">Add the text and in the site url field add </span><strike style="font-size: medium; font-weight: 400;">{homepage}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Normal Link Example: </b><strike style="font-size: medium; font-weight: 400;">Features</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">SubLink Level 1 Example: </b><strike style="font-size: medium; font-weight: 400;">_Level 1</strike><span style="font-size: medium; font-weight: 400;"> "Before the Title add </span><b style="font-size: medium;">1 underscore</b><span style="font-size: medium; font-weight: 400;">"</span><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">SubLink Level 2 Example: </b><strike style="font-size: medium; font-weight: 400;">__Level 2</strike><span style="font-size: medium; font-weight: 400;"> "Before the Title add </span><b style="font-size: medium;">2 underscore</b><span style="font-size: medium; font-weight: 400;">"</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Main Menu Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Menu Settings" border="0" data-original-height="569" data-original-width="700" src="https://1.bp.blogspot.com/-le46mq2ZR3g/YCRrVxzMwMI/AAAAAAAACVA/owUxd51LS00hKs1B2-1-sa7Yx6066U41ACLcBGAsYHQ/s16000/main-menu.png" title="Menu Settings" /></div><br style="font-size: medium; font-weight: 400;" /><warning class="alert" style="font-size: medium; font-weight: 400;"><b>ALERT: </b>Level 2 Links must be between or below level 1 links.</warning><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Home Link Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Homepage Link" border="0" data-original-height="203" data-original-width="844" src="https://1.bp.blogspot.com/-KXch08UkUbg/YCRqlOGtC1I/AAAAAAAACU4/4u7IIutsHnk6xpG3xkzawL1zNFJZ8lpWgCLcBGAsYHQ/s16000/home-link.png" title="Homepage Link" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4>Mega Menu Options:</h4><h3><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">{getContent} $label={<span style="color: red;">Your Label</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Label:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">label</strike><span style="font-size: medium; font-weight: 400;"> or </span><strike style="font-size: medium; font-weight: 400;">recent</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">What are Label?</b><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Post Labels" border="0" data-original-height="176" data-original-width="1055" src="https://1.bp.blogspot.com/-ootFEjbpkOk/YCRooddPKhI/AAAAAAAACUY/taGhM6Tz9e0-l0jR1cRNCkZIxfiP0d02ACLcBGAsYHQ/s16000/post-labels.png" title="Post Labels" /></div><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">{getContent} $label={Laptops}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Mega Menu Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Mega Menu Shortcode" border="0" data-original-height="208" data-original-width="843" src="https://1.bp.blogspot.com/-ufLBBkqV8FM/YCRqIw94GlI/AAAAAAAACUw/oyK6OSpiJgA3k7Jgplfgu4mTTe9uYx5YwCLcBGAsYHQ/s16000/mega-menu.png" title="Mega Menu Shortcode" /></div><br style="font-size: medium; font-weight: 400;" /><success class="alert" style="font-size: medium; font-weight: 400;"><b>SAVING: </b>After adding all the desired links and organizing them in the correct position, click on the <b>Save Button</b>.</success></h3><h3 id="go-hads">Header ADS</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the section </span><b style="font-size: medium;">Header ADS</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Header Ads" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Header Ads" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-feat">Featured Posts</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">Popular Posts</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Featured Posts</b><span style="font-size: medium; font-weight: 400;"> section.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">{getContent} $label={<span style="color: red;">Your Label</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Label:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">label</strike><span style="font-size: medium; font-weight: 400;"> or </span><strike style="font-size: medium; font-weight: 400;">recent</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">{getContent} $label={Laptops}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>By HTML/Javascript:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Featured Post" border="0" data-original-height="873" data-original-width="865" src="https://1.bp.blogspot.com/-busskAmAb44/YCRsyAwwU2I/AAAAAAAACVM/49_HZvVbJSg84BgEl25x9jnKnByipiCEwCLcBGAsYHQ/s16000/featured-html.png" title="Featured Post" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>By Popular Posts:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Featured Post by Popular" border="0" data-original-height="771" data-original-width="865" src="https://1.bp.blogspot.com/-XBVeFlSZU8w/YCRs2ypilvI/AAAAAAAACVQ/9OacGQ2LryAwFLB6aDA1Be_HNLv_bqOtQCLcBGAsYHQ/s16000/featured-popular.png" title="Featured Post by Popular" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-homead">Home ADS</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the section </span><b style="font-size: medium;">Home ADS</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Home Ads" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Home Ads" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-trend">Content Section 1 / Content Section 2</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;"> > in the sections </span><b style="font-size: medium;">Content Section 1</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">Content Section 2</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">{getContent} $results={<span style="color: red;">Number of Results</span>} $label={<span style="color: red;">Your Label</span>} $type={<span style="color: red;">Custom Type</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Results:</b><span style="font-size: medium; font-weight: 400;"> You must add the desired number of results.</span><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Label:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">label</strike><span style="font-size: medium; font-weight: 400;"> or </span><strike style="font-size: medium; font-weight: 400;">recent</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Types:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">block1</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">block2</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">grid1</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">grid2</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">colLeft</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">colRight</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">video</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">{getContent} $results={5} $label={Laptops} $type={block1}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>By HTML/Javascript:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Content Sections" border="0" data-original-height="873" data-original-width="865" src="https://1.bp.blogspot.com/-Xo6TFzYi68A/YCRxRtHCUjI/AAAAAAAACVg/tcminwh4s_Y5bMXbR6atcFTgY0eZilldgCLcBGAsYHQ/s16000/content-section.png" title="Content Sections" /></div><br style="font-size: medium; font-weight: 400;" /><info class="alert" style="font-size: medium; font-weight: 400;"><b>NOTE: </b>You can add as many gadgets as you like. But they are optional and, if you wish, you can remove them at any time.</info><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-mad">Main ADS 1 / Main ADS 2</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the sections </span><b style="font-size: medium;">Main ADS 1</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">Main ADS 2</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Main Ads" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Main Ads" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-posts">Main Posts</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Main Posts/Blog Posts</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Blog Posts" border="0" data-original-height="1211" data-original-width="841" src="https://1.bp.blogspot.com/-PV68IvbjhDY/X71mcu6-gBI/AAAAAAAACMk/8IsBBEylb4I3Fi5QxYb9gQf8ucPT5R2LQCLcBGAsYHQ/s0/blog-posts.png" title="Blog Posts" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4>Comments Settings:</h4><h3><span style="font-size: medium; font-weight: 400;">The comment settings are intuitive like never seen before. The new shortcodes should be added in > </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">Blog Posts</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">Comments Field</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Blogger Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$type={blogger}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Disqus Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$type={disqus} $shortname={templateify-comments}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Custom Disqus Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$type={disqus} $shortname={<span style="color: red;">Your Shortname</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Facebook Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$type={facebook}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><span style="font-size: medium; font-weight: 400;">For facebook comments to work correctly, you need to configure the </span><a href="#fb-sdk" style="font-size: medium; font-weight: 400;">facebook SDK</a><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-toc">Table of Contents</h3><h3><span style="font-size: medium; font-weight: 400;">This function is available for posts and pages and can be added easily via shortcode.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">{tocify} $title={<span style="color: red;">Table of Contents</span>}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">NOTE:</b><span style="font-size: medium; font-weight: 400;"> After adding a Shortcode apply the </span><b style="font-size: medium;">Bold</b><span style="font-size: medium; font-weight: 400;"> style.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Table of Content" border="0" data-original-height="420" data-original-width="1130" src="https://1.bp.blogspot.com/-HlrWHntmPt0/YCRzsYeLU0I/AAAAAAAACV0/S6e1grrlXSsnDnOOQ8PetN90irjnWoDiQCLcBGAsYHQ/s16000/toc.png" style="border: 1px solid rgb(233, 235, 238);" title="Table of Content" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-ads">In-Article ADS on "Post Page"</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the sections </span><b style="font-size: medium;">Post ADS 1 (</b><i style="font-size: medium; font-weight: 400;"> <span style="color: #00b140;">before content</span> </i><b style="font-size: medium;">) </b><span style="font-size: medium; font-weight: 400;">and </span><b style="font-size: medium;">Post ADS 2 (</b><i style="font-size: medium; font-weight: 400;"> <span style="color: #00b140;">after content</span></i><b style="font-size: medium;"> )</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Post Ads 1 and 2" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Post Ads 1 and 2" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Move <span style="color: #00b140;">Post ADS 1</span> and <span style="color: #00b140;">Post ADS 2</span> to inside the post content:</b></h4><h3><b style="font-size: medium;">Sortcode ADS 1:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;"><b>$ads={1}</b></strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Sortcode ADS 2:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;"><b>$ads={2}</b></strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">NOTE:</b><span style="font-size: medium; font-weight: 400;"> After adding a Shortcode apply the </span><b style="font-size: medium;">Bold</b><span style="font-size: medium; font-weight: 400;"> style. Example: </span><strike style="font-size: medium; font-weight: 400;"><b>$ads={2}</b></strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="In-Article Ads" border="0" data-original-height="655" data-original-width="927" src="https://1.bp.blogspot.com/-amctilW7RHA/YCR0SOP2EUI/AAAAAAAACV8/9TDEXDkQDeA7YknOiiKwDEL2tRn12iEywCLcBGAsYHQ/s16000/post-ads.png" title="In-Article Ads" /></div><br style="font-size: medium; font-weight: 400;" /><warning class="alert" style="font-size: medium; font-weight: 400;"><b>IMPORTANT: </b>The ad will only appear if you have inserted in the section, if you want to hide just remove check to not display or remove the gadget. </warning><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-author">Author Box</h3><h3><span style="font-size: medium; font-weight: 400;">The widget receives the </span><u style="font-size: medium; font-weight: 400;">blogger profile informations</u><span style="font-size: medium; font-weight: 400;"> automatically, As long as your profile is </span><b style="font-size: medium;">marked as public</b><span style="font-size: medium; font-weight: 400;">. The icons are displayed if there are links in the introduction.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Supported Icons: </b><strike style="font-size: medium; font-weight: 400;">blogger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">apple</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">amazon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">microsoft</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook-f</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitter</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">rss</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">youtube</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">skype</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stumbleupon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">tumblr</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">vk</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stack-overflow</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">github</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">linkedin</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">dribbble</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">soundcloud</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">behance</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">digg</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">instagram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest-p</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitch</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">steam</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">delicious</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">codepen</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">flipboard</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">reddit</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">whatsapp</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">telegram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">messenger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">snapchat</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">email</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">discord</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">quora</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">share</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">external-link</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Blogger Settings: Go to <a href="https://www.blogger.com/edit-profile.g" rel="nofollow" target="_blank">https://www.blogger.com/edit-profile.g</a></b></h4><h3><span style="font-size: medium; font-weight: 400;">Find for </span><b style="font-size: medium;">Additional Information</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">Introduction</b><span style="font-size: medium; font-weight: 400;"> > and add your description with </span><b style="font-size: medium;">HTML</b><span style="font-size: medium; font-weight: 400;"> links.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">HTML Link:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;"><a href="<span style="color: red;">Your Link Here</span>"><span style="color: red;">Icon Name</span></a></strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">HTML Link Example:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;"><a href="https://facebook.com/templateify">facebook</a></strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Author Settings" border="0" data-original-height="327" data-original-width="916" src="https://1.bp.blogspot.com/-ZBtcu0WsYRA/YCR2tcLNYQI/AAAAAAAACWU/EA5j8FhazgosSBqbRff5F6KwWzdSn2KVgCLcBGAsYHQ/s16000/author-description.png" title="Author Settings" /></div><br style="font-size: medium; font-weight: 400;" /><warning class="alert" style="font-size: medium; font-weight: 400;"><b>IMPORTANT: </b>The <b>"Introduction"</b> is required for the author box to be displayed! But the links are not required. </warning><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-related">Advanced Related Posts</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Related Posts</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$results={<span style="color: red;">Number of Results</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">$results={3}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Related Posts" border="0" data-original-height="875" data-original-width="865" src="https://1.bp.blogspot.com/-mbZm7DL11Zo/YCR2yql-8YI/AAAAAAAACWY/gh5_oBEK4R0UyPAmA82A0jHEbyfST4JkACLcBGAsYHQ/s16000/related-posts.png" title="Related Posts" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-postads3">Post ADS 3</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the section </span><b style="font-size: medium;">Post ADS 3</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Post Ads 3" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Post Ads 3" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-count">Social Buttons on Sidebar</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">Link List</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Sidebar</b><span style="font-size: medium; font-weight: 400;"> section.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Supported Icons: </b><strike style="font-size: medium; font-weight: 400;">blogger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">apple</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">amazon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">microsoft</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook-f</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitter</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">rss</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">youtube</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">skype</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stumbleupon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">tumblr</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">vk</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stack-overflow</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">github</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">linkedin</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">dribbble</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">soundcloud</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">behance</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">digg</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">instagram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest-p</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitch</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">steam</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">delicious</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">codepen</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">flipboard</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">reddit</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">whatsapp</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">telegram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">messenger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">snapchat</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">email</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">discord</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">quora</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">share</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">external-link</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Social Button on Sidebar" border="0" data-original-height="920" data-original-width="840" src="https://1.bp.blogspot.com/-h8MjwaGzauI/YCR7h1qtDsI/AAAAAAAACW8/8h51BXYCOtcuVrh9yvWdf1QMCQqtd0XhwCLcBGAsYHQ/s16000/social-buttons.png" title="Social Button on Sidebar" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-list">Post Widgets on Sidebar</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;"> > in the</span><b style="font-size: medium;"> Sidebar </b><span style="font-size: medium; font-weight: 400;">section.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">{getContent} $results={<span style="color: red;">Number of Results</span>} $label={<span style="color: red;">Your Label</span>} $type={<span style="color: red;">Custom Type</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Results:</b><span style="font-size: medium; font-weight: 400;"> You must add the desired number of results.</span><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Label:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">label</strike><span style="font-size: medium; font-weight: 400;"> or </span><strike style="font-size: medium; font-weight: 400;">recent</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Types:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">default</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">mini</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">comments</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">{getContent} $results={4} $label={Laptops} $type={mini}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">NOTE:</b><span style="font-size: medium; font-weight: 400;"> The </span><strike style="font-size: medium; font-weight: 400;">$label={}</strike><span style="font-size: medium; font-weight: 400;"> attribute is not required for the </span><strike style="font-size: medium; font-weight: 400;">comments</strike><span style="font-size: medium; font-weight: 400;"> type.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Posts Widgets on Sidebar" border="0" data-original-height="876" data-original-width="865" src="https://1.bp.blogspot.com/-grYfcYwyfN8/YCR9Dchxp6I/AAAAAAAACXI/u_gm2QNxM-IH1Lyqo7sWAYbHc8ptlqklQCLcBGAsYHQ/s16000/sidebar-posts.png" title="Posts Widgets on Sidebar" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-fbm">Follow By Email</h3><h3><span style="font-size: medium; font-weight: 400;">The advanced settings of the </span><b style="font-size: medium;">Follow By Email</b><span style="font-size: medium; font-weight: 400;"> form are now more intuitive and can be changed directly in the gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$title={<span style="color: red;">Gadget Title</span>} $text={<span style="color: red;">Custom Text</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">$title={Follow by Email} $text={Subscribe to our mailing list to get the new updates!}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode is optional:</b><span style="font-size: medium; font-weight: 400;"> To display the gadget in the default settings, remove the shortcode from the title field.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Follow by Email" border="0" data-original-height="634" data-original-width="866" src="https://1.bp.blogspot.com/-TM7hXgJP7mQ/YCR4D0hYyQI/AAAAAAAACWo/qoXxygU-AUMFdSldhn08l8kC-eOstiyPgCLcBGAsYHQ/s16000/follow-by-email.png" title="Follow by Email" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-fads">Footer ADS</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the section </span><b style="font-size: medium;">Footer ADS</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Footer Ads" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Footer Ads" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-about">About Section</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">About Section</b><span style="font-size: medium; font-weight: 400;"> gadgets.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>1.1 - About Us</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="About Us" border="0" data-original-height="884" data-original-width="842" src="https://1.bp.blogspot.com/-rA8_HHb7AEM/YCR_pCQ5xvI/AAAAAAAACXU/4ICR1WiCcjYzFnrymHwAEuaSUpOtqMFTgCLcBGAsYHQ/s16000/about-us.png" title="About Us" /></div><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>1.2 - Follow Us</b></h4><h3><b style="font-size: medium;">Supported Icons: </b><strike style="font-size: medium; font-weight: 400;">blogger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">apple</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">amazon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">microsoft</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook-f</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitter</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">rss</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">youtube</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">skype</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stumbleupon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">tumblr</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">vk</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stack-overflow</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">github</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">linkedin</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">dribbble</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">soundcloud</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">behance</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">digg</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">instagram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest-p</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitch</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">steam</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">delicious</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">codepen</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">flipboard</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">reddit</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">whatsapp</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">telegram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">messenger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">snapchat</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">email</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">discord</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">quora</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">share</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">external-link</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="About Us Social Icons" border="0" data-original-height="953" data-original-width="846" src="https://1.bp.blogspot.com/-r176B2phIeM/X71ptjmWrjI/AAAAAAAACNM/a69dbZbrBWImoTzK0s8aR78tcFxFR6angCLcBGAsYHQ/s16000/about-us-icons.png" title="About Us Social Icons" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-copy">Footer Copyright (<span style="color: #00b140;">Premium</span>)</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Footer Copyright</b><span style="font-size: medium; font-weight: 400;"> gadget.</span></h3><h3><span style="font-size: medium; font-weight: 400;">For normal credits add 'normal' into the space for custom credits add your creadit as shown below.</span></h3><h3><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Custom Credits" border="0" data-original-height="874" data-original-width="865" src="https://1.bp.blogspot.com/-EMTUyGVOXP8/YCSAE6iRe1I/AAAAAAAACXc/cLBQlr-SvgItDGGspZcZAsayRLZ-yJj8ACLcBGAsYHQ/s16000/footer-credits.png" title="Custom Credits" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-fmenu">Footer Menu</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Footer Menu</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Footer Menu" border="0" data-original-height="923" data-original-width="841" src="https://1.bp.blogspot.com/-lHyTOLJNPP0/YCSAqT07G4I/AAAAAAAACXo/RHSJslUxKFonJc5TkBGcjfifZP8pSlzfQCLcBGAsYHQ/s16000/footer-menu.png" title="Footer Menu" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-cookies">Cookie Consent</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Cookie Consent</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$ok={<span style="color: red;">Button Text</span>} $days={<span style="color: red;">Expires Days</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">$ok={Accept !} $days={7}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Cookie Consent" border="0" data-original-height="876" data-original-width="865" src="https://1.bp.blogspot.com/-Wp-IohifURs/YCSBTwe938I/AAAAAAAACXw/DJK3Fc2zBEg1gETqGx8qi9NFpbQZRhykQCLcBGAsYHQ/s16000/cookie-consent.png" title="Cookie Consent" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-feed">Site Feed</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Settings</b><span style="font-size: medium; font-weight: 400;"> > and go to</span><b style="font-size: medium;"> Site Feed</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Site Feed Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Site Feed" border="0" data-original-height="742" data-original-width="1251" src="https://4.bp.blogspot.com/-iWyeMGjkYis/XwZK_VXB-yI/AAAAAAAAB5Y/Y2qTvHMTS-sehVvYHHQ2GPgFNBQiG0f-QCLcBGAsYHQ/s16000/site-feed.png" title="Site Feed" /></div><br style="font-size: medium; font-weight: 400;" /><warning class="alert" style="font-size: medium; font-weight: 400;"><b>IMPORTANT: </b>For Mega Menu, Featured Posts, Content Sections, Related Posts, Recent Comments Gadget and Others work normally, you must configure the site feed to "<b>Full</b>".</warning><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-options">Theme Options</h3><h3><br style="font-size: medium; font-weight: 400;" /></h3><h4 id="fb-sdk">1.1 - Facebook SDK</h4><h3><span id="result_box" lang="en" style="font-size: medium; font-weight: 400;">The Facebook Comments only work if you have the Facebook SDK installed on your theme. See below for the steps to acquire and install the Facebook SDK.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Get SDK:</b></h4><h3><b style="font-size: medium;">Step 01:</b><span style="font-size: medium; font-weight: 400;"> Go to </span><a href="https://developers.facebook.com/docs/plugins/page-plugin/" rel="nofollow" style="font-size: medium; font-weight: 400;" target="_blank">https://developers.facebook.com/docs/plugins/page-plugin/</a><span style="font-size: medium; font-weight: 400;"> and click on </span><b style="font-size: medium;">Get Code</b><span style="font-size: medium; font-weight: 400;"> button and copy the SDK Script.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Copying SDK:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Facebook SDK" border="0" data-original-height="635" data-original-width="1114" src="https://1.bp.blogspot.com/-3psja_Z7GSo/YCSCY2GcMCI/AAAAAAAACX8/uL_Xz8cUc441aNw6ihGKL9FCK0AdT8fEQCLcBGAsYHQ/s16000/facebook-sdk.png" title="Facebook SDK" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>SDK en_US:</b></h4><h3><code style="font-weight: 400;"><span style="color: #f6b26b;">https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v9.0</span></code><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Installing SDK:</b></h4><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Theme Options </b><span style="font-size: medium; font-weight: 400;">></span><b style="font-size: medium;"> Facebook SDK </b><span style="font-size: medium; font-weight: 400;">gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Facebook SDK Settings" border="0" data-original-height="684" data-original-width="866" src="https://1.bp.blogspot.com/-3gfoHr-_P9M/YCSDE_GAy0I/AAAAAAAACYE/cwAoqpijKsMB7wHRB_i8tTHpV0GNjwlXgCLcBGAsYHQ/s16000/skd-settings.png" title="Facebook SDK Settings" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4>1.2 - No Thumbnail Image</h4><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Theme Options </b><span style="font-size: medium; font-weight: 400;">></span><b style="font-size: medium;"> No Thumbnail Image </b><span style="font-size: medium; font-weight: 400;">gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="No Thumbnail Image" border="0" data-original-height="940" data-original-width="840" src="https://1.bp.blogspot.com/-Qvd1IULEjEE/YCSE8uZNMdI/AAAAAAAACYU/gZ2najXqIoEoqrRRy6OLH4VZC-8lgRE7ACLcBGAsYHQ/s16000/no-thumbnail.png" title="No Thumbnail Image" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4>1.3 - JSON Variables</h4><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Theme Options </b><span style="font-size: medium; font-weight: 400;">></span><b style="font-size: medium;"> JSON Variables </b><span style="font-size: medium; font-weight: 400;">gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><code style="font-weight: 400;"><span style="color: white;">{<br /> <span style="color: #6fa8dc;">viewAllText</span>: <span style="color: #f6b26b;">"View all"</span>,<br /> <span style="color: #6fa8dc;">dateFormat</span>: <span style="color: #f6b26b;">"{m} {d}, {y}"</span>,<br /> <span style="color: #6fa8dc;">months</span>: {<br /> <span style="color: #6fa8dc;">jan</span>: <span style="color: #f6b26b;">"January"</span>,<br /> <span style="color: #6fa8dc;">feb</span>: <span style="color: #f6b26b;">"February"</span>,<br /> <span style="color: #6fa8dc;">mar</span>: <span style="color: #f6b26b;">"March"</span>,<br /> <span style="color: #6fa8dc;">apr</span>: <span style="color: #f6b26b;">"April"</span>,<br /> <span style="color: #6fa8dc;">may</span>: <span style="color: #f6b26b;">"May"</span>,<br /> <span style="color: #6fa8dc;">jun</span>: <span style="color: #f6b26b;">"June"</span>,<br /> <span style="color: #6fa8dc;">jul</span>: <span style="color: #f6b26b;">"July"</span>,<br /> <span style="color: #6fa8dc;">aug</span>: <span style="color: #f6b26b;">"August"</span>,<br /> <span style="color: #6fa8dc;">sep</span>: <span style="color: #f6b26b;">"September"</span>,<br /> <span style="color: #6fa8dc;">oct</span>: <span style="color: #f6b26b;">"October"</span>,<br /> <span style="color: #6fa8dc;">nov</span>: <span style="color: #f6b26b;">"November"</span>,<br /> <span style="color: #6fa8dc;">dec</span>: <span style="color: #f6b26b;">"December"</span><br /> }<br />}</span></code><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">viewAllText:</b><span style="font-size: medium; font-weight: 400;"> default is </span><strike style="font-size: medium; font-weight: 400;">View all</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">dateFormat:</b><span style="font-size: medium; font-weight: 400;"> default is </span><strike style="font-size: medium; font-weight: 400;">{m} {d}, {y}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">months:</b><span style="font-size: medium; font-weight: 400;"> default is </span><strike style="font-size: medium; font-weight: 400;">January</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">February</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">March</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">April</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">May</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">June</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">July</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">August</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">September</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">October</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">November</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">December</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="JSON Options" border="0" data-original-height="872" data-original-width="865" src="https://1.bp.blogspot.com/-rZvhPh9UOf0/YCSE28NJuGI/AAAAAAAACYQ/8SZpBBXHLwUUn4KXVstvWnnuYFmvtGd_ACLcBGAsYHQ/s16000/json-options.png" title="JSON Options" /></div><br style="font-size: medium; font-weight: 400;" /><warning class="alert" style="font-size: medium; font-weight: 400;"><b>IMPORTANT: </b>This functionality is only valid for <b>{getContent}</b> Gadgets and Related Posts. Other formats are changed in the blog settings.</warning></h3></div><div><h3><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-customize">How to Customize This Theme?</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Theme</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Customize </b><span style="font-size: medium; font-weight: 400;">button > and find </span><b style="font-size: medium;">Background</b><span style="font-size: medium; font-weight: 400;"> and </span><b style="font-size: medium;">Advanced</b><span style="font-size: medium; font-weight: 400;"> options.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Available customizations: </b><span style="font-size: medium; font-weight: 400;">Theme Options, Widths, Fonts, Backgrounds, Colors and more.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4>Background Example:</h4><h3><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-3dz6O6kPvVc/YVlPmimnbrI/AAAAAAAALsI/WlIrvXo2BRIxby8YXcELA-ZHhROKCKvwwCNcBGAsYHQ/s1894/Blogger-Customizer.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="551" data-original-width="1894" src="https://1.bp.blogspot.com/-3dz6O6kPvVc/YVlPmimnbrI/AAAAAAAALsI/WlIrvXo2BRIxby8YXcELA-ZHhROKCKvwwCNcBGAsYHQ/s16000/Blogger-Customizer.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h4>Advanced > Theme Options:</h4><h3><b style="font-size: medium;">Native Dark Mode:</b><span style="font-size: medium; font-weight: 400;"> </span><b style="font-size: medium;">0</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">false</strike><span style="font-size: medium; font-weight: 400;"> and </span><b style="font-size: medium;">1</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">true</strike><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-ps724fqMysw/YVlPsbOr8oI/AAAAAAAALsM/B3PFcrLvuXk7JmYWV8-tL0vGjoOsPRYTACNcBGAsYHQ/s1475/dark-mode.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="623" data-original-width="1475" src="https://1.bp.blogspot.com/-ps724fqMysw/YVlPsbOr8oI/AAAAAAAALsM/B3PFcrLvuXk7JmYWV8-tL0vGjoOsPRYTACNcBGAsYHQ/s16000/dark-mode.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Left Sidebar:</b><span style="font-size: medium; font-weight: 400;"> </span><b style="font-size: medium;">0</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">false</strike><span style="font-size: medium; font-weight: 400;"> and </span><b style="font-size: medium;">1</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">true</strike><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-R3E05KeFZbk/YVlP0X78PaI/AAAAAAAALsQ/3x6M7b4m_XQTcOD0UlvKNqSMgYwvNX57wCNcBGAsYHQ/s1404/left-sidebar.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="604" data-original-width="1404" src="https://1.bp.blogspot.com/-R3E05KeFZbk/YVlP0X78PaI/AAAAAAAALsQ/3x6M7b4m_XQTcOD0UlvKNqSMgYwvNX57wCNcBGAsYHQ/s16000/left-sidebar.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h4>Advanced > Theme Widths:</h4><h3><b style="font-size: medium;">Boxed Mode:</b><span style="font-size: medium; font-weight: 400;"> </span><b style="font-size: medium;">0</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">false</strike><span style="font-size: medium; font-weight: 400;"> and </span><b style="font-size: medium;">1</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">true</strike><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-EXkm1yqIkQY/YVlP8SSWWII/AAAAAAAALsY/ryZrr2rSvjA17Pei5Xmij2xbaX5K8t4LACNcBGAsYHQ/s1723/box-mode.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="615" data-original-width="1723" src="https://1.bp.blogspot.com/-EXkm1yqIkQY/YVlP8SSWWII/AAAAAAAALsY/ryZrr2rSvjA17Pei5Xmij2xbaX5K8t4LACNcBGAsYHQ/s16000/box-mode.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h4>Advanced > Theme Colors and Fonts:</h4><h3><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-DdGOoZLpK8w/YVlQBzDOk6I/AAAAAAAALsc/ywryOy0n888C0qx5-q-qY7qXB7cbQhjMQCNcBGAsYHQ/s1502/Theme-colors.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="523" data-original-width="1502" src="https://1.bp.blogspot.com/-DdGOoZLpK8w/YVlQBzDOk6I/AAAAAAAALsc/ywryOy0n888C0qx5-q-qY7qXB7cbQhjMQCNcBGAsYHQ/s16000/Theme-colors.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h3><br style="font-size: medium; font-weight: 400;" /><info class="alert" style="font-size: medium; font-weight: 400;"><b>INFO:</b> When changing the font of the site and it has a blurred appearance, you can solve it by clicking to reset the fonts in the option <b>Advanced</b> > <b>Theme Fonts (Reset)</b>.</info></h3></div><div>
<div style="text-align: center;">
</div>
<h3 style="clear: both; text-align: left;">
Installation And Custom Services</h3>
<div class="separator" style="clear: both; text-align: justify;">
We provide plenty of templates for free but if you want something unique for your blog then let us create a unique design for your blog, Just tell us your needs and we will convert your dream design into reality. We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle.</div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide2" href="http://www.soratemplates.com/p/contact-us.html" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Contact Us</span> <span class="title-hover2">Custom template Services</span> </a> </div>
</div>
</div>
<style>
.item .post-body strike {
background-color: #f9f9f9;
font-family: Monospace;
font-size: 12px;
color: blue;
text-decoration: none;
padding: 1px 5px;
margin: 0 2px 0 0;
border: 1px dashed #e9ebee;
border-radius: 3px;
}
info.alert {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb;
}
.alert {
display: block;
color: #383d41;
background-color: #e2e3e5;
padding: 5px 10px;
border: 1px solid #d6d8db;
border-radius: 0;
}
line {
display: block;
padding: 0 0 15px;
margin: 15px 0 0;
border-top: 1px dashed #e9ebee;
}
success.alert {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
warning.alert {
color: #856404;
background-color: #fff3cd;
border-color: #fce9b0;
}
code {
display: block;
background-color: #1f2024;
line-height: 1.3em;
padding: 10px;
border-radius: 0;
}
</style>TemplatesYardhttp://www.blogger.com/profile/16801688932542878100noreply@blogger.com0tag:blogger.com,1999:blog-1320824803216639156.post-52301497915706079962023-10-14T11:55:00.008+05:302023-10-15T18:16:02.676+05:30How To Setup Oxxo Blogger Template [TemplatesYard]<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm6wH_cSM13V5h4zW5ZFIWHOgCXkhV55DwyMfF3tGKrLLjbyfJunq-ZJc_tLlzlD3pvVf2uq_IxoX47XhcAccNLd4vn4bev6IFuymw7HQI5fRRgb4XwLbJKhfqtbSxFrPbrSBglSf9UI5BjB2gFy6nQWbWZqjlxslQmTzB2MV2s9dGI2eB5Zd5Ilw6X_bQ/s1600/Oxxo%20Blogger%20Template.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm6wH_cSM13V5h4zW5ZFIWHOgCXkhV55DwyMfF3tGKrLLjbyfJunq-ZJc_tLlzlD3pvVf2uq_IxoX47XhcAccNLd4vn4bev6IFuymw7HQI5fRRgb4XwLbJKhfqtbSxFrPbrSBglSf9UI5BjB2gFy6nQWbWZqjlxslQmTzB2MV2s9dGI2eB5Zd5Ilw6X_bQ/s1600/Oxxo%20Blogger%20Template.jpg" /></a><br /></div><br />
Oxxo Blogger Template is a stylish and attractive Beauty and Magazine Blogspot Theme. It is crafted for a lifestyle magazine, fashion magazine, online news, health and beauty tips, creative designer, web design, and health tips blog. To make it easy for you. we have published this detailed documentation so that you can set up your blog correctly. You have made a good decision by choosing our template. <br />
<a name='more'></a>You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users. </div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide" href="https://oxxo-templatesyard.blogspot.com/" rel="nofollow" target="_blank"> <span class="circle"><i aria-hidden="true" class="fa fa-rocket"></i></span> <span class="title">See Demo</span> <span class="title-hover">Live Preview</span> </a> <a class="btn-slide2" href="https://www.templatesyard.com/2023/10/oxxo-blogger-template.html" rel="nofollow" target="_blank"> <span class="circle2"><i aria-hidden="true" class="fa fa-download"></i></span> <span class="title2">Free Download</span> <span class="title-hover2">Free Version</span> </a> <a class="btn-slide2" href="https://premiumbloggerthemes.gumroad.com/l/oxxopremium" rel="nofollow" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Buy Now</span> <span class="title-hover2">Premium Version</span> </a> </div>
<div class="basic-setup-sec">
<h3 style="text-align: left;">
<b>Basic Setup</b></h3>
<ol style="text-align: left;">
<li><b><a href="http://www.sorabloggingtips.com/p/how-to-install-blogger-template.html" target="_blank">Template Installation</a></b></li>
<li><a href="http://www.sorabloggingtips.com/p/how-to-install-logo-in-your-blog.html" target="_blank"><b>Logo Setup</b></a></li>
<li><b><a href="http://www.sorabloggingtips.com/p/default-setting-for-blogger-templates.html" target="_blank">Template Setting</a></b></li>
<li wfd-id="88"><b><a href="https://www.sorabloggingtips.com/p/shortcodes-and-page-markups-v20.html" target="_blank">Shortcodes & Markups v2.0</a></b></li>
<li><b><a href="http://www.sorabloggingtips.com/2017/01/how-to-add-sitemap-widget-in-blogspot-blogs.html" target="_blank">Create Sitemap</a></b></li>
</ol>
</div>
<div class="video-setup-sec">
<h3 style="text-align: left;">
Video Documentation</h3>
<div>
You can check this below video to understand the setup process much more easily, just click the below image to watch the video directly on YouTube, or click this link - <b><a href="https://youtu.be/zspuANVamV8" rel="nofollow" target="_blank">How To Setup Oxxo Blogger Template - TemplatesYard</a></b><br />
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://youtu.be/zspuANVamV8" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP6RhOCApd4ScvWLRuwrx8-GrZqYpwN6-KLY_c44GFcFr4ivNANMkbUhJuteE1jygkm3t0egdX2MWRp4jY519gksKkCl5PtV7RVaE6QTWRFzeJVd_7PMZmyGvv6i41ClZiR3UhNcS7vNYWgw7Aycv_cnwz_rcPolpJygVpHJfxvhZN6t-fWfhAkpPq-I4f/s1600/T%20Blog%20Youtube%20Thumbnail.png" /></a></div></div></div><div><h3 style="text-align: left;"><br /></h3><div><h3>Top Navigation / Footer Menu</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Top Navigation</b> or <b>Footer Menu</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="536" data-original-width="550" src="https://2.bp.blogspot.com/-yXNGRKHhaW4/W1lJantSPQI/AAAAAAAAClg/KspsdbcoAS07qDLlht8179UzPtSALcwoQCLcBGAs/s1600/top-navigation.png" /></div></h3><h3>Social Top</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Social Top</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Icons Avaliables {</b><span style="color: #0b5394;"><i> facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, twitch, delicious, codepen, reddit, whatsapp, snapchat, email</i></span> <b>}</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="606" data-original-width="549" src="https://4.bp.blogspot.com/-twEmAfV2mu4/WxdfXnxNXXI/AAAAAAAAB3A/uUSvzH6kaloTSHDra5ryhm5cHO7mrfyogCLcBGAs/s1600/top-social.png" /></div></h3><h3>Main Menu/DropDown/Multi DropDown</h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"><div wfd-id="107"><div style="margin: 0px;" wfd-id="108">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Main Menu</b> widget.</div></div><div wfd-id="105"><div style="margin: 0px;" wfd-id="106"><br /></div></div><div wfd-id="104">Normal Link : <b>Features</b></div><div wfd-id="103">Sub Link: <b>_Sub Link 1.0</b> (before the link add "<span style="color: #0b5394;"><b>_</b></span>") 1 underscore</div><div wfd-id="102">Sub Link 2: <b>__Sub Link 1.1</b> (before the link add "<span style="color: #0b5394;"><b>__</b></span>") 2 underscore</div><div wfd-id="100"><div style="margin: 0px;" wfd-id="101"><br /></div></div><div wfd-id="98"><div class="separator" style="clear: both; text-align: center;" wfd-id="99"><img border="0" data-original-height="698" data-original-width="551" src="https://4.bp.blogspot.com/-ah9YkPlJR5I/Wz0fbT6aMEI/AAAAAAAACSg/1cS2m8ftDKg9ZFUz0TBEX4uiwTvoxJixgCLcBGAs/s1600/main-menu.png" /></div></div></div></h3><h3><div style="font-size: medium; font-weight: 400;"></div></h3><h3>Main Slider</h3><h3><div style="font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Main Slider</b> section, you must place the following names highlighted in blue below.</div><div><br /></div><span style="font-weight: 700;">a) With Shortcodes</span></div><div style="font-size: medium; font-weight: 400;"><b><br /></b><div>Shortcode: <b><span style="color: #0b5394;"><span style="color: purple;">Number of Posts</span>/Label</span>, <span style="color: #cc0000;">recent</span> </b>or<b> <span style="color: #38761d;">random</span>/slider</b></div><div><br /></div><div>Example: <b>6/Anime/slider</b></div><div><br /></div><div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="512" data-original-width="560" src="https://2.bp.blogspot.com/-NXDUpQCSyqM/W-yKg-CWloI/AAAAAAAADjw/buWU8NvkAZ8nFLJ9PIxMak45-md-28GQQCLcBGAs/s1600/main_slider.png" /></div></div></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;" wfd-id="91"><br /></div></h3><h4 style="clear: both;">b) With Popular Post</h4><h3><div style="font-size: medium; font-weight: 400;" wfd-id="82"><div class="separator" style="clear: both;" wfd-id="83"><div wfd-id="90">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>Popular Posts</b> on <b>Main Slider</b> section, you set the settings as below</div><div wfd-id="85"><div wfd-id="89"><br /></div><div wfd-id="88"><b>Widget Settings:</b></div><div wfd-id="87"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-csHcPbbk9yI/YKZWTmgjJwI/AAAAAAAAKxg/srWck_is2dkGmChVTimhRg5V4-pFY5DrgCNcBGAsYHQ/s762/Blogger-Director-Configure-popular-posts.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="762" data-original-width="719" src="https://1.bp.blogspot.com/-csHcPbbk9yI/YKZWTmgjJwI/AAAAAAAAKxg/srWck_is2dkGmChVTimhRg5V4-pFY5DrgCNcBGAsYHQ/s16000/Blogger-Director-Configure-popular-posts.png" /></a></div></div></div></div></h3><h3>Grid Post</h3><h3><div style="font-size: medium; font-weight: 400;"></div></h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Grid Post</b> section <span class="tlid-translation translation">and follow the instructions below.</span></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Shortcode: <b>Results number/<span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> or <span style="color: #38761d;">random</span>/post-list</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Label Posts: <b>3/Technology/post-list</b></div><div style="font-size: medium; font-weight: 400;">Recent Posts: <b>3/recent/post-list</b></div><div style="font-size: medium; font-weight: 400;">Random Posts: <b>3/random/post-list</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="535" data-original-width="539" src="https://2.bp.blogspot.com/-4MIJlqO1pUc/WxdpOVxXIII/AAAAAAAAB3w/-cMDJxJKatQofEpeQQiJbuIjMgGxk7JbACEwYBhgL/s1600/post-list-widget.png" /></div></h3><h3>Post Layouts</h3><h3><div style="font-size: medium; font-weight: 400;"><b>Left Sidebar:</b> Inside the post add the text <b>left-sidebar</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;"><b>Full Width:</b> Inside the post add the text <b>full-width</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;"><b>Right Sidebar:</b> Inside the post add the text <b>right-sidebar</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="951" data-original-width="1358" src="https://2.bp.blogspot.com/-fCQMSq7tcD0/WxeSCroFr1I/AAAAAAAAB5E/ZYlvtyGAl14cPAri8JvXMhxPCPe_hx1rwCLcBGAs/s1600/post-layouts.jpg" /></div></h3><h3 style="clear: both;">Ads on post pages</h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="51"><div class="separator" style="clear: both;" wfd-id="54">Access your blog <b>Layout</b> > click <b>Edit icon</b> on in the sections <b>Post ADS 1</b> ( before<span style="color: #2b00fe;"> content</span> ) , <b>Post ADS 2</b> ( after <span style="color: #2b00fe;">content</span> ) or <b><span style="color: red;">Post ADS 3</span></b> ( after <span style="color: #2b00fe;">related posts</span> ).</div><div class="separator" style="clear: both;" wfd-id="53"><br /></div><div class="separator" style="clear: both;" wfd-id="52"><b>HTML/JavaScript Ex:</b></div></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="50"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;" wfd-id="49"><a href="https://1.bp.blogspot.com/-pIZPRxL25u8/YDt-rmSIY6I/AAAAAAAAKGE/DgVXXmEOms8M8pbwOaMYH7oA7ITLf4paQCNcBGAsYHQ/s617/Ads%2Bsettings.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="617" data-original-width="572" src="https://1.bp.blogspot.com/-pIZPRxL25u8/YDt-rmSIY6I/AAAAAAAAKGE/DgVXXmEOms8M8pbwOaMYH7oA7ITLf4paQCNcBGAsYHQ/s16000/Ads%2Bsettings.png" /></a></div></h3><h3><div style="font-size: medium; font-weight: 400;"></div></h3><h3>Post List Widget</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Grid Post</b> section <span class="tlid-translation translation">and follow the instructions below.</span></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Shortcode: <b>Results number/<span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> or <span style="color: #38761d;">random</span>/post-list</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Label Posts: <b>3/Technology/post-list</b></div><div style="font-size: medium; font-weight: 400;">Recent Posts: <b>3/recent/post-list</b></div><div style="font-size: medium; font-weight: 400;">Random Posts: <b>3/random/post-list</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="535" data-original-width="539" src="https://2.bp.blogspot.com/-4MIJlqO1pUc/WxdpOVxXIII/AAAAAAAAB3w/-cMDJxJKatQofEpeQQiJbuIjMgGxk7JbACEwYBhgL/s1600/post-list-widget.png" /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"><br /></div></h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="66"><br /></div></h3><h3>Instagram Tags</h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="65">Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Instagram Tags</b> widget's.</div><div class="separator" style="clear: both; text-align: center;" wfd-id="63"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="62"><br />Widget Settings <b>EX</b>:</div><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="59"><br /><div class="separator" style="clear: both; text-align: center;" wfd-id="61"><a href="https://1.bp.blogspot.com/-TFkpZwDTqo0/YDPC4wyGGmI/AAAAAAAAKBI/u2TRG1iV-C4N5LMh7PwhbfceqRJz5Qy7gCNcBGAsYHQ/s683/Popular-Tags-setup.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="683" data-original-width="537" src="https://1.bp.blogspot.com/-TFkpZwDTqo0/YDPC4wyGGmI/AAAAAAAAKBI/u2TRG1iV-C4N5LMh7PwhbfceqRJz5Qy7gCNcBGAsYHQ/s16000/Popular-Tags-setup.png" /></a></div></div></h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"></div><div style="font-size: medium; font-weight: 400;"></div></h3><h3>Theme Options</h3><h4>01 - Boxed Version</h4><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Boxed Version</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">In <i>New Site Name</i> add <b>boxedVersion</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both; text-align: center;"><a href="https://4.bp.blogspot.com/-UWgDr6Hl1PQ/W5vs9EB1tlI/AAAAAAAADGY/2seLnnStyKUof1uLXEThmGseiyK5DSJmgCLcBGAs/s1600/boxed_version.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="529" data-original-width="545" src="https://4.bp.blogspot.com/-UWgDr6Hl1PQ/W5vs9EB1tlI/AAAAAAAADGY/2seLnnStyKUof1uLXEThmGseiyK5DSJmgCLcBGAs/s1600/boxed_version.png" /></a></div><br /></div></h3><h4>02 - Default Variables</h4><h3><div style="font-size: medium; font-weight: 400;"> Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Default Variables</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Post Per Page:</b> In <i>New Site Name</i> add <b>postPerPage</b>, in <i>New Site URL</i> add the number of results, it should be the same as the posts from the home page, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Fixed Sidebar:</b> In <i>New Site Name</i> add <b>fixedSidebar</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Comments System:</b> In <i>New Site Name</i> add <b>commentsSystem</b>, in <i>New Site URL</i> add the comments sytem type <b>{<span style="color: #e69138;">blogger</span>, <span style="color: #3d85c6;">disqus</span>, <span style="color: #073763;">facebook</span> or <span style="color: #cc0000;">hide</span>}</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Disqus Shortname:</b> In <i>New Site Name</i> add <b>disqusShortname</b>, in <i>New Site URL</i> add your disqus comment system shortname, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="624" data-original-width="523" src="https://1.bp.blogspot.com/-rExdUXOAgtQ/WxduxYWEo2I/AAAAAAAAB4M/KI0ipawglGQ_fQ7axi6Yu1TdBiWU0sd9QCLcBGAs/s1600/default-variables.png" /></div></h3></div><h3><div style="font-size: medium; font-weight: 400;"></div></h3><h3>Facebook Page Plugin </h3><h3><div style="font-size: medium; font-weight: 400;"></div></h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Footer</b> section, and paste the code below.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><i><span style="background-color: #f3f3f3;"><center><div class="fb-page" data-href="<span style="background-color: #073763;"><span style="color: white;">https://www.facebook.com/templatesyard</span></span>" data-width="360" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div></center></span></i></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><span style="color: #cc0000;"><b>Note:</b></span> In Attribute <i><b>data-href</b></i> replace the link per your facebook page url.</div></h3></div>
<h3>
Customizing Your Template</h3>
<div style="font-size: medium; font-weight: 400;">
<div style="font-size: medium; font-weight: 400;">
Access your blog <b>Theme</b> > click <span style="color: #e69138;">Customize</span> button.</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Here you can change the background, and apply pre-defined colors</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="270" data-original-width="724" src="https://1.bp.blogspot.com/-H1u1QEV-qss/W4BHVwCJ8TI/AAAAAAAAC9g/_25WTIFhTjUvnRmjcGRFAl4kOI-ItSJ7QCEwYBhgL/s1600/customize_background.png" /></div>
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Clicking Advanced You will see the official option to change the Main Colors</div>
<br />
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="272" data-original-width="696" src="https://3.bp.blogspot.com/-q47DGPWfrgE/W4BHP2xDXHI/AAAAAAAAC9c/eqk39S8t2MI_9Dzhejt11Y5t0K-0-x0mACLcBGAs/s1600/customize_colors.png" /></div>
</div>
</div>
<div>
<h3 style="clear: both; text-align: left;">
Installation And Custom Services</h3>
<div class="separator" style="clear: both; text-align: justify;">
We provide plenty of templates for free but if you want something unique for your blog then let us create a unique design for your blog, Just tell us your needs and we will convert your dream design into reality. We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle.</div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide2" href="http://www.soratemplates.com/p/contact-us.html" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Contact Us</span> <span class="title-hover2">Custom template Services</span> </a> </div>
<div class="alert-message alert" style="font-size: 15px;">
<i class="fa fa-info-circle"></i> Only Premium Buyers will get the widget codes available in the demo.</div>
<div class="alert-message warning" style="font-size: 15px;">
<i class="fa fa-exclamation-triangle"></i> If you are a premium version user and you are having any problem while setting up the template please contact us by going to this <a href="http://www.templatesyard.com/p/contact-us.html" style="color: blue;" target="_blank"><b>link (Contact Form)</b></a>.</div>
</div>
</div>TemplatesYardhttp://www.blogger.com/profile/16801688932542878100noreply@blogger.com0tag:blogger.com,1999:blog-1320824803216639156.post-53368632428887681122023-10-07T00:12:00.004+05:302023-10-08T22:22:15.007+05:30How To Setup Minim Blogger Template [Way2Themes]<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhksucs6jQEuHx8-TBy65XfzjnL3XnVtTKvZ2rYamgsAjVAv8qFlUciefXFmxeGaU-3aNYpLTf6dl1jXEYQDB5On2Tmjx5l5xYvKp3n_kB4ZOXMfivmXzxRFtvhCT41ktnXKslh-LiNRL_Uq7EDSpaZiSe05oOtmSzoPUSouwQxG5AF3mbLwRjwOgN9cPEo/s1600/Minim%20Blogger%20Template.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhksucs6jQEuHx8-TBy65XfzjnL3XnVtTKvZ2rYamgsAjVAv8qFlUciefXFmxeGaU-3aNYpLTf6dl1jXEYQDB5On2Tmjx5l5xYvKp3n_kB4ZOXMfivmXzxRFtvhCT41ktnXKslh-LiNRL_Uq7EDSpaZiSe05oOtmSzoPUSouwQxG5AF3mbLwRjwOgN9cPEo/s1600/Minim%20Blogger%20Template.jpg" /></a><br /></div><br />
Minim Blogger Template is a stylish & attractive Magazine Blogger Theme. It is crafted for a lifestyle magazine, fashion magazine, online news, health and beauty tips, creative designer, web design, and health tips blog. To make it easy for you we have published this detailed documentation so that you can set up your blog correctly. You have made a good decision by choosing our template. <br />
<a name='more'></a>You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users. </div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide" href="https://minim-way2themes.blogspot.com/" rel="nofollow" target="_blank"> <span class="circle"><i aria-hidden="true" class="fa fa-rocket"></i></span> <span class="title">See Demo</span> <span class="title-hover">Live Preview</span> </a> <a class="btn-slide2" href="https://www.way2themes.com/2023/10/minim-blogger-template.html" rel="nofollow" target="_blank"> <span class="circle2"><i aria-hidden="true" class="fa fa-download"></i></span> <span class="title2">Free Download</span> <span class="title-hover2">Free Version</span> </a> <a class="btn-slide2" href="https://premiumbloggerthemes.gumroad.com/l/minimpremium" rel="nofollow" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Buy Now</span> <span class="title-hover2">Premium Version</span> </a> </div>
<div class="basic-setup-sec">
<h3 style="text-align: left;">
<b>Basic Setup</b></h3>
<ol style="text-align: left;">
<li><b><a href="http://www.sorabloggingtips.com/p/how-to-install-blogger-template.html" target="_blank">Template Installation</a></b></li>
<li><a href="http://www.sorabloggingtips.com/p/how-to-install-logo-in-your-blog.html" target="_blank"><b>Logo Setup</b></a></li>
<li><b><a href="http://www.sorabloggingtips.com/p/default-setting-for-blogger-templates.html" target="_blank">Template Setting</a></b></li>
<li wfd-id="88"><b><a href="https://www.sorabloggingtips.com/p/shortcodes-and-page-markups-v20.html" target="_blank">Shortcodes & Markups v2.0</a></b></li>
<li><b><a href="http://www.sorabloggingtips.com/2017/01/how-to-add-sitemap-widget-in-blogspot-blogs.html" target="_blank">Create Sitemap</a></b></li>
</ol>
</div>
<div class="video-setup-sec">
<h3 style="text-align: left;">
Video Documentation</h3>
<div>
You can check this below video to understand the setup process much more easily, just click the below image to watch the video directly on YouTube, or click this link - <b><a href="https://youtu.be/20jp0TrsXTA" rel="nofollow" target="_blank">How To Setup Minim Blogger Template - TemplatesYard</a></b><br />
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://youtu.be/20jp0TrsXTA" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO9hrGsT0gvP4jHzPHbSdPsMIkWgTcTHXPmW_obumWpvjqI28BUjp34ifxq4Lpiiu7JasuqU6P5-wbQP7KpxyhDvqm4f_YaU864gsxWlnmCfzddCRYrP21ehEx5Lna7DkNQrhWr_AJbhqtZOv8QEcq_mqnZF_bimgN7CQgsZzjfP_i2EA3yQkbnx8q-HQ/s1600/Minim%20Youtube%20Thumbnail.png" /></a></div></div></div><div><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"></div></h3><h3>Main Menu/DropDown/Multi DropDown/Mega Menu</h3><h3><div style="font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Main Menu</b> widget.</div><div><br /></div><div>Home Link: <b>Your Title-text</b> or <b>Your Title-icon</b> EX: <span style="color: #0b5394;"><b>Home-icon</b></span> or <span style="color: #0b5394;"><b>Home-text</b></span></div><div>Normal Link : <b>Features</b></div><div>Sub Link: <b>_Sub Link 1.0</b> (before the link add "<span style="color: #0b5394;"><b>_</b></span>") 1 underscore</div><div>Sub Link 2: <b>__Sub Link 1.1</b> (before the link add "<span style="color: #0b5394;"><b>__</b></span>") 2 underscore</div><div>Mega Shortcode by Label: <b>Technology/mega-menu</b></div><div>Mega Shortcode by Recent: <b>recent/mega-menu</b></div><div>Mega Shortcode by Random: <b>random/mega-menu</b></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="834" data-original-width="546" src="https://3.bp.blogspot.com/-ioGqbcfLimc/WxdkFWsL_AI/AAAAAAAAB3U/tIGE6Qztw0MG94xTk4968Lrj10p4mxVnACLcBGAs/s1600/main-menu.png" /></div></div></h3><h3>Main Slider</h3><h3><div style="font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Main Slider</b> section, you must place the following names highlighted in blue below.</div><div><br /></div><div>Shortcode: <b><span style="color: #0b5394;"><span style="color: purple;">Number of Posts</span>/Label</span>, <span style="color: #cc0000;">recent</span> </b>or<b> <span style="color: #38761d;">random</span>/slider</b></div><div><br /></div><div>Example: <b>6/Anime/slider</b></div><div><br /></div><div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="512" data-original-width="560" src="https://2.bp.blogspot.com/-NXDUpQCSyqM/W-yKg-CWloI/AAAAAAAADjw/buWU8NvkAZ8nFLJ9PIxMak45-md-28GQQCLcBGAs/s1600/main_slider.png" /></div></div></div></h3><h3>Hot Posts</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Hot Posts</b> section, you must place the following names highlighted in blue below.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Shortcode: <b><span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> </b>or<b> <span style="color: #38761d;">random</span>/hot-posts</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Example: <b>Technology/hot-posts</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="534" data-original-width="541" src="https://4.bp.blogspot.com/-988uKOqn1CE/WzHKtkGFDpI/AAAAAAAACLk/1kGnuUU8v_4T7vASSWlU5VhB5bFtQuEAgCLcBGAs/s1600/hot-posts.png" /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h4 style="clear: both; font-weight: 400;">b) With Popular Post</h4><h3><div style="font-size: medium;"><div class="separator" style="clear: both;"><div style="font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>Popular Posts</b> on <b>Hot Post</b> section, you set the settings as below</div><div style="font-weight: 400;"><div><br /></div><div><b>Widget Settings:</b></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-cCxeGhv3ZR4/YVlK1x3M5RI/AAAAAAAALr4/peFxkFo0Op0X9Fd7xUh5rBvNGMiULK0AgCNcBGAsYHQ/s16000/Blogger-Layout.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="599" data-original-width="570" src="https://1.bp.blogspot.com/-cCxeGhv3ZR4/YVlK1x3M5RI/AAAAAAAALr4/peFxkFo0Op0X9Fd7xUh5rBvNGMiULK0AgCNcBGAsYHQ/s16000/Blogger-Layout.png" /></a></div></div><div class="separator" style="clear: both;"><i><span style="color: red;">Note:- </span>Set the number to 4 in popular post settings.</i></div></div></div></h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"></div></h3><h3>Post List Widget</h3><h3><div style="font-size: medium; font-weight: 400;"><div><div style="margin: 0px;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Footer</b> section, you must place the following names highlighted in blue below.</div></div><div><div style="margin: 0px;"><br /></div></div><div><div style="margin: 0px;">Shortcode: <b>Results number/<span style="color: #0b5394;">Label</span> </b>or<b> <span style="color: #cc0000;">recent</span> or <span style="color: #38761d;">random</span>/post-list</b></div></div><div><div style="margin: 0px;">Label Posts: <b>3/Food/post-list</b></div></div><div><div style="margin: 0px;">Recent Posts: <b>3/recent/post-list</b></div></div><div><div style="margin: 0px;">Random Posts: <b>3/random/post-list</b></div></div><div><div style="margin: 0px;"><br /></div></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="522" data-original-width="547" src="https://1.bp.blogspot.com/-oVdgO-vzsLk/Wz7WgG6v-zI/AAAAAAAACWI/XKEhqwT5CDoCldzl1jnTP1lvdaN0Yb-gQCEwYBhgL/s1600/post-list-widget.png" /></div><div><div style="margin: 0px;"><br /></div></div></div></h3><h3>Post Layouts</h3><h3><div style="font-size: medium; font-weight: 400;"><div><div style="margin: 0px;"><b>Left Sidebar:</b> Inside the post add the text <b>left-sidebar</b> and add the style <strike>Strikethrough</strike></div></div><div><div style="margin: 0px;"><b>Full Width:</b> Inside the post add the text <b>full-width</b> and add the style <strike>Strikethrough</strike></div></div><div><div style="margin: 0px;"><b>Right Sidebar:</b> Inside the post add the text <b>right-sidebar</b> and add the style <strike>Strikethrough</strike></div></div><div><div style="margin: 0px;"><br /></div></div><div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="475" data-original-width="650" height="291" src="https://3.bp.blogspot.com/-VgNouYf2j5U/WyH2uF8F3aI/AAAAAAAAB_E/04d2J5KZNCIVzJ1UKJfg6OC4MbcQGM2RQCLcBGAs/s400/post-layout.jpg" width="400" /></div><div style="margin: 0px;"><br /></div></div></div></h3><h3>Social Widget (Sidebar)</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Social Widget</b> section.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Avaliable Icons {</b> <span style="color: #0b5394;"><i>facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, twitch, delicious, codepen, reddit, whatsapp, snapchat, email</i></span> <b>}</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="545" data-original-width="554" src="https://2.bp.blogspot.com/-yixzgKEQ67A/W9DbyN5zfpI/AAAAAAAADXU/EoZCpjG1nIwjOhJoTuvVuJt-EQra4qFHgCLcBGAs/s1600/header-social.png" /></div><br /></div></h3><h3 style="clear: both;">Ads on post pages</h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on in the sections <b>Post ADS 1</b> ( before<span style="color: #2b00fe;"> content</span> ) , <b>Post ADS 2</b> ( after <span style="color: #2b00fe;">content</span> ).</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><b>HTML/JavaScript Ex:</b></div></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><a href="https://1.bp.blogspot.com/-pIZPRxL25u8/YDt-rmSIY6I/AAAAAAAAKGE/DgVXXmEOms8M8pbwOaMYH7oA7ITLf4paQCNcBGAsYHQ/s617/Ads%2Bsettings.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="617" data-original-width="572" src="https://1.bp.blogspot.com/-pIZPRxL25u8/YDt-rmSIY6I/AAAAAAAAKGE/DgVXXmEOms8M8pbwOaMYH7oA7ITLf4paQCNcBGAsYHQ/s16000/Ads%2Bsettings.png" /></a></div><div style="font-size: medium; font-weight: 400;"><br /></div></h3><h3>Theme Options</h3><h4>01 - Css Options</h4><h3><div style="font-size: medium; font-weight: 400;"> Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Css Options</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Boxed Version</b><b>:</b> In <i>New Site Name</i> add <b>boxedVersion</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Recent Posts Headline:</b> In <i>New Site Name</i> add <b>recentPostsHeadline</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="550" data-original-width="547" src="https://3.bp.blogspot.com/-T2kb3TjCXXE/W4BIA2Hq3NI/AAAAAAAAC9w/_IgyPNTUcC8esQeS68Z9JslUxEyMhrRsgCLcBGAs/s1600/css_options.png" /></div></h3><h4>02 - Default Variables</h4><h3><div style="font-size: medium; font-weight: 400;"> Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Default Variables</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Post Per Page:</b> In <i>New Site Name</i> add <b>postPerPage</b>, in <i>New Site URL</i> add the number of results, it should be the same as the posts from the home page, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Fixed Sidebar:</b> In <i>New Site Name</i> add <b>fixedSidebar</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Comments System:</b> In <i>New Site Name</i> add <b>commentsSystem</b>, in <i>New Site URL</i> add the comments sytem type <b>{<span style="color: #e69138;">blogger</span>, <span style="color: #3d85c6;">disqus</span>, <span style="color: #073763;">facebook</span> or <span style="color: #cc0000;">hide</span>}</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Disqus Shortname:</b> In <i>New Site Name</i> add <b>disqusShortname</b>, in <i>New Site URL</i> add your disqus comment system shortname, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="624" data-original-width="523" src="https://1.bp.blogspot.com/-rExdUXOAgtQ/WxduxYWEo2I/AAAAAAAAB4M/KI0ipawglGQ_fQ7axi6Yu1TdBiWU0sd9QCLcBGAs/s1600/default-variables.png" /></div></h3><h3>Facebook Page Plugin </h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Footer</b> section, and paste the code below.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><i><span style="background-color: #f3f3f3;"><center><div class="fb-page" data-href="<span style="background-color: #073763;"><span style="color: white;">https://www.facebook.com/way2themes</span></span>" data-width="360" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div></center></span></i></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><span style="color: #cc0000;"><b>Note:</b></span> In Attribute <i><b>data-href</b></i> replace the link per your facebook page url.</div><div style="font-size: medium; font-weight: 400;"><br /></div></h3><h3>Footer Menu</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Footer Menu</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-CMWEutMHuBI/W9DdEuWRysI/AAAAAAAADXg/p6Ndp6bm9loL2zt1eroSrqTrV7eB-jbOQCLcBGAs/s1600/footer-menu.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="547" data-original-width="563" src="https://1.bp.blogspot.com/-CMWEutMHuBI/W9DdEuWRysI/AAAAAAAADXg/p6Ndp6bm9loL2zt1eroSrqTrV7eB-jbOQCLcBGAs/s1600/footer-menu.png" /></a></div></div></h3></div>
<h3>
Customizing Your Template</h3>
<div style="font-size: medium; font-weight: 400;">
<div style="font-size: medium; font-weight: 400;">
Access your blog <b>Theme</b> > click <span style="color: #e69138;">Customize</span> button.</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Here you can change the background, and apply pre-defined colors</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="270" data-original-width="724" src="https://1.bp.blogspot.com/-H1u1QEV-qss/W4BHVwCJ8TI/AAAAAAAAC9g/_25WTIFhTjUvnRmjcGRFAl4kOI-ItSJ7QCEwYBhgL/s1600/customize_background.png" /></div>
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Clicking Advanced You will see the official option to change the Main Colors</div>
<br />
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="272" data-original-width="696" src="https://3.bp.blogspot.com/-q47DGPWfrgE/W4BHP2xDXHI/AAAAAAAAC9c/eqk39S8t2MI_9Dzhejt11Y5t0K-0-x0mACLcBGAs/s1600/customize_colors.png" /></div>
</div>
</div>
<div>
<h3 style="clear: both; text-align: left;">
Installation And Custom Services</h3>
<div class="separator" style="clear: both; text-align: justify;">
We provide plenty of templates for free but if you want something unique for your blog then let us create a unique design for your blog, Just tell us your needs and we will convert your dream design into reality. We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle.</div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide2" href="http://www.soratemplates.com/p/contact-us.html" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Contact Us</span> <span class="title-hover2">Custom template Services</span> </a> </div>
<div class="alert-message alert" style="font-size: 15px;">
<i class="fa fa-info-circle"></i> Only Premium Buyers will get the widget codes available in the demo.</div>
<div class="alert-message warning" style="font-size: 15px;">
<i class="fa fa-exclamation-triangle"></i> If you are a premium version user and you are having any problem while setting up the template please contact us by going to this <a href="http://www.templatesyard.com/p/contact-us.html" style="color: blue;" target="_blank"><b>link (Contact Form)</b></a>.</div>
</div>
</div>TemplatesYardhttp://www.blogger.com/profile/16801688932542878100noreply@blogger.com0tag:blogger.com,1999:blog-1320824803216639156.post-35539414751926846522023-09-30T00:52:00.005+05:302023-10-03T20:40:12.970+05:30How To Setup Selary Blogger Template [Templateify]<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgi9J7dytFs-j-vNnwY8DvEx4LL7DJVM0cOf1W8L6qpwN1opvVcVm2xCmDeEsShVXPC85zFDhEYLhn2XpAXAziVUwj3QsN9BO-VxhyVRQSsIIJH05Uau2fHgBo8e6KvC9V33AgWzEII0i5cn6oYrjd25WdnZPSK_e_DGkR5etIVIrK_AbvSvynAe5K_SU/s1600/Selary%20Blogger%20Template.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1013" data-original-width="1349" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgi9J7dytFs-j-vNnwY8DvEx4LL7DJVM0cOf1W8L6qpwN1opvVcVm2xCmDeEsShVXPC85zFDhEYLhn2XpAXAziVUwj3QsN9BO-VxhyVRQSsIIJH05Uau2fHgBo8e6KvC9V33AgWzEII0i5cn6oYrjd25WdnZPSK_e_DGkR5etIVIrK_AbvSvynAe5K_SU/s1600/Selary%20Blogger%20Template.jpg" /></a></div></div><br /><div style="text-align: justify;">
Selary Blogger Template is a modern, minimalistic, and responsive template that makes creating a website or blog easy with just a few clicks. With its clean design and intuitive interface. Selary is perfect for bloggers who want to make their content look professional and attractive. <br />
<a name='more'></a>You have made a good decision by choosing our template. You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users. </div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide" href="https://selary-templateify.blogspot.com/" rel="nofollow" target="_blank"> <span class="circle"><i aria-hidden="true" class="fa fa-rocket"></i></span> <span class="title">See Demo</span> <span class="title-hover">Live Preview</span> </a> <a class="btn-slide2" href="https://www.templateify.com/2023/10/selary-blogger-template.html" rel="nofollow" target="_blank"> <span class="circle2"><i aria-hidden="true" class="fa fa-download"></i></span> <span class="title2">Free Download</span> <span class="title-hover2">Free Version</span> </a> <a class="btn-slide2" href="https://premiumbloggerthemes.gumroad.com/l/selarypremium" rel="nofollow" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Buy Now</span> <span class="title-hover2">Premium Version</span> </a> </div>
<div class="basic-setup-sec">
<h3 style="text-align: left;">
<b>Basic Setup</b></h3>
<ol style="text-align: left;">
<li><b><a href="http://www.sorabloggingtips.com/p/how-to-install-blogger-template.html" target="_blank">Template Installation</a></b></li>
<li><a href="http://www.sorabloggingtips.com/p/how-to-install-logo-in-your-blog.html" target="_blank"><b>Logo Setup</b></a></li>
<li><b><a href="http://www.sorabloggingtips.com/p/default-setting-for-blogger-templates.html" target="_blank">Template Setting</a></b></li>
<li><b><a href="https://www.sorabloggingtips.com/p/shortcodes-and-page-markups-v20.html" target="_blank">Shortcodes & Markups v2.0</a></b></li>
<li><b><a href="http://www.sorabloggingtips.com/2017/01/how-to-add-sitemap-widget-in-blogspot-blogs.html" target="_blank">Create Sitemap</a></b></li>
</ol>
</div>
<div class="video-setup-sec">
<h3 style="text-align: left;">
Video Documentation</h3>
<div>
You can check this below video to understand the setup process much more easily, just click the below image to watch the video directly on YouTube, or click this link - <a href="https://youtu.be/SlZgadzUpP0" rel="nofollow" target="_blank"><b>How To Setup Selary Blogger Template - Templateify</b></a></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://youtu.be/SlZgadzUpP0" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><div class="separator" style="clear: both;"><img alt="" border="0" data-original-height="672" data-original-width="1127" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhS4JxOP753osaevdf2VQ3JhhBXbQ1s7thWRljMhHFB1xp-M3ue5ZqLNd7337S-MuVoHVg7cuzimqJzIQAv58CyM3SRjlLM-GyRq8si9FueV16gN_rD-PqFUjlR6GO6YFR3-ql_MdXK7BXvf7IM5JoqUDV7lzmvGJyzn18jdAbpdqf6Lx0hQiy6dYwIKg/s1600/Selary%20Youtube%20Thumbnail.png" /></div></a></div>
</div>
<div>
<br />
<h3 id="go-topmenu">Topbar Menu</h3><h3 id="go-menu"><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Topbar Menu</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Tobar Menu" border="0" data-original-height="926" data-original-width="867" src="https://1.bp.blogspot.com/-gF6coHxJK0Q/X71ZQx-iW4I/AAAAAAAACLQ/zJaBjhvBVTAOGI3sKIHsDH35gqVT1H-JACLcBGAsYHQ/s0/topbar-menu.png" title="Tobar Menu" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-topicons">Topbar Icons</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Topbar Icons</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Supported Icons: </b><strike style="font-size: medium; font-weight: 400;">blogger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">apple</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">amazon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">microsoft</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook-f</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitter</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">rss</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">youtube</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">skype</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stumbleupon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">tumblr</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">vk</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stack-overflow</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">github</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">linkedin</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">dribbble</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">soundcloud</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">behance</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">digg</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">instagram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest-p</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitch</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">steam</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">delicious</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">codepen</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">flipboard</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">reddit</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">whatsapp</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">telegram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">messenger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">snapchat</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">email</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">discord</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">quora</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">share</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">external-link</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Topbar Icons" border="0" data-original-height="930" data-original-width="867" src="https://1.bp.blogspot.com/-Ty7C4M37Z8w/X71aDjEt0wI/AAAAAAAACLc/-O7otm3HXHAn47QwTRKYYowv8xCq-jmkgCLcBGAsYHQ/s0/topbar-icons.png" title="Topbar Icons" /></div></h3><h3><span style="font-size: medium; font-weight: 400;"></span></h3><h3 id="go-menu">Mobile Logo</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Mobile Logo Section</b><span style="font-size: medium; font-weight: 400;"> gadgets.</span></h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"></div></h3><h3><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-EQZZRzFRK50/YLOF2Hi64JI/AAAAAAAAK1M/D643VC0LsvocabpzPWgPtS7lJibQSOgHgCNcBGAsYHQ/s708/Blogger-Layout.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="708" data-original-width="598" src="https://1.bp.blogspot.com/-EQZZRzFRK50/YLOF2Hi64JI/AAAAAAAAK1M/D643VC0LsvocabpzPWgPtS7lJibQSOgHgCNcBGAsYHQ/s16000/Blogger-Layout.png" /></a></div><div><br /></div></h3><h3 id="go-menu">Header Menu</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Header Menu</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Normal Link and DropDown Options:</b></h4><h3><b style="font-size: medium;">Homepage Link Example: </b><span style="font-size: medium; font-weight: 400;">Add the text and in the site url field add </span><strike style="font-size: medium; font-weight: 400;">{homepage}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Normal Link Example: </b><strike style="font-size: medium; font-weight: 400;">Features</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">SubLink Level 1 Example: </b><strike style="font-size: medium; font-weight: 400;">_Level 1</strike><span style="font-size: medium; font-weight: 400;"> "Before the Title add </span><b style="font-size: medium;">1 underscore</b><span style="font-size: medium; font-weight: 400;">"</span><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">SubLink Level 2 Example: </b><strike style="font-size: medium; font-weight: 400;">__Level 2</strike><span style="font-size: medium; font-weight: 400;"> "Before the Title add </span><b style="font-size: medium;">2 underscore</b><span style="font-size: medium; font-weight: 400;">"</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Main Menu Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Menu Settings" border="0" data-original-height="569" data-original-width="700" src="https://1.bp.blogspot.com/-le46mq2ZR3g/YCRrVxzMwMI/AAAAAAAACVA/owUxd51LS00hKs1B2-1-sa7Yx6066U41ACLcBGAsYHQ/s16000/main-menu.png" title="Menu Settings" /></div><br style="font-size: medium; font-weight: 400;" /><warning class="alert" style="font-size: medium; font-weight: 400;"><b>ALERT: </b>Level 2 Links must be between or below level 1 links.</warning><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Home Link Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Homepage Link" border="0" data-original-height="203" data-original-width="844" src="https://1.bp.blogspot.com/-KXch08UkUbg/YCRqlOGtC1I/AAAAAAAACU4/4u7IIutsHnk6xpG3xkzawL1zNFJZ8lpWgCLcBGAsYHQ/s16000/home-link.png" title="Homepage Link" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4>Mega Menu Options:</h4><h3><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">{getContent} $label={<span style="color: red;">Your Label</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Label:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">label</strike><span style="font-size: medium; font-weight: 400;"> or </span><strike style="font-size: medium; font-weight: 400;">recent</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">What are Label?</b><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Post Labels" border="0" data-original-height="176" data-original-width="1055" src="https://1.bp.blogspot.com/-ootFEjbpkOk/YCRooddPKhI/AAAAAAAACUY/taGhM6Tz9e0-l0jR1cRNCkZIxfiP0d02ACLcBGAsYHQ/s16000/post-labels.png" title="Post Labels" /></div><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">{getContent} $label={Laptops}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Mega Menu Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Mega Menu Shortcode" border="0" data-original-height="208" data-original-width="843" src="https://1.bp.blogspot.com/-ufLBBkqV8FM/YCRqIw94GlI/AAAAAAAACUw/oyK6OSpiJgA3k7Jgplfgu4mTTe9uYx5YwCLcBGAsYHQ/s16000/mega-menu.png" title="Mega Menu Shortcode" /></div><br style="font-size: medium; font-weight: 400;" /><success class="alert" style="font-size: medium; font-weight: 400;"><b>SAVING: </b>After adding all the desired links and organizing them in the correct position, click on the <b>Save Button</b>.</success></h3><h3 id="go-feat">Featured Posts</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">Popular Posts</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Featured Posts</b><span style="font-size: medium; font-weight: 400;"> section.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">{getContent} $label={<span style="color: red;">Your Label</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Label:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">label</strike><span style="font-size: medium; font-weight: 400;"> or </span><strike style="font-size: medium; font-weight: 400;">recent</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">{getContent} $label={Laptops}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>By HTML/Javascript:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Featured Post" border="0" data-original-height="873" data-original-width="865" src="https://1.bp.blogspot.com/-busskAmAb44/YCRsyAwwU2I/AAAAAAAACVM/49_HZvVbJSg84BgEl25x9jnKnByipiCEwCLcBGAsYHQ/s16000/featured-html.png" title="Featured Post" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>By Popular Posts:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Featured Post by Popular" border="0" data-original-height="771" data-original-width="865" src="https://1.bp.blogspot.com/-XBVeFlSZU8w/YCRs2ypilvI/AAAAAAAACVQ/9OacGQ2LryAwFLB6aDA1Be_HNLv_bqOtQCLcBGAsYHQ/s16000/featured-popular.png" title="Featured Post by Popular" /></div></h3><h3><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-hads">Header ADS</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the section </span><b style="font-size: medium;">Header ADS</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Header Ads" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Header Ads" /></div></h3><h3><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-trend">Content Section 1 / Content Section 2</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;"> > in the sections </span><b style="font-size: medium;">Content Section 1</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">Content Section 2</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">{getContent} $results={<span style="color: red;">Number of Results</span>} $label={<span style="color: red;">Your Label</span>} $type={<span style="color: red;">Custom Type</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Results:</b><span style="font-size: medium; font-weight: 400;"> You must add the desired number of results.</span><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Label:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">label</strike><span style="font-size: medium; font-weight: 400;"> or </span><strike style="font-size: medium; font-weight: 400;">recent</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Types:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">block1</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">block2</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">grid1</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">grid2</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">colLeft</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">colRight</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">video</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">{getContent} $results={5} $label={Laptops} $type={block1}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>By HTML/Javascript:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Content Sections" border="0" data-original-height="873" data-original-width="865" src="https://1.bp.blogspot.com/-Xo6TFzYi68A/YCRxRtHCUjI/AAAAAAAACVg/tcminwh4s_Y5bMXbR6atcFTgY0eZilldgCLcBGAsYHQ/s16000/content-section.png" title="Content Sections" /></div><br style="font-size: medium; font-weight: 400;" /><info class="alert" style="font-size: medium; font-weight: 400;"><b>NOTE: </b>You can add as many gadgets as you like. But they are optional and, if you wish, you can remove them at any time.</info><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-mad">Main ADS 1 / Main ADS 2</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the sections </span><b style="font-size: medium;">Main ADS 1</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">Main ADS 2</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Main Ads" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Main Ads" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-posts">Main Posts</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Main Posts/Blog Posts</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Blog Posts" border="0" data-original-height="1211" data-original-width="841" src="https://1.bp.blogspot.com/-PV68IvbjhDY/X71mcu6-gBI/AAAAAAAACMk/8IsBBEylb4I3Fi5QxYb9gQf8ucPT5R2LQCLcBGAsYHQ/s0/blog-posts.png" title="Blog Posts" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4>Comments Settings:</h4><h3><span style="font-size: medium; font-weight: 400;">The comment settings are intuitive like never seen before. The new shortcodes should be added in > </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">Blog Posts</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">Comments Field</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Blogger Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$type={blogger}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Disqus Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$type={disqus} $shortname={templateify-comments}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Custom Disqus Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$type={disqus} $shortname={<span style="color: red;">Your Shortname</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Facebook Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$type={facebook}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><span style="font-size: medium; font-weight: 400;">For facebook comments to work correctly, you need to configure the </span><a href="#fb-sdk" style="font-size: medium; font-weight: 400;">facebook SDK</a><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-toc">Table of Contents</h3><h3><span style="font-size: medium; font-weight: 400;">This function is available for posts and pages and can be added easily via shortcode.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">{tocify} $title={<span style="color: red;">Table of Contents</span>}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">NOTE:</b><span style="font-size: medium; font-weight: 400;"> After adding a Shortcode apply the </span><b style="font-size: medium;">Bold</b><span style="font-size: medium; font-weight: 400;"> style.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Table of Content" border="0" data-original-height="420" data-original-width="1130" src="https://1.bp.blogspot.com/-HlrWHntmPt0/YCRzsYeLU0I/AAAAAAAACV0/S6e1grrlXSsnDnOOQ8PetN90irjnWoDiQCLcBGAsYHQ/s16000/toc.png" style="border: 1px solid rgb(233, 235, 238);" title="Table of Content" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-ads">In-Article ADS on "Post Page"</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the sections </span><b style="font-size: medium;">Post ADS 1 (</b><i style="font-size: medium; font-weight: 400;"> <span style="color: #00b140;">before content</span> </i><b style="font-size: medium;">) </b><span style="font-size: medium; font-weight: 400;">and </span><b style="font-size: medium;">Post ADS 2 (</b><i style="font-size: medium; font-weight: 400;"> <span style="color: #00b140;">after content</span></i><b style="font-size: medium;"> )</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Post Ads 1 and 2" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Post Ads 1 and 2" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Move <span style="color: #00b140;">Post ADS 1</span> and <span style="color: #00b140;">Post ADS 2</span> to inside the post content:</b></h4><h3><b style="font-size: medium;">Sortcode ADS 1:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;"><b>$ads={1}</b></strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Sortcode ADS 2:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;"><b>$ads={2}</b></strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">NOTE:</b><span style="font-size: medium; font-weight: 400;"> After adding a Shortcode apply the </span><b style="font-size: medium;">Bold</b><span style="font-size: medium; font-weight: 400;"> style. Example: </span><strike style="font-size: medium; font-weight: 400;"><b>$ads={2}</b></strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="In-Article Ads" border="0" data-original-height="655" data-original-width="927" src="https://1.bp.blogspot.com/-amctilW7RHA/YCR0SOP2EUI/AAAAAAAACV8/9TDEXDkQDeA7YknOiiKwDEL2tRn12iEywCLcBGAsYHQ/s16000/post-ads.png" title="In-Article Ads" /></div><br style="font-size: medium; font-weight: 400;" /><warning class="alert" style="font-size: medium; font-weight: 400;"><b>IMPORTANT: </b>The ad will only appear if you have inserted in the section, if you want to hide just remove check to not display or remove the gadget. </warning><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-author">Author Box</h3><h3><span style="font-size: medium; font-weight: 400;">The widget receives the </span><u style="font-size: medium; font-weight: 400;">blogger profile informations</u><span style="font-size: medium; font-weight: 400;"> automatically, As long as your profile is </span><b style="font-size: medium;">marked as public</b><span style="font-size: medium; font-weight: 400;">. The icons are displayed if there are links in the introduction.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Supported Icons: </b><strike style="font-size: medium; font-weight: 400;">blogger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">apple</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">amazon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">microsoft</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook-f</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitter</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">rss</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">youtube</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">skype</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stumbleupon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">tumblr</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">vk</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stack-overflow</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">github</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">linkedin</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">dribbble</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">soundcloud</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">behance</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">digg</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">instagram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest-p</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitch</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">steam</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">delicious</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">codepen</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">flipboard</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">reddit</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">whatsapp</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">telegram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">messenger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">snapchat</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">email</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">discord</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">quora</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">share</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">external-link</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Blogger Settings: Go to <a href="https://www.blogger.com/edit-profile.g" rel="nofollow" target="_blank">https://www.blogger.com/edit-profile.g</a></b></h4><h3><span style="font-size: medium; font-weight: 400;">Find for </span><b style="font-size: medium;">Additional Information</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">Introduction</b><span style="font-size: medium; font-weight: 400;"> > and add your description with </span><b style="font-size: medium;">HTML</b><span style="font-size: medium; font-weight: 400;"> links.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">HTML Link:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;"><a href="<span style="color: red;">Your Link Here</span>"><span style="color: red;">Icon Name</span></a></strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">HTML Link Example:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;"><a href="https://facebook.com/templateify">facebook</a></strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Author Settings" border="0" data-original-height="327" data-original-width="916" src="https://1.bp.blogspot.com/-ZBtcu0WsYRA/YCR2tcLNYQI/AAAAAAAACWU/EA5j8FhazgosSBqbRff5F6KwWzdSn2KVgCLcBGAsYHQ/s16000/author-description.png" title="Author Settings" /></div><br style="font-size: medium; font-weight: 400;" /><warning class="alert" style="font-size: medium; font-weight: 400;"><b>IMPORTANT: </b>The <b>"Introduction"</b> is required for the author box to be displayed! But the links are not required. </warning><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-related">Advanced Related Posts</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Related Posts</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$results={<span style="color: red;">Number of Results</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">$results={3}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Related Posts" border="0" data-original-height="875" data-original-width="865" src="https://1.bp.blogspot.com/-mbZm7DL11Zo/YCR2yql-8YI/AAAAAAAACWY/gh5_oBEK4R0UyPAmA82A0jHEbyfST4JkACLcBGAsYHQ/s16000/related-posts.png" title="Related Posts" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-postads3">Post ADS 3</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the section </span><b style="font-size: medium;">Post ADS 3</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Post Ads 3" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Post Ads 3" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-count">Social Buttons on Sidebar</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">Link List</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Sidebar</b><span style="font-size: medium; font-weight: 400;"> section.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Supported Icons: </b><strike style="font-size: medium; font-weight: 400;">blogger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">apple</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">amazon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">microsoft</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook-f</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitter</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">rss</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">youtube</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">skype</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stumbleupon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">tumblr</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">vk</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stack-overflow</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">github</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">linkedin</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">dribbble</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">soundcloud</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">behance</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">digg</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">instagram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest-p</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitch</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">steam</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">delicious</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">codepen</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">flipboard</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">reddit</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">whatsapp</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">telegram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">messenger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">snapchat</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">email</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">discord</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">quora</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">share</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">external-link</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Social Button on Sidebar" border="0" data-original-height="920" data-original-width="840" src="https://1.bp.blogspot.com/-h8MjwaGzauI/YCR7h1qtDsI/AAAAAAAACW8/8h51BXYCOtcuVrh9yvWdf1QMCQqtd0XhwCLcBGAsYHQ/s16000/social-buttons.png" title="Social Button on Sidebar" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-list">Post Widgets on Sidebar</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;"> > in the</span><b style="font-size: medium;"> Sidebar </b><span style="font-size: medium; font-weight: 400;">section.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">{getContent} $results={<span style="color: red;">Number of Results</span>} $label={<span style="color: red;">Your Label</span>} $type={<span style="color: red;">Custom Type</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Results:</b><span style="font-size: medium; font-weight: 400;"> You must add the desired number of results.</span><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Label:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">label</strike><span style="font-size: medium; font-weight: 400;"> or </span><strike style="font-size: medium; font-weight: 400;">recent</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Types:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">default</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">mini</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">comments</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">{getContent} $results={4} $label={Laptops} $type={mini}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">NOTE:</b><span style="font-size: medium; font-weight: 400;"> The </span><strike style="font-size: medium; font-weight: 400;">$label={}</strike><span style="font-size: medium; font-weight: 400;"> attribute is not required for the </span><strike style="font-size: medium; font-weight: 400;">comments</strike><span style="font-size: medium; font-weight: 400;"> type.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Posts Widgets on Sidebar" border="0" data-original-height="876" data-original-width="865" src="https://1.bp.blogspot.com/-grYfcYwyfN8/YCR9Dchxp6I/AAAAAAAACXI/u_gm2QNxM-IH1Lyqo7sWAYbHc8ptlqklQCLcBGAsYHQ/s16000/sidebar-posts.png" title="Posts Widgets on Sidebar" /></div></h3><h3 id="go-fads">Footer ADS</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the section </span><b style="font-size: medium;">Footer ADS</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Footer Ads" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Footer Ads" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-about">About Section</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">About Section</b><span style="font-size: medium; font-weight: 400;"> gadgets.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>1.1 - About Us</b></h4><h3><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-EQZZRzFRK50/YLOF2Hi64JI/AAAAAAAAK1M/D643VC0LsvocabpzPWgPtS7lJibQSOgHgCNcBGAsYHQ/s708/Blogger-Layout.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="708" data-original-width="598" src="https://1.bp.blogspot.com/-EQZZRzFRK50/YLOF2Hi64JI/AAAAAAAAK1M/D643VC0LsvocabpzPWgPtS7lJibQSOgHgCNcBGAsYHQ/s16000/Blogger-Layout.png" /></a></div><br /><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>1.2 - Follow Us</b></h4><h3><b style="font-size: medium;">Supported Icons: </b><strike style="font-size: medium; font-weight: 400;">blogger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">apple</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">amazon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">microsoft</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook-f</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitter</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">rss</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">youtube</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">skype</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stumbleupon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">tumblr</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">vk</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stack-overflow</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">github</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">linkedin</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">dribbble</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">soundcloud</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">behance</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">digg</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">instagram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest-p</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitch</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">steam</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">delicious</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">codepen</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">flipboard</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">reddit</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">whatsapp</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">telegram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">messenger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">snapchat</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">email</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">discord</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">quora</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">share</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">external-link</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="About Us Social Icons" border="0" data-original-height="953" data-original-width="846" src="https://1.bp.blogspot.com/-r176B2phIeM/X71ptjmWrjI/AAAAAAAACNM/a69dbZbrBWImoTzK0s8aR78tcFxFR6angCLcBGAsYHQ/s16000/about-us-icons.png" title="About Us Social Icons" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-copy">Footer Copyright (<span style="color: #00b140;">Premium</span>)</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Footer Copyright</b><span style="font-size: medium; font-weight: 400;"> gadget.</span></h3><h3><span style="font-size: medium; font-weight: 400;">For normal credits add 'normal' into the space for custom credits add your credits as shown below.</span></h3><h3><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Custom Credits" border="0" data-original-height="874" data-original-width="865" src="https://1.bp.blogspot.com/-EMTUyGVOXP8/YCSAE6iRe1I/AAAAAAAACXc/cLBQlr-SvgItDGGspZcZAsayRLZ-yJj8ACLcBGAsYHQ/s16000/footer-credits.png" title="Custom Credits" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-fmenu">Footer Menu</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Footer Menu</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Footer Menu" border="0" data-original-height="923" data-original-width="841" src="https://1.bp.blogspot.com/-lHyTOLJNPP0/YCSAqT07G4I/AAAAAAAACXo/RHSJslUxKFonJc5TkBGcjfifZP8pSlzfQCLcBGAsYHQ/s16000/footer-menu.png" title="Footer Menu" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-cookies">Cookie Consent</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Cookie Consent</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$ok={<span style="color: red;">Button Text</span>} $days={<span style="color: red;">Expires Days</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">$ok={Accept !} $days={7}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Cookie Consent" border="0" data-original-height="876" data-original-width="865" src="https://1.bp.blogspot.com/-Wp-IohifURs/YCSBTwe938I/AAAAAAAACXw/DJK3Fc2zBEg1gETqGx8qi9NFpbQZRhykQCLcBGAsYHQ/s16000/cookie-consent.png" title="Cookie Consent" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-feed">Site Feed</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Settings</b><span style="font-size: medium; font-weight: 400;"> > and go to</span><b style="font-size: medium;"> Site Feed</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Site Feed Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Site Feed" border="0" data-original-height="742" data-original-width="1251" src="https://4.bp.blogspot.com/-iWyeMGjkYis/XwZK_VXB-yI/AAAAAAAAB5Y/Y2qTvHMTS-sehVvYHHQ2GPgFNBQiG0f-QCLcBGAsYHQ/s16000/site-feed.png" title="Site Feed" /></div><br style="font-size: medium; font-weight: 400;" /><warning class="alert" style="font-size: medium; font-weight: 400;"><b>IMPORTANT: </b>For Mega Menu, Featured Posts, Content Sections, Related Posts, Recent Comments Gadget and Others work normally, you must configure the site feed to "<b>Full</b>".</warning><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-options">Theme Options</h3><h3><br style="font-size: medium; font-weight: 400;" /></h3><h4 id="fb-sdk">1.1 - Facebook SDK</h4><h3><span id="result_box" lang="en" style="font-size: medium; font-weight: 400;">The Facebook Comments only work if you have the Facebook SDK installed on your theme. See below for the steps to acquire and install the Facebook SDK.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Get SDK:</b></h4><h3><b style="font-size: medium;">Step 01:</b><span style="font-size: medium; font-weight: 400;"> Go to </span><a href="https://developers.facebook.com/docs/plugins/page-plugin/" rel="nofollow" style="font-size: medium; font-weight: 400;" target="_blank">https://developers.facebook.com/docs/plugins/page-plugin/</a><span style="font-size: medium; font-weight: 400;"> and click on </span><b style="font-size: medium;">Get Code</b><span style="font-size: medium; font-weight: 400;"> button and copy the SDK Script.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Copying SDK:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Facebook SDK" border="0" data-original-height="635" data-original-width="1114" src="https://1.bp.blogspot.com/-3psja_Z7GSo/YCSCY2GcMCI/AAAAAAAACX8/uL_Xz8cUc441aNw6ihGKL9FCK0AdT8fEQCLcBGAsYHQ/s16000/facebook-sdk.png" title="Facebook SDK" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>SDK en_US:</b></h4><h3><code style="font-weight: 400;"><span style="color: #f6b26b;">https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v9.0</span></code><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Installing SDK:</b></h4><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Theme Options </b><span style="font-size: medium; font-weight: 400;">></span><b style="font-size: medium;"> Facebook SDK </b><span style="font-size: medium; font-weight: 400;">gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Facebook SDK Settings" border="0" data-original-height="684" data-original-width="866" src="https://1.bp.blogspot.com/-3gfoHr-_P9M/YCSDE_GAy0I/AAAAAAAACYE/cwAoqpijKsMB7wHRB_i8tTHpV0GNjwlXgCLcBGAsYHQ/s16000/skd-settings.png" title="Facebook SDK Settings" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4>1.2 - No Thumbnail Image</h4><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Theme Options </b><span style="font-size: medium; font-weight: 400;">></span><b style="font-size: medium;"> No Thumbnail Image </b><span style="font-size: medium; font-weight: 400;">gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="No Thumbnail Image" border="0" data-original-height="940" data-original-width="840" src="https://1.bp.blogspot.com/-Qvd1IULEjEE/YCSE8uZNMdI/AAAAAAAACYU/gZ2najXqIoEoqrRRy6OLH4VZC-8lgRE7ACLcBGAsYHQ/s16000/no-thumbnail.png" title="No Thumbnail Image" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4>1.3 - JSON Variables</h4><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Theme Options </b><span style="font-size: medium; font-weight: 400;">></span><b style="font-size: medium;"> JSON Variables </b><span style="font-size: medium; font-weight: 400;">gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><code style="font-weight: 400;"><span style="color: white;">{<br /> <span style="color: #6fa8dc;">viewAllText</span>: <span style="color: #f6b26b;">"View all"</span>,<br /> <span style="color: #6fa8dc;">dateFormat</span>: <span style="color: #f6b26b;">"{m} {d}, {y}"</span>,<br /> <span style="color: #6fa8dc;">months</span>: {<br /> <span style="color: #6fa8dc;">jan</span>: <span style="color: #f6b26b;">"January"</span>,<br /> <span style="color: #6fa8dc;">feb</span>: <span style="color: #f6b26b;">"February"</span>,<br /> <span style="color: #6fa8dc;">mar</span>: <span style="color: #f6b26b;">"March"</span>,<br /> <span style="color: #6fa8dc;">apr</span>: <span style="color: #f6b26b;">"April"</span>,<br /> <span style="color: #6fa8dc;">may</span>: <span style="color: #f6b26b;">"May"</span>,<br /> <span style="color: #6fa8dc;">jun</span>: <span style="color: #f6b26b;">"June"</span>,<br /> <span style="color: #6fa8dc;">jul</span>: <span style="color: #f6b26b;">"July"</span>,<br /> <span style="color: #6fa8dc;">aug</span>: <span style="color: #f6b26b;">"August"</span>,<br /> <span style="color: #6fa8dc;">sep</span>: <span style="color: #f6b26b;">"September"</span>,<br /> <span style="color: #6fa8dc;">oct</span>: <span style="color: #f6b26b;">"October"</span>,<br /> <span style="color: #6fa8dc;">nov</span>: <span style="color: #f6b26b;">"November"</span>,<br /> <span style="color: #6fa8dc;">dec</span>: <span style="color: #f6b26b;">"December"</span><br /> }<br />}</span></code><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">viewAllText:</b><span style="font-size: medium; font-weight: 400;"> default is </span><strike style="font-size: medium; font-weight: 400;">View all</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">dateFormat:</b><span style="font-size: medium; font-weight: 400;"> default is </span><strike style="font-size: medium; font-weight: 400;">{m} {d}, {y}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">months:</b><span style="font-size: medium; font-weight: 400;"> default is </span><strike style="font-size: medium; font-weight: 400;">January</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">February</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">March</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">April</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">May</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">June</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">July</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">August</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">September</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">October</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">November</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">December</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="JSON Options" border="0" data-original-height="872" data-original-width="865" src="https://1.bp.blogspot.com/-rZvhPh9UOf0/YCSE28NJuGI/AAAAAAAACYQ/8SZpBBXHLwUUn4KXVstvWnnuYFmvtGd_ACLcBGAsYHQ/s16000/json-options.png" title="JSON Options" /></div><br style="font-size: medium; font-weight: 400;" /><warning class="alert" style="font-size: medium; font-weight: 400;"><b>IMPORTANT: </b>This functionality is only valid for <b>{getContent}</b> Gadgets and Related Posts. Other formats are changed in the blog settings.</warning></h3></div><div><h3><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-customize">How to Customize This Theme?</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Theme</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Customize </b><span style="font-size: medium; font-weight: 400;">button > and find </span><b style="font-size: medium;">Background</b><span style="font-size: medium; font-weight: 400;"> and </span><b style="font-size: medium;">Advanced</b><span style="font-size: medium; font-weight: 400;"> options.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Available customizations: </b><span style="font-size: medium; font-weight: 400;">Theme Options, Widths, Fonts, Backgrounds, Colors and more.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4>Background Example:</h4><h3><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-3dz6O6kPvVc/YVlPmimnbrI/AAAAAAAALsI/WlIrvXo2BRIxby8YXcELA-ZHhROKCKvwwCNcBGAsYHQ/s1894/Blogger-Customizer.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="551" data-original-width="1894" src="https://1.bp.blogspot.com/-3dz6O6kPvVc/YVlPmimnbrI/AAAAAAAALsI/WlIrvXo2BRIxby8YXcELA-ZHhROKCKvwwCNcBGAsYHQ/s16000/Blogger-Customizer.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h4>Advanced > Theme Options:</h4><h3><b style="font-size: medium;">Native Dark Mode:</b><span style="font-size: medium; font-weight: 400;"> </span><b style="font-size: medium;">0</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">false</strike><span style="font-size: medium; font-weight: 400;"> and </span><b style="font-size: medium;">1</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">true</strike><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-ps724fqMysw/YVlPsbOr8oI/AAAAAAAALsM/B3PFcrLvuXk7JmYWV8-tL0vGjoOsPRYTACNcBGAsYHQ/s1475/dark-mode.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="623" data-original-width="1475" src="https://1.bp.blogspot.com/-ps724fqMysw/YVlPsbOr8oI/AAAAAAAALsM/B3PFcrLvuXk7JmYWV8-tL0vGjoOsPRYTACNcBGAsYHQ/s16000/dark-mode.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Left Sidebar:</b><span style="font-size: medium; font-weight: 400;"> </span><b style="font-size: medium;">0</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">false</strike><span style="font-size: medium; font-weight: 400;"> and </span><b style="font-size: medium;">1</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">true</strike><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-R3E05KeFZbk/YVlP0X78PaI/AAAAAAAALsQ/3x6M7b4m_XQTcOD0UlvKNqSMgYwvNX57wCNcBGAsYHQ/s1404/left-sidebar.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="604" data-original-width="1404" src="https://1.bp.blogspot.com/-R3E05KeFZbk/YVlP0X78PaI/AAAAAAAALsQ/3x6M7b4m_XQTcOD0UlvKNqSMgYwvNX57wCNcBGAsYHQ/s16000/left-sidebar.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h4>Advanced > Theme Widths:</h4><h3><b style="font-size: medium;">Boxed Mode:</b><span style="font-size: medium; font-weight: 400;"> </span><b style="font-size: medium;">0</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">false</strike><span style="font-size: medium; font-weight: 400;"> and </span><b style="font-size: medium;">1</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">true</strike><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-EXkm1yqIkQY/YVlP8SSWWII/AAAAAAAALsY/ryZrr2rSvjA17Pei5Xmij2xbaX5K8t4LACNcBGAsYHQ/s1723/box-mode.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="615" data-original-width="1723" src="https://1.bp.blogspot.com/-EXkm1yqIkQY/YVlP8SSWWII/AAAAAAAALsY/ryZrr2rSvjA17Pei5Xmij2xbaX5K8t4LACNcBGAsYHQ/s16000/box-mode.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h4>Advanced > Theme Colors and Fonts:</h4><h3><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-DdGOoZLpK8w/YVlQBzDOk6I/AAAAAAAALsc/ywryOy0n888C0qx5-q-qY7qXB7cbQhjMQCNcBGAsYHQ/s1502/Theme-colors.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="523" data-original-width="1502" src="https://1.bp.blogspot.com/-DdGOoZLpK8w/YVlQBzDOk6I/AAAAAAAALsc/ywryOy0n888C0qx5-q-qY7qXB7cbQhjMQCNcBGAsYHQ/s16000/Theme-colors.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h3><br style="font-size: medium; font-weight: 400;" /><info class="alert" style="font-size: medium; font-weight: 400;"><b>INFO:</b> When changing the font of the site and it has a blurred appearance, you can solve it by clicking to reset the fonts in the option <b>Advanced</b> > <b>Theme Fonts (Reset)</b>.</info></h3></div><div>
<div style="text-align: center;">
</div>
<h3 style="clear: both; text-align: left;">
Installation And Custom Services</h3>
<div class="separator" style="clear: both; text-align: justify;">
We provide plenty of templates for free but if you want something unique for your blog then let us create a unique design for your blog, Just tell us your needs and we will convert your dream design into reality. We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle.</div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide2" href="http://www.soratemplates.com/p/contact-us.html" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Contact Us</span> <span class="title-hover2">Custom template Services</span> </a> </div>
</div>
</div>
<style>
.item .post-body strike {
background-color: #f9f9f9;
font-family: Monospace;
font-size: 12px;
color: blue;
text-decoration: none;
padding: 1px 5px;
margin: 0 2px 0 0;
border: 1px dashed #e9ebee;
border-radius: 3px;
}
info.alert {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb;
}
.alert {
display: block;
color: #383d41;
background-color: #e2e3e5;
padding: 5px 10px;
border: 1px solid #d6d8db;
border-radius: 0;
}
line {
display: block;
padding: 0 0 15px;
margin: 15px 0 0;
border-top: 1px dashed #e9ebee;
}
success.alert {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
warning.alert {
color: #856404;
background-color: #fff3cd;
border-color: #fce9b0;
}
code {
display: block;
background-color: #1f2024;
line-height: 1.3em;
padding: 10px;
border-radius: 0;
}
</style>TemplatesYardhttp://www.blogger.com/profile/16801688932542878100noreply@blogger.com0tag:blogger.com,1999:blog-1320824803216639156.post-5564198484016086682023-09-25T11:10:00.003+05:302023-09-26T18:41:28.160+05:30How To Setup Aveen Blogger Template<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg84X5OaTRWYI74yG3q_K51QtMgYpBwOBBT9uPS4-W3i3E333LO8s_-QR-c5keCQO6R2dCUMrMRnAE7FA2HsdlQCGr5rP7-c_kBhueq5wiDlAyG7MUQ3nr_ufrn6CbNq9UoCRjIJIAj3q21o_FnmNjz20d5JDt2v7qibhPzJn0MZtiTC2qwlR8VoDVQQODW/s1600/Aveen%20Blogger%20Template.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="932" data-original-width="1898" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg84X5OaTRWYI74yG3q_K51QtMgYpBwOBBT9uPS4-W3i3E333LO8s_-QR-c5keCQO6R2dCUMrMRnAE7FA2HsdlQCGr5rP7-c_kBhueq5wiDlAyG7MUQ3nr_ufrn6CbNq9UoCRjIJIAj3q21o_FnmNjz20d5JDt2v7qibhPzJn0MZtiTC2qwlR8VoDVQQODW/s1600/Aveen%20Blogger%20Template.jpg" /></a></div><div style="text-align: center;"><br /></div>
Aveen is a multipurpose blogger template with a responsive layout and fast-loading design. Aveen is mainly built for food blogs, recipe blogs, cooking blogs, kitchen blogs, etc. Aveen is equipped with various widgets that will help you to publish your blog more professionally. To make it easy for you we have published this detailed documentation so that you can set up your blog correctly. <br />
<a name='more'></a>You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users. </div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide" href="https://aveen-soratemplates.blogspot.com/" rel="nofollow" target="_blank"> <span class="circle"><i aria-hidden="true" class="fa fa-rocket"></i></span> <span class="title">See Demo</span> <span class="title-hover">Live Preview</span> </a> <a class="btn-slide2" href="https://www.soratemplates.com/2023/09/aveen-blogger-templates.html" rel="nofollow" target="_blank"> <span class="circle2"><i aria-hidden="true" class="fa fa-download"></i></span> <span class="title2">Free Download</span> <span class="title-hover2">Free Version</span> </a> <a class="btn-slide2" href="https://premiumbloggerthemes.gumroad.com/l/aveenpremium" rel="nofollow" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Buy Now</span> <span class="title-hover2">Premium Version</span> </a> </div>
<div class="basic-setup-sec">
<h3 style="text-align: left;">
<b>Basic Setup</b></h3>
<ol style="text-align: left;">
<li><b><a href="http://www.sorabloggingtips.com/p/how-to-install-blogger-template.html" target="_blank">Template Installation</a></b></li>
<li><a href="http://www.sorabloggingtips.com/p/how-to-install-logo-in-your-blog.html" target="_blank"><b>Logo Setup</b></a></li>
<li><b><a href="http://www.sorabloggingtips.com/p/default-setting-for-blogger-templates.html" target="_blank">Template Setting</a></b></li>
<li wfd-id="88"><b><a href="https://www.sorabloggingtips.com/p/shortcodes-and-page-markups-v20.html" target="_blank">Shortcodes & Markups v2.0</a></b></li>
<li><b><a href="http://www.sorabloggingtips.com/2017/01/how-to-add-sitemap-widget-in-blogspot-blogs.html" target="_blank">Create Sitemap</a></b></li>
</ol>
</div>
<div class="video-setup-sec">
<h3 style="text-align: left;">
Video Documentation</h3>
<div>
You can check this below video to understand the setup process much more easily, just click the below image to watch the video directly on YouTube, or click this link - <b><a href="https://youtu.be/lrwT5UKE4ts" rel="nofollow" target="_blank">How To Setup Aveen Blogger Template - SoraTemplates</a></b><br />
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://youtu.be/lrwT5UKE4ts" rel="nofollow" target="_blank"><img border="0" data-original-height="354" data-original-width="636" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS2ZNXPO2QLsA3ICWz8PIcavxxm1r2VqdLy9of_9ixhH8SSKj8_fc7yEXujyALHp5RxZXLPmgXcYb9PjJwWp9qvsiRHiZM6D9ispVQlkwtWkqnHTI2VyEjdw5JSlkMGNWH0aNHdCy88GSRYb_lh0qnaFJER6iioPs1uhAoiER1GHGdyMyKj67ZWksQFF90/s1600/Aveen%20Youtube%20Thumbnail.png" /></a></div></div>
</div></div><h3>Top Navigation / Footer Menu</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Top Navigation</b> or <b>Footer Menu</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="536" data-original-width="550" src="https://2.bp.blogspot.com/-yXNGRKHhaW4/W1lJantSPQI/AAAAAAAAClg/KspsdbcoAS07qDLlht8179UzPtSALcwoQCLcBGAs/s1600/top-navigation.png" /></div></h3><h3>Social Top</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Social Top</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Icons Avaliables {</b><span style="color: #0b5394;"><i> facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, twitch, delicious, codepen, reddit, whatsapp, snapchat, email</i></span> <b>}</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="606" data-original-width="549" src="https://4.bp.blogspot.com/-twEmAfV2mu4/WxdfXnxNXXI/AAAAAAAAB3A/uUSvzH6kaloTSHDra5ryhm5cHO7mrfyogCLcBGAs/s1600/top-social.png" /></div></h3><h3>Main Menu/DropDown/Multi DropDown</h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"><div wfd-id="107"><div style="margin: 0px;" wfd-id="108">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Main Menu</b> widget.</div></div><div wfd-id="105"><div style="margin: 0px;" wfd-id="106"><br /></div></div><div wfd-id="104">Normal Link : <b>Features</b></div><div wfd-id="103">Sub Link: <b>_Sub Link 1.0</b> (before the link add "<span style="color: #0b5394;"><b>_</b></span>") 1 underscore</div><div wfd-id="102">Sub Link 2: <b>__Sub Link 1.1</b> (before the link add "<span style="color: #0b5394;"><b>__</b></span>") 2 underscore</div><div wfd-id="100"><div style="margin: 0px;" wfd-id="101"><br /></div></div><div wfd-id="98"><div class="separator" style="clear: both; text-align: center;" wfd-id="99"><img border="0" data-original-height="698" data-original-width="551" src="https://4.bp.blogspot.com/-ah9YkPlJR5I/Wz0fbT6aMEI/AAAAAAAACSg/1cS2m8ftDKg9ZFUz0TBEX4uiwTvoxJixgCLcBGAs/s1600/main-menu.png" /></div></div></div></h3><h3>Main Intro</h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"></div></h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"><div wfd-id="98"><div class="separator" style="clear: both;" wfd-id="99"></div></div></div></h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Main Intro</b><b> </b>widget.</div><div><br /><span style="font-size: small;"><span style="font-weight: 400;">Example:</span></span><br /><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><a href="https://1.bp.blogspot.com/-VLyLFaoOCLw/W1TSmMuId1I/AAAAAAAACho/ta0r-B6LwJsOo_8Ne05_cWO4lT1gox_FQCLcBGAs/s1600/main-intro.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="646" data-original-width="592" src="https://1.bp.blogspot.com/-VLyLFaoOCLw/W1TSmMuId1I/AAAAAAAACho/ta0r-B6LwJsOo_8Ne05_cWO4lT1gox_FQCLcBGAs/s1600/main-intro.png" /></a></div><div class="separator" style="clear: both;"><br /></div></div></h3><h3><div style="font-size: medium; font-weight: 400;"></div></h3><h3>Main Slider</h3><h3><div style="font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Main Slider</b> section, you must place the following names highlighted in blue below.</div><div><br /></div><span style="font-weight: 700;">a) With Shortcodes</span></div><div style="font-size: medium; font-weight: 400;"><b><br /></b><div>Shortcode: <b><span style="color: #0b5394;"><span style="color: purple;">Number of Posts</span>/Label</span>, <span style="color: #cc0000;">recent</span> </b>or<b> <span style="color: #38761d;">random</span>/slider</b></div><div><br /></div><div>Example: <b>6/Anime/slider</b></div><div><br /></div><div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="512" data-original-width="560" src="https://2.bp.blogspot.com/-NXDUpQCSyqM/W-yKg-CWloI/AAAAAAAADjw/buWU8NvkAZ8nFLJ9PIxMak45-md-28GQQCLcBGAs/s1600/main_slider.png" /></div></div></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;" wfd-id="91"><br /></div></h3><h4 style="clear: both;">b) With Popular Post</h4><h3><div style="font-size: medium; font-weight: 400;" wfd-id="82"><div class="separator" style="clear: both;" wfd-id="83"><div wfd-id="90">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>Popular Posts</b> on <b>Main Slider</b> section, you set the settings as below</div><div wfd-id="85"><div wfd-id="89"><br /></div><div wfd-id="88"><b>Widget Settings:</b></div><div wfd-id="87"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-csHcPbbk9yI/YKZWTmgjJwI/AAAAAAAAKxg/srWck_is2dkGmChVTimhRg5V4-pFY5DrgCNcBGAsYHQ/s762/Blogger-Director-Configure-popular-posts.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="762" data-original-width="719" src="https://1.bp.blogspot.com/-csHcPbbk9yI/YKZWTmgjJwI/AAAAAAAAKxg/srWck_is2dkGmChVTimhRg5V4-pFY5DrgCNcBGAsYHQ/s16000/Blogger-Director-Configure-popular-posts.png" /></a></div></div></div></div></h3><h3>Featured Post</h3><h3><div style="font-size: medium;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"></div></div></div></h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>Featured Post</b> on <b>Featured Post</b> section, <span id="result_box" lang="en">select the post you want to show and click save</span>.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"></div><div class="separator" style="font-size: medium; font-weight: 400; margin-left: 1em; margin-right: 1em; text-align: center;"> <img border="0" data-original-height="810" data-original-width="671" src="https://4.bp.blogspot.com/-RVPB0jKfqOo/W6KcPEZddjI/AAAAAAAADNY/NqrREo6trxMZcxqXHqbwjUtnYsUkni1wACLcBGAs/s1600/featured_post.png" /></div></h3><h3 style="font-weight: 400;"><div style="font-size: medium;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div style="text-align: center;"></div></div></div></div></h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"></div></h3><h3><div style="font-size: medium; font-weight: 400;"></div></h3><h3>Post Layouts</h3><h3><div style="font-size: medium; font-weight: 400;"><b>Left Sidebar:</b> Inside the post add the text <b>left-sidebar</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;"><b>Full Width:</b> Inside the post add the text <b>full-width</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;"><b>Right Sidebar:</b> Inside the post add the text <b>right-sidebar</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="951" data-original-width="1358" src="https://2.bp.blogspot.com/-fCQMSq7tcD0/WxeSCroFr1I/AAAAAAAAB5E/ZYlvtyGAl14cPAri8JvXMhxPCPe_hx1rwCLcBGAs/s1600/post-layouts.jpg" /></div></h3><h3 style="clear: both;">Ads on post pages</h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="51"><div class="separator" style="clear: both;" wfd-id="54">Access your blog <b>Layout</b> > click <b>Edit icon</b> on in the sections <b>Post ADS 1</b> ( before<span style="color: #2b00fe;"> content</span> ) , <b>Post ADS 2</b> ( after <span style="color: #2b00fe;">content</span> ) or <b><span style="color: red;">Post ADS 3</span></b> ( after <span style="color: #2b00fe;">related posts</span> ).</div><div class="separator" style="clear: both;" wfd-id="53"><br /></div><div class="separator" style="clear: both;" wfd-id="52"><b>HTML/JavaScript Ex:</b></div></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="50"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;" wfd-id="49"><a href="https://1.bp.blogspot.com/-pIZPRxL25u8/YDt-rmSIY6I/AAAAAAAAKGE/DgVXXmEOms8M8pbwOaMYH7oA7ITLf4paQCNcBGAsYHQ/s617/Ads%2Bsettings.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="617" data-original-width="572" src="https://1.bp.blogspot.com/-pIZPRxL25u8/YDt-rmSIY6I/AAAAAAAAKGE/DgVXXmEOms8M8pbwOaMYH7oA7ITLf4paQCNcBGAsYHQ/s16000/Ads%2Bsettings.png" /></a></div></h3><h3><div style="font-size: medium; font-weight: 400;"></div></h3><h3>Post List Widget & Grid Post</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Grid Post</b> section <span class="tlid-translation translation">and follow the instructions below.</span></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Shortcode: <b>Results number/<span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> or <span style="color: #38761d;">random</span>/post-list</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Label Posts: <b>3/Technology/post-list</b></div><div style="font-size: medium; font-weight: 400;">Recent Posts: <b>3/recent/post-list</b></div><div style="font-size: medium; font-weight: 400;">Random Posts: <b>3/random/post-list</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="535" data-original-width="539" src="https://2.bp.blogspot.com/-4MIJlqO1pUc/WxdpOVxXIII/AAAAAAAAB3w/-cMDJxJKatQofEpeQQiJbuIjMgGxk7JbACEwYBhgL/s1600/post-list-widget.png" /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"><br /></div></h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="66"><br /></div></h3><h3>Instagram Tags</h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="65">Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Instagram Tags</b> widget's.</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="62">Widget Settings <b>EX</b>:</div><div class="separator" style="clear: both; font-size: medium; font-weight: 400;" wfd-id="59"><br /><div class="separator" style="clear: both; text-align: center;" wfd-id="61"><a href="https://1.bp.blogspot.com/-TFkpZwDTqo0/YDPC4wyGGmI/AAAAAAAAKBI/u2TRG1iV-C4N5LMh7PwhbfceqRJz5Qy7gCNcBGAsYHQ/s683/Popular-Tags-setup.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="683" data-original-width="537" src="https://1.bp.blogspot.com/-TFkpZwDTqo0/YDPC4wyGGmI/AAAAAAAAKBI/u2TRG1iV-C4N5LMh7PwhbfceqRJz5Qy7gCNcBGAsYHQ/s16000/Popular-Tags-setup.png" /></a></div></div></h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"></div><div style="font-size: medium; font-weight: 400;"></div></h3><h3>Theme Options</h3><h4>01 - Boxed Version</h4><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Boxed Version</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">In <i>New Site Name</i> add <b>boxedVersion</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both; text-align: center;"><a href="https://4.bp.blogspot.com/-UWgDr6Hl1PQ/W5vs9EB1tlI/AAAAAAAADGY/2seLnnStyKUof1uLXEThmGseiyK5DSJmgCLcBGAs/s1600/boxed_version.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="529" data-original-width="545" src="https://4.bp.blogspot.com/-UWgDr6Hl1PQ/W5vs9EB1tlI/AAAAAAAADGY/2seLnnStyKUof1uLXEThmGseiyK5DSJmgCLcBGAs/s1600/boxed_version.png" /></a></div><br /></div></h3><h4>02 - Default Variables</h4><h3><div style="font-size: medium; font-weight: 400;"> Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Default Variables</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Post Per Page:</b> In <i>New Site Name</i> add <b>postPerPage</b>, in <i>New Site URL</i> add the number of results, it should be the same as the posts from the home page, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Fixed Sidebar:</b> In <i>New Site Name</i> add <b>fixedSidebar</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Comments System:</b> In <i>New Site Name</i> add <b>commentsSystem</b>, in <i>New Site URL</i> add the comments sytem type <b>{<span style="color: #e69138;">blogger</span>, <span style="color: #3d85c6;">disqus</span>, <span style="color: #073763;">facebook</span> or <span style="color: #cc0000;">hide</span>}</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Disqus Shortname:</b> In <i>New Site Name</i> add <b>disqusShortname</b>, in <i>New Site URL</i> add your disqus comment system shortname, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="624" data-original-width="523" src="https://1.bp.blogspot.com/-rExdUXOAgtQ/WxduxYWEo2I/AAAAAAAAB4M/KI0ipawglGQ_fQ7axi6Yu1TdBiWU0sd9QCLcBGAs/s1600/default-variables.png" /></div></h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="20"><br /></div></h3><h3>Facebook Page Plugin </h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="19">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Footer</b> section, and paste the code below.</div><div style="font-size: medium; font-weight: 400;" wfd-id="18"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="17"><i><span style="background-color: #f3f3f3;"><center><div class="fb-page" data-href="<span style="background-color: #073763;"><span style="color: white;">https://www.facebook.com/soratemplate</span></span>" data-width="360" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div></center></span></i></div><div style="font-size: medium; font-weight: 400;" wfd-id="16"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="15"><span style="color: #cc0000;"><b>Note:</b></span> In Attribute <i><b>data-href</b></i> replace the link per your facebook page url.</div></h3>
<h3>
Customizing Your Template</h3>
<div style="font-size: medium; font-weight: 400;">
<div style="font-size: medium; font-weight: 400;">
Access your blog <b>Theme</b> > click <span style="color: #e69138;">Customize</span> button.</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Here you can change the background, and apply pre-defined colors</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="270" data-original-width="724" src="https://1.bp.blogspot.com/-H1u1QEV-qss/W4BHVwCJ8TI/AAAAAAAAC9g/_25WTIFhTjUvnRmjcGRFAl4kOI-ItSJ7QCEwYBhgL/s1600/customize_background.png" /></div>
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Clicking Advanced You will see the official option to change the Main Colors</div>
<br />
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="272" data-original-width="696" src="https://3.bp.blogspot.com/-q47DGPWfrgE/W4BHP2xDXHI/AAAAAAAAC9c/eqk39S8t2MI_9Dzhejt11Y5t0K-0-x0mACLcBGAs/s1600/customize_colors.png" /></div>
</div>
</div>
<div>
<h3 style="clear: both; text-align: left;">
Installation And Custom Services</h3>
<div class="separator" style="clear: both; text-align: justify;">
We provide plenty of templates for free but if you want something unique for your blog then let us create a unique design for your blog, Just tell us your needs and we will convert your dream design into reality. We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle.</div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide2" href="http://www.soratemplates.com/p/contact-us.html" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Contact Us</span> <span class="title-hover2">Custom template Services</span> </a> </div>
<div class="alert-message alert" style="font-size: 15px;">
<i class="fa fa-info-circle"></i> Only Premium Buyers will get the widget codes available in the demo.</div>
<div class="alert-message warning" style="font-size: 15px;">
<i class="fa fa-exclamation-triangle"></i> If you are a premium version user and you are having any problem while setting up the template please contact us by going to this <a href="http://www.templatesyard.com/p/contact-us.html" style="color: blue;" target="_blank"><b>link (Contact Form)</b></a>.</div>TemplatesYardhttp://www.blogger.com/profile/16801688932542878100noreply@blogger.com0tag:blogger.com,1999:blog-1320824803216639156.post-16334508409427476802023-09-10T16:16:00.007+05:302023-09-12T20:45:57.161+05:30How To Setup TodayBlog Blogger Template [TemplatesYard]<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5C2pgkYh91wEo3HkLEF_fNdfvP8cl5Nk7ZOcv81eiDhLBXL2NKTsUvdMUTA4DPHMZ-fRRm1Z9MllmghKJYjl9gOHVQtZLbYRn2eNaxe9v_5I5DKXHkk1IdnWk1_dQ791_6ZPG9T70nKgNl7LpIkLfwDmq8qZ823jBd5utCPwS0SQCt1GP1x2ay5PZoFUi/s1600/Today%20Blog%20Blogger%20Template.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5C2pgkYh91wEo3HkLEF_fNdfvP8cl5Nk7ZOcv81eiDhLBXL2NKTsUvdMUTA4DPHMZ-fRRm1Z9MllmghKJYjl9gOHVQtZLbYRn2eNaxe9v_5I5DKXHkk1IdnWk1_dQ791_6ZPG9T70nKgNl7LpIkLfwDmq8qZ823jBd5utCPwS0SQCt1GP1x2ay5PZoFUi/s1600/Today%20Blog%20Blogger%20Template.jpg" /></a><br /></div><br />
TodayBlog Blogger Template is a stylish and attractive Beauty and Magazine Blogspot Theme. It is crafted for a lifestyle magazine, fashion magazine, online news, health and beauty tips, creative designer, web design, and health tips blog. To make it easy for you. we have published this detailed documentation so that you can set up your blog correctly. You have made a good decision by choosing our template. <br />
<a name='more'></a>You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users. </div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide" href="https://today-blog-templatesyard.blogspot.com/" rel="nofollow" target="_blank"> <span class="circle"><i aria-hidden="true" class="fa fa-rocket"></i></span> <span class="title">See Demo</span> <span class="title-hover">Live Preview</span> </a> <a class="btn-slide2" href="https://www.templatesyard.com/2023/09/today-blog-blogger-template.html" rel="nofollow" target="_blank"> <span class="circle2"><i aria-hidden="true" class="fa fa-download"></i></span> <span class="title2">Free Download</span> <span class="title-hover2">Free Version</span> </a> <a class="btn-slide2" href="https://premiumbloggerthemes.gumroad.com/l/todayblogpremium" rel="nofollow" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Buy Now</span> <span class="title-hover2">Premium Version</span> </a> </div>
<div class="basic-setup-sec">
<h3 style="text-align: left;">
<b>Basic Setup</b></h3>
<ol style="text-align: left;">
<li><b><a href="http://www.sorabloggingtips.com/p/how-to-install-blogger-template.html" target="_blank">Template Installation</a></b></li>
<li><a href="http://www.sorabloggingtips.com/p/how-to-install-logo-in-your-blog.html" target="_blank"><b>Logo Setup</b></a></li>
<li><b><a href="http://www.sorabloggingtips.com/p/default-setting-for-blogger-templates.html" target="_blank">Template Setting</a></b></li>
<li wfd-id="88"><b><a href="https://www.sorabloggingtips.com/p/shortcodes-and-page-markups-v20.html" target="_blank">Shortcodes & Markups v2.0</a></b></li>
<li><b><a href="http://www.sorabloggingtips.com/2017/01/how-to-add-sitemap-widget-in-blogspot-blogs.html" target="_blank">Create Sitemap</a></b></li>
</ol>
</div>
<div class="video-setup-sec">
<h3 style="text-align: left;">
Video Documentation</h3>
<div>
You can check this below video to understand the setup process much more easily, just click the below image to watch the video directly on YouTube, or click this link - <b><a href="https://youtu.be/S5bj_lQ4mes" rel="nofollow" target="_blank">How To Setup TodayBlog Blogger Template - TemplatesYard</a></b><br />
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://youtu.be/S5bj_lQ4mes" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP6RhOCApd4ScvWLRuwrx8-GrZqYpwN6-KLY_c44GFcFr4ivNANMkbUhJuteE1jygkm3t0egdX2MWRp4jY519gksKkCl5PtV7RVaE6QTWRFzeJVd_7PMZmyGvv6i41ClZiR3UhNcS7vNYWgw7Aycv_cnwz_rcPolpJygVpHJfxvhZN6t-fWfhAkpPq-I4f/s1600/T%20Blog%20Youtube%20Thumbnail.png" /></a></div></div></div><div><h3 style="text-align: left;"><br /></h3><div><h3>Top Navigation & Footer Navigation</h3><h3><div class="video-setup-sec" style="font-size: medium; font-weight: 400;"></div></h3><h3><div style="font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Top Navigation & Footer Navigation</b> widget.</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="536" data-original-width="550" src="https://2.bp.blogspot.com/-yXNGRKHhaW4/W1lJantSPQI/AAAAAAAAClg/KspsdbcoAS07qDLlht8179UzPtSALcwoQCLcBGAs/s1600/top-navigation.png" /></div></div></h3><h3>Social Top/ Sidebar Social</h3><h3><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;"></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div></div></div></div></div></h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Social Top/Sidebar Social</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Icons Avaliables {</b><span style="color: #0b5394;"><i> facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, twitch, delicious, codepen, reddit, whatsapp, snapchat, email</i></span> <b>}</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="606" data-original-width="549" src="https://4.bp.blogspot.com/-twEmAfV2mu4/WxdfXnxNXXI/AAAAAAAAB3A/uUSvzH6kaloTSHDra5ryhm5cHO7mrfyogCLcBGAs/s1600/top-social.png" /></div></h3><h3>Main Menu/DropDown/Multi DropDown/Mega Menu</h3><h3><div style="font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Main Menu</b> widget.</div><div><br /></div><div>Home Link: <b>Your Title-text</b> or <b>Your Title-icon</b> EX: <span style="color: #0b5394;"><b>Home-icon</b></span> or <span style="color: #0b5394;"><b>Home-text</b></span></div><div>Normal Link : <b>Features</b></div><div>Sub Link: <b>_Sub Link 1.0</b> (before the link add "<span style="color: #0b5394;"><b>_</b></span>") 1 underscore</div><div>Sub Link 2: <b>__Sub Link 1.1</b> (before the link add "<span style="color: #0b5394;"><b>__</b></span>") 2 underscore</div><div>Mega Shortcode by Label: <b>Technology/mega-menu</b></div><div>Mega Shortcode by Recent: <b>recent/mega-menu</b></div><div>Mega Shortcode by Random: <b>random/mega-menu</b></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="834" data-original-width="546" src="https://3.bp.blogspot.com/-ioGqbcfLimc/WxdkFWsL_AI/AAAAAAAAB3U/tIGE6Qztw0MG94xTk4968Lrj10p4mxVnACLcBGAs/s1600/main-menu.png" /><br /></div></div></h3><h3>Newsticker</h3><h3><div style="font-size: medium;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div style="font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>News Ticker</b> section, you must place the following names highlighted in blue below.</div></div></div></div></h3><h4>a) With Shortcodes</h4><h3><div style="font-size: medium;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div style="font-weight: 400;"><br /></div><div style="font-weight: 400;">Shortcode: <b><span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> </b>or<b> <span style="color: #38761d;">random</span>/ticker-posts</b></div><div style="font-weight: 400;"><br /></div><div style="font-weight: 400;">Example: <b>6/Technology/ticker-posts</b><br /><b><br /></b></div><div style="font-weight: 400;"><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-QeFw0XA1U18/XtOV24WqSOI/AAAAAAAAImk/omfMqHccb3o67RPw_MNGvHaII8eY3N7KgCNcBGAsYHQ/s1600/Ticker%2BSS.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="599" data-original-width="553" src="https://1.bp.blogspot.com/-QeFw0XA1U18/XtOV24WqSOI/AAAAAAAAImk/omfMqHccb3o67RPw_MNGvHaII8eY3N7KgCNcBGAsYHQ/s1600/Ticker%2BSS.png" /></a></div></div></div></div></div></h3><h4 style="clear: both;">b) With Popular Post</h4><h3><div style="font-size: medium;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"></div></div></div></h3><h3><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;"></div></div></h3><h3><div style="font-size: medium;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>Popular Posts</b> on <b>Newsticker</b> section, you set the settings as below</div><div><div><br /></div><div><b>Widget Settings:</b></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-cCxeGhv3ZR4/YVlK1x3M5RI/AAAAAAAALr4/peFxkFo0Op0X9Fd7xUh5rBvNGMiULK0AgCNcBGAsYHQ/s16000/Blogger-Layout.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="599" data-original-width="570" src="https://1.bp.blogspot.com/-cCxeGhv3ZR4/YVlK1x3M5RI/AAAAAAAALr4/peFxkFo0Op0X9Fd7xUh5rBvNGMiULK0AgCNcBGAsYHQ/s16000/Blogger-Layout.png" /></a></div></div></div></div></div></div></h3><h3><div style="font-size: medium;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both; font-weight: 400;"><div></div></div></div></div></div></h3><h3><div style="font-size: medium; font-weight: 400;"><div></div></div></h3><h3>Hot Posts</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Hot Posts</b> section, you must place the following names highlighted in blue below.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Shortcode: <b><span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> </b>or<b> <span style="color: #38761d;">random</span>/hot-posts</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Example: <b>Technology/hot-posts</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="534" data-original-width="541" src="https://4.bp.blogspot.com/-988uKOqn1CE/WzHKtkGFDpI/AAAAAAAACLk/1kGnuUU8v_4T7vASSWlU5VhB5bFtQuEAgCLcBGAs/s1600/hot-posts.png" /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h4 style="clear: both; font-weight: 400;">b) With Popular Post</h4><h3><div style="font-size: medium;"><div class="separator" style="clear: both;"><div style="font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>Popular Posts</b> on <b>Hot Post</b> section, you set the settings as below</div><div style="font-weight: 400;"><div><br /></div><div><b>Widget Settings:</b></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-cCxeGhv3ZR4/YVlK1x3M5RI/AAAAAAAALr4/peFxkFo0Op0X9Fd7xUh5rBvNGMiULK0AgCNcBGAsYHQ/s16000/Blogger-Layout.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="599" data-original-width="570" src="https://1.bp.blogspot.com/-cCxeGhv3ZR4/YVlK1x3M5RI/AAAAAAAALr4/peFxkFo0Op0X9Fd7xUh5rBvNGMiULK0AgCNcBGAsYHQ/s16000/Blogger-Layout.png" /></a></div></div><div class="separator" style="clear: both;"><i><span style="color: red;">Note:- </span>Set the number to 6 in popular post settings.</i></div></div></div></h3><h3><div style="font-size: medium;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both; font-weight: 400;"><div></div></div></div></div></div></h3><h3>Grid Posts 1 & 2</h3><h3><div style="font-size: medium;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both; font-weight: 400;"><div class="separator" style="clear: both;"></div></div></div></div></div></h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Grid Posts</b> section, you must place the following names highlighted in blue below.</div><div><br /></div><div>Shortcode: <b><span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> </b>or<b> <span style="color: #38761d;">random</span>/grid-post</b></div><div><br /></div><div>Example: <b>Technology/grid-post</b></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-DYV3xRxnpbA/YU1Pnfv0QzI/AAAAAAAALpA/O-fNyqT3GqQcLtztEFaRjSH0X5s2ht-OwCNcBGAsYHQ/s498/grid-post.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="450" data-original-width="498" src="https://1.bp.blogspot.com/-DYV3xRxnpbA/YU1Pnfv0QzI/AAAAAAAALpA/O-fNyqT3GqQcLtztEFaRjSH0X5s2ht-OwCNcBGAsYHQ/s16000/grid-post.png" /></a></div></div></h3><h3 style="font-weight: 400;"><div style="font-size: medium;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div style="text-align: center;"></div></div></div></div></h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"></div></h3><h3>Post List Widget</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Footer</b> section, you must place the following names highlighted in blue below.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Shortcode: <b>Results number/<span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> or <span style="color: #38761d;">random</span>/post-list</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Label Posts: <b>3/Technology/post-list</b></div><div style="font-size: medium; font-weight: 400;">Recent Posts: <b>3/recent/post-list</b></div><div style="font-size: medium; font-weight: 400;">Random Posts: <b>3/random/post-list</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="535" data-original-width="539" src="https://2.bp.blogspot.com/-4MIJlqO1pUc/WxdpOVxXIII/AAAAAAAAB3w/-cMDJxJKatQofEpeQQiJbuIjMgGxk7JbACEwYBhgL/s1600/post-list-widget.png" /></div></h3><h3>Social Widget (Sidebar)</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Social Widget</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Icons Avaliables {</b><span style="color: #0b5394;"><i> facebook, twitter, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, twitch, delicious, codepen, reddit, whatsapp, snapchat, email</i></span> <b>}</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="633" data-original-width="545" src="https://3.bp.blogspot.com/-KmBi4lg3BT0/WxdqJQRzW5I/AAAAAAAAB34/0SgzvNWYGXctNJbroOEktNk0kTvl3kyAACLcBGAs/s1600/social-widget.png" /></div></h3><h3>Post Layouts</h3><h3><div style="font-size: medium; font-weight: 400;"><b>Left Sidebar:</b> Inside the post add the text <b>left-sidebar</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;"><b>Full Width:</b> Inside the post add the text <b>full-width</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;"><b>Right Sidebar:</b> Inside the post add the text <b>right-sidebar</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="951" data-original-width="1358" src="https://2.bp.blogspot.com/-fCQMSq7tcD0/WxeSCroFr1I/AAAAAAAAB5E/ZYlvtyGAl14cPAri8JvXMhxPCPe_hx1rwCLcBGAs/s1600/post-layouts.jpg" /></div></h3><h3 style="clear: both;">Ads on post pages</h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on in the sections <b>Post ADS 1</b> ( before<span style="color: #2b00fe;"> content</span> ) , <b>Post ADS 2</b> ( after <span style="color: #2b00fe;">content</span> ).</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><b>HTML/JavaScript Ex:</b></div></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><a href="https://1.bp.blogspot.com/-pIZPRxL25u8/YDt-rmSIY6I/AAAAAAAAKGE/DgVXXmEOms8M8pbwOaMYH7oA7ITLf4paQCNcBGAsYHQ/s617/Ads%2Bsettings.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="617" data-original-width="572" src="https://1.bp.blogspot.com/-pIZPRxL25u8/YDt-rmSIY6I/AAAAAAAAKGE/DgVXXmEOms8M8pbwOaMYH7oA7ITLf4paQCNcBGAsYHQ/s16000/Ads%2Bsettings.png" /><br /></a></div></h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"></div></h3><h3>Footer About & Logo Section (Image & Text)</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > click </span><b style="font-size: medium;">Edit icon</b><span style="font-size: medium; font-weight: 400;"> > on </span><b style="font-size: medium;">About Section</b><span style="font-size: medium; font-weight: 400;"> widget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><span style="font-size: medium; font-weight: 400;">Example:</span><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><a href="https://1.bp.blogspot.com/-AnOZkEvWM8k/XtOZO36DJZI/AAAAAAAAInE/grHRtSY3s2ENqLfI8_RC4WZC6Yz-hPZtQCNcBGAsYHQ/s1600/ABout%2BSS.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="599" data-original-width="553" src="https://1.bp.blogspot.com/-AnOZkEvWM8k/XtOZO36DJZI/AAAAAAAAInE/grHRtSY3s2ENqLfI8_RC4WZC6Yz-hPZtQCNcBGAsYHQ/s1600/ABout%2BSS.png" /></a></div></h3><h3>Follow Us Widget (Footer)</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Follow Us Widget</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Icons Avaliables {</b><span style="color: #0b5394;"><i> </i></span><span style="color: #0b5394;"><i>blogger, facebook, facebook-f, twitter, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, pinterest-p, twitch, delicious, codepen, flipboard, reddit, whatsapp, messenger, snapchat, email, discord, share, external-link</i></span> <b>}</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="633" data-original-width="545" src="https://3.bp.blogspot.com/-KmBi4lg3BT0/WxdqJQRzW5I/AAAAAAAAB34/0SgzvNWYGXctNJbroOEktNk0kTvl3kyAACLcBGAs/s1600/social-widget.png" /></div></h3><h3>Theme Options</h3><h4>01 - Css Options</h4><h3><div style="font-size: medium; font-weight: 400;"> Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Css Options</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Boxed Version</b><b>:</b> In <i>New Site Name</i> add <b>boxedVersion</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Recent Posts Headline:</b> In <i>New Site Name</i> add <b>recentPostsHeadline</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="550" data-original-width="547" src="https://3.bp.blogspot.com/-T2kb3TjCXXE/W4BIA2Hq3NI/AAAAAAAAC9w/_IgyPNTUcC8esQeS68Z9JslUxEyMhrRsgCLcBGAs/s1600/css_options.png" /></div></h3><h4>02 - Default Variables</h4><h3><div style="font-size: medium; font-weight: 400;"> Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Default Variables</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Post Per Page:</b> In <i>New Site Name</i> add <b>postPerPage</b>, in <i>New Site URL</i> add the number of results, it should be the same as the posts from the home page, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Fixed Sidebar:</b> In <i>New Site Name</i> add <b>fixedSidebar</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Comments System:</b> In <i>New Site Name</i> add <b>commentsSystem</b>, in <i>New Site URL</i> add the comments sytem type <b>{<span style="color: #e69138;">blogger</span>, <span style="color: #3d85c6;">disqus</span>, <span style="color: #073763;">facebook</span> or <span style="color: #cc0000;">hide</span>}</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Disqus Shortname:</b> In <i>New Site Name</i> add <b>disqusShortname</b>, in <i>New Site URL</i> add your disqus comment system shortname, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="624" data-original-width="523" src="https://1.bp.blogspot.com/-rExdUXOAgtQ/WxduxYWEo2I/AAAAAAAAB4M/KI0ipawglGQ_fQ7axi6Yu1TdBiWU0sd9QCLcBGAs/s1600/default-variables.png" /></div></h3></div><h3><div style="font-size: medium; font-weight: 400;"></div></h3><h3>Facebook Page Plugin </h3><h3><div style="font-size: medium; font-weight: 400;"></div></h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Footer</b> section, and paste the code below.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><i><span style="background-color: #f3f3f3;"><center><div class="fb-page" data-href="<span style="background-color: #073763;"><span style="color: white;">https://www.facebook.com/templatesyard</span></span>" data-width="360" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div></center></span></i></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><span style="color: #cc0000;"><b>Note:</b></span> In Attribute <i><b>data-href</b></i> replace the link per your facebook page url.</div></h3></div>
<h3>
Customizing Your Template</h3>
<div style="font-size: medium; font-weight: 400;">
<div style="font-size: medium; font-weight: 400;">
Access your blog <b>Theme</b> > click <span style="color: #e69138;">Customize</span> button.</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Here you can change the background, and apply pre-defined colors</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="270" data-original-width="724" src="https://1.bp.blogspot.com/-H1u1QEV-qss/W4BHVwCJ8TI/AAAAAAAAC9g/_25WTIFhTjUvnRmjcGRFAl4kOI-ItSJ7QCEwYBhgL/s1600/customize_background.png" /></div>
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Clicking Advanced You will see the official option to change the Main Colors</div>
<br />
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="272" data-original-width="696" src="https://3.bp.blogspot.com/-q47DGPWfrgE/W4BHP2xDXHI/AAAAAAAAC9c/eqk39S8t2MI_9Dzhejt11Y5t0K-0-x0mACLcBGAs/s1600/customize_colors.png" /></div>
</div>
</div>
<div>
<h3 style="clear: both; text-align: left;">
Installation And Custom Services</h3>
<div class="separator" style="clear: both; text-align: justify;">
We provide plenty of templates for free but if you want something unique for your blog then let us create a unique design for your blog, Just tell us your needs and we will convert your dream design into reality. We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle.</div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide2" href="http://www.soratemplates.com/p/contact-us.html" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Contact Us</span> <span class="title-hover2">Custom template Services</span> </a> </div>
<div class="alert-message alert" style="font-size: 15px;">
<i class="fa fa-info-circle"></i> Only Premium Buyers will get the widget codes available in the demo.</div>
<div class="alert-message warning" style="font-size: 15px;">
<i class="fa fa-exclamation-triangle"></i> If you are a premium version user and you are having any problem while setting up the template please contact us by going to this <a href="http://www.templatesyard.com/p/contact-us.html" style="color: blue;" target="_blank"><b>link (Contact Form)</b></a>.</div>
</div>
</div>TemplatesYardhttp://www.blogger.com/profile/16801688932542878100noreply@blogger.com0tag:blogger.com,1999:blog-1320824803216639156.post-48848916105149782682023-09-03T11:11:00.002+05:302023-09-04T11:34:11.723+05:30How To Setup Eon Blogger Template [Way2Themes]<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div style="text-align: center;">
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVexoYUKRCX3WX4G851GM0lDiMa97lCi6eQSEOQ_Cz9MhfUCJQQIYxrIewIR2kVWcjduxVug43bs4Heiot6jHWHiX4kxejBOullRON140TKBsYO5wO4TEohoUq-GgIcvEtR2V-iYMr3TbLZAAAAhM-dfvW0YxA6VAeQglOZJ7gt16NI05IDDjomiZCN5yf/s1600/Eon%20Blogger%20Template.jpg" style="display: block; padding: 1em 0px; text-align: center;"><img alt="" border="0" data-original-height="990" data-original-width="1898" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVexoYUKRCX3WX4G851GM0lDiMa97lCi6eQSEOQ_Cz9MhfUCJQQIYxrIewIR2kVWcjduxVug43bs4Heiot6jHWHiX4kxejBOullRON140TKBsYO5wO4TEohoUq-GgIcvEtR2V-iYMr3TbLZAAAAhM-dfvW0YxA6VAeQglOZJ7gt16NI05IDDjomiZCN5yf/s1600/Eon%20Blogger%20Template.jpg" /></a></div>
</div>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<br /></div>
Eon Blogger Template is a modern and clean design for bloggers and content creators. This template is fully optimized for search engines, providing higher visibility to your website on search engines. We have published this detailed documentation to make it easy for you to set up your blog correctly. You have made a good decision by choosing our template. <br />
<a name='more'></a>You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users. </div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide" href="https://eon-way2themes.blogspot.com/" rel="nofollow" target="_blank"> <span class="circle"><i aria-hidden="true" class="fa fa-rocket"></i></span> <span class="title">See Demo</span> <span class="title-hover">Live Preview</span> </a> <a class="btn-slide2" href="https://www.way2themes.com/2023/09/eon-blogger-template.html" rel="nofollow" target="_blank"> <span class="circle2"><i aria-hidden="true" class="fa fa-download"></i></span> <span class="title2">Free Download</span> <span class="title-hover2">Free Version</span> </a> <a class="btn-slide2" href="https://premiumbloggerthemes.gumroad.com/l/eonpremium" rel="nofollow" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Buy Now</span> <span class="title-hover2">Premium Version</span> </a> </div>
<div class="basic-setup-sec">
<h3 style="text-align: left;">
<b>Basic Setup</b></h3>
<ol style="text-align: left;">
<li><b><a href="http://www.sorabloggingtips.com/p/how-to-install-blogger-template.html" target="_blank">Template Installation</a></b></li>
<li><a href="http://www.sorabloggingtips.com/p/how-to-install-logo-in-your-blog.html" target="_blank"><b>Logo Setup</b></a></li>
<li><b><a href="http://www.sorabloggingtips.com/p/default-setting-for-blogger-templates.html" target="_blank">Template Setting</a></b></li>
<li wfd-id="88"><b><a href="https://www.sorabloggingtips.com/p/shortcodes-and-page-markups-v20.html" target="_blank">Shortcodes & Markups v2.0</a></b></li>
<li><b><a href="http://www.sorabloggingtips.com/2017/01/how-to-add-sitemap-widget-in-blogspot-blogs.html" target="_blank">Create Sitemap</a></b></li>
</ol>
</div>
<div class="video-setup-sec">
<h3 style="text-align: left;">
Video Documentation</h3>
<div>
You can check this below video to understand the setup process much more easily, just click the below image to watch the video directly on YouTube, or click this link - <b><a href="https://youtu.be/NBF-7DQiK_A" rel="nofollow" target="_blank">How To Setup Eon Blogger Template - Way2Themes</a></b><br />
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://youtu.be/NBF-7DQiK_A" rel="nofollow" target="_blank"><img border="0" data-original-height="354" data-original-width="636" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD733lhdpSVTuCuw5osFhl4H7XTMYfhXCAqj_5LxopjQlsgXcRVsJpxl4kpI-WO9OlqMPxxnFpe9O5ucR6iQKZTLyLLhhsGpAfM0aa2zw0SRumLysqQZJ0n0ROPx_vwIR7DtVG6ETlH6NoDAqnU4V2EzV4VM0EAbscQz63vYxCRJn5guVIulOKhpwGsmc/s1600/Revel%20Youtube%20Thumbnail.png" /></a></div></div>
</div>
<h3>Main Menu/DropDown/Multi DropDown/Mega Menu</h3><h3><div style="font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Main Menu</b> widget.</div><div><br /></div><div>Home Link: <b>Your Title-text</b> or <b>Your Title-icon</b> EX: <span style="color: #0b5394;"><b>Home-icon</b></span> or <span style="color: #0b5394;"><b>Home-text</b></span></div><div>Normal Link : <b>Features</b></div><div>Sub Link: <b>_Sub Link 1.0</b> (before the link add "<span style="color: #0b5394;"><b>_</b></span>") 1 underscore</div><div>Sub Link 2: <b>__Sub Link 1.1</b> (before the link add "<span style="color: #0b5394;"><b>__</b></span>") 2 underscore</div><div>Mega Shortcode by Label: <b>Technology/mega-menu</b></div><div>Mega Shortcode by Recent: <b>recent/mega-menu</b></div><div>Mega Shortcode by Random: <b>random/mega-menu</b></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="834" data-original-width="546" src="https://3.bp.blogspot.com/-ioGqbcfLimc/WxdkFWsL_AI/AAAAAAAAB3U/tIGE6Qztw0MG94xTk4968Lrj10p4mxVnACLcBGAs/s1600/main-menu.png" /></div></div></h3><h3>Main Slider</h3><h3><div style="font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Main Slider</b> section, you must place the following names highlighted in blue below.</div><div><br /></div><div>Shortcode: <b><span style="color: #0b5394;"><span style="color: purple;">Number of Posts</span>/Label</span>, <span style="color: #cc0000;">recent</span> </b>or<b> <span style="color: #38761d;">random</span>/slider</b></div><div><br /></div><div>Example: <b>6/Anime/slider</b></div><div><br /></div><div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="512" data-original-width="560" src="https://2.bp.blogspot.com/-NXDUpQCSyqM/W-yKg-CWloI/AAAAAAAADjw/buWU8NvkAZ8nFLJ9PIxMak45-md-28GQQCLcBGAs/s1600/main_slider.png" /></div></div></div></h3><h3>Hot Posts</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Hot Posts</b> section, you must place the following names highlighted in blue below.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Shortcode: <b><span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> </b>or<b> <span style="color: #38761d;">random</span>/hot-posts</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Example: <b>Technology/hot-posts</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="534" data-original-width="541" src="https://4.bp.blogspot.com/-988uKOqn1CE/WzHKtkGFDpI/AAAAAAAACLk/1kGnuUU8v_4T7vASSWlU5VhB5bFtQuEAgCLcBGAs/s1600/hot-posts.png" /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h4 style="clear: both; font-weight: 400;">b) With Popular Post</h4><h3><div style="font-size: medium;"><div class="separator" style="clear: both;"><div style="font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>Popular Posts</b> on <b>Hot Post</b> section, you set the settings as below</div><div style="font-weight: 400;"><div><br /></div><div><b>Widget Settings:</b></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-cCxeGhv3ZR4/YVlK1x3M5RI/AAAAAAAALr4/peFxkFo0Op0X9Fd7xUh5rBvNGMiULK0AgCNcBGAsYHQ/s16000/Blogger-Layout.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="599" data-original-width="570" src="https://1.bp.blogspot.com/-cCxeGhv3ZR4/YVlK1x3M5RI/AAAAAAAALr4/peFxkFo0Op0X9Fd7xUh5rBvNGMiULK0AgCNcBGAsYHQ/s16000/Blogger-Layout.png" /></a></div></div><div class="separator" style="clear: both;"><i><span style="color: red;">Note:- </span>Set the number to 4 in popular post settings.</i></div></div></div></h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"></div></h3><h3>Post List Widget</h3><h3><div style="font-size: medium; font-weight: 400;"><div><div style="margin: 0px;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Footer</b> section, you must place the following names highlighted in blue below.</div></div><div><div style="margin: 0px;"><br /></div></div><div><div style="margin: 0px;">Shortcode: <b>Results number/<span style="color: #0b5394;">Label</span> </b>or<b> <span style="color: #cc0000;">recent</span> or <span style="color: #38761d;">random</span>/post-list</b></div></div><div><div style="margin: 0px;">Label Posts: <b>3/Food/post-list</b></div></div><div><div style="margin: 0px;">Recent Posts: <b>3/recent/post-list</b></div></div><div><div style="margin: 0px;">Random Posts: <b>3/random/post-list</b></div></div><div><div style="margin: 0px;"><br /></div></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="522" data-original-width="547" src="https://1.bp.blogspot.com/-oVdgO-vzsLk/Wz7WgG6v-zI/AAAAAAAACWI/XKEhqwT5CDoCldzl1jnTP1lvdaN0Yb-gQCEwYBhgL/s1600/post-list-widget.png" /></div><div><div style="margin: 0px;"><br /></div></div></div></h3><h3>Post Layouts</h3><h3><div style="font-size: medium; font-weight: 400;"><div><div style="margin: 0px;"><b>Left Sidebar:</b> Inside the post add the text <b>left-sidebar</b> and add the style <strike>Strikethrough</strike></div></div><div><div style="margin: 0px;"><b>Full Width:</b> Inside the post add the text <b>full-width</b> and add the style <strike>Strikethrough</strike></div></div><div><div style="margin: 0px;"><b>Right Sidebar:</b> Inside the post add the text <b>right-sidebar</b> and add the style <strike>Strikethrough</strike></div></div><div><div style="margin: 0px;"><br /></div></div><div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="475" data-original-width="650" height="291" src="https://3.bp.blogspot.com/-VgNouYf2j5U/WyH2uF8F3aI/AAAAAAAAB_E/04d2J5KZNCIVzJ1UKJfg6OC4MbcQGM2RQCLcBGAs/s400/post-layout.jpg" width="400" /></div><div style="margin: 0px;"><br /></div></div></div></h3><h3>Social Widget (Sidebar)</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Social Widget</b> section.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Avaliable Icons {</b> <span style="color: #0b5394;"><i>facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, twitch, delicious, codepen, reddit, whatsapp, snapchat, email</i></span> <b>}</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="545" data-original-width="554" src="https://2.bp.blogspot.com/-yixzgKEQ67A/W9DbyN5zfpI/AAAAAAAADXU/EoZCpjG1nIwjOhJoTuvVuJt-EQra4qFHgCLcBGAs/s1600/header-social.png" /></div><br /></div></h3><h3 style="clear: both;">Ads on post pages</h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on in the sections <b>Post ADS 1</b> ( before<span style="color: #2b00fe;"> content</span> ) , <b>Post ADS 2</b> ( after <span style="color: #2b00fe;">content</span> ).</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><b>HTML/JavaScript Ex:</b></div></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><a href="https://1.bp.blogspot.com/-pIZPRxL25u8/YDt-rmSIY6I/AAAAAAAAKGE/DgVXXmEOms8M8pbwOaMYH7oA7ITLf4paQCNcBGAsYHQ/s617/Ads%2Bsettings.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="617" data-original-width="572" src="https://1.bp.blogspot.com/-pIZPRxL25u8/YDt-rmSIY6I/AAAAAAAAKGE/DgVXXmEOms8M8pbwOaMYH7oA7ITLf4paQCNcBGAsYHQ/s16000/Ads%2Bsettings.png" /></a></div><div style="font-size: medium; font-weight: 400;"><br /></div></h3><h3>Theme Options</h3><h4>01 - Css Options</h4><h3><div style="font-size: medium; font-weight: 400;"> Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Css Options</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Boxed Version</b><b>:</b> In <i>New Site Name</i> add <b>boxedVersion</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Recent Posts Headline:</b> In <i>New Site Name</i> add <b>recentPostsHeadline</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="550" data-original-width="547" src="https://3.bp.blogspot.com/-T2kb3TjCXXE/W4BIA2Hq3NI/AAAAAAAAC9w/_IgyPNTUcC8esQeS68Z9JslUxEyMhrRsgCLcBGAs/s1600/css_options.png" /></div></h3><h4>02 - Default Variables</h4><h3><div style="font-size: medium; font-weight: 400;"> Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Default Variables</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Post Per Page:</b> In <i>New Site Name</i> add <b>postPerPage</b>, in <i>New Site URL</i> add the number of results, it should be the same as the posts from the home page, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Fixed Sidebar:</b> In <i>New Site Name</i> add <b>fixedSidebar</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Comments System:</b> In <i>New Site Name</i> add <b>commentsSystem</b>, in <i>New Site URL</i> add the comments sytem type <b>{<span style="color: #e69138;">blogger</span>, <span style="color: #3d85c6;">disqus</span>, <span style="color: #073763;">facebook</span> or <span style="color: #cc0000;">hide</span>}</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Disqus Shortname:</b> In <i>New Site Name</i> add <b>disqusShortname</b>, in <i>New Site URL</i> add your disqus comment system shortname, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="624" data-original-width="523" src="https://1.bp.blogspot.com/-rExdUXOAgtQ/WxduxYWEo2I/AAAAAAAAB4M/KI0ipawglGQ_fQ7axi6Yu1TdBiWU0sd9QCLcBGAs/s1600/default-variables.png" /></div></h3><h3>Facebook Page Plugin </h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Footer</b> section, and paste the code below.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><i><span style="background-color: #f3f3f3;"><center><div class="fb-page" data-href="<span style="background-color: #073763;"><span style="color: white;">https://www.facebook.com/way2themes</span></span>" data-width="360" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div></center></span></i></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><span style="color: #cc0000;"><b>Note:</b></span> In Attribute <i><b>data-href</b></i> replace the link per your facebook page url.</div><div style="font-size: medium; font-weight: 400;"><br /></div></h3><h3>Footer Menu</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Footer Menu</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-CMWEutMHuBI/W9DdEuWRysI/AAAAAAAADXg/p6Ndp6bm9loL2zt1eroSrqTrV7eB-jbOQCLcBGAs/s1600/footer-menu.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="547" data-original-width="563" src="https://1.bp.blogspot.com/-CMWEutMHuBI/W9DdEuWRysI/AAAAAAAADXg/p6Ndp6bm9loL2zt1eroSrqTrV7eB-jbOQCLcBGAs/s1600/footer-menu.png" /></a></div></div></h3>
<h3>
Customizing Your Template</h3>
<div style="font-size: medium; font-weight: 400;">
Access your blog <b>Theme</b> > click <span style="color: #e69138;">Customize</span> button.</div>
<div style="font-size: medium; font-weight: 400;">
<br />
Here you can change the <b>background</b>, and apply pre-defined colors<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="262" data-original-width="717" src="https://3.bp.blogspot.com/-Qu0XqpHMQNs/W_2cJaWc_UI/AAAAAAAADlU/U8nc1WL8vUUiW3NuRPfyXQKL2-1Szpi3wCLcBGAs/s1600/background.png" /></div>
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Clicking <b>Advanced</b> You will see the official option to change the <b>Main Colors</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="272" data-original-width="698" src="https://2.bp.blogspot.com/-41fodpSEd7U/W_2cJhLfHiI/AAAAAAAADlY/r4uYXkSVJAMr_MeF8GIQmi7Ga9h0SxD_QCEwYBhgL/s1600/advanced_colors.png" /></div>
</div>
<div>
<h3 style="clear: both; text-align: left;">
Installation And Custom Services</h3>
<div class="separator" style="clear: both; text-align: justify;">
We provide plenty of templates for free but if you want something unique for your blog then let us create a unique design for your blog, Just tell us your needs and we will convert your dream design into reality. We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle.</div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide2" href="http://www.soratemplates.com/p/contact-us.html" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Contact Us</span> <span class="title-hover2">Custom template Services</span> </a> </div>
<div class="alert-message alert" style="font-size: 15px;">
<i class="fa fa-info-circle"></i> Only Premium Buyers will get the widget codes available in the demo.</div>
<div class="alert-message warning" style="font-size: 15px;">
<i class="fa fa-exclamation-triangle"></i> If you are a premium version user and you are having any problem while setting up the template please contact us by going to this <a href="http://www.templatesyard.com/p/contact-us.html" style="color: blue;" target="_blank"><b>link (Contact Form)</b></a>.</div>
</div>
</div>TemplatesYardhttp://www.blogger.com/profile/16801688932542878100noreply@blogger.com0tag:blogger.com,1999:blog-1320824803216639156.post-19760964798799448552023-08-27T01:02:00.004+05:302023-08-30T19:52:05.949+05:30How To Setup Bindz Blogger Template [Templateify]<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4C865amkiX8Vd70Pou8eXPlssaJJ24EHowPEL8I2lRCzyw2KHV6f9cW8kq62oUSvmOub_dbV4EJMFLWMC-UoT6vE7LAJenJA4mMWnK87okHEiDo1A2hwYPb3kBibSBlxlVrbzEgL_APFLJhz7Buq-I2OJzhzgOlYLA76B3o9y542rmHkFEqg5NHFeIfrm/s1600/Bindz%20Blogger%20Template.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1013" data-original-width="1349" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4C865amkiX8Vd70Pou8eXPlssaJJ24EHowPEL8I2lRCzyw2KHV6f9cW8kq62oUSvmOub_dbV4EJMFLWMC-UoT6vE7LAJenJA4mMWnK87okHEiDo1A2hwYPb3kBibSBlxlVrbzEgL_APFLJhz7Buq-I2OJzhzgOlYLA76B3o9y542rmHkFEqg5NHFeIfrm/s1600/Bindz%20Blogger%20Template.jpg" /></a></div></div><br /><div style="text-align: justify;">
Blindz Blogger Template is a modern, minimalistic, and responsive template that makes creating a website or blog easy with just a few clicks. With its clean design and intuitive interface. Blindz is perfect for bloggers who want to make their content look professional and attractive. <br />
<a name='more'></a>You have made a good decision by choosing our template. You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users. </div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide" href="https://bindz-templateify.blogspot.com/" rel="nofollow" target="_blank"> <span class="circle"><i aria-hidden="true" class="fa fa-rocket"></i></span> <span class="title">See Demo</span> <span class="title-hover">Live Preview</span> </a> <a class="btn-slide2" href="https://www.templateify.com/2023/08/blindz-blogger-template.html" rel="nofollow" target="_blank"> <span class="circle2"><i aria-hidden="true" class="fa fa-download"></i></span> <span class="title2">Free Download</span> <span class="title-hover2">Free Version</span> </a> <a class="btn-slide2" href="https://premiumbloggerthemes.gumroad.com/l/blindzpremium" rel="nofollow" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Buy Now</span> <span class="title-hover2">Premium Version</span> </a> </div>
<div class="basic-setup-sec">
<h3 style="text-align: left;">
<b>Basic Setup</b></h3>
<ol style="text-align: left;">
<li><b><a href="http://www.sorabloggingtips.com/p/how-to-install-blogger-template.html" target="_blank">Template Installation</a></b></li>
<li><a href="http://www.sorabloggingtips.com/p/how-to-install-logo-in-your-blog.html" target="_blank"><b>Logo Setup</b></a></li>
<li><b><a href="http://www.sorabloggingtips.com/p/default-setting-for-blogger-templates.html" target="_blank">Template Setting</a></b></li>
<li><b><a href="https://www.sorabloggingtips.com/p/shortcodes-and-page-markups-v20.html" target="_blank">Shortcodes & Markups v2.0</a></b></li>
<li><b><a href="http://www.sorabloggingtips.com/2017/01/how-to-add-sitemap-widget-in-blogspot-blogs.html" target="_blank">Create Sitemap</a></b></li>
</ol>
</div>
<div class="video-setup-sec">
<h3 style="text-align: left;">
Video Documentation</h3>
<div>
You can check this below video to understand the setup process much more easily, just click the below image to watch the video directly on YouTube, or click this link - <a href="https://youtu.be/Z8g7E8YVErw" rel="nofollow" target="_blank"><b>How To Setup Blindz Blogger Template - Templateify</b></a></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://youtu.be/Z8g7E8YVErw" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank"><div class="separator" style="clear: both;"><img alt="" border="0" data-original-height="672" data-original-width="1127" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8H085AQ2syaJ7SiHAZ_r2WrcDo0a6eHo-6Imnb9H8OreCQv_vyVzWSDPFQVa5Xm-82AfY_kBgyh6ze8P-7zhDJVnp60BZjeWxrYKRpeZ5wl4jBXsUjhgPT_x4QLPy7D1O6k0oQvjfjfS6XPszNnn5EhhytaQrvjyqeP8xbSEi156KWmv7uCq0MKTzJbk/s1600/Bindz%20Youtube%20Thumbnail.png" /></div></a></div>
</div>
<div>
<br />
<h3 id="go-ticker">Ticker News</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">Popular Posts</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Ticker News</b><span style="font-size: medium; font-weight: 400;"> section.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">{getPosts} $results={<span style="color: red;">Number of Results</span>} $label={<span style="color: red;">Your Label</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Results:</b><span style="font-size: medium; font-weight: 400;"> You must add the desired number of results.</span><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Label:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">label</strike><span style="font-size: medium; font-weight: 400;"> or </span><strike style="font-size: medium; font-weight: 400;">recent</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">{getPosts} $results={5} $label={Laptops}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>By HTML/Javascript:</b></h4><h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjOFdxDtdrx-Nhv2921En6ruBq-CqDFyTmWzobJaDjoOvwT0Js_E9vasnQry5LX3UKpC6G9BFtv8n0cXi2aNXs-fKB8vBVGQTuur0x4gyQLHGkQ8TTFs5bBF7KG9ouO0r6yVIIibOTPx7bbutAG0cJkgvyHDAQT4jShXbjjdUbNfBXP17cIlypGnknwOA=s559" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="491" data-original-width="559" src="https://blogger.googleusercontent.com/img/a/AVvXsEjOFdxDtdrx-Nhv2921En6ruBq-CqDFyTmWzobJaDjoOvwT0Js_E9vasnQry5LX3UKpC6G9BFtv8n0cXi2aNXs-fKB8vBVGQTuur0x4gyQLHGkQ8TTFs5bBF7KG9ouO0r6yVIIibOTPx7bbutAG0cJkgvyHDAQT4jShXbjjdUbNfBXP17cIlypGnknwOA=s16000" /></a></div><br /><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>By Popular Posts:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="" border="0" data-original-height="772" data-original-width="865" src="https://1.bp.blogspot.com/-ORMzCiGMD_c/YEut62WGORI/AAAAAAAACcY/ifJl8snQ5No9s1ZoTE8XvQNy0ExwXkI4ACLcBGAsYHQ/s0/ticker-popular.png" /></div><div><br /></div></h3><h3 id="go-topmenu">Topbar Menu</h3><h3 id="go-menu"><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Topbar Menu</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Tobar Menu" border="0" data-original-height="926" data-original-width="867" src="https://1.bp.blogspot.com/-gF6coHxJK0Q/X71ZQx-iW4I/AAAAAAAACLQ/zJaBjhvBVTAOGI3sKIHsDH35gqVT1H-JACLcBGAsYHQ/s0/topbar-menu.png" title="Tobar Menu" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-topicons">Topbar Icons</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Topbar Icons</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Supported Icons: </b><strike style="font-size: medium; font-weight: 400;">blogger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">apple</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">amazon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">microsoft</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook-f</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitter</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">rss</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">youtube</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">skype</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stumbleupon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">tumblr</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">vk</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stack-overflow</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">github</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">linkedin</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">dribbble</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">soundcloud</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">behance</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">digg</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">instagram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest-p</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitch</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">steam</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">delicious</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">codepen</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">flipboard</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">reddit</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">whatsapp</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">telegram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">messenger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">snapchat</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">email</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">discord</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">quora</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">share</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">external-link</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div></div></h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Topbar Icons" border="0" data-original-height="930" data-original-width="867" src="https://1.bp.blogspot.com/-Ty7C4M37Z8w/X71aDjEt0wI/AAAAAAAACLc/-O7otm3HXHAn47QwTRKYYowv8xCq-jmkgCLcBGAsYHQ/s0/topbar-icons.png" title="Topbar Icons" /></div><div><br /></div></h3><h3 id="go-menu">Header Menu</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Header Menu</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Normal Link and DropDown Options:</b></h4><h3><b style="font-size: medium;">Homepage Link Example: </b><span style="font-size: medium; font-weight: 400;">Add the text and in the site url field add </span><strike style="font-size: medium; font-weight: 400;">{homepage}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Normal Link Example: </b><strike style="font-size: medium; font-weight: 400;">Features</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">SubLink Level 1 Example: </b><strike style="font-size: medium; font-weight: 400;">_Level 1</strike><span style="font-size: medium; font-weight: 400;"> "Before the Title add </span><b style="font-size: medium;">1 underscore</b><span style="font-size: medium; font-weight: 400;">"</span><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">SubLink Level 2 Example: </b><strike style="font-size: medium; font-weight: 400;">__Level 2</strike><span style="font-size: medium; font-weight: 400;"> "Before the Title add </span><b style="font-size: medium;">2 underscore</b><span style="font-size: medium; font-weight: 400;">"</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Main Menu Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Menu Settings" border="0" data-original-height="569" data-original-width="700" src="https://1.bp.blogspot.com/-le46mq2ZR3g/YCRrVxzMwMI/AAAAAAAACVA/owUxd51LS00hKs1B2-1-sa7Yx6066U41ACLcBGAsYHQ/s16000/main-menu.png" title="Menu Settings" /></div><br style="font-size: medium; font-weight: 400;" /><warning class="alert" style="font-size: medium; font-weight: 400;"><b>ALERT: </b>Level 2 Links must be between or below level 1 links.</warning><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Home Link Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Homepage Link" border="0" data-original-height="203" data-original-width="844" src="https://1.bp.blogspot.com/-KXch08UkUbg/YCRqlOGtC1I/AAAAAAAACU4/4u7IIutsHnk6xpG3xkzawL1zNFJZ8lpWgCLcBGAsYHQ/s16000/home-link.png" title="Homepage Link" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4>Mega Menu Options:</h4><h3><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><span style="font-size: small;"><strike><span style="font-weight: 400;">{getPosts} $label={</span><span style="color: red;">Your Label</span><span style="font-weight: 400;">}</span></strike></span><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Label:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">label</strike><span style="font-size: medium; font-weight: 400;"> or </span><strike style="font-size: medium; font-weight: 400;">recent</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">What are Label?</b><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Post Labels" border="0" data-original-height="176" data-original-width="1055" src="https://1.bp.blogspot.com/-ootFEjbpkOk/YCRooddPKhI/AAAAAAAACUY/taGhM6Tz9e0-l0jR1cRNCkZIxfiP0d02ACLcBGAsYHQ/s16000/post-labels.png" title="Post Labels" /></div><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">{getPosts} $label={Laptops}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Mega Menu Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhnMqZG0z5B0rUpzs1oGU_OMcSbcvsK4AhtMruBhBsQMFTJ1bkrwhqRET5cHbKAACpRQtglTYIqbvRrgg05efIl66S1Gio-Da-LZ6HDq1uAjNYV0T7xBdCaPrkrup710wFQzrV2bjHZtvSi9kmkYa8ohsOjyEzVFpsOcsD8lvf1WIjLqADJA3817w7yxQ=s559" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="311" data-original-width="559" src="https://blogger.googleusercontent.com/img/a/AVvXsEhnMqZG0z5B0rUpzs1oGU_OMcSbcvsK4AhtMruBhBsQMFTJ1bkrwhqRET5cHbKAACpRQtglTYIqbvRrgg05efIl66S1Gio-Da-LZ6HDq1uAjNYV0T7xBdCaPrkrup710wFQzrV2bjHZtvSi9kmkYa8ohsOjyEzVFpsOcsD8lvf1WIjLqADJA3817w7yxQ=s16000" /></a></div><div class="separator" style="clear: both;"><br /></div><br /></div><br style="font-size: medium; font-weight: 400;" /><success class="alert" style="font-size: medium; font-weight: 400;"><b>SAVING: </b>After adding all the desired links and organizing them in the correct position, click on the <b>Save Button</b>.</success></h3><h3><line style="font-size: medium; font-weight: 400;"></line></h3><h3 id="go-hads">Header ADS</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the section </span><b style="font-size: medium;">Header ADS</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Header Ads" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Header Ads" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-feat">Featured Posts</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">Popular Posts</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Featured Posts</b><span style="font-size: medium; font-weight: 400;"> section.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><span style="font-size: small;"><strike><span style="font-weight: 400;">{getPosts} $label={</span><span style="color: red;">Your Label</span><span style="font-weight: 400;">} $style={</span><span style="color: red;">Gadget Style</span><span style="font-weight: 400;">}</span></strike></span><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Label:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">label</strike><span style="font-size: medium; font-weight: 400;"> or </span><strike style="font-size: medium; font-weight: 400;">recent</strike></h3><h3><b style="font-size: medium;">Style Option:</b><span style="font-size: medium; font-weight: 400;"> </span><span style="color: red; font-size: small;">1,2,3</span></h3><h3><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">{getPosts} $label={</strike><strike style="font-size: medium;"><span style="color: red;">recent</span></strike><strike style="font-size: medium; font-weight: 400;">} $style={</strike><strike style="font-size: medium;"><span style="color: red;">3</span></strike><strike style="font-size: medium; font-weight: 400;">}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>By HTML/Javascript:</b></h4><h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiIuONsq_1iuPJ-DmbD_9dat2dN_kk1WJarJ1FayUB-9T7tl-n42Oam_UswN5cPQHnFuFniZKGVuFQpbwtBK-dNHj337ddtnVdoFpyIEwuFQ6LiHoP2Gp8OL26U2rqMu-ESnSgQZOalNErABcrFtJLvvOFxv0i4-rxqn0NKyA-McK_d9Y1FtN7kEfJJ7Q=s551" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="483" data-original-width="551" src="https://blogger.googleusercontent.com/img/a/AVvXsEiIuONsq_1iuPJ-DmbD_9dat2dN_kk1WJarJ1FayUB-9T7tl-n42Oam_UswN5cPQHnFuFniZKGVuFQpbwtBK-dNHj337ddtnVdoFpyIEwuFQ6LiHoP2Gp8OL26U2rqMu-ESnSgQZOalNErABcrFtJLvvOFxv0i4-rxqn0NKyA-McK_d9Y1FtN7kEfJJ7Q=s16000" /></a></div><br /><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>By Popular Posts:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Featured Post by Popular" border="0" data-original-height="771" data-original-width="865" src="https://1.bp.blogspot.com/-XBVeFlSZU8w/YCRs2ypilvI/AAAAAAAACVQ/9OacGQ2LryAwFLB6aDA1Be_HNLv_bqOtQCLcBGAsYHQ/s16000/featured-popular.png" title="Featured Post by Popular" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-trend">Content Section 1 / Content Section 2 / Content Section 3 / Content Section 4/ Content Section 5</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;"> > in the sections </span><b style="font-size: medium;">Content Section 1</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">Content Section 2 </b>or<b style="font-size: medium;"> </b><b style="font-size: medium;">Content Section 3</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">Content Section 4</b>.</h3><h3><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">{getPosts} $results={<span style="color: red;">Number of Results</span>} $label={<span style="color: red;">Your Label</span>} $type={<span style="color: red;">Custom Type</span>} $style={</strike><strike style="font-size: medium;"><span style="color: red;">Gadget Style</span></strike><strike style="font-size: medium; font-weight: 400;">}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Results:</b><span style="font-size: medium; font-weight: 400;"> You must add the desired number of results.</span><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Label:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">label</strike><span style="font-size: medium; font-weight: 400;"> or </span><strike style="font-size: medium; font-weight: 400;">recent</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Types:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">block</strike><span style="font-size: medium; font-weight: 400;">,</span><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">grid</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">gridbox</strike><span style="font-size: medium; font-weight: 400;">, </span><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">col-left</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">col-right</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">video</strike></h3><h3><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">{getPosts} $results={5} $label={Laptops} $type={block1}</strike></h3><h3><span style="font-size: small;">Style Attribute:<span style="font-weight: 400;"> The attribute </span><span style="color: red;">$style={}</span><span style="font-weight: 400;"> should only be added to grid and video types.</span></span></h3><h3 id="navbar-menu"><div style="font-size: medium; font-weight: 400;"><span style="font-size: small;"><span><b>Content Section <span style="color: red;">1, 2, 4</span></b></span><span> & </span><span style="color: red;"><b>6</b></span><span> only supports 1 widget each and 3 supports 2 widgets. (For content section 1 add only Video widget, </span></span>For content section 2 add only Gridbox widget, For content section 3 add only grid &Video widget and for content section 6 only add grid widget)</div></h3><h3><span style="font-size: small;">Grid –<span style="font-weight: 400;"> Style Options: </span><span style="color: red;">1, 2</span></span></h3><h3><span style="font-size: small;">Video –<span style="font-weight: 400;"> Style Options: </span><span style="color: red;">1</span></span></h3><h4><b>By HTML/Javascript:</b></h4><h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEg3Vus53UBRM33slDr_hEj4nGZ7N-Js86yMHEVukIyLOBPZzRtJdeCKiS_tIa-5NTLDkI-bKnI70I65Odp56Ulwy0n2ErG2GOYTnEp2MbYJN9BnjeQcdxD3NPgZGGs1OFz3MV848TdUMDiqNP5FUFBlNC_cc1yIECNb6vlAYSus2QfTdACUwRqGF0aCcw=s550" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="525" data-original-width="550" src="https://blogger.googleusercontent.com/img/a/AVvXsEg3Vus53UBRM33slDr_hEj4nGZ7N-Js86yMHEVukIyLOBPZzRtJdeCKiS_tIa-5NTLDkI-bKnI70I65Odp56Ulwy0n2ErG2GOYTnEp2MbYJN9BnjeQcdxD3NPgZGGs1OFz3MV848TdUMDiqNP5FUFBlNC_cc1yIECNb6vlAYSus2QfTdACUwRqGF0aCcw=s16000" /></a></div><br /><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div><br style="font-size: medium; font-weight: 400;" /><info class="alert" style="font-size: medium; font-weight: 400;"><b>NOTE: </b>You can add as many gadgets as you like. But they are optional and, if you wish, you can remove them at any time.</info><br style="font-size: medium; font-weight: 400;" /></h3><h3><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-posts">Main Posts</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Main Posts/Blog Posts</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Blog Posts" border="0" data-original-height="1211" data-original-width="841" src="https://1.bp.blogspot.com/-PV68IvbjhDY/X71mcu6-gBI/AAAAAAAACMk/8IsBBEylb4I3Fi5QxYb9gQf8ucPT5R2LQCLcBGAsYHQ/s0/blog-posts.png" title="Blog Posts" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4>Comments Settings:</h4><h3><span style="font-size: medium; font-weight: 400;">The comment settings are intuitive like never seen before. The new shortcodes should be added in > </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">Blog Posts</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">Comments Field</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Blogger Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$type={blogger}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Disqus Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$type={disqus} $shortname={templateify-comments}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Custom Disqus Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$type={disqus} $shortname={<span style="color: red;">Your Shortname</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Facebook Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$type={facebook}</strike></h3><h3><span style="font-size: medium;">Facebook Custom Language:</span><span style="font-size: medium; font-weight: 400;"> $type={</span><span style="font-size: medium;"><span style="color: red;">facebook</span></span><span style="font-size: medium; font-weight: 400;">} $lang={</span><span style="font-size: medium;"><span style="color: red;">Language Code</span></span><span style="font-size: medium; font-weight: 400;">}</span></h3><h3><span style="font-size: small;">Facebook Language Codes:<span style="font-weight: 400;"> </span><span style="color: red;">en_US, es_ES, ar_AR, id_ID, th_TH, vi_VN, pt_BR, fr_FR, ru_RU, de_DE, it_IT</span></span></h3><h3><br style="font-size: medium; font-weight: 400;" /><span style="font-size: medium; font-weight: 400;">For facebook comments to work correctly, you need to configure the </span><a href="#fb-sdk" style="font-size: medium; font-weight: 400;">facebook SDK</a><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-toc">Table of Contents</h3><h3><span style="font-size: medium; font-weight: 400;">This function is available for posts and pages and can be added easily via shortcode.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">{tocify} $title={<span style="color: red;">Table of Contents</span>}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">NOTE:</b><span style="font-size: medium; font-weight: 400;"> After adding a Shortcode apply the </span><b style="font-size: medium;">Bold</b><span style="font-size: medium; font-weight: 400;"> style.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Table of Content" border="0" data-original-height="420" data-original-width="1130" src="https://1.bp.blogspot.com/-HlrWHntmPt0/YCRzsYeLU0I/AAAAAAAACV0/S6e1grrlXSsnDnOOQ8PetN90irjnWoDiQCLcBGAsYHQ/s16000/toc.png" style="border: 1px solid rgb(233, 235, 238);" title="Table of Content" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-ads">In-Article ADS on "Post Page"</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the sections </span><b style="font-size: medium;">Post ADS 1 (</b><i style="font-size: medium; font-weight: 400;"> <span style="color: #00b140;">before content</span> </i><b style="font-size: medium;">) </b><span style="font-size: medium; font-weight: 400;">and </span><b style="font-size: medium;">Post ADS 2 (</b><i style="font-size: medium; font-weight: 400;"> <span style="color: #00b140;">after content</span></i><b style="font-size: medium;"> )</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Post Ads 1 and 2" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Post Ads 1 and 2" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Move <span style="color: #00b140;">Post ADS 1</span> and <span style="color: #00b140;">Post ADS 2</span> to inside the post content:</b></h4><h3><b style="font-size: medium;">Sortcode ADS 1:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;"><b>$ads={1}</b></strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Sortcode ADS 2:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;"><b>$ads={2}</b></strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">NOTE:</b><span style="font-size: medium; font-weight: 400;"> After adding a Shortcode apply the </span><b style="font-size: medium;">Bold</b><span style="font-size: medium; font-weight: 400;"> style. Example: </span><strike style="font-size: medium; font-weight: 400;"><b>$ads={2}</b></strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="In-Article Ads" border="0" data-original-height="655" data-original-width="927" src="https://1.bp.blogspot.com/-amctilW7RHA/YCR0SOP2EUI/AAAAAAAACV8/9TDEXDkQDeA7YknOiiKwDEL2tRn12iEywCLcBGAsYHQ/s16000/post-ads.png" title="In-Article Ads" /></div><br style="font-size: medium; font-weight: 400;" /><warning class="alert" style="font-size: medium; font-weight: 400;"><b>IMPORTANT: </b>The ad will only appear if you have inserted in the section, if you want to hide just remove check to not display or remove the gadget. </warning><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-author">Author Box</h3><h3><span style="font-size: medium; font-weight: 400;">The widget receives the </span><u style="font-size: medium; font-weight: 400;">blogger profile informations</u><span style="font-size: medium; font-weight: 400;"> automatically, As long as your profile is </span><b style="font-size: medium;">marked as public</b><span style="font-size: medium; font-weight: 400;">. The icons are displayed if there are links in the introduction.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Supported Icons: </b><strike style="font-size: medium; font-weight: 400;">blogger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">apple</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">amazon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">microsoft</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook-f</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitter</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">rss</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">youtube</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">skype</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stumbleupon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">tumblr</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">vk</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stack-overflow</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">github</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">linkedin</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">dribbble</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">soundcloud</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">behance</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">digg</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">instagram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest-p</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitch</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">steam</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">delicious</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">codepen</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">flipboard</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">reddit</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">whatsapp</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">telegram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">messenger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">snapchat</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">email</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">discord</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">quora</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">share</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">external-link</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Blogger Settings: Go to <a href="https://www.blogger.com/edit-profile.g" rel="nofollow" target="_blank">https://www.blogger.com/edit-profile.g</a></b></h4><h3><span style="font-size: medium; font-weight: 400;">Find for </span><b style="font-size: medium;">Additional Information</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">Introduction</b><span style="font-size: medium; font-weight: 400;"> > and add your description with </span><b style="font-size: medium;">HTML</b><span style="font-size: medium; font-weight: 400;"> links.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">HTML Link:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;"><a href="<span style="color: red;">Your Link Here</span>"><span style="color: red;">Icon Name</span></a></strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">HTML Link Example:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;"><a href="https://facebook.com/templateify">facebook</a></strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Author Settings" border="0" data-original-height="327" data-original-width="916" src="https://1.bp.blogspot.com/-ZBtcu0WsYRA/YCR2tcLNYQI/AAAAAAAACWU/EA5j8FhazgosSBqbRff5F6KwWzdSn2KVgCLcBGAsYHQ/s16000/author-description.png" title="Author Settings" /></div><br style="font-size: medium; font-weight: 400;" /><warning class="alert" style="font-size: medium; font-weight: 400;"><b>IMPORTANT: </b>The <b>"Introduction"</b> is required for the author box to be displayed! But the links are not required. </warning><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-related">Advanced Related Posts</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Related Posts</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$results={<span style="color: red;">Number of Results</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">$results={3}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Related Posts" border="0" data-original-height="875" data-original-width="865" src="https://1.bp.blogspot.com/-mbZm7DL11Zo/YCR2yql-8YI/AAAAAAAACWY/gh5_oBEK4R0UyPAmA82A0jHEbyfST4JkACLcBGAsYHQ/s16000/related-posts.png" title="Related Posts" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-postads3">Post ADS 3</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the section </span><b style="font-size: medium;">Post ADS 3</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Post Ads 3" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Post Ads 3" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-count">Social Buttons on Sidebar</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">Link List</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Sidebar</b><span style="font-size: medium; font-weight: 400;"> section.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Supported Icons: </b><strike style="font-size: medium; font-weight: 400;">blogger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">apple</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">amazon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">microsoft</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook-f</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitter</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">rss</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">youtube</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">skype</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stumbleupon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">tumblr</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">vk</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stack-overflow</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">github</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">linkedin</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">dribbble</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">soundcloud</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">behance</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">digg</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">instagram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest-p</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitch</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">steam</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">delicious</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">codepen</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">flipboard</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">reddit</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">whatsapp</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">telegram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">messenger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">snapchat</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">email</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">discord</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">quora</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">share</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">external-link</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Social Button on Sidebar" border="0" data-original-height="920" data-original-width="840" src="https://1.bp.blogspot.com/-h8MjwaGzauI/YCR7h1qtDsI/AAAAAAAACW8/8h51BXYCOtcuVrh9yvWdf1QMCQqtd0XhwCLcBGAsYHQ/s16000/social-buttons.png" title="Social Button on Sidebar" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-list">Post Widgets on Sidebar</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;"> > in the</span><b style="font-size: medium;"> Sidebar </b><span style="font-size: medium; font-weight: 400;">section.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">{getPosts} $results={<span style="color: red;">Number of Results</span>} $label={<span style="color: red;">Your Label</span>} $type={<span style="color: red;">Custom Type</span>} $style={</strike><strike style="font-size: medium;"><span style="color: red;">Gadget Style</span></strike><strike style="font-size: medium; font-weight: 400;">}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Results:</b><span style="font-size: medium; font-weight: 400;"> You must add the desired number of results.</span><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Label:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">label</strike><span style="font-size: medium; font-weight: 400;"> or </span><strike style="font-size: medium; font-weight: 400;">recent</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Types:</b><span style="font-size: medium; font-weight: 400;"> </span><span style="font-size: small; font-weight: 400;"><strike>posts</strike></span><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">comments</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">{getPosts} $results={4} $label={Laptops} $type={post} $style={1}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">NOTE:</b><span style="font-size: medium; font-weight: 400;"> The </span><strike style="font-size: medium; font-weight: 400;">$label={}</strike><span style="font-size: medium; font-weight: 400;"> attribute is not required for the </span><strike style="font-size: medium; font-weight: 400;">comments</strike><span style="font-size: medium; font-weight: 400;"> type.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEit4XPvpZqoUKthrMDZh3C5VWZvN_Li57WA62-c8jpDcboXHSM0BhThn2Xa0q6lu9fwb6e-NlFXuIXyxaOie-aE44-lFaUaNqIakhUFIttSzCoEtNosNCsc9tps4deGURuWXOvt779OP54ThvHLwfIrY8eu0juRiUXI1qDF9QCsUvhFcHKAk6xLSdKTTg=s545" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="487" data-original-width="545" src="https://blogger.googleusercontent.com/img/a/AVvXsEit4XPvpZqoUKthrMDZh3C5VWZvN_Li57WA62-c8jpDcboXHSM0BhThn2Xa0q6lu9fwb6e-NlFXuIXyxaOie-aE44-lFaUaNqIakhUFIttSzCoEtNosNCsc9tps4deGURuWXOvt779OP54ThvHLwfIrY8eu0juRiUXI1qDF9QCsUvhFcHKAk6xLSdKTTg=s16000" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h3 id="go-fads">Footer ADS</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Add a Gadget</b><span style="font-size: medium; font-weight: 400;"> > </span><b style="font-size: medium;">HTML/JavaScript</b><span style="font-size: medium; font-weight: 400;">, </span><b style="font-size: medium;">Image</b><span style="font-size: medium; font-weight: 400;"> or </span><b style="font-size: medium;">AdSense</b><span style="font-size: medium; font-weight: 400;"> > in the section </span><b style="font-size: medium;">Footer ADS</b><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>HTML/JavaScript Example:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Footer Ads" border="0" data-original-height="871" data-original-width="865" src="https://1.bp.blogspot.com/-BObuKMolUIE/YCRyMEQPyJI/AAAAAAAACVo/DxkbMjeWmlYe_WIhSs_VdrtPYiHdf8thgCLcBGAsYHQ/s16000/ad-example.png" title="Footer Ads" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-about">About Section</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">About Section</b><span style="font-size: medium; font-weight: 400;"> gadgets.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>1.1 - About Us</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="About Us" border="0" data-original-height="884" data-original-width="842" src="https://1.bp.blogspot.com/-rA8_HHb7AEM/YCR_pCQ5xvI/AAAAAAAACXU/4ICR1WiCcjYzFnrymHwAEuaSUpOtqMFTgCLcBGAsYHQ/s16000/about-us.png" title="About Us" /></div><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>1.2 - Follow Us</b></h4><h3><b style="font-size: medium;">Supported Icons: </b><strike style="font-size: medium; font-weight: 400;">blogger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">apple</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">amazon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">microsoft</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">facebook-f</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitter</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">rss</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">youtube</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">skype</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stumbleupon</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">tumblr</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">vk</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">stack-overflow</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">github</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">linkedin</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">dribbble</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">soundcloud</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">behance</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">digg</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">instagram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">pinterest-p</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">twitch</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">steam</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">delicious</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">codepen</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">flipboard</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">reddit</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">whatsapp</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">telegram</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">messenger</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">snapchat</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">email</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">discord</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">quora</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">share</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">external-link</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="About Us Social Icons" border="0" data-original-height="953" data-original-width="846" src="https://1.bp.blogspot.com/-r176B2phIeM/X71ptjmWrjI/AAAAAAAACNM/a69dbZbrBWImoTzK0s8aR78tcFxFR6angCLcBGAsYHQ/s16000/about-us-icons.png" title="About Us Social Icons" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-copy">Footer Copyright (<span style="color: #00b140;">Premium</span>)</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Footer Copyright</b><span style="font-size: medium; font-weight: 400;"> gadget.</span></h3><h3><span style="font-size: medium; font-weight: 400;">For normal credits add 'normal' into the space for custom credits add your creadit as shown below.</span></h3><h3><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Custom Credits" border="0" data-original-height="874" data-original-width="865" src="https://1.bp.blogspot.com/-EMTUyGVOXP8/YCSAE6iRe1I/AAAAAAAACXc/cLBQlr-SvgItDGGspZcZAsayRLZ-yJj8ACLcBGAsYHQ/s16000/footer-credits.png" title="Custom Credits" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-fmenu">Footer Menu</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Footer Menu</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Footer Menu" border="0" data-original-height="923" data-original-width="841" src="https://1.bp.blogspot.com/-lHyTOLJNPP0/YCSAqT07G4I/AAAAAAAACXo/RHSJslUxKFonJc5TkBGcjfifZP8pSlzfQCLcBGAsYHQ/s16000/footer-menu.png" title="Footer Menu" /></div><br style="font-size: medium; font-weight: 400;" /><line style="font-size: medium; font-weight: 400;"></line><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-cookies">Cookie Consent</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the</span><b style="font-size: medium;"> Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Cookie Consent</b><span style="font-size: medium; font-weight: 400;"> gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode:</b><span style="font-size: medium; font-weight: 400;"> </span><strike style="font-size: medium; font-weight: 400;">$ok={<span style="color: red;">Button Text</span>} $days={<span style="color: red;">Expires Days</span>}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Shortcode Example: </b><strike style="font-size: medium; font-weight: 400;">$ok={Accept !} $days={7}</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Cookie Consent" border="0" data-original-height="876" data-original-width="865" src="https://1.bp.blogspot.com/-Wp-IohifURs/YCSBTwe938I/AAAAAAAACXw/DJK3Fc2zBEg1gETqGx8qi9NFpbQZRhykQCLcBGAsYHQ/s16000/cookie-consent.png" title="Cookie Consent" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-options">Theme Options</h3><h3><br style="font-size: medium; font-weight: 400;" /></h3><h4 id="fb-sdk">1.1 - Facebook SDK</h4><h3><span id="result_box" lang="en" style="font-size: medium; font-weight: 400;">The Facebook Comments only work if you have the Facebook SDK installed on your theme. See below for the steps to acquire and install the Facebook SDK.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Get SDK:</b></h4><h3><b style="font-size: medium;">Step 01:</b><span style="font-size: medium; font-weight: 400;"> Go to </span><a href="https://developers.facebook.com/docs/plugins/page-plugin/" rel="nofollow" style="font-size: medium; font-weight: 400;" target="_blank">https://developers.facebook.com/docs/plugins/page-plugin/</a><span style="font-size: medium; font-weight: 400;"> and click on </span><b style="font-size: medium;">Get Code</b><span style="font-size: medium; font-weight: 400;"> button and copy the SDK Script.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Copying SDK:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Facebook SDK" border="0" data-original-height="635" data-original-width="1114" src="https://1.bp.blogspot.com/-3psja_Z7GSo/YCSCY2GcMCI/AAAAAAAACX8/uL_Xz8cUc441aNw6ihGKL9FCK0AdT8fEQCLcBGAsYHQ/s16000/facebook-sdk.png" title="Facebook SDK" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>SDK en_US:</b></h4><h3><code style="font-weight: 400;"><span style="color: #f6b26b;">https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v9.0</span></code><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Installing SDK:</b></h4><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Theme Options </b><span style="font-size: medium; font-weight: 400;">></span><b style="font-size: medium;"> Facebook SDK </b><span style="font-size: medium; font-weight: 400;">gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="Facebook SDK Settings" border="0" data-original-height="684" data-original-width="866" src="https://1.bp.blogspot.com/-3gfoHr-_P9M/YCSDE_GAy0I/AAAAAAAACYE/cwAoqpijKsMB7wHRB_i8tTHpV0GNjwlXgCLcBGAsYHQ/s16000/skd-settings.png" title="Facebook SDK Settings" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4>1.2 - Default Thumbnail</h4><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Theme Options </b><span style="font-size: medium; font-weight: 400;">></span><b style="font-size: medium;"> Defualt Thumbnail </b><span style="font-size: medium; font-weight: 400;">gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="No Thumbnail Image" border="0" data-original-height="940" data-original-width="840" src="https://1.bp.blogspot.com/-Qvd1IULEjEE/YCSE8uZNMdI/AAAAAAAACYU/gZ2najXqIoEoqrRRy6OLH4VZC-8lgRE7ACLcBGAsYHQ/s16000/no-thumbnail.png" title="No Thumbnail Image" /></div><br style="font-size: medium; font-weight: 400;" /></h3><h4>1.3 - JSON Variables</h4><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Layout</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Edit Icon</b><span style="font-size: medium; font-weight: 400;"> > in the </span><b style="font-size: medium;">Theme Options </b><span style="font-size: medium; font-weight: 400;">></span><b style="font-size: medium;"> JSON Variables </b><span style="font-size: medium; font-weight: 400;">gadget.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><code style="font-weight: 400;"><span style="color: white;">{<br /> <span style="color: #6fa8dc;">viewAllText</span>: <span style="color: #f6b26b;">"View all"</span>,<br /> <span style="color: #6fa8dc;">dateFormat</span>: <span style="color: #f6b26b;">"{m} {d}, {y}"</span>,<br /> <span style="color: #6fa8dc;">months</span>: {<br /> <span style="color: #6fa8dc;">jan</span>: <span style="color: #f6b26b;">"January"</span>,<br /> <span style="color: #6fa8dc;">feb</span>: <span style="color: #f6b26b;">"February"</span>,<br /> <span style="color: #6fa8dc;">mar</span>: <span style="color: #f6b26b;">"March"</span>,<br /> <span style="color: #6fa8dc;">apr</span>: <span style="color: #f6b26b;">"April"</span>,<br /> <span style="color: #6fa8dc;">may</span>: <span style="color: #f6b26b;">"May"</span>,<br /> <span style="color: #6fa8dc;">jun</span>: <span style="color: #f6b26b;">"June"</span>,<br /> <span style="color: #6fa8dc;">jul</span>: <span style="color: #f6b26b;">"July"</span>,<br /> <span style="color: #6fa8dc;">aug</span>: <span style="color: #f6b26b;">"August"</span>,<br /> <span style="color: #6fa8dc;">sep</span>: <span style="color: #f6b26b;">"September"</span>,<br /> <span style="color: #6fa8dc;">oct</span>: <span style="color: #f6b26b;">"October"</span>,<br /> <span style="color: #6fa8dc;">nov</span>: <span style="color: #f6b26b;">"November"</span>,<br /> <span style="color: #6fa8dc;">dec</span>: <span style="color: #f6b26b;">"December"</span><br /> }<br />}</span></code><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">viewAllText:</b><span style="font-size: medium; font-weight: 400;"> default is </span><strike style="font-size: medium; font-weight: 400;">View all</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">dateFormat:</b><span style="font-size: medium; font-weight: 400;"> default is </span><strike style="font-size: medium; font-weight: 400;">{m} {d}, {y}</strike><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">months:</b><span style="font-size: medium; font-weight: 400;"> default is </span><strike style="font-size: medium; font-weight: 400;">January</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">February</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">March</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">April</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">May</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">June</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">July</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">August</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">September</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">October</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">November</strike><span style="font-size: medium; font-weight: 400;">, </span><strike style="font-size: medium; font-weight: 400;">December</strike><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4><b>Widget Settings:</b></h4><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img alt="JSON Options" border="0" data-original-height="872" data-original-width="865" src="https://1.bp.blogspot.com/-rZvhPh9UOf0/YCSE28NJuGI/AAAAAAAACYQ/8SZpBBXHLwUUn4KXVstvWnnuYFmvtGd_ACLcBGAsYHQ/s16000/json-options.png" title="JSON Options" /></div><br style="font-size: medium; font-weight: 400;" /><warning class="alert" style="font-size: medium; font-weight: 400;"><b>IMPORTANT: </b>This functionality is only valid for <b>{getPosts}</b> Gadgets and Related Posts. Other formats are changed in the blog settings.</warning></h3></div><div><h3><line style="font-size: medium; font-weight: 400;"></line><span style="font-size: medium; font-weight: 400;"></span><br style="font-size: medium; font-weight: 400;" /></h3><h3 id="go-customize">How to Customize This Theme?</h3><h3><span style="font-size: medium; font-weight: 400;">Access your blog </span><b style="font-size: medium;">Theme</b><span style="font-size: medium; font-weight: 400;"> > and click on the </span><b style="font-size: medium;">Customize </b><span style="font-size: medium; font-weight: 400;">button > and find </span><b style="font-size: medium;">Background</b><span style="font-size: medium; font-weight: 400;"> and </span><b style="font-size: medium;">Advanced</b><span style="font-size: medium; font-weight: 400;"> options.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Available customizations: </b><span style="font-size: medium; font-weight: 400;">Theme Options, Widths, Fonts, Backgrounds, Colors and more.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /></h3><h4>Background Example:</h4><h3><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-3dz6O6kPvVc/YVlPmimnbrI/AAAAAAAALsI/WlIrvXo2BRIxby8YXcELA-ZHhROKCKvwwCNcBGAsYHQ/s1894/Blogger-Customizer.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="551" data-original-width="1894" src="https://1.bp.blogspot.com/-3dz6O6kPvVc/YVlPmimnbrI/AAAAAAAALsI/WlIrvXo2BRIxby8YXcELA-ZHhROKCKvwwCNcBGAsYHQ/s16000/Blogger-Customizer.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h4>Advanced > Theme Options:</h4><h3><b style="font-size: medium;">Native Dark Mode:</b><span style="font-size: medium; font-weight: 400;"> </span><b style="font-size: medium;">0</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">false</strike><span style="font-size: medium; font-weight: 400;"> and </span><b style="font-size: medium;">1</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">true</strike><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-ps724fqMysw/YVlPsbOr8oI/AAAAAAAALsM/B3PFcrLvuXk7JmYWV8-tL0vGjoOsPRYTACNcBGAsYHQ/s1475/dark-mode.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="623" data-original-width="1475" src="https://1.bp.blogspot.com/-ps724fqMysw/YVlPsbOr8oI/AAAAAAAALsM/B3PFcrLvuXk7JmYWV8-tL0vGjoOsPRYTACNcBGAsYHQ/s16000/dark-mode.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div><br style="font-size: medium; font-weight: 400;" /><b style="font-size: medium;">Left Sidebar:</b><span style="font-size: medium; font-weight: 400;"> </span><b style="font-size: medium;">0</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">false</strike><span style="font-size: medium; font-weight: 400;"> and </span><b style="font-size: medium;">1</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">true</strike><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-R3E05KeFZbk/YVlP0X78PaI/AAAAAAAALsQ/3x6M7b4m_XQTcOD0UlvKNqSMgYwvNX57wCNcBGAsYHQ/s1404/left-sidebar.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="604" data-original-width="1404" src="https://1.bp.blogspot.com/-R3E05KeFZbk/YVlP0X78PaI/AAAAAAAALsQ/3x6M7b4m_XQTcOD0UlvKNqSMgYwvNX57wCNcBGAsYHQ/s16000/left-sidebar.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h4>Advanced > Theme Widths:</h4><h3><b style="font-size: medium;">Boxed Mode:</b><span style="font-size: medium; font-weight: 400;"> </span><b style="font-size: medium;">0</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">false</strike><span style="font-size: medium; font-weight: 400;"> and </span><b style="font-size: medium;">1</b><span style="font-size: medium; font-weight: 400;"> is </span><strike style="font-size: medium; font-weight: 400;">true</strike><span style="font-size: medium; font-weight: 400;">.</span><br style="font-size: medium; font-weight: 400;" /><br style="font-size: medium; font-weight: 400;" /><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-EXkm1yqIkQY/YVlP8SSWWII/AAAAAAAALsY/ryZrr2rSvjA17Pei5Xmij2xbaX5K8t4LACNcBGAsYHQ/s1723/box-mode.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="615" data-original-width="1723" src="https://1.bp.blogspot.com/-EXkm1yqIkQY/YVlP8SSWWII/AAAAAAAALsY/ryZrr2rSvjA17Pei5Xmij2xbaX5K8t4LACNcBGAsYHQ/s16000/box-mode.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h4>Advanced > Theme Colors and Fonts:</h4><h3><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-DdGOoZLpK8w/YVlQBzDOk6I/AAAAAAAALsc/ywryOy0n888C0qx5-q-qY7qXB7cbQhjMQCNcBGAsYHQ/s1502/Theme-colors.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="523" data-original-width="1502" src="https://1.bp.blogspot.com/-DdGOoZLpK8w/YVlQBzDOk6I/AAAAAAAALsc/ywryOy0n888C0qx5-q-qY7qXB7cbQhjMQCNcBGAsYHQ/s16000/Theme-colors.png" /></a></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h3><br style="font-size: medium; font-weight: 400;" /><info class="alert" style="font-size: medium; font-weight: 400;"><b>INFO:</b> When changing the font of the site and it has a blurred appearance, you can solve it by clicking to reset the fonts in the option <b>Advanced</b> > <b>Theme Fonts (Reset)</b>.</info></h3></div><div>
<div style="text-align: center;">
</div>
<h3 style="clear: both; text-align: left;">
Installation And Custom Services</h3>
<div class="separator" style="clear: both; text-align: justify;">
We provide plenty of templates for free but if you want something unique for your blog then let us create a unique design for your blog, Just tell us your needs and we will convert your dream design into reality. We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle.</div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide2" href="http://www.soratemplates.com/p/contact-us.html" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Contact Us</span> <span class="title-hover2">Custom template Services</span> </a> </div>
</div>
</div>
<style>
.item .post-body strike {
background-color: #f9f9f9;
font-family: Monospace;
font-size: 12px;
color: blue;
text-decoration: none;
padding: 1px 5px;
margin: 0 2px 0 0;
border: 1px dashed #e9ebee;
border-radius: 3px;
}
info.alert {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb;
}
.alert {
display: block;
color: #383d41;
background-color: #e2e3e5;
padding: 5px 10px;
border: 1px solid #d6d8db;
border-radius: 0;
}
line {
display: block;
padding: 0 0 15px;
margin: 15px 0 0;
border-top: 1px dashed #e9ebee;
}
success.alert {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
warning.alert {
color: #856404;
background-color: #fff3cd;
border-color: #fce9b0;
}
code {
display: block;
background-color: #1f2024;
line-height: 1.3em;
padding: 10px;
border-radius: 0;
}
</style>TemplatesYardhttp://www.blogger.com/profile/16801688932542878100noreply@blogger.com0tag:blogger.com,1999:blog-1320824803216639156.post-52275834360087616592023-08-13T18:32:00.006+05:302023-08-15T19:55:23.854+05:30How To Setup Foodi Blogger Template<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk9_T-0zHQHAIhRCmZZc2Enhf8DlsWKrUtv1rOBMGaH_yEkxf5b6sO9wIf0mmjcjwFMu89xgUWFvcNca8uO8Yuc524SmGHdcebdMs-c0SyxgTxAbQz9rh7R2sjZj6u1aoL4AG3jNB86BgqAAo8cRdZokyO-zmkwoBMGo_Uk8hAtegvndYzRnBk2Siq15i5/s1600/Foodi%20Blogger%20Template.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="932" data-original-width="1898" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk9_T-0zHQHAIhRCmZZc2Enhf8DlsWKrUtv1rOBMGaH_yEkxf5b6sO9wIf0mmjcjwFMu89xgUWFvcNca8uO8Yuc524SmGHdcebdMs-c0SyxgTxAbQz9rh7R2sjZj6u1aoL4AG3jNB86BgqAAo8cRdZokyO-zmkwoBMGo_Uk8hAtegvndYzRnBk2Siq15i5/s1600/Foodi%20Blogger%20Template.jpg" /></a></div><div style="text-align: center;"><br /></div>
Foodi is a multipurpose blogger template with a responsive layout and fast-loading design. Fooddy is mainly built for food blogs, recipe blogs, cooking blogs, kitchen blogs, etc. Foodi is equipped with various widgets that will help you to publish your blog more professionally. To make it easy for you we have published this detailed documentation so that you can set up your blog correctly. <br />
<a name='more'></a>You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users. </div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide" href="https://foodi-soratemplates.blogspot.com/" rel="nofollow" target="_blank"> <span class="circle"><i aria-hidden="true" class="fa fa-rocket"></i></span> <span class="title">See Demo</span> <span class="title-hover">Live Preview</span> </a> <a class="btn-slide2" href="https://www.soratemplates.com/2023/08/foodi-blogger-templates.html" rel="nofollow" target="_blank"> <span class="circle2"><i aria-hidden="true" class="fa fa-download"></i></span> <span class="title2">Free Download</span> <span class="title-hover2">Free Version</span> </a> <a class="btn-slide2" href="https://premiumbloggerthemes.gumroad.com/l/foodipremium" rel="nofollow" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Buy Now</span> <span class="title-hover2">Premium Version</span> </a> </div>
<div class="basic-setup-sec">
<h3 style="text-align: left;">
<b>Basic Setup</b></h3>
<ol style="text-align: left;">
<li><b><a href="http://www.sorabloggingtips.com/p/how-to-install-blogger-template.html" target="_blank">Template Installation</a></b></li>
<li><a href="http://www.sorabloggingtips.com/p/how-to-install-logo-in-your-blog.html" target="_blank"><b>Logo Setup</b></a></li>
<li><b><a href="http://www.sorabloggingtips.com/p/default-setting-for-blogger-templates.html" target="_blank">Template Setting</a></b></li>
<li wfd-id="88"><b><a href="https://www.sorabloggingtips.com/p/shortcodes-and-page-markups-v20.html" target="_blank">Shortcodes & Markups v2.0</a></b></li>
<li><b><a href="http://www.sorabloggingtips.com/2017/01/how-to-add-sitemap-widget-in-blogspot-blogs.html" target="_blank">Create Sitemap</a></b></li>
</ol>
</div>
<div class="video-setup-sec">
<h3 style="text-align: left;">
Video Documentation</h3>
<div>
You can check this below video to understand the setup process much more easily, just click the below image to watch the video directly on YouTube, or click this link - <b><a href="https://youtu.be/2q8MtNh6iqs" rel="nofollow" target="_blank">How To Setup Foodi Blogger Template - SoraTemplates</a></b><br />
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://youtu.be/2q8MtNh6iqs" rel="nofollow" target="_blank"><img border="0" data-original-height="354" data-original-width="636" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7AVLKE2N2IqzexjFLM0rrmTXsRw4MLqQaYwJ2P5QmCkQV3GnsN1Fj0iGC8hRlQcd_D1FDf4G4Dt72BX-d3-jEb01fJQUvtjYt2MdQpdIbLN9xO7S20i7EBP94e6X85wLrUGK8yNEfd76WE9_V4WDp5ffRxA_9oFrtg1-EixbPZ4PaATCELO_ymIE4B5c/s1600/Foodi%20Youtube%20Thumbnail.png" /></a></div></div>
</div></div><h3>Main Menu/DropDown/Multi DropDown/Mega Menu</h3><h3><div style="font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Main Menu</b> widget.</div><div><br /></div><div>Home Link: <b>Your Title-text</b> or <b>Your Title-icon</b> EX: <span style="color: #0b5394;"><b>Home-icon</b></span> or <span style="color: #0b5394;"><b>Home-text</b></span></div><div>Normal Link : <b>Features</b></div><div>Sub Link: <b>_Sub Link 1.0</b> (before the link add "<span style="color: #0b5394;"><b>_</b></span>") 1 underscore</div><div>Sub Link 2: <b>__Sub Link 1.1</b> (before the link add "<span style="color: #0b5394;"><b>__</b></span>") 2 underscore</div><div>Mega Shortcode by Label: <b>Technology/mega-menu</b></div><div>Mega Shortcode by Recent: <b>recent/mega-menu</b></div><div>Mega Shortcode by Random: <b>random/mega-menu</b></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="834" data-original-width="546" src="https://3.bp.blogspot.com/-ioGqbcfLimc/WxdkFWsL_AI/AAAAAAAAB3U/tIGE6Qztw0MG94xTk4968Lrj10p4mxVnACLcBGAs/s1600/main-menu.png" /><br /></div></div></h3><h3>Top Navigation & Footer Navigation</h3><h3><div style="font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Top Navigation & Footer Navigation</b> widget.</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="536" data-original-width="550" src="https://2.bp.blogspot.com/-yXNGRKHhaW4/W1lJantSPQI/AAAAAAAAClg/KspsdbcoAS07qDLlht8179UzPtSALcwoQCLcBGAs/s1600/top-navigation.png" /></div></div></h3><h3>Social Top/ Sidebar Social</h3><h3><div style="font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;"></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div></div></div></div></div></h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Social Top/Sidebar Social</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Icons Avaliables {</b><span style="color: #0b5394;"><i> facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, twitch, delicious, codepen, reddit, whatsapp, snapchat, email</i></span> <b>}</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="606" data-original-width="549" src="https://4.bp.blogspot.com/-twEmAfV2mu4/WxdfXnxNXXI/AAAAAAAAB3A/uUSvzH6kaloTSHDra5ryhm5cHO7mrfyogCLcBGAs/s1600/top-social.png" /></div></h3><h3>Service List 1 & 2</h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"></div></h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> > on <b>Service List 1 & 2</b><b> </b>widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium;"><i><span style="color: red;">Note:-</span> <span style="color: #2b00fe; font-weight: 400;">For </span>Service list 2<span style="color: #2b00fe; font-weight: 400;"> use </span>85px <span style="color: #2b00fe; font-weight: 400;">width and height image.</span></i></div><div><br /><span style="font-size: small;"><span style="font-weight: 400;">Example:</span></span><br /><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><a href="https://1.bp.blogspot.com/-VLyLFaoOCLw/W1TSmMuId1I/AAAAAAAACho/ta0r-B6LwJsOo_8Ne05_cWO4lT1gox_FQCLcBGAs/s1600/main-intro.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="646" data-original-width="592" src="https://1.bp.blogspot.com/-VLyLFaoOCLw/W1TSmMuId1I/AAAAAAAACho/ta0r-B6LwJsOo_8Ne05_cWO4lT1gox_FQCLcBGAs/s1600/main-intro.png" /></a></div><div class="separator" style="clear: both; text-align: left;"><span style="font-size: medium;"><span style="color: red; font-style: italic; font-weight: 700;">Note:-</span><i> </i><span style="color: #2b00fe; font-style: italic; font-weight: 400;">For </span><i>Service list 1</i><span style="color: #2b00fe; font-style: italic; font-weight: 400;"> stylish text, Add Title Text as </span><span>Your Main Title.<span style="color: red;">#</span>Your Stylish Text</span><span style="color: #2b00fe; font-style: italic; font-weight: 400;">. </span><span style="color: #bf9000; font-style: italic;">Example</span><span style="color: #2b00fe; font-style: italic; font-weight: 400;"> </span></span><span style="font-size: small;"><i>Hi! I'm Magi.<span style="color: red;">#</span>nice to meet you!</i></span></div></div></h3><h3>Hot Posts</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Hot Posts</b> section, you must place the following names highlighted in blue below.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Shortcode: <b><span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> </b>or<b> <span style="color: #38761d;">random</span>/hot-posts</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Example: <b>Technology/hot-posts</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="534" data-original-width="541" src="https://4.bp.blogspot.com/-988uKOqn1CE/WzHKtkGFDpI/AAAAAAAACLk/1kGnuUU8v_4T7vASSWlU5VhB5bFtQuEAgCLcBGAs/s1600/hot-posts.png" /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><br /></div></h3><h4 style="clear: both; font-weight: 400;">b) With Popular Post</h4><h3><div style="font-size: medium;"><div class="separator" style="clear: both;"><div style="font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>Popular Posts</b> on <b>Hot Post</b> section, you set the settings as below</div><div style="font-weight: 400;"><div><br /></div><div><b>Widget Settings:</b></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-cCxeGhv3ZR4/YVlK1x3M5RI/AAAAAAAALr4/peFxkFo0Op0X9Fd7xUh5rBvNGMiULK0AgCNcBGAsYHQ/s16000/Blogger-Layout.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="599" data-original-width="570" src="https://1.bp.blogspot.com/-cCxeGhv3ZR4/YVlK1x3M5RI/AAAAAAAALr4/peFxkFo0Op0X9Fd7xUh5rBvNGMiULK0AgCNcBGAsYHQ/s16000/Blogger-Layout.png" /></a></div></div><div class="separator" style="clear: both;"><i><span style="color: red;">Note:- </span>Set the number to 2 in popular post settings.</i></div></div></div></h3><h3>Grid Posts</h3><h3><div style="font-size: medium;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both; font-weight: 400;"><div class="separator" style="clear: both;"></div></div></div></div></div></h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"><div>Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Grid Posts</b> section, you must place the following names highlighted in blue below.</div><div><br /></div><div>Shortcode: <b><span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> </b>or<b> <span style="color: #38761d;">random</span>/grid-post</b></div><div><br /></div><div>Example: <b>Technology/grid-post</b></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-DYV3xRxnpbA/YU1Pnfv0QzI/AAAAAAAALpA/O-fNyqT3GqQcLtztEFaRjSH0X5s2ht-OwCNcBGAsYHQ/s498/grid-post.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="450" data-original-width="498" src="https://1.bp.blogspot.com/-DYV3xRxnpbA/YU1Pnfv0QzI/AAAAAAAALpA/O-fNyqT3GqQcLtztEFaRjSH0X5s2ht-OwCNcBGAsYHQ/s16000/grid-post.png" /></a></div></div></h3><h3 style="font-weight: 400;"><div style="font-size: medium;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div style="text-align: center;"></div></div></div></div></h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"></div></h3><h3>Post List Widget</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Footer</b> section, you must place the following names highlighted in blue below.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Shortcode: <b>Results number/<span style="color: #0b5394;">Label</span>, <span style="color: #cc0000;">recent</span> or <span style="color: #38761d;">random</span>/post-list</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;">Label Posts: <b>3/Technology/post-list</b></div><div style="font-size: medium; font-weight: 400;">Recent Posts: <b>3/recent/post-list</b></div><div style="font-size: medium; font-weight: 400;">Random Posts: <b>3/random/post-list</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="535" data-original-width="539" src="https://2.bp.blogspot.com/-4MIJlqO1pUc/WxdpOVxXIII/AAAAAAAAB3w/-cMDJxJKatQofEpeQQiJbuIjMgGxk7JbACEwYBhgL/s1600/post-list-widget.png" /></div></h3><h3>Social Widget (Sidebar)</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Social Widget</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Icons Avaliables {</b><span style="color: #0b5394;"><i> facebook, twitter, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, twitch, delicious, codepen, reddit, whatsapp, snapchat, email</i></span> <b>}</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="633" data-original-width="545" src="https://3.bp.blogspot.com/-KmBi4lg3BT0/WxdqJQRzW5I/AAAAAAAAB34/0SgzvNWYGXctNJbroOEktNk0kTvl3kyAACLcBGAs/s1600/social-widget.png" /></div></h3><h3>Post Layouts</h3><h3><div style="font-size: medium; font-weight: 400;"><b>Left Sidebar:</b> Inside the post add the text <b>left-sidebar</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;"><b>Full Width:</b> Inside the post add the text <b>full-width</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;"><b>Right Sidebar:</b> Inside the post add the text <b>right-sidebar</b> and add the style <strike>Strikethrough</strike></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="951" data-original-width="1358" src="https://2.bp.blogspot.com/-fCQMSq7tcD0/WxeSCroFr1I/AAAAAAAAB5E/ZYlvtyGAl14cPAri8JvXMhxPCPe_hx1rwCLcBGAs/s1600/post-layouts.jpg" /></div></h3><h3 style="clear: both;">Ads on post pages</h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"><div class="separator" style="clear: both;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on in the sections <b>Post ADS 1</b> ( before<span style="color: #2b00fe;"> content</span> ) , <b>Post ADS 2</b> ( after <span style="color: #2b00fe;">content</span> ).</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><b>HTML/JavaScript Ex:</b></div></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><a href="https://1.bp.blogspot.com/-pIZPRxL25u8/YDt-rmSIY6I/AAAAAAAAKGE/DgVXXmEOms8M8pbwOaMYH7oA7ITLf4paQCNcBGAsYHQ/s617/Ads%2Bsettings.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="617" data-original-width="572" src="https://1.bp.blogspot.com/-pIZPRxL25u8/YDt-rmSIY6I/AAAAAAAAKGE/DgVXXmEOms8M8pbwOaMYH7oA7ITLf4paQCNcBGAsYHQ/s16000/Ads%2Bsettings.png" /><br /></a></div></h3><h3><div class="separator" style="clear: both; font-size: medium; font-weight: 400;"></div></h3><h3><br /></h3><h3></h3><h3>Follow Us Widget (Footer)</h3><h3><div style="font-size: medium; font-weight: 400;">Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Follow Us Widget</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Icons Avaliables {</b><span style="color: #0b5394;"><i> </i></span><span style="color: #0b5394;"><i>blogger, facebook, facebook-f, twitter, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, pinterest-p, twitch, delicious, codepen, flipboard, reddit, whatsapp, messenger, snapchat, email, discord, share, external-link</i></span> <b>}</b></div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="633" data-original-width="545" src="https://3.bp.blogspot.com/-KmBi4lg3BT0/WxdqJQRzW5I/AAAAAAAAB34/0SgzvNWYGXctNJbroOEktNk0kTvl3kyAACLcBGAs/s1600/social-widget.png" /></div></h3><h3>Theme Options</h3><h4>01 - Css Options</h4><h3><div style="font-size: medium; font-weight: 400;"> Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Css Options</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Boxed Version</b><b>:</b> In <i>New Site Name</i> add <b>boxedVersion</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Recent Posts Headline:</b> In <i>New Site Name</i> add <b>recentPostsHeadline</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="550" data-original-width="547" src="https://3.bp.blogspot.com/-T2kb3TjCXXE/W4BIA2Hq3NI/AAAAAAAAC9w/_IgyPNTUcC8esQeS68Z9JslUxEyMhrRsgCLcBGAs/s1600/css_options.png" /></div></h3><h4>02 - Default Variables</h4><h3><div style="font-size: medium; font-weight: 400;"> Access your blog <b>Layout</b> > click <b>Edit icon</b> on <b>Default Variables</b> widget.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Post Per Page:</b> In <i>New Site Name</i> add <b>postPerPage</b>, in <i>New Site URL</i> add the number of results, it should be the same as the posts from the home page, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Fixed Sidebar:</b> In <i>New Site Name</i> add <b>fixedSidebar</b>, in <i>New Site URL</i> add <b>true</b> or <b>false</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Comments System:</b> In <i>New Site Name</i> add <b>commentsSystem</b>, in <i>New Site URL</i> add the comments sytem type <b>{<span style="color: #e69138;">blogger</span>, <span style="color: #3d85c6;">disqus</span>, <span style="color: #073763;">facebook</span> or <span style="color: #cc0000;">hide</span>}</b>, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div style="font-size: medium; font-weight: 400;"><b>Disqus Shortname:</b> In <i>New Site Name</i> add <b>disqusShortname</b>, in <i>New Site URL</i> add your disqus comment system shortname, after click on <b><span style="color: #e69138;">save</span></b> button.</div><div style="font-size: medium; font-weight: 400;"><br /></div><div class="separator" style="clear: both; font-size: medium; font-weight: 400; text-align: center;"><img border="0" data-original-height="624" data-original-width="523" src="https://1.bp.blogspot.com/-rExdUXOAgtQ/WxduxYWEo2I/AAAAAAAAB4M/KI0ipawglGQ_fQ7axi6Yu1TdBiWU0sd9QCLcBGAs/s1600/default-variables.png" /></div></h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="20"><br /></div></h3><h3>Facebook Page Plugin </h3><h3><div style="font-size: medium; font-weight: 400;" wfd-id="19">Access your blog <b>Layout</b> > click <b>Add a Gadget</b> > <b>HTML/JavaScript</b> on <b>Sidebar</b> or <b>Footer</b> section, and paste the code below.</div><div style="font-size: medium; font-weight: 400;" wfd-id="18"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="17"><i><span style="background-color: #f3f3f3;"><center><div class="fb-page" data-href="<span style="background-color: #073763;"><span style="color: white;">https://www.facebook.com/soratemplate</span></span>" data-width="360" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div></center></span></i></div><div style="font-size: medium; font-weight: 400;" wfd-id="16"><br /></div><div style="font-size: medium; font-weight: 400;" wfd-id="15"><span style="color: #cc0000;"><b>Note:</b></span> In Attribute <i><b>data-href</b></i> replace the link per your facebook page url.</div></h3>
<h3>
Customizing Your Template</h3>
<div style="font-size: medium; font-weight: 400;">
<div style="font-size: medium; font-weight: 400;">
Access your blog <b>Theme</b> > click <span style="color: #e69138;">Customize</span> button.</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Here you can change the background, and apply pre-defined colors</div>
<div style="font-size: medium; font-weight: 400;">
<br /></div>
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="270" data-original-width="724" src="https://1.bp.blogspot.com/-H1u1QEV-qss/W4BHVwCJ8TI/AAAAAAAAC9g/_25WTIFhTjUvnRmjcGRFAl4kOI-ItSJ7QCEwYBhgL/s1600/customize_background.png" /></div>
<br /></div>
<div style="font-size: medium; font-weight: 400;">
Clicking Advanced You will see the official option to change the Main Colors</div>
<br />
<div style="font-size: medium; font-weight: 400;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="272" data-original-width="696" src="https://3.bp.blogspot.com/-q47DGPWfrgE/W4BHP2xDXHI/AAAAAAAAC9c/eqk39S8t2MI_9Dzhejt11Y5t0K-0-x0mACLcBGAs/s1600/customize_colors.png" /></div>
</div>
</div>
<div>
<h3 style="clear: both; text-align: left;">
Installation And Custom Services</h3>
<div class="separator" style="clear: both; text-align: justify;">
We provide plenty of templates for free but if you want something unique for your blog then let us create a unique design for your blog, Just tell us your needs and we will convert your dream design into reality. We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle.</div>
<br />
<div id="btn-wrap" style="clear: both; display: block; margin: 10px 0px;">
<a class="btn-slide2" href="http://www.soratemplates.com/p/contact-us.html" style="border-color: rgb(46, 204, 113); clear: both; width: 97%;" target="_blank"> <span class="circle2" style="background: rgb(46, 204, 113);"><i aria-hidden="true" class="fa fa-shopping-cart"></i></span> <span class="title2" style="color: #2ecc71;">Contact Us</span> <span class="title-hover2">Custom template Services</span> </a> </div>
<div class="alert-message alert" style="font-size: 15px;">
<i class="fa fa-info-circle"></i> Only Premium Buyers will get the widget codes available in the demo.</div>
<div class="alert-message warning" style="font-size: 15px;">
<i class="fa fa-exclamation-triangle"></i> If you are a premium version user and you are having any problem while setting up the template please contact us by going to this <a href="http://www.templatesyard.com/p/contact-us.html" style="color: blue;" target="_blank"><b>link (Contact Form)</b></a>.</div>
</div>TemplatesYardhttp://www.blogger.com/profile/16801688932542878100noreply@blogger.com0