-->

Add Read More Function (Blogger)

Showing more than one complete post on the Blog's Home Page increases blog's load time and make irritation, but there is a simple way to do it by adding read more codes. Take a look Here how it works.

Has your template already Post summary function enabled ?


To ensure that your template has read more function enabled, Create New post with new post editor (if you are still using blogger old post editor, log in to Blogger Dashboard » Settings » Basic Tab and under global settings select Updated Post Editor.
Now, write something in post and "Insert Jump Break". You should insert jump break in middle of content to ensure that post have some content after jump break and published it.
If your post appears with full content on the Home Page, follow this post to add read more function and if your post breaks, Your template has automatic post 
summaries with number of characters. If you do not want this method, remove the script of post summary function first, find out the codes in your template that responsible for it. This code may in <script>   and </script>.

How to add Read More Link-

First of all it is important to download full template to your hard disk to return old state if something happens wrong by mistake.
To add Read more function to your template follow some simple steps-
1. Log in to Blogger Dashboard.
2. Design » Edit HTML » Expand Widgets Template.
3. Now by using your browser's Search function (Ctrl+F) find out the code-

<data:post.body/>


4. immediately after <data:post.body/> add some lines of code-

<b:if cond='data:blog.pageType != &quot;item&quot;'> <a expr:href='data:post.url'> <div style='text-align: right;'>Read Complete Story-»»/></div></a></b:if>

Note:-
1. Change the position of read more link by changing  right  to left as your preference. 
2.Replace  Read Complete Story-»» with your desired name such as Read More, Continue Reading Title.
5. Now Search out given code-

]]</b:skin>

Just after]]</b:skin> pate codes-

