Automatic Read More Hack in Blogger With Thumbnail

When we start our blog and post 2-3 posts and when we see our blog in home page then by default blogger shows the full posts in the home page by we all want to know show that blogger should show half content in the home page and rest is show in the whole post. So, it’s better to give a summary of your posts on your blog’s homepage and then add a ‘read more’ link below that post summary. In this Blogger Tutorial i have a script that automatically converts your posts into read more summary in your blog homepage.

Demo of Read More hack

Installation of Read More Hack

• Login to Blogger > Dashborad
• Click on Drop Down Menu and select Template
• Backup your Template before making any changes to your blog
• Now Click on Edit HTML > Proceed > Expand Widget Templates
• Press Ctrl + F and search the code shown below.

</head>

• Paste below code before </head>

<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(a,b){if(a.indexOf("<")!=-1){var s=a.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}a=s.join("")}b=(b<a.length-1)?b:a.length-2;while(a.charAt(b-1)!=' '&&a.indexOf(' ',b)!=-1)b++;a=a.substring(0,b-1);return a+'...'}function createSummaryAndThumb(a){var b=document.getElementById(a);var c="";var d=b.getElementsByTagName("img");var e=summary_noimg;if(d.length>=1){c='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+d[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var f=c+'<div>'+removeHtmlTag(b.innerHTML,e)+'</div>';b.innerHTML=f}
//]]>
</script>
<script type='text/javascript'>
summary_noimg = 550;
summary_img = 450;
img_thumb_height = 150;
img_thumb_width = 200;
</script>

• Now find below code

<data:post.body/>

• Replace it with  below code

<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<div style='clear: both;'/>
<span class='rmlink' style='font-weight:bold;padding:6px;float:right;text-align:right;'><a expr:href='data:post.url' >Read more</a></span>
</b:if>
</b:if>

• Now Save your template.

 Make Changes....! (Optional)

summary_ noimg= 550; >> Length of the summary if the post does not have a thumbnail.
summary_img = 450; >> Length of the summery if the post have a thumbnail
null_thumb_height = 150; >> Height in pixels of the thumbnail.
null_thumb_width = 200; >> Width in pixels of the thumbnail.

If Any Problem Comes, Ask in Comments

Read More

How to Make Fit Images According to Blog

When we start to post any thing in our blog with images then we have to keep a one thing in mind that will our image completely fit according to our blog ? and when images doesn't fit according to out blog then use start to do change size of your image like small, medium, large, x-large etc. After adding this codes you don't need to adjust your image width just install the codes and see magic.

Make Image Compatible with your blog

• Login to Blogger > Dashborad
• Click on Drop Down Menu and select Template
• Backup your Template before making any changes to your blog
• Now Click on Edit HTML > Proceed > Expand Widget Templates
• Press Ctrl + F and search the code shown below. 

]]></b:skin>

• Paste below code just above it.

img {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}

• Now Save Your Template and You are done.

Credit- Paul Santosh

If Any Problem Comes, Ask in Comments

Read More

How to Hide Sidebar, Header in Individual Post and Static Page

As many times we want to create a full width page post related with different topic like as we create for generators and for this simple implementation we have to hide our sidebar, post footer, middle bar etc. in specific post or in static pages.

Live Demo

 Hide Sidebar in Pages and Posts

• Login to Blogger > Dashboard
• Click on Drop Down Menu and select Post
• Click on HTML
• Paste below code in it, before create a post.

    <style>

    #sidebar-wrapper, #midsidebar-wrapper, .gapad2, .blog-pager, .post-header-line-1, .post-footer { display:none !important;}

    #main-wrapper { width:98%!important;}

    .post { width:98%!important; }

    </style>

• Now you can start to write your post.
• This code will hide your sidebar, middle sidebar, post footer and other unnecessary widget in specific. 

Hide Only Header in  Pages and Posts

• Login to Blogger > Dashboard
• Click on Drop Down Menu and select Post
• Click on HTML
• Paste below code in it, before create a post.

    <style>

    #header { display:none !important;}

    #main-wrapper { width:742px!important;}

    .post { width:715px!important; }

    </style>

•  Now you can start to write your post.
• This code will hide only header in specific post and in pages.

Customization

• Adjust the width to replace this 98% according to your blog width and requirements.
• Adjust the width to replace this 742px and 715px according to your blog width and requirements.

If Any Problem Comes, Ask in Comments

Read More

Blogger VS Wordpress

As we all know that many companies provide free blogging services like Tumbler, Blogger, Wordpress etc. but as we all know that Blogger and Wordpress is most top blogging service provider but when a newbie decide to start a blog and when she/he thinks about the Blogger and Wordpress the she/he would be confuse   in between them so we are here to make difference in Blogger and Wordpress.

Difference in Blogger and Wordpress

Which is better according to us?

• Blogger and Wordpress has their own limitations.
• We can't say which is better but if you can spend money first then you can go with wordpress
• If you want to learn first then we highly recommend Blogger.

If Any Problem Comes, Ask in Comments

Read More

Report Google If Someone Copy Your Content

Internet is encyclopedia of all and any kind of information and internet also full from data thief where many persons can stolen your data OR information and which is a kind of cyber  crime and you can easily report it to Google if your content stolen by some buddy and Google will take a serious action about that website/blog.

Report to Google

• Open this below link
• Fill a Report a Policy Violation Form
• and, give your repot to Google

https://www.google.com/adsense/support/bin/request.py?contact_type=dmca_complaint 

• Finally you are done.
• Wait for few days Google will surely take action against the website. 

Note:- Google will ignore your complaint, if you write enough information or proof for copyright violation.Write full details about your content, like date of posting, link, author name,your DMCA Copyright policy proof and add more and more proof to make your case more stronger.

You are Done and feel free post your comment

Read More