Search
Search titles only
By:
Search titles only
By:
Log in
Register
Search
Search titles only
By:
Search titles only
By:
Menu
Install the app
Install
Forums
New posts
All threads
Latest threads
New posts
Trending threads
Trending
Search forums
What's new
New posts
New ads
New profile posts
Latest activity
Free Ads
Latest reviews
Search ads
Members
Current visitors
New profile posts
Search profile posts
Contact us
Latest ads
Ad icon
🎮 INDIAN PSN GIFT CARDS AVAILABLE NOW! 🎮
madukaperera
Updated:
Yesterday at 12:57 PM
🚀 Google AI PRO – 18 Months | Rs. 850 Only
lkkolla
Updated:
Monday at 4:56 PM
🔒 NordVPN Premium – 3 Months
hrdilshan
Updated:
Thursday at 8:29 PM
🚀 Microsoft Office 365 Pro Plus – Lifetime Access! 🚀
hrdilshan
Updated:
Thursday at 8:28 PM
Linkedin Premium Business / Careere /Sales Navigator - 1/2/3/6/9/12 Months - Reddem Link
hrdilshan
Updated:
Thursday at 8:27 PM
Electronics
Vehicles
Property
Search
Reply to thread
Forums
General
ElaKiri Talk!
...::ALL about BLOGS and BLOGGING (from A to Z)::...
Get the App
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Message
<blockquote data-quote="migaramk" data-source="post: 5723504" data-attributes="member: 38647"><p><strong>Customize Blogger “Read More” / “Jump Breaks” Links With image Buttons,</strong></p><p></p><p><span style="font-size: 18px"><p style="text-align: center">Customize Blogger “Read More” / “Jump Breaks” Links With image Buttons, Text And Alignment.</p><p></span></p><p><img src="http://i33.tinypic.com/4rda86.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p>adding a read more button will make your page views to a higher value..</p><p>and it's good for adsence too</p><p>after reading this tutorial you’ll be able to Customize you read more links in those ways:</p><p></p><p> * Change the text ” read more ” to another words.</p><p> * Add An Image / Button To Your “Read More / Jump Breaks ” In Blogger Links Instead Of Plain Text</p><p> * choose your read more link / button to be displayed on left side, right side or center it.</p><p></p><p><span style="font-size: 18px">First Step, You Must Do This Step</span></p><p></p><p>this code should be included in your blogger template,</p><p></p><p></p><p></p><p><span style="font-size: 15px">i’ll tell you where to add it, but before you add it, make sure that it’s not already included in your template.</span></p><p><span style="font-size: 15px">Go to you blogger dashboard >> Layout >> Edit HTML and Check on Expand Widget Templates use your internet browser to search for the code,</span></p><p><span style="font-size: 15px"></span></p><p><span style="font-size: 15px">if you found the code in your template, ok you have to skip this step</span></p><p><span style="font-size: 15px">but before you skip it,</span></p><p><span style="font-size: 15px">make sure that the third line in the code looks like this </span></p><p></p><p></p><p></p><p>And not</p><p></p><p></p><p><span style="font-size: 15px"></span></p><p><span style="font-size: 15px">if you found it like the second one, please replace it with the first one</span></p><p><span style="font-size: 15px"></span></p><p><span style="font-size: 15px">if it’s not in your template you’ll have to add it, and i’ll tell you where you should add it.</span></p><p><span style="font-size: 15px"></span></p><p><span style="font-size: 15px">Go to you blogger dashboard >> Layout >> Edit HTML and Check on Expand Widget Templates use your internet browser to search for this code,</span></p><p></p><p></p><p></p><p><span style="font-size: 15px">and just after it, add the next code,</span></p><p></p><p></p><p></p><p><span style="font-size: 15px">Now we finished adding the require code for customizing this trick.</span></p><p></p><p><span style="font-size: 18px">1.Change the text ” read more ” to another words.</span></p><p></p><p><span style="font-size: 15px">after applying the first step to your template, you should have this code added to your template :</span></p><p></p><p></p><p></p><p>This code will display your read more link in this format : <span style="color: Red">Read More</span></p><p></p><p><span style="font-size: 15px">and to change it to another word, simply, change the word Read More in the code in your template to what ever you want, Example? Keep reading, continue reading, read the rest, and more.</span></p><p><span style="font-size: 15px"></span></p><p><span style="font-size: 15px">After changing it, click Save template and check out your blog.</span></p><p></p><p></p><p><span style="font-size: 18px">2.Add An Image / Button Instead Of Plain Text</span></p><p></p><p><span style="font-size: 15px">you must have this code added to your template</span></p><p></p><p></p><p></p><p>This code will display your read more link in this format : <span style="color: Red">Read More</span></p><p></p><p><span style="font-size: 15px">and to change the text to image / button , we should replace the word Read More in the code with the following</span></p><p></p><p></p><p></p><p><span style="font-size: 15px">so you should have some thing like this</span></p><p></p><p></p><p></p><p><span style="font-size: 15px">After changing it, click Save template and check out your blog.</span></p><p></p><p><span style="font-size: 18px">And here is some good samples for read more buttons : </span></p><p></p><p><img src="http://www.radiantresources.com/images/Objects/Button_ReadMore_Reflective.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p><img src="http://blackberry-soft.com/wp-content/themes/elegant-box/images/readmore.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p><img src="http://www.ionthescene.com/images/readMore.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p><img src="http://www.rushpersonnelinc.com/images/but_moreinfo.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p><img src="http://careerplanasia.com/images/readmore.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p><img src="http://www.babyshoe.com/v/vspfiles/assets/images/readmore.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p></blockquote><p></p>
[QUOTE="migaramk, post: 5723504, member: 38647"] [b]Customize Blogger “Read More” / “Jump Breaks” Links With image Buttons,[/b] [SIZE="5"][CENTER]Customize Blogger “Read More” / “Jump Breaks” Links With image Buttons, Text And Alignment.[/CENTER][/SIZE] [IMG]http://i33.tinypic.com/4rda86.jpg[/IMG] adding a read more button will make your page views to a higher value.. and it's good for adsence too after reading this tutorial you’ll be able to Customize you read more links in those ways: * Change the text ” read more ” to another words. * Add An Image / Button To Your “Read More / Jump Breaks ” In Blogger Links Instead Of Plain Text * choose your read more link / button to be displayed on left side, right side or center it. [SIZE="5"]First Step, You Must Do This Step[/SIZE] this code should be included in your blogger template, [SIZE="4"]i’ll tell you where to add it, but before you add it, make sure that it’s not already included in your template. Go to you blogger dashboard >> Layout >> Edit HTML and Check on Expand Widget Templates use your internet browser to search for the code, if you found the code in your template, ok you have to skip this step but before you skip it, make sure that the third line in the code looks like this [/SIZE] And not [SIZE="4"] if you found it like the second one, please replace it with the first one if it’s not in your template you’ll have to add it, and i’ll tell you where you should add it. Go to you blogger dashboard >> Layout >> Edit HTML and Check on Expand Widget Templates use your internet browser to search for this code,[/SIZE] [SIZE="4"]and just after it, add the next code,[/SIZE] [SIZE="4"]Now we finished adding the require code for customizing this trick.[/SIZE] [SIZE="5"]1.Change the text ” read more ” to another words.[/SIZE] [SIZE="4"]after applying the first step to your template, you should have this code added to your template :[/SIZE] This code will display your read more link in this format : [COLOR="Red"]Read More[/COLOR] [SIZE="4"]and to change it to another word, simply, change the word Read More in the code in your template to what ever you want, Example? Keep reading, continue reading, read the rest, and more. [/SIZE] [SIZE="4"]After changing it, click Save template and check out your blog.[/SIZE] [SIZE="5"]2.Add An Image / Button Instead Of Plain Text[/SIZE] [SIZE="4"]you must have this code added to your template[/SIZE] This code will display your read more link in this format : [COLOR="Red"]Read More[/COLOR] [SIZE="4"]and to change the text to image / button , we should replace the word Read More in the code with the following[/SIZE] [SIZE="4"]so you should have some thing like this[/SIZE] [SIZE="4"]After changing it, click Save template and check out your blog.[/SIZE] [SIZE="5"]And here is some good samples for read more buttons : [/SIZE] [IMG]http://www.radiantresources.com/images/Objects/Button_ReadMore_Reflective.jpg[/IMG] [IMG]http://blackberry-soft.com/wp-content/themes/elegant-box/images/readmore.gif[/IMG] [IMG]http://www.ionthescene.com/images/readMore.png[/IMG] [IMG]http://www.rushpersonnelinc.com/images/but_moreinfo.gif[/IMG] [IMG]http://careerplanasia.com/images/readmore.jpg[/IMG] [IMG]http://www.babyshoe.com/v/vspfiles/assets/images/readmore.jpg[/IMG] [/QUOTE]
Insert quotes…
Verification
Hathara warak wissa keeyada? (Hathara wadi karanna 20)
Post reply
Top
Bottom