Tự động chèn dấu ngắt nhảy trong blogger - Auto Jump Break In Blogger.

Bước 1.  Sao lưu lại template của bạn:
Bước 2. Vào Blogger > Chỉnh sửa HTML: 

Bước 3. Click vào http://www.annuities4u.com/graphics/box-tick.gif Mở rộng mẫu tiện ích.
Bước 4. Tìm đoạn code sau bằng cách bấm tổ hợp phím (Ctrl + f )

</head>

Bước 5. Copy mã sau và past nó lên trên hoặc dưới thẻ </head> .

<script type="text/javascript">
var thumbnail_mode = "no-float" ;
summary_noimg = 440;
summary_img = 350;
img_thumb_height = 150;
img_thumb_width = 150;
</script>
<script src="http://tips-via-blogging.googlecode.com/files/auto_jumpbreack_readmore_blogger.js" type="text/javascript">
</script>

Chú ý:
summary_ noimg= 440; --> Chiều dài của bài đăng (Nếu bài đăng không có bất kỳ ảnh nào).
summary_img = 350; --> Chiều dài của bài đăng (Nếu bài đăng có 1 ảnh).
null_thumb_height = 150; --> Chiều cao của ảnh.
null_thumb_width = 150; --> Chiều rộng của ảnh.
Bước 6. Tìm mã sau đây bằng cách ấn tổ hợp phím (Ctrl + f )

<data:post.body/>

Bước 7. Thay thế mã này bằng mã dưới đây.

<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:5px;float:right;text-align:right;'><a expr:href='data:post.url' ><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQttnLgjpYLaPmgBIR6IbH7bqiNVz5D6YPdDjqYPNN1gbt3eRUD6Yu7X_JyZkEFw1tW20-zBeKkZNgxFG5IH4Of3zCE9UViR2V7geI_zBXtOD5BwIbUATTBt1d0EEfs7lilOmzByzvtQuv/s1600/cooltext686292215.png' style='border: 0 none;vertical-align: middle;'/>
</a></span>
</b:if>
</b:if>

Note : Thay thế link được bôi đen màu xanh bằng ảnh read more của bạn.
Bước 8. Lưu lại và xem blog của bạn. :)
 Nếu bạn cảm thấy bài viết này có ích với bạn hãy chia sẻ link này với bạn bè của bạn.
Chia sẻ ngay với bạn bè bài viết này
Facebook Email

0 nhận xét:

Đăng nhận xét

Download đấu trường thú 2

  • Đấu trường thú 2

  • Video Gallery