Creating Article Titles Appears Only One Word on Homepage

How the titles of the post can appear only one word on the home page in blogger blog.

Tutorial Blogger / blogspot this time about how to make post title only appear one word only on homepage (front page), while on page posting appear all title / title.

For example if the entire article title is "ComRicks Responsive Blogger Template" that appears on the front page (homepage) only "ComRicks" only.

This way is usually applied to websites / blogs that share the template. Let the post title on the front page look more short and slim.Make a post title just one word on the front page.

Follow the below step:

1. Please login to Blogger
2. Go to Theme> Edit HTML. 
3. Put the following code above </head>

[<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
    $(document).ready(function(){
   var abc = $("body").find(".entry-title a").eq(0).text().split(" ");
    $("body").find(".entry-title a").eq(0).text(abc[0]);
    var def = $("body").find(".entry-title a").eq(1).text().split(" ");
    $("body").find(".entry-title a").eq(1).text(def[0]);
    var hij = $("body").find(".entry-title a").eq(2).text().split(" ");
    $("body").find(".entry-title a").eq(2).text(hij[0]);
    var klm = $("body").find(".entry-title a").eq(3).text().split(" ");
    $("body").find(".entry-title a").eq(3).text(klm[0]);
    var nop = $("body").find(".entry-title a").eq(4).text().split(" ");
    $("body").find(".entry-title a").eq(4).text(nop[0]);
    var qrs = $("body").find(".entry-title a").eq(5).text().split(" ");
    $("body").find(".entry-title a").eq(5).text(qrs[0]);
    });
</script></b:if>
</b:if>]

      4. The above code will only apply to the first 5 articles / posts. If you want to apply to more articles, please add the following code, by replacing some of the code marked below:

[var qrs = $("body").find(".entry-title a").eq(5).text().split(" ");
    $("body").find(".entry-title a").eq(5).text(qrs[0]);]

• Code qrs please change as you like with any letter, the origin is not the same as the previous code.
• Figures 5 please replace with the next number.

Do the same thing, according to the number of posts that appear on the homepage page on your blog.

      5.  In addition, also add the jQuery library code if your template does not have the code, regardless of version. An example of a jQuery library code like this.

[<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>]

      6. Then save the template.

If you liked this article, then please subscribe to our YouTube Channel for Blogger video tutorials. You can also find us on Twitter and Facebook.

This article "Creating Article Titles Appears Only One Word on Homepage" is protected by