Search This Blog

Showing posts with label Blogger Tricks. Show all posts
Showing posts with label Blogger Tricks. Show all posts

Monday, 17 August 2015

Increase Traffic on your websites or Blog??

Blogs and website are on demand, all business website started postings and  question is how to increase traffic on site or to get high traffic on  blog or websites.
Every one wants more traffic on his site or blog. No matter just keep some simple things always in your mind. Just keep in touch with Google trends for best topics currently and other is Google Analytic Programs accounts which shows you visits from different locations and much more.
We all required successful site/blogs with effective content. High traffic on site is difficult. When you want to earn from Google AdSense advertising program more traffic is basic need.
If you want more visitor or traffic on site then choose trending currently theme.
This article give you few tips that everyone can easily set on any site/blog. You must remember about content to increase traffic.

What are the Home page look or main page views?


Home pages look or main page view is able to receive more visitor. More visitor means more page view or more benefits in term of success of business. 

Effective site depend on Content:


Every one and may be you know that “Content is The King of any site”. In the start of any blog or site many creator focus on on subject. After some time they post more subject and more content.  
If you want to start blogging. First you need to write 15 to 25 quality and true article. Try to publish new readable for visitors. Later on increases your number of articles which helps you to increase traffic.
It is very hard work job. An effective content can make your website popular.   Increase traffic by visiting social sites (like Facebook, twitter, Linkedin, Yahoo Answers, Youtube and  many others). High ranking site also help you to increase PR of your site.

Other way to get topic from online forums and plan to write accordingly. Your aim should not be increase traffic but help to others with your sincerely tips and tricks. You can provide sold martial after research on many sites.
Observe the problems of others people and try to rectify with easy way. Habit of reading others blogs will make you good article writer. Try to follow Google trends for current most searching keywords. 

Contributes to increase traffic:


Now a days contribution to boost your website is most useful way. Google Ad word program most helping to many companies for improving all type of products. Successful website or blogs, companies business owners and service providers contribute a much more for values.  Some others contributing ways are listed below. 
You should create some videos.
Take successful people for host interviews.
Make eBook for free.
Chose top ranking site and start guest posts.
Collects email address and provide newsletter.
Provide more detail about posited subjects.
Contribution helps to provide: Rank upgrading, more traffic, business benefits. It can be slow but more effective way. 

Communities:


Every Successful person values his communities. Community is group of people where you share; ideas, tips, skills and benefits. It is businesses bridge to all networks. You can strong your site by sharing it with your all communities. 

Focus on Front Page:


Make your front page or home page simple but effective. Cover your subject with more content. Try to use Social websites Like Box and easy share buttons.
Why should any one stay on site/blog?
You should create some solution of different problem. Help me or Help us page or content is also usable.

Create “pillar content”:


Pillar content mean to make constant informative, attractive to visitor and it is like pillars of buildings which holds on ground. Pillar content is usually over 1000 words with vale and power of words.  Great article has always worth of each word. You website or blog should be resourceful and helpful. Encourage readers or peoples to visit on your blog/site with power of words. 
Just Focus on your site developing and provide useful information with question and answer.

Interlink posts with each others :


Like Wikipedia and many other popular sites are using this method of interlink to increases traffic. Just interlink word with any already article which case of more traffic and helpful for visitors. .
Every new article can be interlink with old one, always review previous posts or articles and just find out relevant content and interlink. This is the best way of Wikipedia that every post have interlinks with other information. Just try this hopefully you will find more traffic. 
Google always like such type of natural links. Remember to avoid too many interlinks it may confuse or lose the value of your post/article.

Create lists of your popular post/blog articles:


This is also more effective and value able way to get more traffic or visitor on your site. Best way to install any plugin which generate list of most viewed article on your home page.  l an easy method to round up a variety of articles that you feel are relevant to your reader. List posts also provide opportunities for your readers to click through further on your blog. Plus this method allows you to showcase some of your classic posts.

Add a Sitemap:


Usability is so important. You must install a sitemap plug-in. I suggest using the PS Auto Sitemap. It’s easy to install. You may have a monthly archive in your blog sidebar – it’s not user friendly – all it tells me how many articles you’ve created in a month. Blog readers are lazy. Help your blog readers out. You must be more concise.
A sitemap is the index of your website. A good site map is displayed in logical order to make it easier for you. Google loves Sitemaps too. The search engines can crawl your content faster and it’s a win-win situation for everyone.
Click below and get registered  to increase traffic on your link.
http://traffboost.net?ref=wk7
http://traffboost.net?ref=wk7


http://traffboost.net/


Use Related Categories:


If you’re going to display links in the sidebar use categories, because it’s relevancy that your readers want. Don’t make the reader think! Thinking requires effort. Usability is crucial. A good blogger or web designer understands the importance of usability.
Relevant categories will provide clarity – not only for the readers but for you also. You must focus on making a streamline blog where articles can be linked. Categories are excellent for readers, because they can search for relevant criteria in one area.

Give away something:


To create a successful online presence we must contribute. Create something for free. Don’t even expect an email address back. You’re a new blogger and you’re unknown to the rest of the world. It’s going to take some time to come into the limelight. However, if you create an e-book for free and begin some heavy promotion, chances are you’ll become noticed, if the e-book is well written.
An eBook doesn’t require any hardcore design skills. This can be easily created in Microsoft Word. No need to use Quark Express or Adobe InDesign. Creating a successful reputation takes time to build. Giving anyway some freebies is a great way to promote your blog and traffic.

