Category: Blogging


Add Image border to your blog post image

December 22, 2012

This tutorial was requested by someone. This is the live preview of the image. Not all images in your blog will have border, just images in your entry. Go to Home > Template > Edit HTML > Search for ]]></b:skin> Paste the codes given above/before ]]></b:skin> .post-body img{ padding:4px; border:1px solid #ddd}Thank you for reading 🙂 

Read More

How to style your post blockquote – Style 8

December 22, 2012

Demo : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pulvinar lobortis luctus. Donec posuere sollicitudin diam, non semper metus vulputate nec. Curabitur lobortis porttitor convallis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae. Codes:blockquote{ padding:10px; display:block; font:11px arial; color:#ccc; letter-spacing:1px; border-radius:10px; border:2px solid #FFE2E2; -webkit-transition: all 0.5s ease-in-out; […]

Read More

Simple Template : Comment Box Styling

December 17, 2012

LIVE PREVIEW Assalamualaikum, Saya sedang menjinakkan diri di dalam simple template setelah sekian lama tak sentuh Simple Template ni. Baruku sedar edit simple template ni senang jugak tapi lebih complicated dari classic template. Code ni semua saya type sendiri /serious/ so sila hargai lah ye ;__; Nak Comment Box macam tu? Ikut instruction ni –  […]

Read More

How to make polaroid style image

December 13, 2012

Hi, in this entry I will give you the codes for creating a polaroid image using coding. This is the live preview of the polaroid box. I know you tried to be someone else when you’re with me. Trust me, i love you the way you are. text Yes you can edit everything including width, […]

Read More

Tutorial List With Special Hover

December 8, 2012

In this post, I would like to teach you on how to get this cute Tutorial list, I specially made this for tutorial list, but you can also use this for any other list with link. Please hover the list below to see he effect. Tutorial : Navigation Tutorial : Background Tutorial : Cara mengorat […]

Read More

How to style link hover – Style 8

December 5, 2012

To use this link hover,  paste the codes under </style> for Classic Template users. For Blogger Template Designer, paste the codes above/before ]]></b:skin> I feel like I’m under a spell a{ text-decoration:none ; color:#BDA291 ;cursor:pointer; -webkit-transition:All 0.4s ease ; -moz-transition:All 0.4s ease ; -o-transition:All 0.4s ease ; } a:hover{ color:#fff ; background:url(http://24.media.tumblr.com/tumblr_m1f2u4jjAC1qbc0uoo1_500.jpg); background-position:50% 80%; background-size:400px; }

Read More

© 2011-2017 WANASEOBY.COM