Saturday, April 11, 2009

Tips for using Blogspot.com

Since this is my First Blog, I did a lot of research vi Internet and try to build a nice, friendly blog. So now I would like to share those nice feature and tips with all of you:


  • Making Read More plus the title of article

  • Adding Digg Button into you post page

  • Creating Categories Gadget (Removing label count)

  • Adding Live Traffic Tracking tool


Are above features interesting? so feel free read this whole post!


  1. Making Read More plus the title of article

    Most peoples had making Read More function under the post on their blog. And here is the tip about making the function of Read More plus the title of the article. Through this modification, the title of the article will be added automatically after Read More.

    To make the function of Read More is not too difficult, you only need to add a few code at read more code that you have ever made before in your template. Here are the steps, and the code like this:


    • In the dashboard page , click Layout.

    • Then click edit HTML tab. Please mark the little box beside Expand Widget Templates. Wait for a moment.

    • Go to your template code, and find the code like this:

      <p><data:post.body/></p>


    • Delete the above code and change with this code :

      <b:if cond='data:blog.pageType == "item"'>
      <style>.fullpost{display:inline;}</style>
      <p><b:else/>
      <style>.fullpost{display:none;}</style>
      <p><data:post.body/>
      <a expr:href='data:post.url'><strong>Read more...</strong></a></p>
      </b:if>



    • So above code is only for Read More function. If you would like to have Read More plus the title of article.

      Erase the code above and change with the code below:

      <b:if cond='data:blog.pageType == "item"'>
      <style>.fullpost{display:inline;}</style>
      <p><data:post.body/></p>
      <b:else/>
      <style>.fullpost{display:none;}</style>
      <p><data:post.body/></p>
      <strong><a expr:href='data:post.url'>Continue reading “<data:post.title/>” »»</strong>
      </b:if>



    • Don’t forget to click SAVE TEMPLATES.


    Now, see the result! The function of Read More will always have the title of your article.


  2. Adding Digg Button into you post page
    I think most of you know this icon . Yes, it's a digg icon from digg.com, digg.com is a most popular site in the world. With digg.com you can discover and share your blog content. So it's one of the way to increse your blog traffic. With Digg button you can easy to submit your post with your self or with your visitor to digg.com. Feel interesred to add digg button to your blog? this the steps :

    • After entering the dashboard page, click Layout.

    • Click edit HTML tab.

    • Please mark the little box beside Expand Widget Templates. Wait for a moment.

    • Find the code like this:

      <p><data:post.body/></p>


    • Delete the code above and alter with following code:

      <p>
      <!-- DIGG -->
      <div style='float:right; margin-left:10px;'>
      <script type='text/javascript'>
      digg_url = '<data:post.url/>';
      </script>
      <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
      </div>
      <data:post.body/>
      </p>


    • Click Save Template button.Done! Now digg button was added to your post.


  3. How to make Categories Function? (How to remove label count?)

    Most peoples enabled labels feature on their blogs, like following:


    But I would like to remove those number counts and use it as Categories. Please see this:



    Do you wish to eliminate the number at label too? this is the steps :


    • After entering the dashboard page , click Layout.

    • Then click edit HTML tab, mark the little box beside Expand Widget Templates. Wait for a moment.

    • Go to your template code, and find the code like this :

      (<data:label.count/>)

    • If you was found the above code, please delete. Then click Save Template button. Done. Please see the result.


    Now your label will not with number.


  4. Adding Live Traffic Tracking tool

    Want to know where are your visitor come from for live? If yes, you can add blog tool from http://feedjit.com. With web or blog tool from http://feedjit.com, you can know where your visitor come from. Easy install to blog and without signup before, grab the code and add to your sidebar and you have a live tracking tool for free.

    Below is the example widget from feedjit.com :



    This is the steps to add widget Live Traffic Feed to your blog :


    • At the dashboard, click Layout, then click Page Element tab.

    • Click Add a Page Element. Then click ADD TO BLOG for HTML/Javascript.

    • Copy and then paste the following code:

      <script type="text/javascript" src="http://feedjit.com/serve/?bc=FFFFFF&tc=494949&brd1=336699&lnk=494949&hc=336699&ww=160"></script><noscript><a href="http://feedjit.com/">Feedjit Live Blog Stats</a></noscript>

      Click SAVE CHANGES button. Done.


    Now you have a tool to track your visitor.



Note: I found most tips from http://www.blogspottutorial.com/. Feel free go and find more!

No comments :

Post a Comment

Comments System

Disqus Shortname