Showing posts with label posts. Show all posts
Showing posts with label posts. Show all posts
Thursday, April 27, 2017
How To Add Related Posts Widget To Blogger
How To Add Related Posts Widget To Blogger
Blogger is a great platform to make free blogs and it is the product of Google. You can also make money with Google AdSense in this platform without paying anything. You Just have to make a good blog and then you can apply for Google AdSense. Every blogger want to make a beautiful blog with good design but blogger provides only simple templates. We can add some widgets which can make our blog professional. So here we come with a beautiful widget than will show related posts just below the posts.
Steps to Add Related Posts Widget In Blogger
Step-1. Go to Blogger Dashboard > Template. ( See below image )
Note: You can change width and height of thumbnail by just changing these values in the code width:110px;height:100px. ( change 110 and 100 according to your requirement ).
Step-3. Now search for this tag <div class=post-footer> and paste the below just above this tag
Note: You can change the value in thew code max-results=5 with the number posts you want to display. ( if you want to 6 posts in the widget, then change it to 6 ).
Now press Save Template. Now this widget will shown below every post with posts having same label as of your post.
Available link for download
Friday, February 17, 2017
How To Change and Use Fonts In Blogger Posts
How To Change and Use Fonts In Blogger Posts
For your blog to look amazing, your blog should have user friendly template which blogger allows users to upload third party templates. Your content and fonts should also be eye friendly so that visitors should not face any problem while reading your blog. So here we come with an awesome post discussing about how to change fonts in bloggers posts.
How To Change and Use Fonts In Blogger Posts.
We will discus step wise to change fonts.
Step 1 - Remove Existing Font
-The very first step is to remove the existing font so that you can change it to your favourite font.
-Go to Blogger -- Template -- Edit HTML
- Now press CTRL+F and search for the code " fonts.googleapis.com "
You will find the code as shown in Screen shot. remove the link that is highlighted by red box and save template.
Step 2 - Install New Font In Your Blog
-First of all go to Google Fonts and choose the font that you want to use and then click on " Quick Use "
- Now tick all the styles. After copy copy the HTML link tag code. ( You will find that code below the heading written on no- 3 " Add this code to your website " )
- Now again Go to Blogger -- Template -- Edit HTML and paste that code below <head> and save the template.
- After that come to no-4 ( Integrate the fonts into your CSS ) in Google Fonts, You will see a code like as shown in screen shot. Copy that code
- Now again Go to Blogger -- Template -- Edit HTML and search for body {. There you will see a code like font-family upto semicolon. Remove that code and paste the new code that you have copied from Google fonts and save template
Now you are done with your work. You can use your favourite fonts in blogger fonts.
Available link for download
Subscribe to:
Posts (Atom)