Develop a series of articles:


Just like a soap opera, each episode continues from the previous one and in proper sequence. Consider developing a variety of articles that become a series. If you’d made a 10,000 word article that could be ideally broken down into segments – break it down. A three or five part series will also give your readers an opportunity to subscribe to your RSS feed. Provide cliff hangers to your blog series articles and give your readers a reason to return.

End with related articles:


You have to created an excellent post. You’ve engaged the reader and they’ve left a comment. You’ll always find that some readers want to know more about a certain subject. Help is at hand. Install the Yet Another Related Posts Plugin for WordPress – this handy plugin displays relevant links at the bottom of your article.
Create an FAQ page
Every industry has its jargon and especially the Internet. Do you think your readers know what an RSS feed is? Create information that educates your readers. Plus interlink those jargon terms to a glossary.
Some People may familiar with terms bounce rate, SEO, Google PR, PHP, PTC /PPC, conversion rate etc n rate; ; SEO; Google Page Rank or PPC. But you can explain such type of question in FAQ.

Use excerpts:


On your home page of your blog, avoid placing huge streams of text on your blog. You want readers to click further into your site. Remember your home page is like the front page of a magazine.
Usability is vital for a successful blog and to generate page views. Apply the above techniques to your blog today.
Hope, this article will help you and give you a clear idea to create a successful blog post. Keep sharing this post and let bloggers grow successfully. Feel free to share your comments below. I will appreciate your feedback.

Wednesday, 20 May 2015

RANDOM POST BUTTON WIDGET FOR YOUR BLOG


Here is another widget trick which is very useful for everyone to increase their visitors.So here is go.Today I am going to show you how you can add Random Post button to Blogger on clicking which you will be redirected to any random page on your blog.The widget works on JavaScript while the button is made of CSS.
This widget uses simple JavaScript and looks elegant.On clicking the button it fetches a post from the blogs feed and redirect the user to that particular page.This widget may be really helpful to increase your blog's page views.Now all you have to do is to follow the steps:


  • Login to your blog and then click on design.
  • Now click on layout and click on (Add a Gadget).
  • Now select HTML/Java Script.
  • Now copy the code given below and paste it in the HTML/Java Script.


<style>
#abt-random{position:relative;color:rgba(255,255,255,1);text-decoration:none;background-color:rgba(219,87,5,1);font-family:'Yanone Kaffeesatz';font-weight:700;font-size:20px;display:block;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 9px 0 rgba(219,31,5,1), 0 9px 25px rgba(0,0,0,.7);-moz-box-shadow:0 9px 0 rgba(219,31,5,1), 0 9px 25px rgba(0,0,0,.7);box-shadow:0 9px 0 rgba(219,31,5,1), 0 9px 25px rgba(0,0,0,.7);margin-bottom:10px;margin-top:10px;width:160px;text-align:center;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease;padding:4px}
#abt-random:active{-webkit-box-shadow:0 3px 0 rgba(219,31,5,1), 0 3px 6px rgba(0,0,0,.9);-moz-box-shadow:0 3px 0 rgba(219,31,5,1), 0 3px 6px rgba(0,0,0,.9);box-shadow:0 3px 0 rgba(219,31,5,1), 0 3px 6px rgba(0,0,0,.9);position:relative;top:6px}
#abt-random a{color: #fff;}
</style>

<center><div id="abt-random"></div></center>
<script type="text/javascript"> 
function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'Random Post'; document.getElementById('abt-random').appendChild(a); } </script><script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky">

</script>


  • Now after adding the code click on save.
  • Now place the gadget anywhere you want and click on save agreement.
  • You are done.Now you and your visitors can see the widget and they can use the random post widget.
  • So is it helpful for you tell me in comments ?




ADD CUSTOM TEXT ADS BOX LIKE ADSENSE


Here is another new trick that is how to add custom text ads box like adsense.So here we go.Many of you may have seen Google Adsense text ads in other or your blog. Today I will show you how you can add Text Ads Box widget to your blogger blog. In this widget you can edit everything i.e. the colors, Title text, Description, Ads provider etc. etc. If you sell text links on your blog this widget may be quite helpful for you.
Now all you have to do is to follow the steps:


  • Login to your account.
  • Click on design and then click on layout.
  • Now click on add a gadget and then click on HTML/Java Script.
  • Now copy the code given below and paste it in HTML/Java Script.


<style>
#ads_ppc {text-align: left; width:280px; height:300px; padding:5px; margin:0px;border:1px solid #1a4d86}
</style>
<div id='ads_ppc'>
<a style="text-decoration: underline; padding: 15; font-size: 12px; color:blue;" href="http://www.yourlinkhere.com/" target="_blank" title="YourTitle"><strong>Big Link Name</strong></a><br />
<span style="font:11px verdana;">YOUR DESCRIPTION HERE</span><br />
<a style="font-size: 9px;color:#b0130d;" href="http://www.rockingtemplates.com/" target="_blank" title="Link Title">Small Link Name</a><br/><br/>

<a style="text-decoration: underline; padding: 15; font-size: 12px; color:blue;" href="http://www.yourlinkhere.com/" target="_blank" title="YourTitle"><strong>Big Link Name</strong></a><br />
<span style="font:11px verdana;">YOUR DESCRIPTION HERE</span><br />
<a style="font-size: 9px;color:#b0130d;" href="http://www.rockingtemplates.com/" target="_blank" title="Link Title">Small Link Name</a><br/><br/>

