connect with us on
PROMOTE UR MUSIC IMG

Upload Your Music

Hurray you can now upload your music and video on Nijaweb .

UPLOAD NOW

Advertise Your Buissness

Advertise your Buissness Here on Nijaweb for good and qaulity Promotion.

Advertise Now
nijaweb-app

Nijaweb Mobile App

Download Nijaweb Mobile App For free to recieve latest updates quick/easy.

DOWNLOAD NOW

Friday, March 31, 2017

Easy Way Of Customize the Read More Button ON BLOGGER POST

Chibueze Ogbonna     7:58 AM     No comments

readmore-button.jpg
readmore-button
sing jump breaks in your posts allows blog visitors to see more of your posts on the home page, and also keeps them on your blog longer, by prompting them to

click "Read more"

in order to finish reading each post. Unfortunately, if you are on one of the traditional Blogger templates, the "Read more" is simply a text link, and is easy to miss. Luckily, it's really easy to customize your "Read more" button:



In your Blogger dashboard, go to Template, then Customize.



Click Advanced, then Add CSS (you'll have to scroll all the way down). Paste the following code into the CSS box. If you have other CSS in the box, just add this at the end.



.jump-link {  text-align: center; /* center the button-can also use left or right */  
background: transparent;}
.jump-link a {  background: #444444; /* change background color for the button */ 
color: #ffffff; /* change text color */   padding: 5px; 
border-radius: 5px; /* button shape: 0px for squared edges or 5px for a rounded rectangle */ }
.jump-link a:hover {  background: #ffffff; /* change background color on hover */ 
color: #444444; /* change text color on hover */    text-decoration: none;}




The notes after /* explain how to customize the button. You'll be able to see each change immediately in the preview window at the bottom (except the hover effects). Only change the blue text, and leave the rest as-is.



You can find the hex codes (that's the color code that looks like a # with a combination of 6 numbers & letters) that are already used in your blog by looking at the other advanced options. For example, if you want the button to be the same color as your hyperlinks, scroll up to the Links section, and look for the hex codes there.



Another way to find the exact colors you want is to use a tool like the Color Picker extension for Google Chrome. This is an eyedropper tool that can be used to sample colors from any website. Click on the area of your site with the color you want, and the hex code will be copied for you. You can also get the R,G,B codes if you want to use your colors in PowerPoint, etc.



To change the actual wording of the button, if you want it to say "continue reading" or something, go to Layout and edit the Posts section. You can change the wording here, and click save





Thanks For Visiting Nijaweb.com Dont Forget To Drop your Comments And Share Using The Share Button Below


Author:

Is a Proffesional Nigerian Blogger, A Webdeveloper, Who Loves To Blog And Also Writting Codes

0 comments :

RECENT POST

Put your ad code here

dmca

DMCA.com Protection Status NIJAWEB.COM do not claim ownership of any of the Songs that we upload and any copyright infringement complaints will be executed immediately! It is our policy to honor all take-down requests!
If You Feel Your Rights Are Being Infringed Upon, Contact Us Not Our Host By Send a Email Through Our Contact Form

MEET NIJAWEB CEO

Total Pageviews

Blogroll

Subscribe to our Newsletter

We'll never share your Email address.
© 2016 - NIJAWEB | NAIJA NO1 INFORMATION AND TECHNOLOGY BLOG. All Rights Reserved - Crafted by Stephenice . Blogger.