New featured post HTML blogger code

Tags



As a blogger hosting on blogger's platform,I really commend blogger's users not really easy customizing your blogspot blog.
As a blogger you ought to be good in HTML and CSS not really composery but if your website must look beautiful then you must have coding knowledge such as CSS and HTML .

What makes you unique from other bloggers is your design.
Your blog is your design,many bloggers have contacted me asking me to share & sell my template to them.

What makes a good website is your design,if your blog is not well designed you may lose your visitors.
If you are good in coding,there are chances you can have any type of WordPress design on blogspot only if you can mess with CSS .

There are two ways to add featured post on blogger.you can add featured post on blogger through blogger dashboard
Layout 
Add a gadget then featured post
This method is okay but we want something more attractive like the one I'm having on my blog 

Featured posts are very important.
Featured post can be used in many ways,such as to promote guess post,promote a post,drive more traffic etc.

The code I'm going to share is very simple and doesn't slow down yourwebsite.
The code contains multiple featured post at same time,makes a website look beautiful and organized.

How to install

Log into your blogger dashboard
Layout,add a gadget and paste this code 


<center><div class='block-title'> <span> <i aria-hidden='' class='fa fa-bookmark-o'> </i> <b>Featured Posts</b><i aria-hidden='' class='fa fa-bookmark-o'> </i> </span>  <table align='center' bgcolor='#fff' border='0' width='auto'> <tbody> <tr align='center' bgcolor='#fff'> <th style='padding: px;border: 1px solid #ddd;font-size:13px;'> <font color='red'> <b> Featured</b> </font> </th> <th style='padding: px;border: 1px solid #ddd;font-size:13px;'> <font color='red'> <b> Featured</b> </font> </th> </tr> <tr align='center'> <td style='padding: 5px;border: 1px solid #ddd;font-size:13px;' width='50%'> <img height='80' src='post pic' width='150'/> <br/> <b> <a href='post link'> <b>post itle</b> </a> </b> </td> <td style='padding: 5px;border: 1px solid #ddd;font-size:13px;' width='50%'> <img height='80' src='post pic' width='150'/> <br/> <b> <a href='post url'> <b> post title</b> </a> </b> </td> </tr> </tbody> </table> <div class='related-post' id='related-post'> </div></div></center>

Or 

<div class='block-title'> <span> <i aria-hidden='' class='fa fa-bookmark-o'> </i> Featured Posts</span> </div> <table align='center' bgcolor='#fff' border='0' width='auto'> <tbody> <tr align='center' bgcolor='#fff'> <th style='padding: px;border: 1px solid #ddd;font-size:13px;'> <font color='red'> <b> Featured</b> </font> </th> <th style='padding: px;border: 1px solid #ddd;font-size:13px;'> <font color='red'> <b> Featured</b> </font> </th> </tr> <tr align='center'> <td style='padding: 5px;border: 1px solid #ddd;font-size:13px;' width='50%'> <img height='80' src='LINK POST ' width='150'/> <br/> <b> <a href='UR LINK'> <b> How to Activate Double Data Bonus on MTN 9mobile Airtel and Glo</b> </a> </b> </td> <td style='padding: 5px;border: 1px solid #ddd;font-size:13px;' width='50%'> <img height='80' src='LINK PIC' width='150'/> <br/> <b> <a href='UR LINK'> <b> 9mobile YouTube Unlimited Free Browsing Cheat via AnonyTun Mod</b> </a> </b> </td> </tr> </tbody> </table> <div class='related-post' id='related-post'> </div>

Both script are same 
Copy this code paste it somewhere then edit it 
CHANGE LINK PIC TO YOUR BLOG POST IMAGE OR ANY OTHER IMAGE YOU WANT AS YOUR FEATURED POST 

URL LINK TO YOUR BLOG POST LINK 
CHANGE 9MOBILE TO YOUR OWN BLOGPOST TITLE THEN SAVE COPY AND LOG INTO YOUR BLOGGER DASHBOARD LAYOUT ,ADD A GADGET HTML/JAVASCRIPT AND PASTE YOUR CODE 

THATS IT GUYS YOU CAN LEAVE A COMMENT IF IT WORKS FOR YOU.

I am tmerlin a tech lover


EmoticonEmoticon