Posts

Showing posts from August, 2018

7 Stylish Demo And Download Button for Blogger

Image
Add Demo and Download Button In Blogger - In my previous tutorial, I showed you how to add an HTML download button in blogger . In this tutorial, you are going to learn How o add a stylish CSS3 Demo and Download Button with hover effect in blogger.  Demo and Download buttons are used for many purposes in any blog. Demo button  is used to get an idea of the final outcome of the subject matter, whereas a download button is used in a blog to download information by the readers. Today in this tutorial I am going to provide you with 7 best pure CSS3 light coded demo and download button with hover effect for Blogspot blogger blog.

Display Blogger Posts In Grid View With Thumbnails

Image
Most of the bloggers customize their blogs and want to display their posts in grid view with thumbnail in their home screen but being newbie they find it difficult. Today in this brief tutorial I will show you a step-by-step process to display all posts in grid view with the thumbnail in the blogger home screen. Basically, blogs which were image-based they have a lot of posts in their home screen, so when a visitor enters in the home screen they have to scroll down to go down for finding their photo (post). This gives a very bad user experience. So if you want to give your visitors a good user experience then you should convert your blogger home to display posts in grid view with thumbnails. What is a Grid View? A grid view or a data grid is a graphical control element that presents a tabular view of data. A typical grid view also supports some or all of the following: Clicking a column header to change the sort order of the grid Dragging column headers to change their

3 Different Ways To Hide or Remove Blogger Navbar

Image
In my previous tutorial, I showed you how to fix why blogger posts were not showing in blogger homepage , today I will show you how to remove or hide blogger navbar . I know you are in hurry to remove blogger navbar but before you proceed towards the tutorial,   I recommend you to understand about blogger navbar its advantages and disadvantages. What is Navbar In Blogger? Navbar stands for Navigation Bar in Blogger . Navbar is present at the top of every blogger blog it helps visitors to navigate the blog easily. By default,  Navbar is present in all blogger blogs but in most custom coded blogger template navbar is hidden. Now in any blogger blog navbar can be  shown or hide anytime. But, if you want to hide or remove blogger navbar in blogger default template  you can do that manually by editing some HTML/CSS codes. Since google blogger by default provides this widget in blogger it must have some advantage and disadvantages. Advantages of Navbar In Blogger I

How To Add Code Box In Blogger Post

Image
Hello, friends welcome again to my another great Tutorial. In this tutorial, you will learn  How To Add Code Box In Blogger . In my previous tutorial, I showed you How to add a pure HTML code box . In this tutorial, we will step above to an advanced level and learn How to add a code box in blogger post equipped with HTML+CSS. So without wasting time let's get started.

How To Write Perfect SEO-Optimized Articles In Blogger

Image
Optimization of blog posts is very important to achieve higher ranking in search engines .  One of the best ways to rank articles in google and  generate quality organic traffic   for the newly published article is to make them search engine friendly . As a blogger when you  write any new article , your article should be optimizing your blog post in such a way that its easy to understand for the search engine as well as for blog readers. In my previous I wrote a detailed article relating various methods to Generate Backlinks like Guest Posting , Web 2.0 , Commenting on other blogs and commenting on forums . All these were OFF Page SEO techniques, of course, they do notable help to rank any article in google but if you write a quality content with proper optimization you can rank on the first page in google without having any backlinks. SEO optimized blogs and articles are a really very important part for any online business  when looking to drive (organic) traffic

How To Display Author, Date, Labels And Comments Count With Icons Below Post Title

Image
In this article, I will show you How to Display Author, Date, Labels And Comments Count With Icons Below Post Title in your Blogspot blogger blog. In most of the blogs perhaps you've seen that on the blogs post page below post title there is author, date, labels and comments count with icons. This looks very professional and today I will give you the step-by-step tutorial to access this feature in your blog. So let's start to implement this in the blog. How To Display Author, Date, Labels And Comments Count With Icons Below Post Title Step 1: Go to Blogger Dashboard. Step 2: Navigate Theme > Edit HTML . Step 3: Click anywhere inside the blogger template and press [ CTRL+F ] a search box will open, paste the code inside the search box <div class='post-header-line-1'> [ Note: This code may be present more than 2/3 times in most of the template you have to choose the exact one. Unless this code will not work. Mostly 2nd or 3rd code is the exact o