Tuesday, September 12, 2017

How To Install Multi-Tab Widget Inwards Blogger Sidebar

 Today inward this article nosotros are going to explicate How to Add  How To Install Multi-Tab Widget In Blogger Sidebar
Hello Folks, Today inward this article nosotros are going to explicate How to Add Multi Tab Widget In Blogger Sidebar.Multi tab gadget tool is really useful to add together inward blogger template,because later installing multi tab plugin you lot tin display popular post, features post, recent comments blogger or disqus in addition to whatsoever content you lot would similar to display inward brusk precise infinite to your readers.We accept used CSS for styling the multi tab widget in addition to HTML.However directly days blogspot custom templates comes alongside sidebar multi tab widget but or in addition to then sidebar gadget accept really uncomplicated features.Adding multi tab widget inward blogger sidebar volition also suits website niche.In companionship to choose handgrip of this widget follow the steps mentioned below.
DEMO:


How to Install Multi Tab Widget In Blogger Template

Installation Steps:

Step 1. Log inward to your Blogger concern human relationship in addition to Go to your Blogger Dashboard.

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

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

Step 4. Now Copy the below CSS code in addition to glue it simply above/before </style> or ]]></b:skin>.

 /* MultiTab Sidebar Widget By www.BloggersStanD.com */  .bsd-tab-area {   display: inline-block;   text-transform: uppercase;   width: 100%; }  .bsd-tab-area p {   display: inline-block;   background: #fff;   text-transform: lowercase;   font-size: 14px;   padding: 20px;   margin: 0; }  .bsdmultitab-gadget {   list-style: none;   margin: 0 0 10px;   padding: 0 }  .bsdmultitab-gadget li {   list-style: none;   padding: 0;   margin: 0;   float: left }  .bsdmultitab-gadget li a {   background: #8ED557;   color: #fff;   display: block;   padding: 15px;   font-size: 12px;   text-decoration: none }  .multitabs-bsd {   width: 33.3%;   text-align: centre }  .bsd-tab-area h2, .bsd-tab-area h3, .bsd-tab-area h4, .bsd-tab-area h5, .bsd-tab-area h6 {   display: none; }  .bsdmultitab-gadget li a.bsdmultitab-gadget-current {   padding-bottom: 20px;   margin-top: -8px;   background: #fff;   color: #333;   text-decoration: none;   border-top: 3px corporation #8ED557;   font-size: 13px;   text-transform: working capital } 

Step 5. Now search for </body> tag in addition to re-create the below coffee script in addition to glue it simply above/before </body> tag.
<script type='text/javascript'>
//<![CDATA[
// Multitabs Sidebar past times www.BloggersStanD.com
jQuery(document).ready(function($){ $(".bsdmultitab-gadget-content-widget-id").hide(); $("ul.bsdmultitab-gadget-content-tabs-id li:first a").addClass("bsdmultitab-gadget-current").show(); $(".bsdmultitab-gadget-content-widget-id:first").show(); $("ul.bsdmultitab-gadget-content-tabs-id li a").click(function() { $("ul.bsdmultitab-gadget-content-tabs-id li a").removeClass("bsdmultitab-gadget-current a"); $(this).addClass("bsdmultitab-gadget-current"); $(".bsdmultitab-gadget-content-widget-id").hide(); var activeTab = $(this).attr("href"); $(activeTab).fadeIn(); provide false; }); });
//]]>
</script>
Step 6. Now search for  <div id='sidebar-wrapper'> and re-create the below HTML code in addition to glue it below/after <div id='sidebar-wrapper'>. If non working glue higher upwardly it.
<div class='bsd-tab-area'>
<ul class='bsdmultitab-gadget bsdmultitab-gadget-content-tabs-id'>
<li class='multitabs-bsd'><a href='#multicolumn-widget-id1'>Trending</a></li>
<li class='multitabs-bsd'><a href='#multicolumn-widget-id2'>Category</a></li>
<li class='multitabs-bsd'><a href='#multicolumn-widget-id3'>Archive</a></li>
</ul>
<div class='bsdmultitab-gadget-content bsdmultitab-gadget-content-widget-id' id='multicolumn-widget-id1'>
<b:section class='sidebar' id='sidebartab1' preferred='yes'/>
</div>
<div class='bsdmultitab-gadget-content bsdmultitab-gadget-content-widget-id' id='multicolumn-widget-id2'>
<b:section class='sidebar' id='sidebartab2' preferred='yes'/>
</div>
<div class='bsdmultitab-gadget-content bsdmultitab-gadget-content-widget-id' id='multicolumn-widget-id3'>
<b:section class='sidebar' id='sidebartab3' preferred='yes'/>
</div>
</div>
Customization :
  • Change Trending, Category,Archive alongside your desired tabs name. 
Step 6. Now Save your Template..Done !

How To Practice Too Submit Sitemap Of Static Pages

How To Create And Submit Sitemap Of Static Pages How To Create And Submit Sitemap Of Static Pages
Sitemap is essential for SEO. nosotros convey to submit an XML sitemap to Google search console to live on able to convey higher indexing together with crawling of our website posts.Previously Google Blogger user capable of submit sitemap exclusively of pages.However that sitemap doesn't include hyperlinks of your static pages.Static pages like:

Now google search console is started indexing blogger static pages.You tin submit your static pages sitemap to google webmaster easily inwards few steps.We volition present the method of submitting the blogger static pages sitemap xml inwards google webmaster.Sitemaps tin live on access past times adding sitemap-pages inwards the goal of your domain address.
http://www.bloggersstand.com/sitemap-pages.xml

How to submit blogger static pages sitemap inwards google search console

Installation steps:

#1. Go to google webmaster https://www.google.com/webmasters/tools/home
#2. Sign inwards to your account.
#3. Now instruct to Crawl > Sitemaps
How To Create And Submit Sitemap Of Static Pages How To Create And Submit Sitemap Of Static Pages
#4. Now click on ADD/TEST SITEMAP on the correct side.
How To Create And Submit Sitemap Of Static Pages How To Create And Submit Sitemap Of Static Pages
#5. Now add together sitemap-pages.xml within the text field.
#6. Now click submit push together with yous are done.

You tin cheque your sitemap past times visiting:
http://www.example.blogspot.com/sitemap-pages.xml (for default blogspot domains)

http://www.example.com/sitemap-pages.xml (for custom domains)

How To Edit Sevida V2.4.2 Blogger Template Tutorial

Sevida is the premium responsive spider web log too journal template for Blogger fans How To Edit Sevida V2.4.2 Blogger Template Tutorial

Sevida is the premium responsive spider web log too journal template for Blogger fans. This template shows y'all how cool too flexible Blogspot. Bloggersstand brings the full documentation of the sevida v2.4.2 for our precious readers,Now y'all tin easily edit the sevida v2.4.2 lot's of visitors shout out for everyday for the settings too customizing the template,so finally nosotros thought to unloose the total tutorial + documentation of sevida V2.4.2.After this tutorial y'all withal seem upwardly whatsoever occupation y'all tin inquire us anytime.Enjoy the unloose of the documentation.

How To Install + Edit + Customize Sevida V2.4.2 Responsive Blogger Template

  • Theme Options Area (this surface area to alter default option)
  • Top Menu Area
  • Top Social Link area
  • Header Area
  • Top Ads Area (Recommended 720 x 90)
  • Main Menu Area
  • Mega Menu Links Content surface area (this widget volition exhibit if y'all add together -links to primary menu)
  • News Ticker Area
  • Top Featured Post Area
  • Magazine Widget Area (this precisely exhibit on Homepage too department for Recent post service past times Label widget)
  • Right Sidebar Area
  • Sidebar Tab Widget Area
  • Place to add together ads. Code from Ads Inside Post widget volition exhibit if y'all are add together [ads-post] inward your article
  • Post Label surface area (this label volition exhibit on Latest Post title)
  • This to command your spider web log comment scheme ([blogger][facebook][disqus])
  • Put yours disqus shortname hither if y'all desire to add together disqus comments
  • Yours flickr ID hither if y'all desire to add together flickr badge
  • Footer Area
  • Author Profile Area
  • Manual Image Area (all Image widget from this surface area volition exhibit if y'all add together manualslide inward yours HTML widget)
  • This volition enable google adsense Javascript, Just "y" to enable it too "n" to disable

Theme Options:








1. Translator Widget: 
On "New Site Name" fild1 champaign add together the default language
And on "New Site URL" fild2 champaign add together your language.
/*------ English linguistic communication To Standard Arabic ------*/
fild1 : Popular Posts
fild2 : المقالات الشائعة
/*------ English linguistic communication To French ------*/
fild1 : Popular Posts
fild2 : Articles populaires
/*------ English linguistic communication To Allemand ------*/
fild1 : Popular Posts
fild2 : Beliebte Beiträge

/*------ English linguistic communication To Espagnol ------*/
fild1 : Popular Posts
fild2 : Puestos Popular
2. Default is Boxed Style. If y'all desire to alter it to Full Width agency precisely add together this "y" too if y'all to brand if Boxed Style i time to a greater extent than precisely alter it to "n"

3. This to alter other Default Setting inward this topic sumlength,fixMenu recentpost, recentcomment, related, featuredpost, random too etc.
On "New Site Name" champaign Property. ex: recentpost
And on "New Site URL" champaign max number. ex: half dozen
PropertyDescriptionDefault
sumlength this to alter max summary length on Main Recent Post 200
fixMenu if y'all desire to enable or disable fixmenu number on primary menu. Support value "y" or "n" y
monthName If y'all desire to alter calendar month get upwardly on post Jan,Feb,Mar ,Apr,May,Jun, Jul,Aug,Sep, Oct,Nov,Dec
FullmonthName if y'all desire to alter calendar month get upwardly on engagement too fourth dimension (Top Menu) January,February, March,April,May,June,July, August,September,October, November,December
stickyMenu if y'all desire create enable or disable viscous Sidebar. Support value "y" or "n" y
sliderspeed if y'all desire to alter slider speed. (in milisecond) 5000
navipostpage if y'all desire to alter Page Navigation number 20
rcadminBlog hide Admin Comment on recentcomment. Support value "y" or "n" n
shideauthor to exhibit or cover writer get upwardly on Widget past times Labels. Support value "y" or "n" n
hideLatest this to cover Main Latest Post inward home n
cseID If y'all desire to add together Google Custom Search Engine (Google CSE) number to altitude bill of fare search. Just add together yours Google CSE code similar this: 013487895970210376374:11mzjaatn8s
hideEmo this to exhibit or cover Emoticon Effect inward Blogger comment too Recent comment widget. Support value "y" or "n" n
homelist this to alter Main Latest Post agency to List style. Support value "y" or "n" n
disabletime this to disable engagement too fourth dimension on Top menu. Support value "y" or "n" n
homePageNavi this to alter Main Latest Post Ajax Load More to Page Navigation.Support value "y" or "n" n
fbappsid this to alter Facebook Apps ID 487910834570906
fblang this to alter Facebook Language en_US
dajaxPageNavi this to disable ajax number on Page Navigation. Support value "y" or "n" n
srctext this to alter text within the Menu Search box Type too hitting larn inward to search...
ntext this to alter "Next" text inward spider web log post service Navigation Next
ptext this to alter "Previous" text inward spider web log post service Navigation Previous
mtext this to alter "More" text More
lmtext this to alter "Load More Post" text View More About
reltext this to alter "Related Post" text inward Related Post Widget Related Post
rectext this to alter "Recent Post" text inward Related Post Widget Recent Post
tweettext If y'all desire to alter text "Tweet" text inward Social buttonTweet
liketext If y'all desire to alter text "Like" text inward Social button Like
sharetext If y'all desire to alter text "Share" text inward Social buttonShare
readmoretext this to alter "Read to a greater extent than »" text Read to a greater extent than »
twitterauthor If y'all desire to alter twitter writer when click Tweet buttonsatankMKR
relstyle If y'all desire to Related Post style. Support value: "carousel", "simple" too "fbig" Carousel
hreview If y'all desire to cover review value inward Recent Post too Recent Post widget past times Label. Support value: "n" too "y" n
jsonload If y'all desire to alter JSON feed charge from widget past times Label. Support value: "default" too "summary" default
hexcerpt If y'all desire to cover excerpt text below the title. Support value: "n" too "y" n
firstthumb this to alter First thumbnail Size on fbig, column2 widget s450
thumb this to alter thumbnail size w90-h65-c
sliderthumb this to alter slider thumbnail size s800
dajaxsrc this to disable ajax search effect. Support value "y" or "n" n
featpost if y'all desire to brand kickoff epitome inward spider web log post service boot the bucket Featured Image. Support value y or n n
topbreakline If y'all to exhibit breakline below post service title. Support value y or n n
bottombreakline If y'all to exhibit breakline inward goal post. Support value y or n n
autoplay If y'all desire to brand Related Post (carousel agency autoplay). Support value y or n n
topbreaklineload This to alter altitude breakline charge data. Support value "related", "recent" too "random" Recent
bottombreaklineload This to alter bottom breakline charge data. Support value "related", "recent" too "random" Recent
recentpost this to alter max special exhibit inward recentpost widget n
randompost this to alter max special exhibit inward randompost widget. 4
featuredpost this to alter max special exhibit inward featuredpost widget. 4
recentcomment this to alter max special exhibit inward recentcomment widget. 5
fbig1 this to alter max special exhibit inward fbig1 widget. 5
fbig2 this to alter max special exhibit inward fbig2 widget. 5
gallery1 this to alter max special exhibit inward gallery1 widget. 10
gallery2 this to alter max special exhibit inward gallery2 widget. 5
gallery3 this to alter max special exhibit inward gallery3 widget. 6
column1 this to alter max special exhibit inward column1 widget. 5
column2 this to alter max special exhibit inward column2 widget. 5
newsticker this to alter max special exhibit inward newsticker widget. 9
slider this to alter max special exhibit inward slider widget. this for all slider. (slider1 too slider2) 5
carousel1 this to alter max special exhibit inward carousel1 widget 9
carousel2 this to alter max special exhibit inward carousel2 widget. 9
related this to alter max special exhibit inward related widget. 9
video this to alter max special exhibit inward video widget. 6
featured1 this to alter max special exhibit inward featured1 widget. 8
featured2 this to alter max special exhibit inward featured2 widget. 10
featured3 this to alter max special exhibit inward featured3 widget. 10
featured4 this to alter max special exhibit inward featured4 widget. 5
featured5 this to alter max special exhibit inward featured5 widget. 7
animatedpost this to alter max special charge if widget direct animated effect. 9
list this to alter max special exhibit inward listing widget. 6
hot this to alter max special exhibit inward hot widget. 3
timeline this to alter max special exhibit inward timeline widget. 5
blogpost this to alter max special exhibit inward blogpost widget. 4
halfpost this to alter max special exhibit inward halfpost widget. 4
bigpost this to alter max special exhibit inward bigpost widget. 4
simplepost this to alter max special exhibit inward simplepost widget. 4
disquscomment this to alter max special exhibit inward disquscomment widget. 4
flickrbadge this to alter max special exhibit inward flickrbadge widget. 8

Default Setting

After installing the theme, this it the minimum setting to brand all widget industrial plant fine inward this themes.

Embedded Comment
This to brand comment surface area similar the Demo too brand Emoticon show

  • On Blogger Dashboard Click Setting.
  • Click Posts too Comments
  • in Comment Location Choose Embedded
  • Then Click Save settings.

Blog Feed
This to brand recent comment, Search Result, Featured Post, too Post past times Label function fine

  • On Blogger Dashboard Click Setting.
  • Click Other
  • in Site Feed Allow Blog Feed Choose Full Or Short
  • Then Click Save settings.

Points To Remember:
  • If yours post service direct epitome uploaded on blogspot y'all tin direct SHORT. but if yours post service precisely direct epitome from 3rd political party epitome hosting y'all must direct Full
  • Blogger feed must live non redirect to other feed site similar Feedburner
  • Your's spider web log or website non Private.

Configuration Blog Posts
This default setting to brand yours website similar the demo 
  • On Blogger Dashboard Click Layout.
  • On Blog Posts Widget Click Edit
  • Configure similar epitome below
  • Then Click Save.


Setting the Menu:

Top Menu:
To Edit Top Menu inward this topic y'all tin follow this step:
1.First Go to Dashboard > Layout > Edit Top Menu > Configure Link List

2.On "New Site Name" champaign add together your bill of fare championship similar every bit this :
Menu Title

3.And on "New Site URL" champaign add together your url address.


4.To add together Sub Menu precisely add together _ earlier yours Menu Title
_Sub Menu

5.To add together Sub Menu precisely add together __ earlier yours Menu Title
__Sub Sub Menu

6.To add together icon inward altitude bill of fare y'all tin add together code similar this: <i class="fa fa-ICON_NAME"></i> earlier or later bill of fare get upwardly eg:
<i class="fa fa-facebook"></i>Menu Title

_<i class="fa fa-twitter"></i>Sub Menu

__<i class="fa fa-pinterest"></i>Sub Sub Menu

Note: You tin larn Fontawesome icons past times visiting : http://fontawesome.io/icons

Setting the Main Menu


To Edit Top Menu inward this topic y'all tin follow this step:
1.First Go to Dashboard > Layout > Edit Main Menu > Configure Link List
2.On "New Site Name" champaign add together your bill of fare championship too Sub championship similar every bit this :
Menu Title [Sub Title]

3.And on "New Site URL" champaign add together your url address.

4.To add together Sub Menu precisely add together _ earlier yours Menu Title
_Sub Menu

5.To add together Sub Sub Menu precisely add together __ earlier yours Menu Title.
__Sub Sub Menu

6.To add together icon inward altitude bill of fare y'all tin add together code similar this: <i class="fa fa-ICON_NAME"></i> earlier or later bill of fare name.
<i class="fa fa-facebook"></i>Menu Title

_<i class="fa fa-twitter"></i>Sub Menu

__<i class="fa fa-pinterest"></i>Sub Sub Menu

Note: You tin larn Fontawesome icons past times visiting : http://fontawesome.io/icons

Add Mega Menu

a.) Mega Menu (block agency "-links")

To add together a block agency "-links" precisely on "New Site Name" champaign add together this
-links

Note This volition charge content from "Mega Menu Links Contents"

b.) Mega Menu (Tabs style)
To add together a Mega Menu tabs agency precisely on "New Site Name" champaign add together this.
-mtab/Label_1,Label_2,Label_3,Label_4

c.) Mega Menu (Grip style)
To add together a Mega Menu traveling pocket agency precisely on "New Site Name" champaign add together this.
-grip/LabelName or recent or random

