In order to speed up you website loading you should optimized you site by different way as you could. this tips will show you a part of those to improve your website speed when you visit to post or page and it also good for you want to increase page impressions on your article.
The Bage break it is a simple way in WordPress to do but sometime you never use it at all on your post with the long description or have a lot of images that make your website loading too slow. the easy way to use page break in wordpress in post or page you just use comment like <!--nextpage--> to separate you page in to small page and it well instant with page navigation or number of page.
For Blogger it not easy to use and you can not use comment like WordPress. but now i will show about page break for blogger simple.
you just following my code.
1.in you post or page in blogger:
<div id="mybreak">
<!--
content page 1
<!--
content page 2
<!--
content page 3
<!--
content page 4
-->
</div>
2.in style (css code) :
<style type='text/css'>
.con-page-break{text-align:center;}
.page-break li{display: inline;list-style: outside none none;margin: 0 3px;}
.page-break li a{color:#fff;padding:5px 10px;background: #1499ca none repeat scroll 0 0;font: bold 16px/23px Droid Sans,sans-serif; }
.page-break li a:hover, .page-break .active{ background: #000 none repeat scroll 0 0;}
</style>
3.Java Script.
<script src='https://googledrive.com/host/0Bxs84iwTBmUMdGg5UFQzVGY4N0U'/>
The Bage break it is a simple way in WordPress to do but sometime you never use it at all on your post with the long description or have a lot of images that make your website loading too slow. the easy way to use page break in wordpress in post or page you just use comment like <!--nextpage--> to separate you page in to small page and it well instant with page navigation or number of page.
For Blogger it not easy to use and you can not use comment like WordPress. but now i will show about page break for blogger simple.
you just following my code.
1.in you post or page in blogger:
<div id="mybreak">
<!--
content page 1
<!--
content page 2
<!--
content page 3
<!--
content page 4
-->
</div>
2.in style (css code) :
<style type='text/css'>
.con-page-break{text-align:center;}
.page-break li{display: inline;list-style: outside none none;margin: 0 3px;}
.page-break li a{color:#fff;padding:5px 10px;background: #1499ca none repeat scroll 0 0;font: bold 16px/23px Droid Sans,sans-serif; }
.page-break li a:hover, .page-break .active{ background: #000 none repeat scroll 0 0;}
</style>
3.Java Script.
<script src='https://googledrive.com/host/0Bxs84iwTBmUMdGg5UFQzVGY4N0U'/>
No comments:
Post a Comment