Tuesday, September 6, 2011

How to Add Post Separator to your blog :D

this afternoon, when I was doing a blogwalking, I found a way to add custom separator between posts. Initially, i found it in shabbyblog's blog. But, the tutorial that I found there is a tutorial for old template format *maybe* because I when I tried the way, it couldnt be realized. I'm too curious to give up haha then i searched it in google. And taraaa~ I found this way!


1. Sign in to ur blog.
2. Open design > edit html
edit html :D
3. Add a check mark in expand widget templates if u dont check that, this tut wouldn't worked
expand widget templates :D
4. Find <!-- quickedit pencil --> in the htlm/css. if u've found that part, go down about 18 lines and u'll have <div class='post-footer-line post-footer-line-3'> and <span class='post-location'> respectively in that line.
Find this!
5. Between <div class='post-footer-line post-footer-line-3'> and <span class='post-location'>, you would better give a break (enter in keyboard). 
between this :D

give break :D
on that break, paste this code <center><img height='your separator's height' src='your separator url'/></center>.
edit them with ur separator's height and url :D
for the separator, the type is image. Better if u use .png, cz it will be transparent if the real background is transparent actually it's up 2 u heheh. 
for separator's height, it's the height of the picture. example, if the actual height of the pic is 100 px and the width is 1000 px, of course it will not fit with the post tab. u just need to change the pic's height in that code, and the width will fit it self. 
6. I usually choose 'preview' first, to see the result. If it has being what i want to, then i'll save it.


ah ya! I forgot something! for the separator's picture, u have to host it in imagewebhosting first. I usually use photobucket for the host. if u have uploaded the image there, then u can preview the pic and copy the url to the part that i've told before.
This is my separator :DD


ookay! that's all about post separator :DD hope it will helpful :DD u can ask me if there are some parts u dont undestand :DD

yakk, CoffeeClover, sign out! 

No comments:

Post a Comment