Friday, 18 November 2016

Easy Way To Create Recent Post Widget on Blogger

How To Create Recent Post Widget on Blogspot Blogger


About Recent Post Widget

Displaying Recently publish article in decreasing order on Sidebar or Below the post in a widget is know as Recent post Widget. It is a good practice to keep recent post widget but we know well that feature is not avaiable in Google Blogspot Blog By default. So we have to add some code in a html widget to display recently publish post on our blog. Many blogger on Blogspot they dont have Technical Knowledge to create a recent post code to display on their blog , so here today we will give you a easy method to Display Recently publish post on blog.


If You a Running Blog Then Might Want to learn how to earn money from you blog For the Check out How to Earn Mony Amazon Affiliate Program (Step-by-Step Guide)

Now some might be questioning 'What's the need of Recent post Widget' ? Well to make it clear to those questioning blogger that Recent post widget is very important and also help for your blog . Firstly If some one landed on one of your old Article , he/she might leave your blog after having completely read that particular article but if you have Recent post widget around that old post , he/she readign old post may see you recent post widget and find your recent post interesting and start reading your Recently publish article too . So in that sense Recent Post widget holds your blog visitor for longer period of time

Is Your Blog Hyper Link Color Matching Your Blog Design ? Check How To Change Blogger Link Colour and make your blog user friendly.

Like the above example , Recent post widget is benifical in many ways like it keep maintains your Bounce Rate , it increases Pageview per Visitor , it increases Time on Site and there many other advantage of recent post widget which directly or indirectly helps your blog to rank higher on Search Engine. Now You might be thinking 'oww i seriusly need to setup Recent Post widget for my blog' well then go for it.


Steps To Create Recent Post Widget on Blogger :

  1. To Create Recent Post First you Have to Login to you Blogger Account .
  2. After thAt just click on the option Layout.
  3. Here Click on Add a Gadget then a popup window will appear , here select HTML/JavaScript .


  4. Now copy the below give Code and Past it on that "HTML/JavaScript" Box and Save it and you are done .

