Change Older Posts, Newer Posts, Home Links With Image Buttons in Blogger

• Go to blogger dashboard:
• Go to Template >> Edit HTML >>
• Now search for below code (CTRL+F)

1. search for this code:

 <data:newerPageTitle/>

Replace it with Below given code:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIT90QqMkH6uEVNeDPE33u4d0-dZs6Iz_xYOqUKPLwo3VuSFEnTk5ls9URsSgZrRAzhZkwdIGz-IJY8JJTTKWfZqds2nhUmmy4j4BROkpIkwn47fFvXVAcJZ0YWmD7rgYVugSuQhpC7cU/s1600/Previous+Button.png"/>

2. Again search for this code:

  <data:olderPageTitle/>

Replace it with Below given code:

  

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyrA-Afx7uRk55lV-bUWoBNrCfO9e22PmSo7qdABUz4xpnA6wX5oWGzmWvsPiIWjrTxXs53k1RdaebFTuKacQXEHbjjqR8NrjevJF-nJsjRV0sNx7qQs5YSkHDhOt_n_JO626aTUlfHss/s1600/Next+Button.png"/>

3. Again search for this code:

<data:homeMsg/>

Replace it with Below given code:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5rI4goYBdGJ95zmBtYv3AX16YEN7UGyBqcvlXcX0Xwy_b2CfWmNRQ4CERqEl0kHqFaAbc8Pxub2XDJ31sf5Hdx2FI2AQ2UEqytXhFXXsxnWts6lY8-7kK4wJyc_PwftsvLw9KTfpKbkE/s1600/Home+Button.png"/>

How to Add Each Blog Post in Separate Box

• Go To Blogger Dashboard
• Select Your Specific Blog and Click on Template
• Then Click On Customize
• After that Click On Advanced Option
• And Then Select CSS: (i.e Add CSS)
• Now Copy the below Code and paste it over there.

.post {

background:#FFFFFF;

border: 2px solid #000000;

padding-right:7px;

padding-left:7px;

}

.post:hover {

border: 2px solid #FF0000;

}

.post:active {

border: 2px solid #0004FF;

}

If You are interested in Changing the background Color then Replace #FFFFFF with Your Own Color Code.And If you want to change the Border Color then Change #000000 #FF0000 #0004FF  to Your Desired Color Code.