Rough Note Blog

How to Create Numbered Page Navigation in Blogger In a Blogger template, we can set page number navigation, It is essential for a Blogger Blog.When you post more articles,  then you should do it manually. It helps visitor jump from one page to another page or click on a specific page and know the total number of posts Published. Hopefully, you can setup your page number in blogger blog by following this post. Today we will see how to add a nice page number navigation hack blogger. You can add this by following two steps. 1. Adding The CSS. 2. Adding the JavaScript. Now let's see how to do it. Adding the CSS Firstly go to Blogger Dashboard> Theme> Click on the Edit HTML Button. Now ,click CTRL+F key functions and  enter below html tag and press enter .  ]]></b:skin> Above the  ]]></b:skin>   ,paste the Below CSS style code. #blog-pager{clear:both;margin:30px auto;te...

How to Add Auto Read More with Thumbnail for Your Blogger In the Blogger ,If your Posts showing the total content ,Reader feels the difficults ,what are the all posts about.To overcome this problem,' Auto read more ' with posts title and summary gives the reader quick guide about your posts.Thumbnail of first image in your posts gives over all idea of your posts to select his required posts .Thumbnail with auto read more for your posts increases user fast reading and quick view idea of your Blog. From your Blogger Dash board ,Go to Theme and Click on Edit HTML button. Click any where inside the code ,Press CTRL+F Keys and Enter below Tag and press  enter. <data:post.body/> You find the above tag three times in the code but stop at third one. Replace the above tag with this below code. <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:blog.pageType != &quot;item&quot;'...

How to Create Contact Form in Blogger Every blogger needs his/her contact details for further information of our blog for this purpose ,we should maintain contact form to get updates of our blog for visitors to get updated feed back from blog visitors and to update our blog daily .So let us learn ,how to create contact form.we can create contact form in two ways .One way simply adding Contact form widget .Second way write code in the Page. By adding Contact form widget Go to the layout tab and  click on add gadget tab. Select the more gadgets tab from which  select the contact form widget. Click on save arrangement and view the blog ,you can see the below contact form. Creating Contact Form in Static Page Second way is creating form in Page for that go to the Page tab and create new page ,open it in HTML mode. Paste the below code in the page. ----------------------- <style type="text/css"> .contact-form-widget{margin-left:aut...

How to Create Blog Page List Gadget in Blogger Page List Gadget is very important for every blogger blogspot .Imagine,you have created one blog to which you do not know how to create main menu to show stand alone pages in your blogger for that we require Page List Widget which shows menu of your blog.For every blog ,we have to maintain menu which display the separate labels of corresponding topics .For this purpose ,blogger provides us page list widget to create menu without coding skills ,you can tabs text ,size of the tab and tabs background color and we can interchange tab list whenever we require . Blogger blogspot provides us menu with tab list feature with help of page list gadget  . To create page list widget ,you have go to Layout tab and click on Add gadget button wherever your requirement ,from the gadget list ,you have to choose the Pages widget(gadget) after that to create tabs list(Menu),click on Add external Link link to which ,you have to lable URL' s and ...

How to Create Recent Comments Widget for Blogger Recent comments encourages the new visitors to return to our blogger because every new visitor expects something from our blog .So through recent comments ,he can know what is blog strength for this purpose we need recent comment widget at the sidebar of blogger .You can see latest comments at the sidebar ,recent comment appear at the top line and previous comments appear at the bottom of recent comment.By adding recent comments widget to your blogger ,you can improve also appearance of the blog.Now let us learn steps to create the recent widget for our blogger. Steps 1 : Go to your blog  ,click on Layout-> at the side bar -> click on Add Gadget Add the HTML/Java script gadget(widget) Now paste the below code in the added widget. <script type="text/javascript"> var a_rc = 5; var m_rc = false; var n_rc = true; var o_rc = 100; function showrecentcomments(e){for(var r=0;r<a_r...

How to Hide Image in Post Page and Showing it only in Homepage in Blogger When I have created my blogger the first time, I have also faced this same problem, I do not know, how to add an image thumbnail to a video on the home page and showing it post page. After learning to add thumbnails to the video, I have faced one more problem the image is displaying on the posting page due to it, the post is not appearing well. So that I have learned finally how to create an image thumbnail to video and hiding it on the posting page and showing it only on the page of blogger post. Step 1: Go to Blogger Dashboard  >>  Template >> Edit Html Step 2: Click anywhere in Html Editor and press CTRL+F from your keyboard then a Search Box will appear in the top right corner of Html Editor. Copy this code and paste in Search Box then hit ENTER ]]></b:skin> Step 4: Copy given below CSS code and paste it immediately below this    ]]>...