<div class="recentpoststyle">
<script type="text/javascript">
function showlatestposts(e){for(var t=0;t<posts_no;t++){var r,s=e.feed.entry[t],n=s.title.$t;if(t==e.feed.entry.length)break;for(var a=0;a<s.link.length;a++)if("alternate"==s.link[a].rel){r=s.link[a].href;break}n=n.link(r);var i="... read more";i=i.link(r);var l=s.published.$t,o=l.substring(0,4),u=l.substring(5,7),c=l.substring(8,10),m=new Array;if(m[1]="Jan",m[2]="Feb",m[3]="Mar",m[4]="Apr",m[5]="May",m[6]="Jun",m[7]="Jul",m[8]="Aug",m[9]="Sep",m[10]="Oct",m[11]="Nov",m[12]="Dec","content"in s)var d=s.content.$t;else if("summary"in s)var d=s.summary.$t;else var d="";var v=/<S[^>]*>/g;if(d=d.replace(v,""),document.write('<li class="recent-post-title">'),document.write(n),document.write('</li><div class="recent-post-summ">'),1==post_summary)if(d.length<summary_chars)document.write(d);else{d=d.substring(0,summary_chars);var f=d.lastIndexOf(" ");d=d.substring(0,f),document.write(d+" "+i)}document.write("</div>"),1==posts_date&&document.write('<div class="post-date">'+m[parseInt(u,10)]+" "+c+" "+o+"</div>")}}
</script>
<script type="text/javascript">
var posts_no = 5;var posts_date = true;var post_summary = true;var summary_chars = 80;</script>
<script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts">
</script><a style="font-size: 9px; color: #CECECE;margin-top:10px;" href="http://www.newbloggertricks.com/2016/11/easy-way-to-create-recent-post-widget.html" rel="nofollow">Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
.recentpoststyle {counter-reset: countposts;list-style-type: none;}
.recentpoststyle a {text-decoration: none;color: #49A8D1;}
.recentpoststyle a:hover {color: #000;}
.recentpoststyle li:before {content: counter(countposts,decimal);counter-increment: countposts;float: left;z-index: 1;position:relative;font-size: 15px;font-weight: bold;color:#fff;background:#69B7E2; margin:13px 5px 0px -6px;line-height:30px;width:30px;height:30px;text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}li.recent-post-title{margin-bottom: 5px;padding: 0;}
.recent-post-title a {color: #444;text-decoration: none;font: bold 13px "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,AppleGothic,sans-serif;}
.post-date {font-size: 11px;color: #999;margin:5px 0px 15px 32px;}
.recent-post-summ {border-left:1px solid #69B7E2; color: #777; padding: 0px 5px 0px 20px; margin-left: 10px; font: 15px Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif;}
</style></div>


To Increase Your Blog Traffic Submit Blog ( sitemap ) To Bing Webmaster and also in Google Webmaster

So this was all about How to Create Recent Post Widget on Google Blogspot Blog . If you are a serious blogger then till now im damm sure you have set up recent post widget on your blog because you know well how important it is for your Blog.Apart from Recent post widget we will advice you to keep your blog upto date and publish post regularly if you want to make a good life in this blogging career. Well we finally came to the end of this post ,if you have any query use the comment box below and also see our other post which might be hrlpful for your blog.
Read More
Tuesday, 15 November 2016

Amazon Affiliate Program (Step-by-Step Guide)

What is Amazon Associates program ?

Amazon Associates is one of the first online affiliate marketing programs and was launched in 1996. The Amazon Associates program has a more than 12 year track record of developing solutions to help website owners, Web developers, and Amazon sellers make money by advertising millions of new and used products from Amazon.com and its subsidiaries, such as Endless.com and SmallParts.com. When website owners and bloggers who are Associates create links and customers click through those links and buy products from Amazon, they earn referral fees. It’s free to join and easy to use.

Provide customers the convenience of referring them to a trusted site where they can immediately purchase the products you advertise on your site. And when they do, you can earn up to 15% in referral fees.

Accourding to me Amazon Affiliated Program is the best Affilited Program Comparing to other Affiliated Programs. Amazon Affliated program is a direct affiliated program because unlike other affiliated program you dont need to depend on third party , here you will directly get payment from Amazon and we know well that amazon is a trusted online market place. So you dont need to worry about the payment .

How To Earn Money From Cuelinks Affiliated Market Full Guide

What payment methods are available in Amazon Affiliated Program ?

Amazon pays you Commission fees on a monthly basis. Approximately 60 days after the end of each month,Amazon will either send you a check, send you an Amazon.com Gift Certificate (subject to Amazon standard terms and conditions), or deposit your fees directly into your bank account.

If you wish to use direct deposit, you will have to tell Amazon the name of your bank, whether your account is checking or savings, your account number, your bank's nine-digit routing number, and the name of the primary account holder as it appears in the bank's records. If you are being paid by Amazon.com Gift Certificate or direct deposit, Amazon will not send payment until the total amount due is at least $10. If you are being paid by check, Amazon will not send payment until the total amount due is at least $100. Please note that Amazon will also deduct an $15 processing fee from all checks they send you. If your billing address is outside the United States, and direct deposit is, therefore, unavailable to you, Amazon will waive the $15 fee. There is no processing fee for payment via gift certificate or direct deposit.

What is Linkshrink Shorten URL And How To Earn From it

How To Sign Up for Amazon Affiliate Program ?

Jioning Amazon Affiliate is simple all you have to do is click on the option Join Now For Free . Then it will take you to the Registration page where you have to Create your Amazon Affiliate Account . Also If you have already have Amazon Account then you can used your old Amazon account for Amazon Affiliate program.While sign up you have to provide your website or blog address and other information. I think we dont need to go details here as you can do it by yourself .

One importan thing to note while sign up is you should sign up accourding to your location or your target location because Amazon affiliate program is different for different for different location . Example if you are going to Promote product in India then you have to sign up using Amazon Indian Affiliate Link like wise it varies from location to location.

How To Start Earning From Amazon Affiliate Program ?

I hope Now you have created your Amazon Affliate Account, so lets get started implementing Affiliated product on our blog/website.

To Start using Amazon Affliate links we first have to search for the best deals or products for our blog. Remember to choose the product related to your blog Nich this is very important . Dont just randomly select any product. anyway lest us see best way to use those affiliate link on our blog .

Now assume that you have selected to promote android smartphone . so what you have to do is , write an attractive review for the particular Android Smartphone . Then search for the Android smartphone's ASIN/ISBN Number . After the goto to your affiliate account there you will see one Search box , simple enter the Android smartphone's ASIN/ISBN and click on go .It will generated your Affiliated Link for that android smartphone . so now copy the affliated link and simply pasted it below you android smartphone's review. you can also use image banner ads instead of link.

Its done on your part , now anyone click on your affliated link and buy the android smartphone(or any other product) you will get your commission. simple as that.there are also other option avaiable to generated affiliated links from amazon directly. which are more easier , see below to know.

How To Create Amazon Affiliated Links ?

Ok so by now i think you are already became familiar with Amazon Affiliate Program . So now lets see some more advance option on how we can generated Amazon affiliated links more easily.

First you have to Logoin to your Affiliated Account and Goto to Amazon.com and search fot the best product for your blog which you want to promote . Now on top of that product page you will see one option Amazon Associates site stripe . Here all you have to do is simply click on Amazon Associates Site Stripe and then Click on Get Link and you will get your product/item Affiliated links.

There is other ways of generating your affiliated link :

Product Linking : Product Linking is also not a bad option to generate Affiliated links from your Affiliate Account .To Create Affiliated links by Product linking , first goto to your Affiliate Account and on top you will see an option Product Linking Click on it , then click on Product links . Hree you will have to option to get your affiliated link , and that is you can Search for a product or You can Add Product ASIN/ISBN code and get your affiliated links.

Direct Link : Why i name it as direct link ? because in the method you can make any Amazon link as your Affiliated Link . what you need to do is Copy any Link from Amazon website which you want to make as your affiliated link and simply add &tag=mylink-21 at the end of your copied link . Change mylink-21 with your Affiliate ID.

Finally hope now you became expert Amazon Affilited Partner with our step-by-step full guide. If you have anything to disscuss regarding this article use the comment option below . And also do please share this Amazon Affiliate Article Using below share option and support us .
Read More
Sunday, 13 November 2016

How To Change Blogger Link Colour

If you have a blog running on google blogger and you want to change the Hyper link colour of body in your blog then you are in right place. Here you will learn about How you can change the link color in your Blog .Google blogger is one of the Second most popular blogger platfrom after Wordpress. So there is most change the you can get planty of traffic on your blog from different search engine. But what if your blog is not user friendly ? People will not even stay even 1 second in your blog if they dont feel confortable on your blog . so for that to attract your blog visitor your blog should be user friendly where they can feel confortable. And one factor of an attractive blog is the link color of the blog. That is the reason you should make your link visible or in other word it should match with your blog desing.

How To Submit Blog ( sitemap ) To Bing Webmaster

How To Submit Your Blog (sitemap) To Google Search Console (Webmaster)

Way to Change Your Blog Link Color :

  • First go to your Blogger account.
  • Now click on Template > Edit HTML.
  • Now press Ctrl+F and search for <b:skin> in your template.
  • Then Click on black arrow to expand the code.
  • Now look at the CSS code of hyperlink in your template which something look like the image below.
  • Now edit a { color:#0084CE; } with that color you want to use for blog hyperlinks.
  • You can also Edit a: visited { color:#289728; } to change color of visited link.
  • Finally Preview and save the template and you are done.


Way To Implement Website Structure Data On Blogger Using Json Code

How To Install Social Content Locker in Blogger ( Blogspot )

So this was all about How to change Blogger (blogspot) Hyper Link Colour . We hope till now you have successfully change your Blog Body Link Color. If dont then you can utilize the comment option below to inform us so that we can help you out. and remember to make the link color match with your blog Design. In generally most blogger keep their Blog link color as Blue. But it depends upon you , which type of color you want.
Read More
Tuesday, 25 October 2016

How To Submit Blog ( sitemap ) To Bing Webmaster


Today here we will discuss how you can submit your blog to bing webmaster and increase blog traffic. Bing is one of the biggest search engine after google . Note that Yahoo and Bing are now came together . So if you submit your site to Bing webmaster it will also get index on Yahoo Search Engine. Every blogger or web developer focus mainly on Google search engine for organic traffic and forgetting other big leading Search engine like Bing, Yahoo , Yandex etc. Now some of you might be wondering what is this Yandex . Well Like bing yahoo google Yandex is also a search Egine base on Russia. Anyway way to know How to submit blog sitemap to index see our post on Yandex. Now here lets see how we can submit our blog to Bing Search Engine. Note that Majority of the Windows OS User prefer Bing instead of Google as Bing is set as Default Search engine on Internet Explorer on Windows. So your blog will get hug traffic in less time if you can correctly submit your blog to Bing Webmister. Lest go to the maoin point on How to submit Blog to Bing Search Engine.

Steps To Submit Blog Sitemap To Bing Webmaster :

  • First Goto to Bing Webmaster Site
  • Now signin if you have microsoft Account already , if not then Create Microsoft Account . You can Create Microsoft Account Using Your Already Created Email Account
  • After you are logged in You will see a textbox just below My Site . In that text box Add your blog URL and Click on ADD. See image
  • Then you will be taken to Ownership Verification page Where you have to Varify that you are the owner of this blog. There are three option of verifying :
    1. Place an XML file on your web server
    2. .
    3. Copy and paste a < meta > tag in your default webpage
    4. Add CNAME record to DNS
    Use any option and varify the ownership of your blog.
  • After Verification is done. Goto to site Dashboard any Click on Submit Sitemap. And Enter your Blog Sitemap as shown in Below Image and Click on Submit
  • Your are Done finally
So you have now successfully submitted your blog to Bing Search Engine . now all you have to do is wait for some day bingbot will visit your site and your blog Content will be index in Bing . So soon you will start reveciving traffic from Bing Search Engine. If you like our hardwork please share this post using below sharing option.
Read More
Sunday, 23 October 2016

How To Setup Custom Domain in Blogspot


Blogspot Custom Domain Setup :

Custom Domain is a high level domain which is best for Search Engine ranking. Which creating a blog on Blogspot you will see your blog url as (www.name.blogspot.com) , it is called as sub- Domain . So when you Use custom domain your blog address will be like ( www.domain.com ) Which look professional and All Search engine give much important to high level domain not sub-domain . Also there are many extension for custom domain like (.org , .in , .info etc ) but I will recommend you to buy .com custom domain as it has many advantages over those other domains. We will later discuss about the advantage of custom domain . Today let's see how we can set up Custom Domain in Blogspot Blog.

Note : Custom Domain are not free , you have to buy it . It will cost you $10 - $11 a year but currently there are many offer going on so you can have a .com custom at just Rs 99 first year . You can buy custom domain from Domain Provider like GoDaddy , 1$1 ,BigRock etc . I Recommend you to go with GoDaddy . According to me GoDaddy is better as I have two blog and both the blog domain are from GoDaddy and I had no problems till now .

Steps To Setup Custom Domain on Blogspot Blog :

  • Ok So first Goto Blogger.com , there you will be setting and under settings
  • Here Click on +Setup third-part URL for Your Blog
  • Just Type the Name of the domain which you have bought and Click save. See the image below .
  • Now Here you will Error 12 and you will see two CNAME . Now you have to Copy and insert this two CNAME in your domain DNS Zone . How ? See below
  • Now that you have got your two unique CNAME Records . Login to your domain Provider account (From Where you bought the Domain example GoDaddy) .
  • Goto To Domain Management. , Under this You will DNS file zone -> Add Record
  • In the Add Record box Select CNAME and Add both the CNAME Records which you got from your blog . See image
  • Now that your CNAME Records is Add , So now you have to Add 4 A Records Also know as IP Address . To Add A Records , Under A Records Click on Add Record. In Host give- @ , point to - IP , TTL - 1 hour. See the image.
  • All the record in DNS Zone is done . now go back to Blogger.com , Click on + setup third-part URL for your blog and Add Your domain.
  • Here in order to Redirect your http traffic to www version click on the Redirect box and Save.

Sometimes it give error while setting up your Custom Domain , If you see error add all the record and Wait for 24 hours. Now that you have setup your Custom Domain , now you can simply type www.yourdomain.com to see your blog. And also you will see that you blog will rank higher on Search but for ranking this not the only factor so we will discuss about it later. Anyway hope you have successfully parked your Custom Domain in your blog . Help us by sharing this post using below option . You can use our search box to search anything on NBT (Newbloggertricks).
Read More
Saturday, 22 October 2016

How To Submit Your Blog (sitemap) To Google Search Console (Webmaster)


Google Webmaster :

So you have a blog or Website Setup Recently . Now it's Time to Spread your Content around the world and Start getting Organic Traffic . Google Webmaster / Google Search Console is a Webmaster place Where you can Submit your Site sitemap . After Submitting your Sitemap to Google webmaster, Googlebot or Crawler Will Crawl and Index your Site Content in Google database . When Someone Search for a particular Things on Google Search Engine , if it is present in Site Google then will show you page and that how people will come to know your site and Slowly you will start getting hug Traffic to your site. Like Google Webmaster there are many other Search Engine like Bing Search Engine , Yandex Search Engine etc. which we will Discuss in our next post . So Today let's submit your blog to Google .

Steps To Submit Your Site To Google :

  • First Goto Google Search Console Page
  • Now Here Click on Add Property and Then a pop-up Box will appear , there type your Site Full URL including both www and http. See the image below.
  • Click on Add
  • Now You have to Verify Your Site , This verification is to Verify that You are the Owner of this particular site.
  • Now Verify Using any of the Options Available , I would Recommend you to Use either Domain Name Provider or HTML Tag , In HTML Tag Verification You just have to Copy the Verification Code and Paste it on Your Site Template just Below head tag but before body tag .
  • Now Simply Click On Verify
  • Ok So now site url submitted , Then next is to Submit the Sitemap of the Site , To Submit Sitemap Click on Sitemap Option -> Test/add Sitemap . Enter your Sitemap as shown in below image and Click on Submit

So it's Done Finally , Now Very Soon Googlebot will visit your site and it will Crawl And Index your site content after which your site will start showing on Google Search Result . Usually for New site Googlebot Crawl with 2Days but sometimes it takes week also . So without doing anything just wait for the Crawler to Index your site Post . If you find this Article Useful Please share on Social Site using below options. Also if Any queries do comment.
Read More
Thursday, 20 October 2016

Way To Implement Website Structure Data On Blogger Using Json Code


Structure Data Website Using Json For Blogger :

Structure data is use to Arrange your blog data in a Search Engine Friendly Ways Which help your Blog Content to Get index properly and help to Appear on top of search engine . here we have defined Structure data in a simple way so that new Blogger like you will understand what Structure data is and how it is help full for your blog. Previously we have discussed a on how you can Use Social Content Locker on your Blogger blog , Which is very important if you want to increase you Facebook like or Twitter follower or Google plus follower. Today you will learn how to implement Structure data on your Blog in most simplest way and rank on top of Search engine.

In WordPress also in Some Blogger Template This Structure data is already installed . but for those who have not installed or implement Structure data then you are in right place. You can check your blog Structure data by using Google Structure Data Testing Tool . To all the new Blogger we Recommend you to install this Structure data in your blog template Many as it is very important for Search Engines. Here you will learn how you can install Structure data in most easy way in other words it is known as one click implementation. OK so see below the Steps and Setup Structure data for your Google Blogger (Blogspot) Blog .

Steps To Implement Structure Data On Blogger :

  • First Goto Your Blogger.com -> Template -> Edite HTML
  • Then Copy This Json Code Given Below
  • <script type='application/ld+json'>{ &quot;@context&quot;: &quot;http://schema.org&quot;, &quot;@type&quot;: &quot;WebSite&quot;, &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;, &quot;potentialAction&quot;: { &quot;@type&quot;: &quot;SearchAction&quot;, &quot;target&quot;: &quot;<data:blog.homepageUrl/>?q={search_term}&quot;, &quot;query-input&quot;: &quot;required name=search_term&quot; } }</script>

  • Now Search For The Below Code
  • <meta expr:content='data:blog.metaDescription' name='description'/>

  • Then Just Below this Code Paste the Json Code which you have already copied Before.
  • Finally Save your Template and Check your Structure Data by Google Structure Data Testing Tool
So we hope Now you have successfully installed Structure Data On your blog . Now you will notice that your blog Content will be index and Appear on Search engines and You will get more Organic Traffic to your blog . As always please share this post using below share option if it's useful to you .
Read More