d.) Mega Menu (First Big Style)

To add together a Mega Menu First Big Style precisely on "New Site Name" champaign add together this

-mbig/LabelName or recent or random

Complete Menu volition hold off similar this:

Note: Subtitle precisely function inward Main Menu Widget.


Setting the Social Icons:

To Edit Social Icon inward this topic y'all tin follow this step:

  • First Go to Dashboard > Layout > Edit Social Link > Configure Link List
  • On "New Site Name" champaign add together your social get upwardly : facebook, twitter, rss, dribbble, google, pinterest, linkedin, youtube, vimeo, skype, deviantart, flickr, stumbleupon, tumblr, delicious, digg, lastfm, wordpress, instagram, apple, dropbox, behance, reddit.
  • And on "New Site URL" champaign add together your social url adress.
  • Then click Save.

Setting Meta Tag (Facebook,Twitter,Google+)


1.On Blogger Dashbord Click Template
2.Click Edit HTML

3.Scroll downwards too Find this Code :
<meta content='YOUR KEYWORDS HERE' name='keywords'/>
<!-- Metadata Facebook -->
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='100002549773049' property='fb:admins'/>
<!-- Metadata Twitter -->
<meta name='twitter:card' value='summary'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='@publisher_handle' name='twitter:site'/>
<meta content='@author_handle' name='twitter:creator'/>
4.Change YOUR KEYWORDS HERE amongst yours website keywords.