How to Create Facebook Like Page for Your Blogger Every Blogger ,today's need ,social media (Facebook)focus on his blog ,without it ,he cant enter into market to popularize his blogger content .For this,there are available many social media platforms but Facebook is most popular social media platforms to market your content.Famous ones are Facebook,twitter ,Instagram,google+ and other important ones.but here Facebook is most important one to reach our content fast to the people of world.Thus we can increase our blog visitors by getting likes and sharing our content. This article will helpful for new initiate bloggers who do not know how to create Facebook page or Like pager for his blog page.I was also facing the same problem when i was created a blog.i was struggled to create Facebook page and linking that URL to Facebook page plug in .My first suggestion is ,create your own page to brand your product or content marketing .For this ,you do not need any hard work ,just fo...

How to Use H1, H2, H3, and H4 Header Styles in Blogger All H1, H2, H3, H4 post header styles in blogger are most important for every blogger to mesmerize user when he is reading the post. So the blogger content and header styles of h1,h2,h3,h4 tags must be seen separately to understand the overlook of total post that is why header styles seem to be attractive for each new user. When I was starting I do not know how to create a variety of styles for all header tags but gradually I understand that we should follow the good or neat styles for all header tags. Then I decided to learn how to create header styles for all header tags. Header Styles Improve the Our SEO  Strategy  To write a good SEO post, we must follow some SEO rules to attract more visitors for that we should write quality content after that we should design good header styles. The starting and ending content of the post contains the overview so that if we create better header styles, then users can unders...

How to Solve Blogger UL Alignment problem in Firefox and Internet Explorer Browsers My blogger is design looking awesome in chrome but when i tested it in mozilla firefox and internet explorer .really i shocked .It is completely looking different in other browsers .Then i started searching for solution in the internet but i could not find exact solution.I found many posts but there is no suitable solution .at last i found one website that is browershots org.  which is used to check browser compatibility  in different browsers .Then i checked my blogger in this website .My blogger design looking different shapes in different browsers ,mainly page list 'UL' navigation bar .Its alignment is different in multiple browsers ,in chrome it is left aligned but firefox and explorer it is aligned in the right ,for this problem ,i was searched in internet but i could not understand what is the solution for this issue.finally i got the simple solution for this page list UL alignment is...

How to Create Breadcrumbs in Blogger As  Blogger , we should know How to create breadcrumbs in the blog. Because it is the most important part of any blog or website to provide easy navigation-related content to go for previous and next content. Thus we can improve user reading ability and SEO strategy. So breadcrumbs provide easy navigation for blog visitors. Now let us learn how to add breadcrumbs to the blog. First of all, go to your blog, Click on Template Now click on the  Edit HTML button In the code, press CNTRL+F buttons to search  <div class='blog-posts hfeed'> Now you can find the same two div tags, But stop at the first   div hfeed tag Just below it, paste the below code  <b:if cond='data:blog.pageType == &quot;item&quot;'> <p class='breadcrumbs'>         <span class='post-labels'>         <a...

How to Create Internal Links within the post in Blogger To reduce the difficulty when users reading very lengthy posts, it is better to create internal links within the post  to jump to the matter which is interested in him. So thus we can decrease user efforts by creating bookmarks and when we are clicking on it, directly goes to its header. Thus anchor links are useful for viewers to read long post interestingly. Automatic internal links in blogger For achieving an  On-Page SEO strategy, we have to create automatic internal links in blogger. Here, you have to understand what is internal linking?. Using the  link strategy , you can increase on- SEO optimization. Visitors can get more deep information from visited to navigate through other related content. It increases your site and posts SEO performance. You can provide in-depth content for blog readers.  Two types are: Internal Internal linking is we are linking our own blog referred posts with anchored...

How to Add Related Posts Widget in Blogger Through this post, you will learn how to add related posts widget in blogger step by step with screenshots. When we are creating a new blog, the foremost requirement is adding a related posts widget under each post its respective posts so that it is very important to add a related post widget in your blogger. Related posts will increase your blog traffic when viewers come into your site to see popular posts which are displaying in first page results so that as a  blogger, you need to show the same topic posts under one label which provides easy navigation to the user to read related posts if he wants more information about the same topic so that every blogger need related posts widget in his blog for effective reading which helps your blog visitors to navigate between posts.  First of all, enter into your blogger dashboard and next click on the template option now click on the Edit HTML button. Now search fo...