<a style="text-decoration: underline; padding: 15; font-size: 12px; color:blue;" href="http://www.yourlinkhere.com/" target="_blank" title="YourTitle"><strong>Big Link Name</strong></a><br />
<span style="font:11px verdana;">YOUR DESCRIPTION HERE</span><br />
<a style="font-size: 9px;color:#b0130d;" href="http://www.rockingtemplates.com/" target="_blank" title="Link Title">Small Link Name</a><br/><br/>

<a style="text-decoration: none; padding: 15; font-size: 12px; float: right;color:#b0130d;" href="http://www.allbloggertricks.com/" target="_blank" title="Creators Link"><small>Ads by ABT</small></a><br />

</div>


  • You can change the value of width and height written in green according to your requirements.
  • Now save it and click on save agreement.
  • Now you are done and you and your visitors can see the widget.
  • So is it useful for you tell me in comments ?



FEATURED POST WIDGET FOR YOUR BLOG


Here is another important trick for everyone that is featured post widget.Featured Posts is a widget through which you can display your own selected posts on your Blogger blog.The setup is really easy and requires just a work of 5 minutes.If you want to target a specific post to all your readers, this widget may be helpful for you.This widget also comes with an hover effect.You can add 4 featured posts with the help of this widget.3 will have images whereas one will have just the title.You all you have to do is to follow the steps.


  1. Login to your account and click on design.
  2. Now go to template and click on Edit HTML.
  3. Now press (CTRL+F) and search for ]]></b:skin>
  4. Now add the script given below just above the ]]></b:skin>




#featured-post a{color:#fff}
#featured-post ul{list-style:none;padding:0}
#featured-post ul li{padding:2px 0 0 2px;float:left;clear:none;width:183px}
#featured-post .item-content{background:transparent}
#featured-post .item-thumbnail{background:transparent}
#featured-post .item-content img{width:183px;height:183px}
#featured-post .item-title{line-height:1.3em;font-size:90%;min-height:50px;max-height:50px;;opacity:0.75;background:#000;margin:-63px 0 1px;padding:5px;color:#fff;overflow:hidden}
#featured-post ul li:first-child{height:250px!important;width:250px!important;padding:2px 0 0!important}
#featured-post ul li:first-child img{height:250px!important;width:250px!important}
#featured-post ul li:first-child + li + li + li{width:368px!important;height:64px!important;overflow:hidden}
#featured-post ul li:first-child + li + li + li img{width:368px!important;height:368px!important}
#featured-post ul li:first-child + li + li + li div.item-title{margin:-373px 0 5px;padding-right:60px;min-height:56px;max-height:56px;opacity:0.90;background: #000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEhJKhTN9rlSUtZNNLYjyrGR-WZzctyEWKZxM3pw5D6kzbkxuyHyZzjY8mlUnGrhkCp_W5F-BqihPbCEBcf5QyCXYxULpCFPc6snXoeGJckCkMoxYzct6Sn36toEp0dt8J59sYcYe4e1c/s48/Arrow%2520Right.png')  305px 7px no-repeat!important}

#featured-post ul li:first-child + li + li + li div.item-title a{font-size:16px;line-height:1.2em}


Now click on save template.

Add Widget:

  1. Now go to layout and click on (Add a Gadget).
  2. Now select HTML/Java Script.
  3. Now add the code given below in it.

<div id="featured-post">
<ul>
<!--Featured Post 1> 
<li>
<div class="item-content">
<div class="item-thumbnail">
<a href="post url"><img src="image url" /> </a></div>
<div class="item-title">
<a href="post url">Post Title</a></div></div></li><!Featured Post 1 end--> 
<!--Featured Post 2> 
<li>
<div class="item-content">
<div class="item-thumbnail">
<a href="post url"><img src="image url" /> </a></div>
<div class="item-title">
<a href="post url">Post Title</a></div></div></li><!Featured Post 2 end-->
<!--Featured Post 3>
<li>
<div class="item-content">
<div class="item-thumbnail">
<a href="post url"><img src="image url" /> </a></div>
<div class="item-title">
<a href="post url">Post Title</a></div></div></li><!Featured Post 3 end-->
<!--Featured Post 4>
<li>
<div class="item-content">
<div class="item-thumbnail">
<a href="post url"><img src="image url" /> </a></div>
<div class="item-title">
<a href="post url">Post Title</a></div></div></li><!Featured Post 4 end-->
</ul>


  • Now click on save.
  • Here please replace the POST URL/POST TITLE and IMAGE URL with your desire URL/LINK/NAME.
  • Now place the gadget where you want to show it.
  • So is it useful for you tell me in comments ?

HOW TO MAKE BACKUP OF YOUR TEMPLATE AND POSTS OF YOUR BLOG

This is very important trick because it will secure your blog template and post.So always make backup of your blog.Making a backup of your blog is what every blogger should practice.Since Google Reader has been shut down, rumors have been spread that Blogger MAY shut down too.So being sorry in the near future would not help you but the backup you make now would surely do.No one knows when his blog would be hacked by hackers or a malware breaks down all the coding of the template. Sometimes while editing a template we may delete/add some codes which may make the blog's template not as you desire. This makes making a backup for your blog really important.A Blogger should make a backup of his template once and keep it at a safe place where you can find it easily.We recommend to make posts backup once in every week.It may look tedious to you but your small effort can save your blog one day.Here are the steps to make Template and Posts backup.Here is the steps:


  1. Go to blog title.Click on template.
  2. Now click on the backup/restore button at top right side.
  3. A popup box will appear now click on save full template.
  4. Now your template will start downloading.

