Chủ Nhật, 28 tháng 10, 2012

How to have labnol like Newer and older post in blogger

 



Most of the blogs will have Older Posts or Newer Posts after the article or in the footer section.


  You can replace it with post titles by following some simple steps.


1)  Sign in to your Blogger Dashboard.

2) Click on the blog you want to change ( In case you have more than one blog )

3) Click on template.

4) Take a back up of the template and then proceed.

5) Now click "edit HTML" and proceed.

6) Find </head> ( Use CTRL+F )


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

8) Save the Template.

9) Now go to the Layout.

10) Click " add gadget " and click " HTML/Javascript "

11) Now copy the code below and paste it in the gadget and save it.


<style type="text/css"> #blog-pager-newer-link {font-size:85%;width:200px;text-align:left;}
#blog-pager-older-link {font-size:85%;width:200px;text-align:right;}
</style>
<script type="text/javascript">
$(document).ready(function(){
var newerLink = $("a.blog-pager-newer-link").attr("href");
$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {
var newerLinkTitle = $("a.blog-pager-newer-link").text();
$("a.blog-pager-newer-link").text("<< " + newerLinkTitle);
});
var olderLink = $("a.blog-pager-older-link").attr("href");
$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {
var olderLinkTitle = $("a.blog-pager-older-link").text();
$("a.blog-pager-older-link").text(olderLinkTitle + " >>");//rgt
});
});
</script>

12) Now you will see the Post title instead of Older and newer post as shown below in the screenshot.




Read More

How to get free +2500 backlinks to your blog/website

Most of us have seen website value calculators and whois search, pages that link to our domain and show up in the search engine results when we search for our domain name. The main aim of getting Backlinks are to rank top in the search engine.
Now a days as many blogs are got affected by Panda update and lost their traffic. It is the best and automated way to get some backlinks/link popularity which is provided by IMTALK.

2500 Free Backlinks

In this tool the script creates pages about your website/blog which is resulting in about 2500+ different pages with backlinks pointing back to your website. In this some of them are no-follow and some are do-follow.

This tool creates page in well established websites which regularly crawled by Google and other Search Engines. By this your website/blog will get backlinks/link popularity, will be visited and indexed more frequently by Googlebot and other search engine bots like Yahoo, Bing, etc.


How to use this Tool : 



Step 1 : Just visit this Website IMTALK
Step 2 : You will get the tool named IMT Website Submitter, which is something like below.

2500 Free Backlinks

Step 3 : Enter the Required fields, i.e. Website/Blog URL, Keyword, select the number of pages to be created and then click submit.

Step 4 : Now this tool creates the page and will also be pinged. That means backlinks/link popularity are being created which is something like below.

2500 Free Backlinks


Note : Please do not interrupt till it counts to the selected number of pages.


Step 5 : By this way we can create 2500 Free Backlinks or a Link popularity, enjoy fast crawling and high ranking in Search Engine.
Read More

Thứ Năm, 18 tháng 10, 2012

How to add unique like and tweet box for all post in blogger homepage

How to Add Like & Tweet Box On Every Single Post On Blogger Homepage
Today, this easy tutorial will guide you "How to Add Facebook Like and Twitter Tweet Buttons Box On Every Single Post On Blogger Blog Homepage?". I am sure your readers will like these buttons on your blog. Because social networking is the most powerful way for increase traffic to your blog.

Facebook Like, Twitter Tweet and Google +1 are the three main online systems for spreading your post all over the world, more likes and tweets you have more post is shared and you will get more views. Make your blog more attractive by adding these buttons with the help of simple CSS code.

