Saturday, 19 April 2014

How to Add Your Signature to Your Blog Post

Assalamualaikum...

this tutorial will teach you step by step on how to add your own custom made signature to your blog post automatically on each post...enjoy!~ ^_^
(click on the pictures to get a larger view)


1. You need to create your own signature using either Photoshop, PicMonkey, LunaPic or any photo editor. 

2. Upload your chosen image to your favorite image host. I use ImageShack to host all my images. You can also use others such as Photobucket.com, etc

3. Copy the direct link of the image


4. Paste the URL link of your image in the code below: (replace the area that I highlighted with YOUR RESPECTIVE IMAGE URL)

.entry-content:after {
content: url(http://imagizer.imageshack.us/v2/800x600q90/706/193t.png);
margin-left: 0px;
}

5. Log in to your blogger, go to "TEMPLATE DESIGNER"


6. Click on "Advanced" and click "Add CSS"


7. Paste your CODE inside the empty space


8. Then click ENTER on your keyboard

9. You can click "View Blog" to view your signature on each post! ^_^





mine looks like this...simple~ like it so much...hehe...

btw if you would like your signature to be in the middle or right, just play with the margin-left: 0px , play with the px, put any number and once you are satisfied, leave it...=D
mine is 0px becoz I want my signature to be on the far left ^^, 

any questions or problem don't hesitate to leave a comment ya ^_^


Happy Blogging!

No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...