Note: meta tag keywords no to a greater extent than purpose to meliorate the SEO. because at i time meta tag keywords precisely back upwardly for bing search engine.

5.Change 100002549773049 amongst yours Facebook Admin ID
6.Change @publisher_handle amongst yours twitter ID/Website twitter ID too alter @author_handle amongst yours twitter ID too.

Note: Before your cards exhibit on Twitter, y'all must kickoff direct your domain approved. Fortunately, it's a super-easy process. After y'all implement your cards, precisely larn inward your sample URL into the validation tool. After checking your markup, select the "Submit for Approval" button. Visit : https://dev.twitter.com/docs/cards/validation/validator for testing too approval.

Settings Summary Length,Comments,Author Profile too etc:

Summary Length
  • On Blogger Dashbord Click Layout
  • on Theme Option Area click Edit on Change Default Setting
  • In New Site Name sumlength too New Site URL add together yours number value. Ex: if y'all desire to brand 200 length precisely add together that.
  • Then Click Add Link too therefore Click Save.

Page Navigation Number:
  • On Blogger Dashbord Click Layout
  • on Theme Option Area click Edit on Change Default Setting
  • In New Site Name navipostpage too New Site URL add together yours number value. Ex: if y'all desire to brand 10 post service show. Just add together it
  • Then Click Add Link too therefore Click Save.

