Posts

How to Create Numbered Page Navigation in Blogger

Image
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;text-align:center; pad

How to Add Auto Read More with Thumbnail for Your Blogger Posts

Image
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

Image
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

Image
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

Image
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

Image
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    ]]></b:skin> &

How to Create Facebook Like Page for Your Blogger

Image
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