Save it anywhere you want.You should always make a template backup before editing the template.


Post Backup:

Now you have to make your blog post backup.Follow the steps given below:


  1. Go to blog title.And click on settings.
  2. Now click on other and then click on blog tools.
  3. Now click on export blog option.
  4. Again a popup box will appear.
  5. Now click on download blog option.
  6. Your post will be downloaded.
  7. Now can can also upload it on wordpress and anywhere you want.
  8. Now save file and you are done.
  9. Please make your post backup once in a week or 2 weeks.
So your blog post and template is now secure and save.


*So is it useful for you tell me in comments?



Saturday, 16 May 2015

NEW SOCIAL SUBSCRIBER WIDGET FOR BLOG


Today i am going to tell you a new trick.This time i present you the extremely elegant social subscribe widget which you can add in the footer of your blogger blog posts. This widget showcased Facebook, Twitter and Feed burner integration.

This widget has been optimized for blogs with smaller width too and looks perfect on all blogs. The widget uses Jquery, CSS and HTML for its working.Just follow the steps given below.


Steps:

*First Log in to your account.

*Go to Template and click on Edit HTML.

*Now press (CTRL+F) and search for <data:post.body/> 

*Now copy the code given below and paste it just below the <data:post.body/>

*There maybe more than one (usually 2-4) <data:post.body/> so make sure that you have selected the right one. If the widget does not appear try changing the location of code.

*You can check by clicking on preview template.


<section class="newsletter">
<h2>
Tired of checking for new posts ?
</h2>
<div id="form-newsletter">
<div class="social facebook">
<a href="https://www.facebook.com/counterstriq" target="_blank">
      <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg02-qrNB1pMb0EPcncWR7qvFYRizdnl9PhslwEP5cvlAF_9v86aLlqdgRsg6IynN96fNEunB0plnxe5NHBQMvJRNhyphenhyphen_u2dXuNR3stkPG12q7NIoZmackz2ZWPNZ2azDFfOA0oD9eEsuKvm/s1600/nl-facebook@2x.png" />
    </a>
    <iframe allowtransparency="true" class="social-box fb-like" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fcounterstriq&amp;width=90&amp;height=21&amp;colorscheme=light&amp;layout=button_count&amp;action=like&amp;show_faces=false&amp;send=false&amp;appId=519648428126767&amp;locale=en_US" style="border: none; height: 21px; overflow: hidden; width: 90px;">
    </iframe>
  </div>
