Wednesday, 31 October 2012

Sidebar title border ( Classic template )

Be the first to comment!


Assalamualaikum and good night. This tutor is about sidebar title for classic template.

Log in your blogger account.
Dashboard > Template
Copy below code and paste it before </style>
.sider {padding:10px;margin:10px;background: url(URL IMAGE);border-left: 5px #FF66FF solid;border-right: 5px #FF66FF solid;border-top: 1px dashed #FF66FF;border-bottom: 2px dashed #FF66FF;padding: 5px;font-size: 12px;color:#4D4D4D;font-family: Verdana;letter-spacing:1px;text-align:right;}

The Notes : Color code here
Pink text : Background URL
Blue text : Border color
Red text : Text color

Then,  replace your old sidebar title style with the new code.

Example : <div class="h2">Sidebar Title</div><br>   replace h2 with sider
<div class="sider">Sidebar Title</div><br>
 Ok..have a try..

Sidebar title border (Template designer)

3 Comments so far


Assalamualaikum and good night. This tutor is about sidebar title for designer template.

1. Log in your blogger account.
2. Go to Dashboard > Template > Edit HTML.

Search code using F3 or ctrl + F :  .sidebar h2 {   or   h2 {   or any code referring to sidebar title.

If there is any other sub code after the code, delete it first.
Example : Delete the sub code ( red bolted text )

.sidebar h2 {
padding:5px;margin:3px;
}

Copy below code and paste it after the code that you had searched earlier.
padding:10px; margin:10px; background: url(URL IMAGE); border-left: 5px #FF66FF solid;border-right: 5px #FF66FF solid;border-top: 1px dashed #FF66FF;border-bottom: 2px dashed #FF66FF;padding: 5px;font-size: 12px;color: #4D4D4D; font-family: Verdana;letter-spacing:1px;text-align:right;}

The Notes : Color code here
Pink text : Background URL
Blue text : Border color
Red text : Text color

....preview dan save....

Dropdown Blog Archive

2 Comments so far


Assalamualaikum...For blogskin template user, You can use this dropdown blog archive to show your list of post per month.

Log into your blogger account.
Dashboard > Template
Copy below code and paste it anywhere within your sidebar section, maybe below cbox code or etc..
<br /><center><select style="background-color: #FFCC66; color: #000000; font: 10px tahoma; letter-spacing: 2px; border: 1px #000000 solid; padding: 2px; width: 240px;" onChange="location.href=this.options[this.selectedIndex].value;">
<option value=''>Select ♥</option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>"> <$BlogArchiveName$></option>
</BloggerArchives></select></center><br />
The Notes :Purple text : Text to display ( Archieves )
Lime text : Border and font color
Red text : Background color
Blue text : Width of widget

...preview dan save...

Saturday, 27 October 2012

Blogskin : I'am Rilakkuma ^^,

10 Comments so far

My blog skin are free to use...You don’t have to pay anything :-)
But because of this, they come with rules.Please follow the rules as I have put in a lot of effort into creating the best blog skin I can for you guys.

What you can do to this skin...

✔ edit the theme as much as you like
✔ move the credits onto another page within the blog ( make it visible)

What you can't do to this skin...

✘  Remove any credit in the skin
✘  Steal or claim my blog skin as your own
✘  Redistribute my blog skin
✘  Use my skin as a base code for your skin




Features :
✿  Music player
✿  Comment box
✿  Navigation
✿  Welcome image before entering

Do comments okay... ^^,

Wednesday, 24 October 2012

Header

Be the first to comment!
Assalamualaikum.... dah lame x update entri...lebih sbuln kot..biaselah PMR + malas ;-)
dlm entri nie saye nak tunjuk bberape header yg saye buat.. x cantex pown..saje buat..








Colourfull kan? hehe
Ok itu shj...thanks ;]