Friday, June 26, 2009

Display CSS codes and Scripts in unique Style – Blogger Post Styling hack




All of you might have noticed that in my blogger posts I use a custom CSS style to show CSS codes , Scripts and other important notes. After looking at this cool features one of my reader asked me how to do this. So I am Posting this ” Post Styling Hack for blogger to display scripts and CSS codes in unique style ” .
Just Follow This steps to add this ” Post Styling Hack ” to your Blog .

Step 1 :

Login to your Blogger account and navigate to Layout section . Then go to Edit Html subtab .

No Need to Check Expand Widgets Box

Step 2 : Add This CSS code above this line ]]> .


.hint {
border : 1px solid #4ab7ff;
font-size : 11px;
color : #191919;
background : #bfe5ff url(http://i400.photobucket.com/albums/pp88/jumbledpics/info.gif) no-repeat 5px center;
font-family : Verdana, sans-serif, "Courier New";
line-height : 125%;
margin : 5px 0 0;
padding : 12px 12px 12px 40px;
display : block;
font-weight : 400;
width : 85%;
}


See Screenshot Below for Instructions :

Blogger Post Styling Hack


you can change the text in red to your wish to suit your Template.

Step 3 :

Whenever you create new posts just include the speical Script ( CSS code , Scripts , etc ) within this div section .

<div class=<hint>


Insert the Special code here


</div>



Don’t use id instead of class



that’s it you have add this post Styling hack to your blogger template celebrate .




Related Posts by Categories



Widget by Hoctro | Jack Book

4 comments:

khmerfree template said...

ដល់ណាហើយ​អត់មានចាំផងទេ​!​ទៅចុះ​រកតែឯងតាមមិនទាន់​សោះឡើយ​!​ខ្ញុំលឺថា​ប្លុក​កូនខ្មែរ​មិន​ចេះ​ស្រលាញ់​ស្រីទេ!​ស្រលាញ់តែ​ប្រុស់គ្នាឯង​ៗ!​វាពិតមេន​ឬអត់​ប្រាប់​មក​ឲ្យ​ត្រង់​មកមិនបាច់​ខ្មាស់​អីទេណា! :D:)

Khmer iT, Blogger Template, Worpress Themes, Movie, Music download said...

មានទៅដល់ណា! នៅដដែល ខ្ញុំនៅចាំបងតើ :D

ភី ឧត្តម said...

សប្បាយមែន មកលេង Khmer iT ឃើញគេឃើញុងង ដូចឃើញមនុស្សពេលចូលឆ្នាំខ្មែរអញ្្ឹង !!!

Khmer iT, Blogger Template, Worpress Themes, Movie, Music download said...

ក្នុងប្លុករបស់​បង​ Comments មិនបានទេ :( មិនទេ ទើបខ្ញុំសរសេរ​ប្រាប់នៅ​ទីនេះ

Post a Comment

 

©2009 daily news | by TNB