<div class="social twitter">
<a href="https://twitter.com/counterstriq" target="_blank">
      <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9BulVMSDjyVv-1kkv6lzbooGpLY6xV38kYlKenrCE-Glp0P0jXTRfRRxcQGdTstnS3VL8_djFa1QUpIw5fzr9JefeEyop9T1eSj15mWjFQVMM_xdUTKf_MKa9QvTO_ebl7o4F-MPFUQaF/s1600/nl-twitter@2x.png" />
    </a>
    <iframe allowtransparency="true" class="social-box twitter-follow-button twitter-follow-button" data-twttr-rendered="true" frameborder="0" id="twitter-widget-0" scrolling="no" src="http://platform.twitter.com/widgets/follow_button.1399599786.html#_=1399785529920&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=counterstriq&amp;show_count=false&amp;show_screen_name=false&amp;size=m" style="height: 20px; width: 60px;" title="Twitter Follow Button">
    </iframe>
    <script>
      !function(d,s,id){
        var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?&#39;http&#39;:&#39;https&#39;;
        if(!d.getElementById(id)){
          js=d.createElement(s);
          js.id=id;
          js.src=p+&#39;://platform.twitter.com/widgets.js&#39;;fjs.parentNode.insertBefore(js,fjs);}}(document, &#39;script&#39;, &#39;twitter-wjs&#39;);
    </script>
  </div>
<div class="newsletter-form">
<fieldset>
<h2>
       Get all posts directly in your mail.
      </h2>
<div class="fields">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=counterstriq', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="email" id="email" name="email" onblur="ifundefinedthis.value=='')this.value=this.defaultValue;" onfocus="ifundefinedthis.value==this.defaultValue)this.value='';" type="text" value="Enter Your Email here.." />
          <input name="uri" type="hidden" value="counterstriq" />
          <input name="loc" type="hidden" value="en_US" />
          <input class="subscribe" name="commit" type="submit" value="Subscribe" />
        </form>
</div>
</fieldset>
</div>
</div>
</section>
<style>
.newsletter{text-align:center;margin:20px 0;}
.newsletter .social.facebook{background:none repeat scroll 0 0 #3661A0}
.newsletter .social{padding-top:20%;width:20%;float:left;position:relative}
.newsletter #form-newsletter{display:block;width:90%;max-width:900px;min-width:500px;margin:0 auto}
.newsletter:before,.newsletter:after{content:&quot; &quot;;display:table}
.newsletter:after{clear:both}
.newsletter h2{color:#3B434D;font-family:Open Sans,sans-serif;font-size:1.5em;font-weight:300;width:65%;margin:1em auto}
.newsletter .social.twitter{background:none repeat scroll 0 0 #00ACED}
.newsletter .social a{display:block;left:30%;position:absolute;top:20%;width:40%}
.newsletter .social a img{max-width:100%;width:100%;transition: transform 0.3s ease-out 0s}
.newsletter .social a:hover img{transform:scale(1.1)}
.newsletter .social .social-box{bottom:20px;left:50%;position:absolute}
.newsletter .social .social-box.fb-like{margin-left:-45px}
.newsletter .social .social-box.twitter-follow-button{margin-left:-30px}
.newsletter .newsletter-form{background:none repeat scroll 0 0 #1E293B;float:left;padding-top:20%;position:relative;width:60%}
.newsletter .newsletter-form fieldset{height:38px;left:10%;position:absolute;top:10%;width:80%;border:none}
.newsletter .newsletter-form fieldset h2{color:#FFF;font-family:Open Sans, sans-serif;font-weight:300;width:100%;margin:0 0 1.5625em;font-size:16px;}
.newsletter .newsletter-form fieldset .fields{position:relative}
.fields .email{border-radius:10px 0 0 10px;outline:0 none;width:84%;border:0;left:0;position:absolute;padding:10.5px}
.fields .subscribe{background:none repeat scroll 0 0 #F0553B;border:medium none;border-radius:0 10px 10px 0;color:#FFF;right:0;position:absolute;padding:10px;transition:all ease 0.6s;}
.fields .subscribe:hover {background: none repeat scroll 0 0 #161616;}
</style>
<script type="text/JavaScript">
fontsize = function () {
    var abtSubs = $(".newsletter #form-newsletter").width() * 0.025; // 10% of container width
    $(".newsletter .newsletter-form fieldset h2").css('font-size', abtSubs);
};
$(window).resize(fontsize);
$(document).ready(fontsize);
</script>

Note:

After adding the above given code, you need to make some necessary changes for changing the user IDs. In the above code I have made 6 words in green, you need to change them as required.
The first two are for Facebook Username, the third and fourth for Twitter handle and the last two are for Feed burner ID. After making these changes you just need to Save your Template.


*Stay Blessed,Happy Blogging.

HOW TO DIVIDE/BREAK BLOG POST INTO DIFFERENT PAGES


Today i will teach you how you can split up your blog post into different pages and other wordpress blogs.To create engagement and to divide the posts in sections this method can be useful for you.And if you have very long post then you can use this method.My this method the long post will be split into too many short pages.

Method:


*You have to add this code in post editor.

*First open the post editor and switch to HTML tab.By default the compose tab is selected.

*After open the HTML tab copy the code given below and paste it in it.


<style>
.post-pagination {
    margin: 20px auto;
    text-align: center;
    width: 100%;
}
.button_1, .button_2, .button_3 {
    border: 2px solid #f4655f;
    font-weight: 900;
    padding: 6px 36px;
    color:#f4655f;
    transition:ease 0.69s !important;
}
.button_1:hover, .button_2:hover, .button_3:hover {
    background: none repeat scroll 0 0 #f4655f;
    color: #fff;
    text-decoration: none;
}
</style>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.button_1').click(function(){
jQuery('.content_1').fadeIn('slow');
  jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
return false;
});
jQuery('.button_2').click(function(){
jQuery('.content_1').fadeOut('fast');
  jQuery('.content_2').fadeIn('slow');
jQuery('.content_3').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
return false;
});
jQuery('.button_3').click(function(){
jQuery('.content_1').fadeOut('fast');
  jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeIn('slow');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
return false;
});
});
</script>

<div class="content_1">

Add content here

</div>

<div class="content_2" style="display: none;">

Add content here

</div>

<div class="content_3" style="display: none;">

Add content here

</div>

<div class="post-pagination">
<a class="button_1" href="#">1</a>
<a class="button_2" href="#">2</a>
<a class="button_3" href="#">3</a>
</div>



*Now replace the "Add content here" with the post/text you want in the respective pages and click on publish post.

Note:


Here is some points that you must need to note that is very crucial for this particular splitting.


*Make sure that you have jquery plug-in in your blog,if you don't have then don't worry.Just copy the code given below and paste it just below the <head> in your template in edit HTML option.


<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

*It is preferred that you first draft the post and at the last point add this code and make respective changes as due to changing of tabs from Compose to HTML and vice versa the code may automatically get changed.

*You may have got the idea of the code pattern and I guess one can add more pages if they want (here the tut is given only for 3 pages) in case you have any problem drop a comment below and I will try to help you as soon as possible.

*Now you have done,Happy Blogging,Stay Blessed.

Saturday, 2 May 2015

HOW TO ADD MULTI-COLOR POPULAR POST WIDGET FOR YOUR BLOG



You can add multi-color popular post widget in your blog.This is very simple.Popular Posts Widget is a Widget providing by Blogger and we can add it to our Blog. This Widget displays the Most viewed posts of your blog, that may be of Month or in Week or All the time. You can select how Popular posts are to be displayed.By default it shows an image(if the post has) and Title of Post followed by the content of post wrapped by 20-25 Words. This article is a tutorial to Style that Popular posts Widget to an Awesome Multi - colored Popular posts Widget. This trick is done using simple CSS3 rather than using complex JavaScripts. A great feature of this trick is each Post shown in each Flat UI color, so these colors catches your Blog visitor's eyes and they have the tendency to take that post even if the Post is not so good. Its an attractive widget for visitors.All you have to do is to just follow the steps and you can add this widget.

*First you have to do is to add the Popular Posts Widget.

*Go to Layout and click on Add Gadget.

*Now select Popular Post Gadget.




 

*Now click on Templates.

*Then click on Edit HTML.

*Now press (CTRL+F) and search for  ]]></b:skin>

*Now copy the script/code given below and paste it just above ]]></b:skin>

Script/Code:


<!-- Popular posts multi colored UI theme -->
#PopularPosts1 ul{margin:0;padding:5px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:5px 0;border:0;padding:10px}
#PopularPosts1 ul li:first-child{background:#ff4c54;width:97%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul li:first-child + li{background:#ff764c;width:87%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:84%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:81%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:78%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:75%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:72%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li +li{background:#f59095;width:69%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#c7f25f;width:66%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{position:absolute;top:20px;right:-15px;border-radius:50%;background:#353535;width:30px;height:30px;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:70px;height:70px;}
#PopularPosts1 ul li a{font-size:13px;color:#444;text-decoration:none}
#PopularPosts1 ul li a:hover{color:#222;text-decoration:none}
#PopularPosts1 img{
-moz-border-radius: 130px;
-webkit-border-radius: 130px;
border-radius: 130px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
padding:4px;
border:1px solid #fff !important;
}
#PopularPosts1 img:hover {
border-radius: 0 0 0 0;
-moz-transform: scale(1.2) rotate(-711deg) ;
-webkit-transform: scale(1.2) rotate(-711deg) ;
-o-transform: scale(1.2) rotate(-711deg) ;
-ms-transform: scale(1.2) rotate(-711deg) ;
transform: scale(1.2) rotate(-711deg) ;
}
<!-- popular posts multicolored UI theme -->.