<b:if cond='data:blog.pageType != &quot;item&quot;'><style>.post-body img {img {max-width: 100px;width: expression(this.width > 100 ? 100: true);float: right;}<style>
</b:if>

You can change width and height of image that will appear on Blog's Home Page  according your layout requirement. Change float style centre with left or right. 


Show image in Read More in link-


Tho show image in read more link, simply replace Read Complete Story-»»/> with given codes.


<img border="0" alt="Read Complete Story" src="Source URL of your image"/>

After replacing the image link final codes will look like this-

<b:if cond='data:blog.pageType != &quot;item&quot;'> <a expr:href='data:post.url'> <div style='text-align: right;'><img src='Your Desired image Source URL'/></div></a> </b:if>


Finally save your template to finish the process. Before publish your new post give page break with blogger new post editor by hitting "insert Jump break".
Note:-You can choose your own image by uploading it to some free image hosting sites, such as Photobucket  or you can use some of my read more images given below, Replace Your Desired image Source URL with given image source link.:-

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_x6pOEj-4fiSAq8XGg5yo0fLUrBELz7Vut76_j-Y-iT4ECygF9wMfBJWUjsN_KKc9iIR96Ej01ajCl-j58VY7lJ1d-1iyvm_mCB63U40mWv0-bkx5sWi30XWBEcJ12mEwz4v27Ko1PmuV//readmore8.png




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4ErqtHr8JhVNjuembMxSLoIJHD3RgSQ6CiKEV5IZ7V9rikqCzCxtJD-ORXH7ysr7AviPMip-tvyWWozkCsYp_59B7-hs0BlJQNtdCyBJdEXJMEAeBjaEo5EKT6YbEhiLvqI8_OwRfA076/s1600/readmore2.png






https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV42kJr5_Dss3oYxeWHVkEWN-mVJwBrI8yE6E-Hxd41rwQYH3E2GXH22j26kURA4AdEEn1mG0_Dz2R34GQ5q2AoPnD6UvY28KXu94WxDb5Oz4lU3nEpo28a9d8Wsgp-kpe_PZXm0DZqiCC/s1600/read-more-6.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsLIHLSppWGvwztc0oZRPZPOiG9awcZWbith24RX3BnBVdJuAITmIdnxrpSgdTVcS4fy-FRgHF-8-WWVq9J9Fsej1C52Z_MeywAbLYh4F9q95Qs2TQEY9NCfBzilPVKoBCMs095BgwGRrH/s1600/Read-More-5.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI0oHWWWPHmotaEBgAjTSc2CZmuGPiXRFftVFsqm9kwb6xkr-X83xgZbPH0kCnda4OPryhUnry5Upc8A9ddCVvUebx6Yb3Qdp0qMVaWPUjJhh6kMeZxHnSXeFpS9zrJr0Vd58oJ_xLiqAo/1600/Read-More-7.png




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC9MZRRFU4kpHmv0HVH4rhvF636jRbpSLfbnUC-h4LTlWUMBUae26KWXy8Yuh106n_nbic3-7joFIcw9XsEOZzdN-bqBii15dJwZPb8PyxU0MYfYsUa30o8lIcax8Cpb_79VGmDLPU6KSS/s1600/read-more8.png



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggqoPckANnX8nEOyXZGlKhSq3JfaB8vqdAjSlnsXfLKZ1B5z4nI-42K3MxdFfItUTXlJzqJUGcm5df3aIqCsDfZb8MUw4W9YhwpFDHN2CQZ4EUHEw6sCRy0hGJbM5UstsPFrtN3LpPD4Qw/s1600/Read-More-4.png


Note:- To re-size the image according your blog's layout, add image attribution with above code i.e. width and height, Complete code given below for easy to understand.
<b:if cond='data:blog.pageType != &quot;item&quot;'><a expr:href='data:post.url'><div style='text-align: right;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggqoPckANnX8nEOyXZGlKhSq3JfaB8vqdAjSlnsXfLKZ1B5z4nI-42K3MxdFfItUTXlJzqJUGcm5df3aIqCsDfZb8MUw4W9YhwpFDHN2CQZ4EUHEw6sCRy0hGJbM5UstsPFrtN3LpPD4Qw/s1600/Read-More-4.png' width="100" height="20" border="0" /></div></a></b:if>
Please Share it, if you find something helpful !
Kahanighar.
Arvind Jangid.

Baca juga

2 comments

  1. [¤Mardana kamzori k Elaj¤]
    [penis pump ] 20 din use karny se apk penis ka size bhar jay ga .
    [Pinis in vimax oil] serf 21 din k use karny sy apk penis ka size bhar jy ga .
    [ vimax cupsule:] kya ap hath k Estymal ( Hand Practise ) ki waja apni mardana takat khuo jhukay hain tu vimax cupsule use karain ju apki mardana takat khui hoi ko pher sy bahal kary peshab k sath jo katry haty hain un ko khatam kary serf 30 din k use karny sy .
    [Vigrx plus.] Mardana takat k lia khas es sy apki timeng or penis ka size b bary ga .100% orignal
    [maxman 2.].mardana kamzori k lia apko takat de penis ka size timeng baray.
    [ Lorgo creem ] 20 din k use karny sy apk penis ka size bhar jy ga 100% Razalt
    [.Largo sapry] sex time zeyada kary jo log sex karty wakt jald farik o jaty hain wo largo sapry use kary
    [cailis capsule ]. Timeng zeyada karny k .
    [Viagra capsule] . Usa orignal
    [Shakti parash oil] .penis ka size bara karny k lia serf 15 din k use karny sy apko fark mesoos o ga.
    [Jaguor pawer men gil] in pinis serf 21 din k use karny sy apk penis ka size bhar jy ga 100% .
    [Femele drops]. Larki ko garm karny k drops 5 ment me larki
    sex k lia teyar o jy.
    [Vigina tghitening creem.] Serf 25 din k use karny larki ki vigina tghit belkul pely ki tara .
    [Vigina tghitening deblet ]
    Brest creem .serf 30 din use karne sy larki k boobs bary o jy gy

    call for oder detail
    call/sms
    watsAap
    0348 92 20 610
    free home delivery All pakistan
    زنانہ و مردانہ کمزوری کا کامیاب علاج.
    100% کامیاب رزلٹ.
    ھماری ادوایات خالص جڑی بوٹیوں سے تیار شدہ ھیں.
    رابطہ نمبر
    03489220610

    ReplyDelete
  2. Very nice post. I just stumbled upon your weblog and wished to say that I've really 

    ReplyDelete

Post a Comment

Your Suggestions are valuable for me.