Main Latest List Style
  • On Blogger Dashbord Click Layout
  • on Theme Option Area click Edit on Change Default Setting
  • In New Site Name homelist too New Site URL add together y.
  • Then Click Add Link too therefore Click Save.

Main Latest Page Navigation
  • On Blogger Dashbord Click Layout
  • on Theme Option Area click Edit on Change Default Setting
  • In New Site Name homePageNavi too New Site URL add together y.
  • Then Click Add Link too therefore Click Save.
Recent Comments (Hide Admin )
  • On Blogger Dashbord Click Layout
  • on Theme Option Area click Edit on Change Default Setting
  • In New Site Name rcadminBlog too New Site URL add together y.
  • Then Click Add Link too therefore Click Save.
JSON Search result
  • On Blogger Dashbord Click Layout
  • on Theme Option Area click Edit on Change Default Setting
  • In New Site Name dajaxsrc too New Site URL add together y.
  • Then Click Add Link too therefore Click Save.
Google CSE
  • On Blogger Dashbord Click Layout
  • on Theme Option Area click Edit on Change Default Setting
  • In New Site Name cseID too New Site URL add together yours google CSE ID code.
  • Then Click Add Link too therefore Click Save.

Emoticon
  • On Blogger Dashbord Click Layout
  • on Theme Option Area click Edit on Change Default Setting
  • In New Site Name hideEmo too New Site URL add together y.
  • Then Click Add Link too therefore Click Save.