*Before saving template.Click on Preview Template.

*Now save the Template.

*That's It.Please Like,Share and Comments.



 

Friday, 1 May 2015

MANY WAYS TO EARN MONEY FOR STUDENTS


Make Money With YouTube/DailyMotion By Creating Videos:

When ever it comes to best online video broadcasting the first word arrives in our mind is YOUTUBE/DAILYMOTION. It is the most used online video streaming website which is only one to rank among top 10 websites. So if you want to make money, YouTube/DailyMotion is an ideal place for you. You can create Video Tutorials, video blogging and can monetize it with Adsense. You will be paid not only for ad clicks but also for your video views. But to earn money with it, is to become Partner with YouTube which is the only problem for those who has no partnership program available in their country. List where YouTube partnership program is available.


By Blogging:

Well the easiest way to earn money is to entertain other by create a blog. You can start your blog on any specific niche which you like mainly i.e. Make money online, Blogger, WordPress, Designing and etc. But once your start blogging you must need to wait for 2 to 3 months to get the attention of audience. This is the only reason why new bloggers get dishearten due to no audience and hence stop blogging. So when ever you start a blog no matter if you get any audience in first few months do not stop blogging. Post at least one post per day, publishing multiple posts per day will multiply the chances of getting audience attention. To learn more about blogging see these links.
Polish Your Blogging Skills To Become a Professional Blogger
5 Basic Tips To Start Your Blogging Journey In Blogger As Beginner.

By Freelancer – Become A Writer:

Freelancing is the most desirable term for those who loves to write basically Freelancing means to write for others. And whenever you write a high quality article you get paid according to the rates. It is one of the best alternatives for students and housewives as:

*They can work when they like.

*They can select the parameters of working.

*They can work on the selected niche.

*They can work on the specific interest.

Make money with Hubpages/Squidoo :

Many people consider Hubpages and Squidoo, these are the leading blogging websites which allow users to monetize their articles with Adsense. You can write any article regarding any topic at Hubpages and Squidoo. Once you published your article and if it was highly professional then you will receive thousands of page views on your article and hence it will increase traffic to your Adsense. If you have an Adsense account then it’s worth considering.

So, this option is really good for those who don’t want to build their own blog from ground level. And any one who don’t know SEO but want to earn then these two sites are perfect for you. All you need to do is to associate your Adsense account with any of these websites and see your earning fly high.
  

Data Entry Jobs:

This is another most popular money making method which is vastly used by many people. You just need to type texts (All the Data is Provided), removing mistakes, correcting the format of article and etc. But some time it seems pretty boring but it’s worth considering.

Get Paid To Click Programs:

If you are a kid or a young teenager and you are unaware of the technology like Blogging, SEO, Article Writing and etc but you want to earn online then Paid to Click is the simplest way of doing that. In paid to click programs all you need to do is to click on advertisements and for clicking each advertisement you get paid, simple enough. But it also has some problems like

*The quantity of Advertisements is very less.

*You only get 4 to 5 advertisements per day.

*You only receive 0.01 bucks for per click.

*But on the other hand, if you have an entire online community of friend then you can refer it to your friends and if he register on the site with your refer and he start working on Paid to Click Program then you will get 50% commission for referring your friend.

Earn Money With Adsense:

Adsense is the top most advertising program. If you have a blog and you site has good traffic then it’s worth considering Adsense. It is a Paid To Click program, if any one clicks your advertisement you get paid.

By Selling Products On EBAY And AMAZON:

Ebay and Amazon are the leading website where people put advertisement to sell their products. And if any one likes your product then buyer will contact you to purchase the item. If you are good in buying products then you can perchance a product in cheap rates and sell the same product in high price and can enjoy the profit!



Affiliate Marketing:

