tháng 11 2016

How To Create Material Design Color Boxes For Notes

How To Create make Material Design Color Boxes

How to create Material design color boxes-In this article we will explain you how to beautify your blog or website with beautiful material design color box for custom blogger templates.In previous article we already published How to Create Stylish CSS Note Box and CSS Notification Boxes using shortcode.Now days every blogger try to make their post more beautiful and unique and this is the best way to add colored design boxes between your post to highlight some important notice, quotes, headlines etc.

Why You should use Color box

One of the main reason is you must use color box in your long article is to make the reader does not get bored with writing from top to bottom without any note, quotes etc does not make look beautiful your article.So in order to keep engage your visitors with your content you must create unique design and must use material design color boxes in order to get readers attention. Interested to make it? please follow the tutorial below.

Installation Steps:

#1. Go to Blogger > Template > Edit Html

#2. Copy the below CSS and paste it just before the ]]></b:skin> or </style>

/* Material Design Color Boxes by bloggersstand.com*/
.bsdcolorboxes{overflow:hidden;position:relative;margin:.6rem 0 1rem;transition:box-shadow .26s;border-radius:3px;color:#fff;box-shadow:0 3px 6px 0 rgba(0,0,0,0.16),0 3px 10px 0 rgba(0,0,0,0.12);padding:21px;font-size:15px}
.bsdcolorboxes.blue{background:#449d48}
.bsdcolorboxes.green{background:#4CAF50}
.bsdcolorboxes.red{background:#f5554a}
.bsdcolorboxes.orange{background:#ffa219}
.bsdcolorboxes.purple{background:#7446c4}

#3. Now save your template.

Finally we are going to add the material design color boxes into the article.For that just change the mode compose to html and copy the any color code of your choice.

#1. Material Design Color Box Purple-

<div class="bsdcolorboxes purple">
Material design color box purple.
</div>

#2. Material Design Color Box Red-

<div class="bsdcolorboxes red">
Material design color box red.
</div>

#3. Material Design Color Box Orange-

<div class="bsdcolorboxes orange">
Material design color box orange.
</div>

#4. Material Design Color Box Blue-

<div class="bsdcolorboxes blue">
Material design color box blue.
</div>

#5. Material Design Color Box Green-

<div class="bsdcolorboxes green">
Material design color box green.
</div>

Save and Publish.

How To Create And Submit Sitemap Of Static Pages

Sitemap is essential for SEO. we have to submit an XML sitemap to Google search console to be able to have higher indexing and crawling of our website posts.Previously Google Blogger user capable of submit sitemap only of pages.However that sitemap doesn't include hyperlinks of your static pages.Static pages like:

Contact us
Privacy Policy
DMCA
Or Anything You Create.

Now google search console is started indexing blogger static pages.You can submit your static pages sitemap to google webmaster easily in few steps.We will show the method of submitting the blogger static pages sitemap xml in google webmaster.Sitemaps can be access by adding sitemap-pages in the end of your domain address.

http://www.bloggersstand.com/sitemap-pages.xml

How to submit blogger static pages sitemap in google search console

Installation steps:

#1. Go to google webmaster https://www.google.com/webmasters/tools/home

#2. Sign in to your account.

#3. Now go to Crawl > Sitemaps

sitemap setting in google search console

#4. Now click on ADD/TEST SITEMAP on the right side.

static pages sitemap submit in google search for indexing

#5. Now add sitemap-pages.xml inside the text field.
#6. Now click submit button and you are done.

You can check your sitemap by 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 Monetize Adsense Matched Content Units

Matched content units is a free suggestion instrument that gives you a easy technique to promote your content material to your website guests. By providing your readers extra content material that is related to them, you possibly can enhance your website's web page views and also increase your income. AdSense promotes the articles in your web site which can be most related to the readers of these pages. As well as, relying in your web site, you might also be capable to show ads in between your recommendations.

Important Points to remember about Matched contents

They create related content material to the eye of your customers, which can assist enhance web page views and time on website.

You'll be able to place Matched content material items on any of the pages in your eligible sites.

Advertisements are solely accessible for websites that may be nicely monetized.

Eligibility to make use of Matched content material

The Matched content material function is out there to pick publishers. To be eligible, it's essential to have a website that meets adsense minimal necessities for site visitors quantity and variety of distinctive pages. Adsense have put these necessities in place to make sure that Matched content material offers an amazing expertise to your guests.

How to check website is eligible for matched content or not

To be eligible for Matched content, your web site should first meet adsense minimal necessities for site visitors quantity and variety of distinctive pages.

1. Sign in to your AdSense account.

2. On the right side click on gear icon > settings

3. Now on the left side click on my sites.

4. Under "My sites", click Matched content.

5. Check your site is listed or not.

a) In case your web site is listed, you could place Matched content material models on any of its pages.

b) In case your web site is not listed, then it isn't at present eligible for Matched content material.

how to check website is eligible for adsense matched content ads or not

Above Image describes how to check your website is eligible for adsense matched content units or not.

How to display ads in matched content units

Relying in your web site, you may additionally be capable of present adverts in between your Matched content material suggestions. Should you're eligible to indicate adverts in your Matched content material items, you may swap on the "Monetize with ads" function once you create or edit a Matched content material unit. Please be aware that by opting in to this function you conform to let Google check out completely different advert sorts and advert sizes in your Matched content material unit. Google will solely present advertisements after they're more likely to carry out effectively and supply an excellent person expertise.

This is an instance of a Matched content material unit displaying advertisements and proposals. The advertisements have the "Ads" Tag.

Points to remember before adding matched content units

Ads will present solely when acceptable advertisements can be found.

Ads will change among the suggestions in your Matched content material unit.

Smaller Matched content material models with just one suggestion slot won't present advertisements.

Ads shall be styled to enrich the appear and feel of your content material suggestions.

The AdSense program policies nonetheless apply to Matched content material models with advertisements.

How To Add Timeline Style Sitemap Widget In Blogger

Today we are going to tell you how to install ajax based timeline sitemap widget for blogger static .page.Sitemap is a must have web page for each weblog, it may assist to enhance your weblog navigation and likewise to cut back the weblog's bounce price.The sitemap widget we will add right now exhibits an inventory of articles on the most recent revealed order underneath every classes.

DEMO

How to add a timeline style sitemap widget in blogger template

Installation Steps:

Step 1. First go to Blogger Dashboard > Template > Edit HTML

Step 2. Click inside the HTML Editor, Press CTRL+F

Step 3. Now search for </head>

Step 4. Above </head> place the below code.

<style type='text/css'>
.bsd-sitemap { border-bottom: 3px solid #415471; }.bsd-toc-wrap { display: inline-block; font-family:'Roboto Condensed',Helvetica; width: 100%; }.bsd-toc-wrap .bsd-cat { background: #415471; border-radius: 3px; color: #fff; font-size: 14px; font-weight: bold; padding: 5px 10px; text-transform: uppercase; }.bsd-cat:before{font-family:FontAwesome;content:'\F0A4';color:#fff;margin:0 3px;}.bsd-toc::before { background: #768187; bottom: 0; content: ""; left: 20%; margin-left: -10px; position: absolute; top: 0; width: 4px; }.bsd-toc { margin: 0; padding: 30px 20px; position: relative; }.bsd-toc li { list-style: none; margin: 0; padding: 0; position: relative; }.bsd-toc > li .toc-date { color: #768187; display: block; font-size: 13px; font-weight: bold; position: absolute; text-transform: uppercase; top: 25px; width: 15%; }.bsd-toc > li .bsd-icon { background: #fff; border-radius: 50%; box-shadow: 0 0 0 4px #768187; color: #fff; font-size: 1.4em; font-style: normal; font-variant: normal; font-weight: normal; height: 10px; left: 20%; line-height: 10px; margin: 0 0 0 -25px; position: absolute; text-align: center; text-transform: uppercase; top: 30px; width: 10px; }.bsd-toc > li .bsd-post::after { border-color: transparent #fefefe transparent transparent; border-style: solid; border-width: 10px; content: " "; height: 0; pointer-events: none; position: absolute; right: 100%; top: auto; width: 0; }.bsd-toc > li .bsd-post { background: #eeeeee; border-radius: 4px; display: block; font-size: 14px; line-height: 14px; margin: 0 0 10px 23%; padding: 20px 30px; position: relative; }.bsd-toc > li .bsd-post a { color: #768187; font-weight: bold; }.bsd-toc > li .bsd-post a:hover { color: #415471; }</style> <script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js' type='text/javascript'/>
<b:if cond='data:blog.pageType == "static_page"'>
<script src='https://cdn.rawgit.com/ishekharsingh/bloggersstand/master/sitemap.js' type='text/javascript'/>
</b:if>

Customization:

If you already using jquery script then remove the above highlighted script from the code.
Step 5. Now Save your template.
Step 6. Now Go to Pages > New page
Step 7. Now write [sitemap] in html mode.
Step 7. Look below in example for adding sitemap widget

Step 9. Now Publish your page and you are done.

High 9 Killer Tricks to Enhance Web page Rank

10 ways to get good traffic on website blog from google

Web page rank is predicated on an algorithm that determines how shut your hyperlink is to the question that was put right into a search engine reminiscent of Google. The extra vital your hyperlink is proven to be, the upper will probably be ranked on search outcomes pages. The result's that net site visitors will increase to the hyperlinks which are ranked at or close to the highest.

Web page rank relies on an algorithm that determines how shut your hyperlink is to the question that was put right into a search engine equivalent to Google. The extra vital your hyperlink is proven to be, the upper will probably be ranked on search outcomes pages. The result's that net site visitors will increase to the hyperlinks which might be ranked at or close to the highest. The calculations utilized by the algorithm that determines web page rank contains the variety of hyperlinks which might be related to your website. That features inbound, inside, exterior, do-follow, and no-follow hyperlinks together with back links. To extend your net site visitors, you might want to enhance web page rank in order that it pulls in additional people who find themselves more likely to buy the services or products that you just supply.

Best Tips to Increase Page Rank Of your Website

Submit your website On Directories

A easy, however very efficient option to improve internet site visitors is including extra top quality back links. This may be finished just by submitting the content material to revered internet or article directories. They supply a good way for extra folks to see your content material. Some good directories embody the next:

DMOZ

Jasmine Directory

Best of the Web

ArticlesBase

Publish Article Frequently

Google like websites that publish regularly, so arrange a schedule the place you've new, contemporary content material to your website on a day by day or weekly foundation. You'll want to publish on the identical day or days every week which is able to assist enhance your total rating.

Enhance Content material

If the content material is nicely written, informative, and distinctive, it will assist improve the prospect that readers will share it with others. The higher the content material is introduced, the extra possible it's to be shared and that may enhance its web page rating.

Hyperlink Trade(Links Exchange)

This can be a well-known approach, however it nonetheless works. To get the next web page rank, you will have to get different websites which can be ranked larger to hyperlink to your web site. Due to this fact, you'll routinely have good hyperlinks that can assist increase the rating of your content material. This implies that you'll want to attraction to these with larger ranked websites to conform to share their hyperlink with you.

Submit(Content) on Different Websites

That is additionally referred to as visitor posting, it's one other tried-and-true method that helps you enhance web page rank. Discover blogs that permit for company to publish so to obtain two or three back links in return for what you will have submitted. The bottom line is to publish on blogs which can be in your business or area of interest so to entice readers to your website.

Add Feedback (Comments) to Different Websites

Along with posting articles, you also needs to remark repeatedly on articles posted on different websites. You will have to arrange a schedule with the intention to touch upon a constant foundation on posts which are in your area of interest or trade. The extra you submit, the extra energetic you might be locally which implies that extra your website will develop in standing. Whereas most websites at the moment have Disqus put in which implies that a hyperlink to your website is robotically posted, others nonetheless use the Do-Comply with which implies you'll need to incorporate the hyperlink.

Social Bookmarking

The social community is a good way to assist improve the visibility of your content material and enhance web page rank as nicely. By sharing your content material on one of the best social websites, you're going to get extra visitors due to the free backlinks. Naturally, you’ll need to select websites which can be fairly well-liked like the next:

Facebook
Twitter
Google Plus
Quora
Reddit
Stumble Upon
Digg etc.

A number of Pages

That is one other outdated, however helpful approach that may enhance your web page rank because of inside linking. Principally, you'll need a number of pages that you simply hyperlink collectively for articles or content material that's related in nature. It takes a bit of work, however it's nicely price it to see the outcomes over time.

Analysis of Popular Keywords

Concentrate on key phrases which are the commonest which suggests utilizing phrases that persons are most probably to make use of as queries on search engine websites. By utilizing probably the most generally searched key phrases, you may assist increase your web page rating considerably over time. This implies having extra guests and higher outcomes in terms of your gross sales.

How To Solve Duplicate Title Tags Error From Webmaster Tool

Fix duplicate title tags problem error from google search console in webmaster tool

Google Search Console has included some highly effective instruments that assist customers to enhance their website search engine marketing. And this search engine optimization enhancement result in increased visibility on Google search engine.Blogger is likely one of the finest free internet hosting platform and a really perfect place for a beginner to start out his weblog and begin incomes cash with out paying excessive internet hosting charges .However there are a lot of issues related to blogger ,and if these issues are usually not addressed on time you could get penalized by google panda and penguin algorithms.There may be a number of error and points come up whereas we preserve our Web site. Amongst them Duplicate title tags impacts our web site search engine optimization.

The duplicate title tags m=0 and m=1 are one of many main issues with the blogger .These are the Url parameters that are discovered on the finish of your weblog permalinks, they really exhibits a cell model of your weblog, for instance:

/2016/01/duplicate-title-tags.html
/2016/01/duplicate-title-tags.html?m=0
/2016/01/duplicate-title-tags.html?m=1

These duplicate title tags warning messages could be discovered within the Google webmaster instrument within the HTML enhancement tab .These hyperlinks could also be in hundreds and should be fastened in an effort to keep away from penalty from google and to enhance website positioning of an internet site.

There are three ways to fix m-0 and m=1 duplicate title tag error in blogger template.

Step 1

Fixing Through Google Webmaster Tool

First Go to Google webmaster tool > Crawl > URL Parameters > Configure URL parameters.

Click on add parameter or if parameter “m” is current click on edit and do the next settings as proven in display screen shot and click on save.

Now you can see parameter m click on edit button.after that follow the below steps.

Just Change it to no, doesn't effect page content.and you are done.

Step 2

Fixing Through Custom Robots.txt in blogger settings

First Go to blogger > Settings > Search preferences.

First Enable custom robots.txt content and paste the below code in it and replace bloggersstand.com with your domain/website name and click save settings.

User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Disallow: /?m=0
Disallow: /?m=1
Allow: /
Sitemap: http://www.bloggersstand.com/feeds/posts/default?orderby=UPDATED

enable custom robots.txt settings to duplicate title tags

Applying this setting will disallow search engine to index m parameter in google search console.check after 10-15 days your all m parameter m=0 and m=1 will be fixed.

Step 3

Fixing Through custom robots header tags

First Go to blogger > Settings > Search preferences.

Just enable custom robots header tags and apply the below settings proven in the image and fix your duplicate title tags error from google search page.

enable custom robots header tags in blogger template to fix duplicate title tag

Just click on highlighted boxes and click on save change buttons and you are done.

DEMO

Labels

Technology

Breaking News

How To Create Material Design Color Boxes For Notes

Why You should use Color box

Installation Steps:

How To Create And Submit Sitemap Of Static Pages

How to submit blogger static pages sitemap in google search console

Installation steps:

How To Monetize Adsense Matched Content Units

Important Points to remember about Matched contents

Eligibility to make use of Matched content material

How to check website is eligible for matched content or not

How to display ads in matched content units

Points to remember before adding matched content units

How To Add Timeline Style Sitemap Widget In Blogger

How to add a timeline style sitemap widget in blogger template

Installation Steps:

Customization:

High 9 Killer Tricks to Enhance Web page Rank

Best Tips to Increase Page Rank Of your Website

Submit your website On Directories

Publish Article Frequently

Enhance Content material

Hyperlink Trade(Links Exchange)

Submit(Content) on Different Websites

Add Feedback (Comments) to Different Websites

Social Bookmarking

A number of Pages

Analysis of Popular Keywords

How To Solve Duplicate Title Tags Error From Webmaster Tool

Fixing Through Google Webmaster Tool

Fixing Through Custom Robots.txt in blogger settings

Fixing Through custom robots header tags

MKRdezign

Biểu mẫu liên hệ