How To Add Subscriber Button To Blogger?

The RSS subscribe button let’s your visitors to subscribe and easily add your blog to their favorite RSS services. When visitors like your content and want to read your blog through RSS news readers then they will click on the RSS feed button on your blog.

So to add a subscribe button to Blogger, you need to find a big, beautiful RSS icon. Download it and upload it to your image hosting service and get the URL. Like the above image.

Adding The Subscribe Button

  •  Now go to Design > Page Elements tab and add a "HTML/JavaScript" gadget. 
  • Add the following code into it and save it. You can also write something into the widget to tell your readers to subscribe and then paste the following code:

    <a href=" Feed Address" 
    title="Subscribe to RSS"><img alt="Subscribe to RSS"
    /pxusYgKjxu4/s800/feed-icon-orange-48.png" /></a>

    Change Your Feed Address with your feed URL. Generally your post feed URL will be:
    But if your feeds are redirected to FeedBurner, then it will be your FeedBurner URL as:
    Some of you may also want to add comment RSS, it’s URL will be:
    If you want to change the image then find the below URL and change it with your hosted image: 
     Hope you got the steps. Drop a comment! ^^

    read more "How To Add Subscriber Button To Blogger?"

    The PLDT TELPAD Features And Specs

    Recently, PLDT announced its new landline service called PLDT TelPad, a landline and broadband DSL service packed in an Android Tablet.

    The PLDT TelPad is and Android 2.2. Froyo tablet powered by a 1Ghz Cortex A8. That means users can download apps and play on the 7-inch tablet. It comes with a 2GB internal storage but there’s an SD card slot and a USB port to extend that.

    The TelPad also carries a 2-megapixel front camera for still shots and videoconference calls. I think calls can be made via a Bluetooth headset. It also comes with a dock for charging and an HDMI port that can be hooked into your TV.

    Uses Of  The PLDT TELPAD:
    • You can make and receive calls through the handset or the tablet.
    • You can surf the net. Update your Facebook status, watch and listen videos in Youtube, check your e-mails and all internet needs in touch.
    • You can watch videos, view photos, play games and enjoy music in your Telpad.
    • You can get exclusive access with the PLDT services in your Telpad anytime.
    • You can experience the best in Telpad technlogy with ANDROID 2.3 GINGERBREAD OS.
     Key Features Of The PDLT Telpad ( AD-1000A)

    • Customized PLDT Homescreen
      • The homescreen features an interactive PLDT Wave live Wallpaper that reacts to the touch of the user. Cool huh! It also has a specially designed sleek dock at the bottom of the homescreen to effortlessly access the Dialer and Favorites.
    • Customized Notification Bar
      • The drop down notification bar can be accessed anytime. It contains a switch widget that allows easy turning on or off and adjustments of common setups.
    •  Customized Soft Keyword
      • A larger keyboard on the screen makes typing letters and numbers more accurate and less difficult. This is nice!
    • Memory
      • 2GB Built-in
      • 512 MB RAM
      • 32 GB Standard SD
    • Wireless and Cellular
      • WiFi - 802.11 b/g/n
      • Bluetooth 2.1 +EDR
    • Software and Processor
      • Android Gingerbread 2.3
      • 1 GHz Cortex A8
    • Preloaded Applications
      • Twitter
      • Facebook
      • Youtube
      • Angry Birds
      • Raging Thunder Lite
      • Frozen Bubble
      • Gmail
      • Google Search
      • Google Maps
    Other popular applications can be downloaded in the Android Market. Includes Skype, Yahoo Mail, Yahoo Messenger and More.

    For more info, you can visit the PLDT Telpad microsite here:
    or visit their facebook page here:

    So what are you waiting for?

    Grab the new PDLT Telpad now and experience the Tomorrow's landline in Today's home!
    read more "The PLDT TELPAD Features And Specs"

    How To Show Google Adsense Ads Below Post Title?

    Every Google Adsense publisher aims for a high CTR (click through rate) from the ads shown in their blogs. But how do we really increase the ads CTR shown in a certain blog? That will be answered in this tutorial so keep reading.

    The “heat map” image above illustrates the ideal placing of ads on a sample page layout. The colors fade from dark orange (strongest performance) to light yellow (weakest performance). So it’s clear from the heat map that the Google Adsense ads below post title can bring high CTR.

    Showing Google Adsense Ads Below Post Title

    I. Preparing Adsense Ad Code

    1. Log in to Google Adsense (opens in  tab/window) to create a new ad unit. 
    2. For best results choose wide ad size -either 300x250 Medium Rectangle or 336x250 Large Rectangle format. Make sure you assign a new ad channel to it for performance monitoring purposes.  
    3. When the setup is complete, click get code and save below the ad setup.
    4. Run the code through an HTML escape tool to escape special characters in the code. The ad won’t appear if you use the original unescaped ad code. 
    5. Copy the escaped code. 
    II. Adding The Ad Code In The Template

    1. Go to Dashboard > Design > Edit HTML
    2. Click on the  Expand Widget Templates check box on top right of the HTML window. 
    3. Look for the following line in your HTML code: 
     <div class='post-body entry-content'> 
         4.  Paste the escaped ad code right below the line, like so:

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
              the conditional tag in lines 1 and 3 will make the ad appear only on post pages. If you want the ad to appear on all pages, just remove the lines.

          5.  Preview the blog, then SAVE it if the added code was implemented successfully.

    III. Monitor Ad Performance

    Make sure you monitor the ad performance. Don’t automatically assume it succeeds in increasing CTR without seeing the actual results.

    No two blogs are the same, what works on most blogs may or may not work on yours. If you don’t see positive changes, test again with different ad types, formats, colors and/or placements.

    Drop us a comment! ^^

    read more "How To Show Google Adsense Ads Below Post Title?"

    How To Add Read More Function On Blogger Without Thumbnail?

    I had my post about adding Read More function on blogger with thumbnail recently. (You can check it here.) This Read More function is also known as Expandable Post or Display Summary Post hack. This is a display summary post hack without thumbnail. This trick on the blog html is for those who doesn't like posting images in their blog posts.

    1. Go to Layout > Edit HTML in your Blogger dashboard and check the "expand widget templates" box.

    2. Find the closing </head> tag in your blog template, and paste the following section of code immediately before it:

    <!-- JavaScript Posts Summaries -->
    <script language='javascript' src='' type='text/javascript'/>
    <script language='javascript' src='' type='text/javascript'/>

    <script type='text/javascript'>
    $(document).ready(function() {

    slicePoint: 450, // default is 100
    expandEffect: &#39;fadeIn&#39;,
    expandText: &#39;[...]&#39;, // default is &#39;read more...&#39;
    userCollapseText: &#39;[^]&#39; // default is &#39;[collapse expanded text]&#39;

    <!-- End JavaScript Posts Summaries -->

    3. Now, find this section of code (or similar) in your template:

    <div class='post-body entry-content'>
    <div style='clear: both;'/> <!-- clear for photos floats -->

    4. Replace the above section of code in with the following instead:

    <b:if cond='data:blog.pageType != "item"'>
    <div class='excerpt post-body entry-content'>
    <div style='clear: both;'/> <!-- clear for photos floats -->
    <a expr:href="data:post.url">Read More..</a>
    <div class='post-body entry-content'>
    <div style='clear: both;'/> <!-- clear for photos floats -->

    5. Preview the template, if you can see the Read More... link then SAVE it.

    Drop us a comment! ^^

    read more "How To Add Read More Function On Blogger Without Thumbnail?"

    How To Add Read More Function On Blogger With Thumbnail?

    Blog owners want their blog to look good to their visitors and making their blog look clean and presentable is the best thing to do. A lot of bloggers are searching for ways on how to add Read More function to their blog. Meaning , shortening their post on the main page. This will make the main page or homepage more presentable and good to look at. So here is a good trick to the blog html and enable Read More function with thumbnails (if you don't want any thumbnail in your post summary then go here). Some call this the blog post expandable hack.

    Read More Function with Thumbnail Screenshot Image

    Adding Automatic Read More Function with Thumbnails on Blogger

    1. Now Login to Blogger Go to Layout > Edit HTML in your Blogger dashboard and check the "expand widget templates" box.

    2. Find the closing </head> tag in your blog template, and paste the following section of code immediately before it:

    <script type='text/javascript'>var thumbnail_mode = "no-float" ;
    summary_noimg = 430;
    summary_img = 340;
    img_thumb_height = 100;
    img_thumb_width = 120;
    <script type='text/javascript'>
    function removeHtmlTag(strx,chop){
    var s = strx.split("<");
    for(var i=0;i<s.length;i++){
    s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
    strx = s.join("");
    chop = (chop < strx.length-1) ? chop : strx.length-2;
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
    strx = strx.substring(0,chop-1);
    return strx+'...';

    function createSummaryAndThumb(pID){
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
    if(img.length>=1) {
    imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
    summ = summary_img;

    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
    div.innerHTML = summary;


    Note: In above codes you can change the numeric numbers according to your needs.

    summary_noimg = 430; is post cut height without image
    summary_img = 340; is post cut height with image
    img_thumb_height = 100; is thumbnail image height
    img_thumb_width = 120; is thumbnail image width

    3.  Now find the code <data:post.body/> in your template and replace it with below codes.

    <b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/>

    <b:if cond='data:blog.pageType != "item"'>

    <div expr:id='"summary" +'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb("summary<>");
    </script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more "<data:post.title/>"</a></span>

    <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

    4. Preview your template. If it's showing thumbnail with read more function on your blog posts then you can SAVE it.

    Note: To show thumbnail, you should have at least one image in your blogger post and please upload the js file to your server and don't forget to change the link with yours in codes to make this hack work.

    Drop a comment if you have something to say! ^^

    read more "How To Add Read More Function On Blogger With Thumbnail?"

    Related Posts Plugin for WordPress, Blogger...

    Recent Post


    Tag Cloud


    Random Posts