Affiliate is one of the simplest ways to earn, it refers to Affiliate marketing to promote a certain product or service to customers. For instance: If I bought a specific product and after going through, I recommend the same product to you. And I ask you to buy the product with my referral. When you buy it, the product company will pay me a certain percentage of your purchase, which is known as commission. This chain would keep on going, if you continue to refer others

The all time popular affiliate companies like eBay, Amazon and etc also works same as mentioned above. You might be interested in this
Maximize Your Earning With New Google Affiliate Ads
So it’s my only hope that these eventful ways would lead you to earn more money online. But to earn online it’s important to stop wasting your time on un colorful stuff like Facebook, gaming, social media and etc. It does not bring any thing to you instead it takes your precious time. So I hope these ways will bring dazzling experience to you and you’re earning. So guys this is it, Peace blessings and happy earning.

*Please Like,Share and Comments. 

HOW TO WITHDRAW MONEY FROM PAYPAL ACCOUNT IN PAKISTAN/ANYWHERE


Online marketing grow up day by day in the top developmental counties. Like foreign counties, Pakistan is not left behind in the field of technology and blogging world. A youngest teenager can able to make more than 100 dollar with internet in Pakistan. However there are some issues for all those bloggers how are earning online and belonging to Pakistan.  Pakistan is a single country where there is no strong online payment mechanism or withdraw services. You might know PayPal is one of the finest and real payment processor service used by all over the world but due to certain conditions, unfortunately PayPal could not be easily provided for Pakistani People. And this is one of the biggest problem for all over Pakistani Bloggers and Web designer to how get their money from different online marketing sources.


Couple of days i am receiving emails from Internet earners, most of them were special from Pakistan. They ask about how to withdraw money from PayPal in Pakistan. So if you are also curious to know, what is the basic method to get fully verified PayPal account and get online payment through Paypal in Pakistan, then you are at the right place. This step by step tutorial will guide you, how to get your PayPal money in Pakistan by using Payoneer payment service.

About PayPal ? What is It ? 

In the above para i have discussed little bit but let me tell more about PayPal. It is an online payment processor which are used for receiving or transferring the money online all over the globe. PayPal is recommended by most of advertisers and publisher and they are so happy with their service. Thats why PayPal is now the largest and international payment processor on the web.


How To Get Verified PayPal Account In Pakistan ?

To get money from PayPal you must have fully verified PayPal account otherwise it won't work. Remember an unverified PayPal account does not provide the withdraw option. Means you will not be able to withdraw your money. So before going something in vain,  you should must know how to verify your PayPal account in unsupported countries. 

To get the fully verified PayPal account in Pakistan you will have to join another US base payment processor named, "Payoneer" without Payoneer it is difficult to verify your account. So in this guide we will show step by step how to verify your PayPal account via Payoneer in 6 steps.



Below are some useful 6 steps which you will have to follow to get verified PayPal account. Follow these steps hope this will surely work for you, if you did not understand at any point then you can feel free to ask.

* First of all apply for PayPal account ( we will verify it later in step 5 )

* Second thing you will need apply for Payoneer account along with Debit Card:

* Get fully Approved Payoneer Debit Card:

* Apply for United State Payment Processor ( US Bank ) 

* Verify You PayPal account:

*  Now Easy To Make Your First Withdraw.


Step 1:  CREATE PAYPAL ACCOUNT:


The process begins from here. First you will need to apply for Paypal account. Make sure you must select the USA for the country option. Insert all fake USA addresses like, country USA, address Newyork city Washington DC and your fake mobile number. You can get all the fake information by Google map. Now you have successfully unverified PayPal account which is out of work yet.

To withdraw your money from PayPal it should must be verified completely. For verification, we will create a payoneer account.

Step 2:  Apply For Payoneer Account: Along With Debit Card


Payoneer is another payment processor or online withdraw money service used all over the world. It is not like PayPal which is unsupported by many countries. Payoneer still works in every corner of the world.

Apply for Payoneer account: and get debit card by showing your Identity:

In the beginning when you apply  for Payoneer account they will ask to prove your identity. They will email you, to prove your identity by uploading your scan ID Card (Identity Card) and reply that ID Card back with email. within few days they will review your ID Card and you will get reply from them, Now you have been successfully verified your Payoneer account.


Step 3: Get The Payoneer Debit Card

After getting verification your Payoneer account. They will send you a debit card to you within 30-40 days. Make sure, you must have to get the Payoneer debit card, otherwise you won't verify your PayPal account. It is obviously important to have Payoneer debit card to get fully verified PayPal account. Because in future we will need to add the Payoneer debit card details for PayPal verification.

Step 4: Apply For USA Payment Service (First Century Bank)

Here, you must be worried about how can we get the USA Payment service. Don't worry, Every Payoneer Debit Card holder automatically eligible for US payment service ( online bank) by giving all the right information which have founded on your debit card. These all information will be given once they emailed you, are you interested to join the US Payment Service (First Century Bank in USA). In other words we can say, the debit card holder will have allocated account in USA payment service ( first century bank) via payoneer itself, when you give all the correct information of your debit card. You will just need to give all the right information by filling the form. 

Step 5:  Verify Your PayPal Account Now

We have been created PayPal account but that was not verified yet (In Step 1). So if you don't have a  PayPal account, first create that, and then will go to verify it completely by giving the US payment service (First Century Bank) detail.