How to Add Like & Tweet Box On Every Single Post On Blogger Homepage

  • Go to Blogger Dashboard > Template > Edit HTML > Proceed
  • Take Backup Of Your Template Before Make Any Changes
  • Now Click Expand Widget Templates and Press Ctrl + F and Search For ]]></b:skin> Code and Paste The Below Code Right Above It.   

     .post-homepage-share{box-shadow: 0 5px 5px -5px #999;-webkit-box-shadow: 0 5px 5px -5px #999;-moz-box-shadow: 0 5px 5px -5px #999;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;float:right;width:130px;height:65px;background: #f9f9f9;border:1px solid #ddd;margin:5px 0 0 10px;padding:5px 10px 2px 0}
  • 3. Now again make a search for <div class='post-header'> and paste the below code right below it.
<b:if cond='data:blog.pageType != &quot;item&quot;'><div class='post-homepage-share'><span style='float:right'><a class='twitter-share-button' data-count='vertical' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'/></span><span style='float:right;padding-right:5px'><div class='fb-like' data-font='verdana' data-layout='box_count' data-send='false' data-show-faces='false' expr:href='data:post.url'/></span></div></b:if>
  • If you already had facebook and twitter pulgin avoid this step.Place this code before </head>
 <script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>

Now codes are placed and you can save your template, now refresh your blog and see if like and tweet box has loaded or not, if you think that the box is getting too much up or too much low you can change the margin value in the above code in red color.

Note : Using these Like and Tweet for every single post on your blog may make your blog a little slow, as everytime a person loads your homepage additional requests for like and tweet buttons will be carried out so try using it if it fits best than enjoy :)
    Read More

    Thứ Tư, 17 tháng 10, 2012

    Make your blog popular with Google plus

    Google Plus
    Google+, though still young, has become a powerful social media tool which combines common searches with the community of social networkers now utilizing the opportunities Google has given them. Creating circles of friends, colleagues, VIPs and a collection of public interests, the site has given businesses a new opportunity to bring traffic through their website.
    Unlike traditional social media website, Google+ ties its searches in with the community surrounding your profile and business pages. This means that people connected to you through Google+ are more likely to see your pages and your brand than ever before.
    What this means for businesses is that driving traffic to your website is profoundly easier and therefore Google+’s features should be embraced in order to access this new chance to push your brand recognition in the public forum.
    But what features are different to what’s already offered on the social media table? What sets it apart and which should you be focusing your efforts on to build your business?
    The first job is to look at who you are as a company. What’s important to you, how do you define yourself, what are you offering, how do you want people to perceive you? By answering these initial questions, it will become clearer in your mind as to which direction your Google+ campaign should take and which features will work best for your business plan.
    Here’s a helping hand to start you on your way to understand where your efforts should lie.

    Google+ Local

    Formerly Google Places, Google+ Local is a new way of tying in offline and online businesses so that local and small companies to improve their visibility on the web. Offering a chance to snap up your geographical location, Google+ shows your business in local searches and through their mapping programs.
    What this means for you as a small business, is that if you want people to understand the services you’re providing and visit your bricks and mortar store, you need to be available online through Google+ for potential customers to find you in a search and read reviews and recommendations associated with you.
    This new geo-targeting system is designated to locating you both on and offline. Combined with your own webpage, you can use Google+ Local to help people understand where you are and then to visit your site for further information. It’s a fantastic way to tie the two in together so that local people can understand your business a little easier.

    Google+ Badge

    Similarly to Pinterest and Facebook ‘like’ buttons, the +1 button offered by Google+ is a way to knit this social network and your website together. Google+ will supply you with the code to implement on to your website so that customers can add you to their Google+ circles and therefore access any posts, events, photos etc that you release on your Google+.
    This is an ongoing cycle. By visiting your website and +1ing your page, they then have further access to your site when they see something of interest. It also means that others in their circle can see releases from your site and that these customers have the propensity to share your information with their peers. It creates a fantastic snowball effect for gathering customers.

    Google+ Events

    Although other social networks offer an event system, it is targeted mainly at people they already know. The beauty of creating an event in Google+ is that the public can share this and add to it as part of a community. www.theschoolofinternetmarketing.com explicitly states the importance of community in marketing your products online. It allows the sharing of information and peer reviews which engage new audiences and create a reputation around your brand.
    With Google+ events, the community can add their own photos and interact in one place concerning the event your business has posted. Say for example, you’re a bar which is hosting a live gig, you can post the event there, invite relevant people and local people and encourage interaction prior to the event, and photo sharing after the event for future encouragement for those who couldn’t make it.
    But it doesn’t end there. It is a great way to mix up your postings on your page as events can be created for all types of businesses. Perhaps you are a clothing company having a sale; why not invite people to the sale? This gives you an opportunity to not only let people know of your sale, but also for them to be persuaded to hit your website.

    Engage and Converse to Improve your SEO

    With Google+ being tied in with search terms, it means that your conversations and posts are monitored for keywords and SEO search terms, assisting with your SEO campaign.
    As a business, you should be posting engaging releases which are a mix of multimedia: videos, photos, links etc. This keeps your target audience engaged with what you’re posting, rather than overwhelmed by excessive text. By implementing keywords, this will help improve your rank on Google as Google+ is heavily tied into searches; people in your circles will automatically see your details on the first pages as they’re linked to you. The significant point here though, is that it is vital to use keywords that aren’t industry jargon but real search terms. For example, say you’re providing Genesis Themes for WordPress, it’s important to recognize that people are more likely to search ‘WordPress themes’ or ‘website layouts’ and your keywords should be altered accordingly.
    Additionally, when finding trending conversations and joining them to improve brand and company awareness, try to also use key terms in order to add to your significance in Google rankings.

    About The Author
    All credits goes to chandeep of blogtipsntricks.com
    Read More

    Thứ Hai, 8 tháng 10, 2012

    How to make a link to open 30 time in a single click

    Hello friends! As you all might have open your respective blogs already, Tell me what is the most difficult challenge in blogging? Probably (according to me) it's traffic ya. I mean other things like writing posts, designing a good blog, etc. comes under our knowledge, but getting plenty of traffic is really hard. Just we open a very informative blog but others don't see it, then what's that blog value?
    It's a complete zero. So today I am going to unleash a very useful trick to you all. This tutorial will increase the pageviews of you blog by 4x. Can you believe that? You may not, but it's really the true fact. 
    increase-visits
    What are you waiting for. Procure below very fast.

    (NOTE:You guys must have at least some traffic initially. This trick only work for those who have a bit traffic initially.)

    What it does is that you will keeping a button with a link and as soon as somebody clicks on it your site will be opened at once in more than 30 tabs/windows. Now say me wont your site pageviews be boosted. Let's proceed then;

    • Go to your dashboard.
    • Be forwarded to design>layout.
    • Click on Add A Gadget in the place where you want to place the link.
    • Scroll down and click on Html/Javascript.
    • Copy the below code and paste it in the content box
    <script>
    function open_win()
    {
    for(i=0;i<=750;i++)
    window.open("http://truebloggertricks.blogspot.com");
    }
    </script>

    <form>

    <input type="button" value="Click Here" onclick="open_win()" />
    </form>

    1. Change "http://truebloggertricks.blogspot.com " to your own blog URL.
    • Finally click on save button and you are done.
    You can also keep this button in a post or anywhere you desire. For it just paste this code by switching to HTML mode(for editors) and if it already then directly paste the code.You can use this trick while commenting in other blog
    A live example of this tutorial is given below. Clicking on the button below will open Truebloggertricks home page many times.



    I hope you enjoyed the tutorial.
    Read More

    Thứ Hai, 1 tháng 10, 2012

    Spiceupyourblog like comment design in blogger

    Spiceupyourblog is a beautiful blog with unique design.Paul crowe is owner of that blog.I also shared spiceupyourblog template in previous post. In this tutorial you will learn how to make your blogger comment system design like on Spiceup your blog.
    SYB is well designed by Paul Crowe. But the comment system design is one of the best thing we find in SYB, the design and it's look makes the comments easier to understand. 

     

    You can also see the Demo here

    To make this type of comment system is very simple.Just you have to do 2 steps
    • Enable threaded comment in your blog
    • Applying CSS in your template

    Enable threaded comment in your blog:

    1. Blogger Dashboard > Select the Blog that you want to enable the Threaded Comments
    2. Go to Settings > Posts and Comments
    3. Comment Location option set to Embedded
      Enable Official Blogger Threaded Comments
    4. Go to Settings > Other 
    5. Allow Blog Feed option set to Full
      Enable Official Blogger Threaded Comments
    Still not getting Threaded Comments?

    Backup your Template before going to change any thing.

    Method 1:

    You will lost all Changes in Blog Posts and Widgets. like, Adsense Ads inside Post,Post Footer changes, Share Buttons, Signatures etc,.!!
    1. Go to Design > Edit HTML
    2. Click on Revert widget templates to default link
    This will Discard the all Changes Widget and revert to Default. This is Best suitable for non Custom Templates.

    For Custom Template Follow the Method 2

    Method 2:

    1. Go to Template > Edit HTML
    2. Click on Expand Widget Templates Check box
    3. Find the Following code.
      <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <b:include data='post' name='comments'/> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:include data='post' name='comments'/> </b:if>
    4. You will get Two results. one is belongs to mobile template and other is belongs to web Template.
      Replace it with the Below Section of Code on both mobile and web template.  

      <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if>
    5. Save the Template!

    Applying CSS in your template :

    It can be done easily with CSS. You can make changes to the CSS if you understand what you are doing or you may just ignore making any changes. Follow these Instruction to add this long CSS
    1. Go to Blogger Dashboard 
    2. Now click on the Template tab
    3. Click on the Customize button
    4. Select the Advance tab > scroll down and Add CSS 
    5. Now you will see a textarea on right side, this is where you have to paste the HTML
      @font-face { font-family: 'Philosopher'; font-style: normal; font-weight: 400; src: local('Philosopher'), url(http://themes.googleusercontent.com/static/fonts/philosopher/v4/OttjxgcoEsufOGSINYBGLYbN6UDyHWBl620a-IRfuBk.woff) format('woff'); } .comment .avatar-image-container { border: 1px solid #B6B6B6; max-height: 70px !important; margin-top: -5px; width: 70px !important; position: relative; z-index: 50; } .comment .comment-block { margin-left: 75px !important; } .comment .comment-header { background: none repeat scroll 0 0 #A9F5D0; color: #333; font-size: 15px; font-weight: bold; margin-left: 60px; } .comment .comment-header a { color: white !important; text-decoration: none; } .comment .comment-content { background: none repeat scroll 0 0 #FEFFF9; border-bottom: 2px solid #E6E6E6; font-size: 14px; margin: 0 0 30px; padding: 5px 5px 10px 10px; } .comment .comment-actions a { background: none repeat scroll 0 0 #DDD; color: #333; display: inline-block; line-height: 1; margin: 0 3px; padding: 3px 6px !important; text-decoration: none; } .comment .comment-actions a { background: none repeat scroll 0 0 #DDD; color: #333; display: inline-block; line-height: 1; margin: 0 3px; padding: 3px 6px !important; text-decoration: none; } .comment-header cite { background: none repeat scroll 0 0 #DF7401; border: 1px solid white; color: white; padding: 2px 20px; position: relative; z-index: 99; margin-left: -20px; } cite.blog-author { background: none repeat scroll 0 0 #8181F7 !important; } .icon.blog-author { display: none !important; background: url("") no-repeat scroll 0 0; margin-left: 90px; width: 60px !important; height: 60px !important; position: absolute; right: 5px; bottom: 5px; top: 10px; } .comment .comment-header { color: #333; font-size: 15px; font-weight: bold; } .comment .avatar-image-container img { border: medium none !important; height: 70px !important; width: 70px !important; max-height: 70px !important; max-width: 70px !important; } .comment .comment-actions a { background: none repeat scroll 0 0 #DDD !important; color: #333 !important; display: inline-block !important; line-height: 1 !important; margin: 0 3px !important; padding: 3px 6px !important; text-decoration: none !important; font-size:16px; } .comment .comment-actions a:hover { background: #CCC !important; text-decoration: none !important; } .comments { font-family: 'Philosopher', arial, serif !important; font-size: 1em; color: black; } .comments .continue a { display: block !important; font-weight: bold !important; padding: .5em !important; color:#E34600; font-size:16px; } .comments .continue a:hover {color:#4D3123;text-decoration:none;} .item-control { display: none !important; } .comments .continue { border-top: 2px solid transparent !important; }
    Then open your blog and see the comment system.If it does not works for you,please comment below.
    Read More
    Được tạo bởi Blogger.