Bước 2. Vào Blogger > Chỉnh sửa HTML:
Bước 3. Click vào
Mở rộng mẫu tiện ích.
Bước 3. Click vào
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 == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</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.
0 nhận xét:
Đăng nhận xét