Comment Setting
1.On Blogger Dashbord Click Layout
2.Click Edit on Comments scheme widget too within it add together your comments systems y'all demand inward this way

[blogger] for blogger comments

[facebook] for facebook comments

[disqus] for disqus comments

y'all tin add together i system, 2 or 3 every bit y'all similar too amongst organization y'all demand for example

[facebook]

[facebook][blogger]

[blogger][facebook]

[disqus][facebook][blogger]

3.Then Click Save.

Setting to brand Disqus Comment
  • On Blogger Dashbord Click Layout
  • Click Edit on Disqus Shortname widget too within it add together your disqus Shortname
  • Then Click Save

Get Disqus Shortname
  • Access your Disqus Admin too direct Settings
  • Then scroll downwards to Site Identify, y'all volition encounter your username (shortname).

Author Profile
1.On Blogger Dashbord Click Layout
2.Click Edit on Author Profile Area too within it add together code similar this:
{picture#YOUR_PROFILE_PICTURE_URL}
YOUR_PROFILE_DESCRIPTION
{facebook#YOUR_SOCIAL_PROFILE_URL}
{twitter#YOUR_SOCIAL_PROFILE_URL}
{google#YOUR_SOCIAL_PROFILE_URL}
{pinterest#YOUR_SOCIAL_PROFILE_URL}
{youtube#YOUR_SOCIAL_PROFILE_URL}
{instagram#YOUR_SOCIAL_PROFILE_URL}
3.Then Click Save
4.If y'all direct desire add together to a greater extent than Author Profile Just add together New HTML widget on Author Profile Area too fill upwardly similar above.

Flickr ID

  • On Blogger Dashbord Click Layout
  • Click Edit on Flickr User ID widget too within it add together your flickr ID
  • Then Click Save

Widgets Top Featured, Slider, Column, Social Counter too etc.


News Ticker
1.On Blogger Dashbord Click Layout
2.Click Edit on Breaking News widget too within it add together code similar this:
[recent][newsticker]

if y'all desire newsticker charge random. code similar this.
[random][newsticker]

if y'all desire newsticker charge from specific Label/Category. Ex. Load from Technology code similar this.
[Technology][newsticker]

Top Featured Post
1.On Blogger Dashbord Click Layout
2.Click Edit on Top Featured widget too within it add together code similar this:
Available Featured Type : featured1, featured2, featured3, featured4, featured5
Add code similar this:
[Your_Labels_Here][featured1]

Example (Show Featured Post from Multiple Labels "Music,Technology,Fashion,Trends")
[Music,Technology,Fashion,Trends][featured1]

Example (Show Featured Post from Recent Post) 
[recent][featured2]

Example (Show Featured Post from Random Post) 
[random][featured2]

Note: Maximun Labels Support for Multiple Labels is 4
Note: Random too Multiple Labels demand to a greater extent than fourth dimension to load

3.Then Click Save.

Social Counter

1.On Blogger Dashbord Click Layout too therefore click Edit inward Social Counter Widget
2.On "New Site Name" fild1 champaign add together Social Name (Social Counter)
3.And on "New Site URL" fild2 champaign add together your Social Url.
Example : Note Only this Socials Supported !
facebook [1.1k]
twitter [2k]
google [250]
rss [590]
youtube [3.5k]
dribbble [8.2m]
instagram [732]
pinterest [210]
linkedin [2.56k]
vimeo [300]
skype [568]
deviantart [6.4k]
flickr [900]
stumbleupon [561]
tumblr [5.4m]
delicious [86]
digg [789]
lastfm [652]
wordpress [1.5k]
apple tree [60]
dropbox [980]
behance [366]
reddit [10]
4. Then Click Save.

Widget past times Labels

First Big 1

1.On Blogger Dashbord Click Layout
2.Click Add a Gadget on Magazine Widget Area
3.Choose HTML/Javascript
4.Copy this Code:
[Yours_Label_Name][fbig1]

ex: charge from Music label.
[Music][fbig1]


Note: "Yours_Label_Name" is yours Labels y'all desire to load.

Note: y'all tin alter "Yours_Label_Name" amongst "recent" if y'all desire charge latest post service or "random" if y'all desire charge Random post.

If y'all desire charge from other Blog. code hold off similar this:
[Yours_Label_Name][fbig1][Other_URL]

Ex: Load Tecnology from otherblog.com
[Tecnology][fbig1][http://otherblog.com]

if y'all desire alter Widget championship color. code similar this
[Yours_Label_Name][fbig1][Hexcolorcode]

ex: width this color: #8ED557 
[Yours_Label_Name][fbig1][#8ED557]

if y'all desire add together Animated Effect. Code similar this:
[Yours_Label_Name][fbig1 animated]

5. Then Click Save.

First Big 2

1.On Blogger Dashbord Click Layout
2.Click Add a Gadget on Magazine Widget Area
3.Choose HTML/Javascript
4.Copy this Code:
[Yours_Label_Name][fbig2]

ex: charge from Music label.
[Music][fbig2]

Note: "Yours_Label_Name" is yours Labels y'all desire to load.
Note: y'all tin alter "Yours_Label_Name" amongst "recent" if y'all desire charge latest post service or "random" if y'all desire charge Random post. 

If y'all desire charge from other Blog. code hold off similar this:
[Yours_Label_Name][fbig2][Other_URL]

Ex: Load Tecnology from otherblog.com
[Tecnology][fbig2][http://otherblog.com]

if y'all desire alter Widget championship color. code similar this
[Yours_Label_Name][fbig2][Hexcolorcode]

ex: width this color: #8ED557 
[Yours_Label_Name][fbig2][#8ED557]

5. Then Click Save.

Column 1

1.On Blogger Dashbord Click Layout
2.Click Add a Gadget on Magazine Widget Area
3.Choose HTML/Javascript
4.Copy this Code:
[Yours_Label_Name][column1]

ex: charge from Music label.
[Music][column1]

Note: "Yours_Label_Name" is yours Labels y'all desire to load.
Note: y'all tin alter "Yours_Label_Name" amongst "recent" if y'all desire charge latest post service or "random" if y'all desire charge Random post 

If y'all desire charge from other Blog. code hold off similar this:
[Yours_Label_Name][column1][Other_URL]

Ex: Load Tecnology from otherblog.com
[Tecnology][column1][http://otherblog.com]

if y'all desire alter Widget championship color. code similar this
[Yours_Label_Name][column1][Hexcolorcode]

ex: width this color: #8ED557
[Yours_Label_Name][column1][#8ED557]

if y'all desire add together Animated Effect. Code similar this:
[Yours_Label_Name][column1 animated]

5. Then Click Save.

Column 2

1.On Blogger Dashbord Click Layout
2.Click Add a Gadget on Magazine Widget Area
3.Choose HTML/Javascript
4.Copy this Code:
[Yours_Label_Name][column2]

ex: charge from Music label.
[Music][column2]

Note: "Yours_Label_Name" is yours Labels y'all desire to load.
Note: y'all tin alter "Yours_Label_Name" amongst "recent" if y'all desire charge latest post service or "random" if y'all desire charge Random post 

If y'all desire charge from other Blog. code hold off similar this:
[Yours_Label_Name][column2][Other_URL]

Ex: Load Tecnology from otherblog.com
[Tecnology][column2][http://otherblog.com]

if y'all desire alter Widget championship color. code similar this
[Yours_Label_Name][column2][Hexcolorcode]

ex: width this color: #8ED557
[Yours_Label_Name][column2][#8ED557]

if y'all desire add together Animated Effect. Code similar this:
[Yours_Label_Name][column2 animated]

5.Then Click Save.

Hot Post

1.On Blogger Dashbord Click Layout
2.Click Add a Gadget on Magazine Widget Area
3.Choose HTML/Javascript
4.Copy this Code:
[Yours_Label_Name][hot]

ex: charge from Music label.
[Music][hot]

Note: "Yours_Label_Name" is yours Labels y'all desire to load.
Note: y'all tin alter "Yours_Label_Name" amongst "recent" if y'all desire charge latest post service or "random" if y'all desire charge Random post 

If y'all desire charge from other Blog. code hold off similar this:
[Yours_Label_Name][hot][Other_URL]

Ex: Load Tecnology from otherblog.com
[Tecnology][hot][http://otherblog.com]

if y'all desire alter Widget championship color. code similar this
[Yours_Label_Name][hot][Hexcolorcode]

ex: width this color: #8ED557 
[Yours_Label_Name][hot][#8ED557]

5.Then Click Save.

That's it Folks !!

How To Add Together Google Url Shortner To Brand Brusque Url

How To install brand Google URL Shortner for articles  In Blogger Template How To Add Google URL Shortner To Make Short URL
Hello Folks, Today inwards this article nosotros are going to explicate How to add together Google Url Shortner Api inwards blogger template.You mightiness bring noticed on social media sites or also inwards thence many websites they are providing short urls instead of original url.There is no harm inwards sharing your articles/content amongst the google brusk url.And it's provided past times google thence you lot tin trust blindly on the plugin.After installing you lot tin part your urls from your blogspot website or weblog instead of leaving as well as going to google shortner service which is officially provided past times google. You tin search on google url shortner  and you lot tin run into google is providing shortner api for urls.When you lot share your urls amongst google url shortner tool from your website your url volition starting fourth dimension amongst goo.gl.you tin part url on facebook , twitter, google addition etc.Google Shortner is real onetime service thence in that place is no harm volition live on occur amongst urls.And this line a fast i on is totally defer/async thence it volition non number your webpage loading speed.In company to larn google url shortner for your contents/article follow the steps mentioned below.

How to Install Google URL shortner API plugin inwards blogger template

Installation Steps:
Step 1. Log inwards to your Blogger trouble concern human relationship as well as Go to your Blogger Dashboard.
Step 2. Now Click on -> Template -> Edit HTML.
Step 3. Now Search for ]]></b:skin> or </style> past times Pressing Ctrl+F keys or CMD+F.
Step 4. Now Copy the below CSS code as well as glue it simply above/before </style> or ]]></b:skin>.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
.bsdshorturl{font-size:100%;font-weight:bold;color:#666!important}
.bsdshorturl a.url{text-decoration:none!important;color:#666!important;display:inline-block;margin:0 0 0 5px;border-radius:3px;background:#fefefe;border:1px corporation #666;box-shadow:0 1px 0 rgba(0,0,0,.08);text-shadow:none;line-height:23px;padding:1px 8px 0 5px;transition:all 400ms ease-in-out}
.loadingbsd-shorturl{display:none}
.bsdshorturl a.url:hover{color:#555;background:#fefefe;border:1px corporation #999}
.bsdshorturl a.url:active{box-shadow:inset 0 1px 0 rgba(0,0,0,.16)}
.clear{clear:both}
</style>
</b:if>
Step 5. Now search for <data:post.body/> as well as re-create the below HTML code as well as glue it simply after/below <data:post.body/> tag. [points to think you lot volition find <data:post.body/> iii times but you lot quest to halt at mo i if non move as well as thence become for 3rd one.]
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<span class='bsdshorturl'>
Share amongst brusk Link: <a class='url' expr:onclick='&quot;shortenUrl(this, &amp;#39;&quot; + data:post.url + &quot;&amp;#39;, &amp;#39;googl&amp;#39;);return false;&quot;' href='javascript:void(0)' title='Get brusk URL'>Get Short URL</a></span><span class='loadingbsd-shorturl'><img alt='loading brusk url' src='data:image/gif;base64,R0lGODlhEAALAPQAAP///wAAANra2tDQ0Orq6gYGBgAAAC4uLoKCgmBgYLq6uiIiIkpKSoqKimRkZL6+viYmJgQEBE5OTubm5tjY2PT09Dg4ONzc3PLy8ra2tqCgoMrKyu7u7gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA'/></span>
<div class='clear'/>
</b:if>
Step vi . Now Search for closing </body> tag as well as re-create the below coffee script as well as glue it simply above/before </body> tag.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
// Shortner url past times www.bloggersstand.com
portion downloadJSAtOnload(){var e=document.createElement("script");e.src="https://cdn.rawgit.com/ishekharsingh/bloggersstand/master/shorturl.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>
</b:if>
Step 7. Now Save your Template.Done !