Les nouveautés et Tutoriels de Votre Codeur | SEO | Création de site web | Création de logiciel

Loading...
Seo Master present to you:
Stylish Read More Button
Today I'm going to teach how you can insert read more link in your blogger posts.

After inserting your read more links in your blogger posts you can change them to stylish buttons of your choice.
Now first we will see how to insert read more links in the blogger posts.

How to Insert 'Read More' links in Blogger Posts.


While writing a post in blogger post editor there is an option called "Jump Break" which can be used to insert the read more link anywhere you want in the post. See the image below.

how to insert jump break

That option is actually used to insert the Read More link inside a post in blogger. Click this option where you want to insert the Read More link. Usually people insert it after the first paragraph.

Inserting this Link will only show that part of the post that is above the "jump break" on the home page. In place of the remaining post it will show a link as 'read more' to read the full post.

You can actually change this text link to an image link or stylish button link.Now let us see how to change this link to buttons.

Change "Read More" Text link to Button.

Follow these steps to change the text with a button.

1. Go to Design tab >> click "Edit html" >> Tick "Expand widget Templates" checkbox
2. Find below text from search (Ctrl + F)

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

3. Now remove these words from the above code.
 + &quot;#more&quot;

4. After removing these codes your html will look like this.
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

5. Now look for these words
<data:post.jumpText/>
Replace it with your Text which you want to appear in the place of 'read more' or with your image url
 <img src="http://image-URL.png"/>

Inseert this Stylish Read More Button
6. If you want to insert this picture as your jump break button then put this code.
<img border="0" src="http://www.matrixar.com/-BjQvX6lY4UU/UU9Aa9VNkaI/AAAAAAAAAFc/pbcOWkEmpUA/s1600/read+more+in+blogger.gif" width="87" height="47"/>

7. Now save your template ,everything is done. View your blog and see the button Working.
2013, By: Seo Master

seo Change 'Read More' or 'Jump Break' Link to Button in Blogger. 2013

Seo Master present to you: The newest promo code to buy domain at Godaddy. Let check the list below and save money for your business. All codes are only available for a limited time.
As usual, when using promo code you can not purchase by Paypal, only Visa/MasterCard is acceptable. Apply for new registration or transfer with domain .com/.net/org.
Add Godaddy Promo Code before check out
Add Godaddy Promo Code before check out

Read more »2013, By: Seo Master

seo GoDaddy Promo Code Working Update 24th March 2013 2013

Seo Master present to you:
Link Wheel คือ Backlink อีกรูปแบบหนึ่ง ที่มีลักษณะการทำลิงค์เชื่อมโยงในรูปแบบ หรือโครงสร้างเป็นวงกลม ล้อมรอบเว็บไซต์หลัก  และส่งลิงค์ทั้งหมดยิงตรงกลับมายังเว็บไซต์หลัก เพื่อให้ Robots ของแต่ละ Search Engine เข้ามาเก็บข้อมูล  ไปตามรูปแบบ หรือโครงสร้างที่เราได้ออกแบบเอาไว้ โดยแต่ละเว็บที่ส่งลิงค์กลับมาควรมีเนื้อหาให้สอดคล้องหรือใกล้เคียงกันกับเว็บไซต์หลัก เพื่อเสริมความแข็งแกร่งของเครือข่าย  ซึ่งแนวทางในการทำ Link Wheel นั้นเป็นระบบของการทำ SEO อย่างง่ายๆ เบื้องต้น เพื่อดันคีย์เวิร์ดให้ติดอันดับได้รวดเร็ว2013, By: Seo Master

seo Link Wheel คืออะไร ? 2013

Powered by Blogger.
Design by Dev Nasser