Open your PayPal account and then click on verify. You will be asked for giving the information about you and the US payment service (first century bank). Now simply verify the PayPal account by entering all the right information of your Payoneer Debit Card Bank Account:

Payoneer Debit Card will be now your US Bank Account.

Step 6: Withdraw Your Money From Paypal In Pakistan

Congratulation.Now you could easily make your withdraw from your PayPal account in Pakistan. To do so you will further need to follow the below 2 steps. You can't make withdraw directly from PayPal account, there must be source like ATM, Bank Account etc.


Now you have money in your PayPal Account.
Transfer your PayPal money (funds) to your Payoneer Account.
Payoneer account have already provided a debit card to you. Now once you transferred your money from PayPal to payoneer then you can withdraw this funds with payoneer debit cards via ATM. 
Insert your Payoneer Debit Card to the ATM any of these banks. Payoneer supported  MCB, Standered Charted bank and City Bank etc. Hope you will be able to make your first withdraw in your own country.

*Please Like,Share and Comments.Thanks.

Thursday, 30 April 2015

HOW TO STOP SPAM COMMENTS IN YOUR BLOG



Are you receiving dozens of spam comments on your blogger blog ? If yes, then read this tutorial to get rid of spammers landed on your blog. As usual every blogger and webmaster try to build hard readership with other ones by leaving valuable and quality comments on their blog and websites, which is one of the best and ethical example to make readership. However, most of bloggers special newbies ( new comers ) constantly leaving comments by inserting blog url in the comments body which is not only effected blog SEO but it could also consuming our previous time to delete all those spammer comments.

Newbies are still unaware, and sometime they might be wondered when their comments are deleted or removed before appearing on the blog or website. This all happen just because they always insert blog or post url in the comments body which is not good in the eyes of blog admin and deleted all these spam comments immediately. Recently one of our users asked, How to prevent spam comments on blogger blog except quality comments. So in this article, we will guide you how to stop spam comments on blogger.


Stop spamming comments on every CM platform is not much harder as you think. WordPress is the father of all rest CMS platforms which provides splendid plugins for detecting spamming comments and hold-up such comments for moderators until the blog admin decide to approve them. So this could be controlled easily in WP blogs, But now due to the introducing advance layout of blogger interface, Google official Included new additional feature inside Post and Comments category which is called Comments Moderation By making certain changes in the comments moderation option list, you will be able to stop all spamming comments on your blogger blog instantly.

How To Block:

All you have to do is to just follow the steps given below.And you will be able to stop spam comments.Yes it is too easy.

*Go to blogger Dashboard.

*Click on Setting.

*Now click on comments and posts.



 

*Now you will see Comment Moderation.

*Select/Click on Always.

*Now click on Save Settings.

*Now whenever someone comments on you blog, it will be automatically hold-up for moderation and will be published as soon as the blog author/admin approve them manually.

*Now according to the above installation, A blog author has full rights to delete your comments before appearing your comments on the blog. 

*Please Like,Share and Comments.

HOW TO ADD PAGE PAGINATION IN YOUR BLOG


This trick is very important for your blog and i think everyone want this trick in their blog.Now i am going to tell you how to add page pagination in your blog.Are you still wondering that how most of the famous blogs are using numbered pagination, instead of displaying older and new post buttons at the bottom of every Blogger archive page? Recently, one of our users asked us, How to add Numeric Pagination in Your Blogger Blog? We have been using number pagination on Counterstriq Blog for quite a while now, and from our experience it gives you 10 times better page views than the older and newer post button. It is more user friendly, attractive, and SEO friendly. Most of the advance Blogger templates like Templateism comes with builtin Numeric pagination. In this article, we will show you how to add numbered pagination in your blogger blog?.This is very simple and interesting trick.All you have to do is to just follow the steps given below.


*First Login to your account.

*Go to blogger dashboard.

*Then go to templates and click on EDIT HTML.

*Now press (CTRL+F) and search for ]]></b:skin>

*Now copy the code/script given below and paste it just above ]]></b:skin> 

Script:

.showpageNum a {
background: #02ab68;
padding: 5px;
padding-left: 10px;
border: 1px solid #b9b9b9;
padding-right: 10px;
margin-right: 5px;
color: #000;
font-weight: bold;
}
.showpage a {
background: #02ab68;
padding: 5px;
padding-left: 10px;
border: 1px solid #b9b9b9;
padding-right: 10px;
margin-right: 5px;
color: #000;
font-weight: bold;
}
.showpageArea {
float: left;
}
.feed-links {
display: none;
}
.showpageArea a {
float: left;
font-size: 15px;
color: #fff!important;
padding-left: 15px;
padding-right: 15px;
}
.showpagePoint {
float: left;
font-size: 15px;
padding-left: 15px;
padding-right: 15px;
}
.showpageArea a {
text-decoration: none;
}
.showpageArea {
float: left;
width: 363px;
margin-top: 10px;
}

*Now once the style sheet is added to your template. 

*It is the time to add the JavaScript coding that would turn the ordinary looking order/newer post buttons into a robust and user-friendly  numeric pagination.

*Now search for  </body> 

*Now copy the code/script given below and paste it just above </body>  

Script:

<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=6;
var displayPageNum=6;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='https://mirocine.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if>
</b:if>
<!--Page Navigation Ends -->

*Now congrats page pagination has been added in your blog.

*Thanks for visit, please like,share and comments.

Contact Form

Name

Email *

Message *

 
biz.