You should divide your blog post into different pages. Think your publish contains more than million terms such as large size pictures cause your blog fill more slowly. People have different tastes, because they visit your blog for quick information. While seeing your large publish and gradually running, there is a probability to reduce your guests. If you have a longer short article, breaking it up into multiple pages may help your blog’s visibility in search. Most likely, traffic to other webpages on your weblog site will come from inner hyperlinks. To make involvement and to split the content in area this technique can be very useful. Also if you have a very long post you may use this method so the long post will now be splited into many shorts pages.
If you ever publish long blog posts on your WordPress web page, then you might want to consider splitting those content up into more compact items. The advantages of doing this that it can make it easier for your visitors to digest your content, while also making it possible for anyone to link to the specific parts of a post you’ve written. In addition, you may be able to increase your position by utilizing a several page weblog articles. These are some tips to enhancing SEO with longer weblog articles, multiple pages and blog series. If you are planning to monetize your WordPress website with adverts, then being able to show a high number of page views and count of webpages per period will improve the prospective income your site could produce. Now I share a simple trick to make your blogger to more professional. I proffered this to news type blogs. You don’t like more scrolling or complete long webpages, you can also use this technique. If you want to set up this technique on your Blogger.
Add Divide/Break Blogger post into different Pages
Example:
1- Go to post editor and switch to HTML tab.
2- After paste the below code.
<style>3- Replace Add your content here with the text you want in the respective pages.
.post-pagination {
margin: 20px auto;
text-align: center;
width: 100%;
}
.button_1, .button_2, .button_3 {
border: 2px solid #f4655f;
font-weight: 900;
padding: 6px 36px;
color:#f4655f;
transition:ease 0.69s !important;
}
.button_1:hover, .button_2:hover, .button_3:hover {
background: none repeat scroll 0 0 #f4655f;
color: #fff;
text-decoration: none;
}
</style>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.button_1').click(function(){
jQuery('.content_1').fadeIn('slow');
jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
return false;
});
jQuery('.button_2').click(function(){
jQuery('.content_1').fadeOut('fast');
jQuery('.content_2').fadeIn('slow');
jQuery('.content_3').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
return false;
});
jQuery('.button_3').click(function(){
jQuery('.content_1').fadeOut('fast');
jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeIn('slow');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
return false;
});
});
</script>
<div class="content_1">
Add your content here
</div>
<div class="content_2" style="display: none;">
Add your content here
</div>
<div class="content_3" style="display: none;">
Add your content here
</div>
<div class="post-pagination">
<a class="button_1" href="#">1</a>
<a class="button_2" href="#">2</a>
<a class="button_3" href="#">3</a>
</div>
4- Now Publish post.
* Note before you move on
1- You have the jquery plugin in your blog, if not then add the below code just below the code <head> tag.
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
2- You first draft the post and at the last point add this code and make respective changes as due to changing of tabs from Compose to HTML and vice versa the code may automatically get changed.
If you have any questions about this plugin, or working with Blogger and WordPress website in general, please leave a comment below.
ليست هناك تعليقات:
إرسال تعليق