Sidebar title border ( Classic template )

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)

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

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...

Blogskin : I'am Rilakkuma ^^,

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

Preview / Code / Download

Features :

✿  Music player

✿  Comment box

✿  Navigation

✿  Welcome image before entering

Do comments okay... ^^,

Header

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 ;]