<data:commentPostedByMsg/>
<data:commentPostedByMsg/>
<span class='comment-reply'><a expr:href='"https://www.blogger.com/comment.g?blogID=YOUR-BLOG-ID&postID=" data:post.id "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" data:comment.anchorName "%22%3E" data:comment.author "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450"); return false;'>[Reply to comment]</a></span>
<img border="0" src="http://2.bp.blogspot.com/_nqp-0VCwy0c/S_OfySBzXrI/AAAAAAAABIo/xs7lK1AOeJw/s320/reply-r.png" />
As you might have noticed that the Title Links of the posts on my blog are not clickable when you open any post. This is done so that we don't violate the TOS of google adsense, if you planning to place ads under the Title Text. This tutorial will teach you how to achieve it in minimal steps. I assume that you know the basics of editing the theme and templates.
We are going to give a new year suprise gift to our friendz is that most of the very efficient bloggers know how to design their post and rest of the other are also efficient in flash but they didn't know how to add a flash file in blog's but these new year ur are going to have a creative blast in ur side bar or header by putting a flash file in your blog's with simple tutorial .........
3. Now you have uploaded the Flash SWF file to Google Page and other you should get the URL address of the SWF file and note it. In Internet Explorer, you can simply click the file, open it with IE, and copy the link address in the address bar. If you are using Firefox, you may right click on the file, in the popup menu, click "Copy Link Location", and get the link address. The link address should look like http://kevinleo2008.googlepages.com/myflash.swf
Other than default colors we can set RGB color's in android ex:- paint.setColor(Color.rgb(70, 130, 180)); below is the colors in table with its color codes and hex value the below codes work well for android and i did not find any major mismatch. I hope our friendz will like this post too..
Our team has decided to post this Hexadecimal Color Codes Value| COLOR NAME | CODE | COLOR |
| Black | #000000 | Black |
| Gray0 | #150517 | Gray0 |
| Gray18 | #250517 | Gray18 |
| Gray21 | #2B1B17 | Gray21 |
| Gray23 | #302217 | Gray23 |
| Gray24 | #302226 | Gray24 |
| Gray25 | #342826 | Gray25 |
| Gray26 | #34282C | Gray26 |
| Gray27 | #382D2C | Gray27 |
| Gray28 | #3b3131 | Gray28 |
| Gray29 | #3E3535 | Gray29 |
| Gray30 | #413839 | Gray30 |
| Gray31 | #41383C | Gray31 |
| Gray32 | #463E3F | Gray32 |
| Gray34 | #4A4344 | Gray34 |
| Gray35 | #4C4646 | Gray35 |
| Gray36 | #4E4848 | Gray36 |
| Gray37 | #504A4B | Gray37 |
| Gray38 | #544E4F | Gray38 |
| Gray39 | #565051 | Gray39 |
| Gray40 | #595454 | Gray40 |
| Gray41 | #5C5858 | Gray41 |
| Gray42 | #5F5A59 | Gray42 |
| Gray43 | #625D5D | Gray43 |
| Gray44 | #646060 | Gray44 |
| Gray45 | #666362 | Gray45 |
| Gray46 | #696565 | Gray46 |
| Gray47 | #6D6968 | Gray47 |
| Gray48 | #6E6A6B | Gray48 |
| Gray49 | #726E6D | Gray49 |
| Gray50 | #747170 | Gray50 |
| Gray | #736F6E | Gray |
| Slate Gray4 | #616D7E | Slate Gray4 |
| Slate Gray | #657383 | Slate Gray |
| Light Steel Blue4 | #646D7E | Light Steel Blue4 |
| Light Slate Gray | #6D7B8D | Light Slate Gray |
| Cadet Blue4 | #4C787E | Cadet Blue4 |
| Dark Slate Gray4 | #4C7D7E | Dark Slate Gray4 |
| Thistle4 | #806D7E | Thistle4 |
| Medium Slate Blue | #5E5A80 | Medium Slate Blue |
| Medium Purple4 | #4E387E | Medium Purple4 |
| Midnight Blue | #151B54 | Midnight Blue |
| Dark Slate Blue | #2B3856 | Dark Slate Blue |
| Dark Slate Gray | #25383C | Dark Slate Gray |
| Dim Gray | #463E41 | Dim Gray |
| Cornflower Blue | #151B8D | Cornflower Blue |
| Royal Blue4 | #15317E | Royal Blue4 |
| Slate Blue4 | #342D7E | Slate Blue4 |
| Royal Blue | #2B60DE | Royal Blue |
| Royal Blue1 | #306EFF | Royal Blue1 |
| Royal Blue2 | #2B65EC | Royal Blue2 |
| Royal Blue3 | #2554C7 | Royal Blue3 |
| Deep Sky Blue | #3BB9FF | Deep Sky Blue |
| Deep Sky Blue2 | #38ACEC | Deep Sky Blue2 |
| Slate Blue | #357EC7 | Slate Blue |
| Deep Sky Blue3 | #3090C7 | Deep Sky Blue3 |
| Deep Sky Blue4 | #25587E | Deep Sky Blue4 |
| Dodger Blue | #1589FF | Dodger Blue |
| Dodger Blue2 | #157DEC | Dodger Blue2 |
| Dodger Blue3 | #1569C7 | Dodger Blue3 |
| Dodger Blue4 | #153E7E | Dodger Blue4 |
| Steel Blue4 | #2B547E | Steel Blue4 |
| Steel Blue | #4863A0 | Steel Blue |
| Slate Blue2 | #6960EC | Slate Blue2 |
| Violet | #8D38C9 | Violet |
| Medium Purple3 | #7A5DC7 | Medium Purple3 |
| Medium Purple | #8467D7 | Medium Purple |
| Medium Purple2 | #9172EC | Medium Purple2 |
| Medium Purple1 | #9E7BFF | Medium Purple1 |
| Light Steel Blue | #728FCE | Light Steel Blue |
| Steel Blue3 | #488AC7 | Steel Blue3 |
| Steel Blue2 | #56A5EC | Steel Blue2 |
| Steel Blue1 | #5CB3FF | Steel Blue1 |
| Sky Blue3 | #659EC7 | Sky Blue3 |
| Sky Blue4 | #41627E | Sky Blue4 |
| Slate Blue | #737CA1 | Slate Blue |
| Slate Blue | #737CA1 | Slate Blue |
| Slate Gray3 | #98AFC7 | Slate Gray3 |
| Violet Red | #F6358A | Violet Red |
| Violet Red1 | #F6358A | Violet Red1 |
| Violet Red2 | #E4317F | Violet Red2 |
| Deep Pink | #F52887 | Deep Pink |
| Deep Pink2 | #E4287C | Deep Pink2 |
| Deep Pink3 | #C12267 | Deep Pink3 |
| Deep Pink4 | #7D053F | Deep Pink4 |
| Medium Violet Red | #CA226B | Medium Violet Red |
| Violet Red3 | #C12869 | Violet Red3 |
| Firebrick | #800517 | Firebrick |
| Violet Red4 | #7D0541 | Violet Red4 |
| Maroon4 | #7D0552 | Maroon4 |
| Maroon | #810541 | Maroon |
| Maroon3 | #C12283 | Maroon3 |
| Maroon2 | #E3319D | Maroon2 |
| Maroon1 | #F535AA | Maroon1 |
| Magenta | #FF00FF | Magenta |
| Magenta1 | #F433FF | Magenta1 |
| Magenta2 | #E238EC | Magenta2 |
| Magenta3 | #C031C7 | Magenta3 |
| Medium Orchid | #B048B5 | Medium Orchid |
| Medium Orchid1 | #D462FF | Medium Orchid1 |
| Medium Orchid2 | #C45AEC | Medium Orchid2 |
| Medium Orchid3 | #A74AC7 | Medium Orchid3 |
| Medium Orchid4 | #6A287E | Medium Orchid4 |
| Purple | #8E35EF | Purple |
| Purple1 | #893BFF | Purple1 |
| Purple2 | #7F38EC | Purple2 |
| Purple3 | #6C2DC7 | Purple3 |
| Purple4 | #461B7E | Purple4 |
| Dark Orchid4 | #571B7e | Dark Orchid4 |
| Dark Orchid | #7D1B7E | Dark Orchid |
| Dark Violet | #842DCE | Dark Violet |
| Dark Orchid3 | #8B31C7 | Dark Orchid3 |
| Dark Orchid2 | #A23BEC | Dark Orchid2 |
| Dark Orchid1 | #B041FF | Dark Orchid1 |
| Plum4 | #7E587E | Plum4 |
| Pale Violet Red | #D16587 | Pale Violet Red |
| Pale Violet Red1 | #F778A1 | Pale Violet Red1 |
| Pale Violet Red2 | #E56E94 | Pale Violet Red2 |
| Pale Violet Red3 | #C25A7C | Pale Violet Red3 |
| Pale Violet Red4 | #7E354D | Pale Violet Red4 |
| Plum | #B93B8F | Plum |
| Plum1 | #F9B7FF | Plum1 |
| Plum2 | #E6A9EC | Plum2 |
| Plum3 | #C38EC7 | Plum3 |
| Thistle | #D2B9D3 | Thistle |
| Thistle3 | #C6AEC7 | Thistle3 |
| Lavender Blush2 | #EBDDE2 | Lavender Blush2 |
| Lavender Blush3 | #C8BBBE | Lavender Blush3 |
| Thistle2 | #E9CFEC | Thistle2 |
| Thistle1 | #FCDFFF | Thistle1 |
| Lavender | #E3E4FA | Lavender |
| Lavender Blush | #FDEEF4 | Lavender Blush |
| Light Steel Blue1 | #C6DEFF | Light Steel Blue1 |
| Light Blue | #ADDFFF | Light Blue |
| Light Blue1 | #BDEDFF | Light Blue1 |
| Light Cyan | #E0FFFF | Light Cyan |
| Slate Gray1 | #C2DFFF | Slate Gray1 |
| Slate Gray2 | #B4CFEC | Slate Gray2 |
| Light Steel Blue2 | #B7CEEC | Light Steel Blue2 |
| Turquoise1 | #52F3FF | Turquoise1 |
| Cyan | #00FFFF | Cyan |
| Cyan1 | #57FEFF | Cyan1 |
| Cyan2 | #50EBEC | Cyan2 |
| Turquoise2 | #4EE2EC | Turquoise2 |
| Medium Turquoise | #48CCCD | Medium Turquoise |
| Turquoise | #43C6DB | Turquoise |
| Dark Slate Gray1 | #9AFEFF | Dark Slate Gray1 |
| Dark Slate Gray2 | #8EEBEC | Dark slate Gray2 |
| Dark Slate Gray3 | #78c7c7 | Dark Slate Gray3 |
| Cyan3 | #46C7C7 | Cyan3 |
| Turquoise3 | #43BFC7 | Turquoise3 |
| Cadet Blue3 | #77BFC7 | Cadet Blue3 |
| Pale Turquoise3 | #92C7C7 | Pale Turquoise3 |
| Light Blue2 | #AFDCEC | Light Blue2 |
| Dark Turquoise | #3B9C9C | Dark Turquoise |
| Cyan4 | #307D7E | Cyan4 |
| Light Sea Green | #3EA99F | Light Sea Green |
| Light Sky Blue | #82CAFA | Light Sky Blue |
| Light Sky Blue2 | #A0CFEC | Light Sky Blue2 |
| Light Sky Blue3 | #87AFC7 | Light Sky Blue3 |
| Sky Blue | #82CAFF | Sky Blue |
| Sky Blue2 | #79BAEC | Sky Blue2 |
| Light Sky Blue4 | #566D7E | Light Sky Blue4 |
| Sky Blue | #6698FF | Sky Blue |
| Light Slate Blue | #736AFF | Light Slate Blue |
| Light Cyan2 | #CFECEC | Light Cyan2 |
| Light Cyan3 | #AFC7C7 | Light Cyan3 |
| Light Cyan4 | #717D7D | Light Cyan4 |
| Light Blue3 | #95B9C7 | Light Blue3 |
| Light Blue4 | #5E767E | Light Blue4 |
| Pale Turquoise4 | #5E7D7E | Pale Turquoise4 |
| Dark Sea Green4 | #617C58 | Dark Sea Green4 |
| Medium Aquamarine | #348781 | Medium Aquamarine |
| Medium Sea Green | #306754 | Medium Sea Green |
| Sea Green | #4E8975 | Sea Green |
| Dark Green | #254117 | Dark Green |
| Sea Green4 | #387C44 | Sea Green4 |
| Forest Green | #4E9258 | Forest Green |
| Medium Forest Green | #347235 | Medium Forest Green |
| Spring Green4 | #347C2C | Spring Green4 |
| Dark Olive Green4 | #667C26 | Dark Olive Green4 |
| Chartreuse4 | #437C17 | Chartreuse4 |
| Green4 | #347C17 | Green4 |
| Medium Spring Green | #348017 | Medium Spring Green |
| Spring Green | #4AA02C | Spring Green |
| Lime Green | #41A317 | Lime Green |
| Spring Green | #4AA02C | Spring Green |
| Dark Sea Green | #8BB381 | Dark Sea Green |
| Dark Sea Green3 | #99C68E | Dark Sea Green3 |
| Green3 | #4CC417 | Green3 |
| Chartreuse3 | #6CC417 | Chartreuse3 |
| Yellow Green | #52D017 | Yellow Green |
| Spring Green3 | #4CC552 | Spring Green3 |
| Sea Green3 | #54C571 | Sea Green3 |
| Spring Green2 | #57E964 | Spring Green2 |
| Spring Green1 | #5EFB6E | Spring Green1 |
| Sea Green2 | #64E986 | Sea Green2 |
| Sea Green1 | #6AFB92 | Sea Green1 |
| Dark Sea Green2 | #B5EAAA | Dark Sea Green2 |
| Dark Sea Green1 | #C3FDB8 | Dark Sea Green1 |
| Green | #00FF00 | Green |
| Lawn Green | #87F717 | Lawn Green |
| Green1 | #5FFB17 | Green1 |
| Green2 | #59E817 | Green2 |
| Chartreuse2 | #7FE817 | Chartreuse2 |
| Chartreuse | #8AFB17 | Chartreuse |
| Green Yellow | #B1FB17 | Green Yellow |
| Dark Olive Green1 | #CCFB5D | Dark Olive Green1 |
| Dark Olive Green2 | #BCE954 | Dark Olive Green2 |
| Dark Olive Green3 | #A0C544 | Dark Olive Green3 |
| Yellow | #FFFF00 | Yellow |
| Yellow1 | #FFFC17 | Yellow1 |
| Khaki1 | #FFF380 | Khaki1 |
| Khaki2 | #EDE275 | Khaki2 |
| Goldenrod | #EDDA74 | Goldenrod |
| Gold2 | #EAC117 | Gold2 |
| Gold1 | #FDD017 | Gold1 |
| Goldenrod1 | #FBB917 | Goldenrod1 |
| Goldenrod2 | #E9AB17 | Goldenrod2 |
| Gold | #D4A017 | Gold |
| Gold3 | #C7A317 | Gold3 |
| Goldenrod3 | #C68E17 | Goldenrod3 |
| Dark Goldenrod | #AF7817 | Dark Goldenrod |
| Khaki | #ADA96E | Khaki |
| Khaki3 | #C9BE62 | Khaki3 |
| Khaki4 | #827839 | Khaki4 |
| Dark Goldenrod1 | #FBB117 | Dark Goldenrod1 |
| Dark Goldenrod2 | #E8A317 | Dark Goldenrod2 |
| Dark Goldenrod3 | #C58917 | Dark Goldenrod3 |
| Sienna1 | #F87431 | Sienna1 |
| Sienna2 | #E66C2C | Sienna2 |
| Dark Orange | #F88017 | Dark Orange |
| Dark Orange1 | #F87217 | Dark Orange1 |
| Dark Orange2 | #E56717 | Dark Orange2 |
| Dark Orange3 | #C35617 | Dark Orange3 |
| Sienna3 | #C35817 | Sienna3 |
| Sienna | #8A4117 | Sienna |
| Sienna4 | #7E3517 | Sienna4 |
| Indian Red4 | #7E2217 | Indian Red4 |
| Dark Orange3 | #7E3117 | Dark Orange3 |
| Salmon4 | #7E3817 | Salmon4 |
| Dark Goldenrod4 | #7F5217 | Dark Goldenrod4 |
| Gold4 | #806517 | Gold4 |
| Goldenrod4 | #805817 | Goldenrod4 |
| Light Salmon4 | #7F462C | Light Salmon4 |
| Chocolate | #C85A17 | Chocolate |
| Coral3 | #C34A2C | Coral3 |
| Coral2 | #E55B3C | Coral2 |
| Coral | #F76541 | Coral |
| Dark Salmon | #E18B6B | Dark Salmon |
| Salmon1 | #F88158 | Pale Turquoise4 |
| Salmon2 | #E67451 | Salmon2 |
| Salmon3 | #C36241 | Salmon3 |
| Light Salmon3 | #C47451 | Light Salmon3 |
| Light Salmon2 | #E78A61 | Light Salmon2 |
| Light Salmon | #F9966B | Light Salmon |
| Sandy Brown | #EE9A4D | Sandy Brown |
| Hot Pink | #F660AB | Hot Pink |
| Hot Pink1 | #F665AB | Hot Pink1 |
| Hot Pink2 | #E45E9D | Hot Pink2 |
| Hot Pink3 | #C25283 | Hot Pink3 |
| Hot Pink4 | #7D2252 | Hot Pink4 |
| Light Coral | #E77471 | Light Coral |
| Indian Red1 | #F75D59 | Indian Red1 |
| Indian Red2 | #E55451 | Indian Red2 |
| Indian Red3 | #C24641 | Indian Red3 |
| Red | #FF0000 | Red |
| Red1 | #F62217 | Red1 |
| Red2 | #E41B17 | Red2 |
| Firebrick1 | #F62817 | Firebrick1 |
| Firebrick2 | #E42217 | Firebrick2 |
| Firebrick3 | #C11B17 | Firebrick3 |
| Pink | #FAAFBE | Pink |
| Rosy Brown1 | #FBBBB9 | Rosy Brown1 |
| Rosy Brown2 | #E8ADAA | Rosy Brown2 |
| Pink2 | #E7A1B0 | Pink2 |
| Light Pink | #FAAFBA | Light Pink |
| Light Pink1 | #F9A7B0 | Light Pink1 |
| Light Pink2 | #E799A3 | Light Pink2 |
| Pink3 | #C48793 | Pink3 |
| Rosy Brown3 | #C5908E | Rosy Brown3 |
| Rosy Brown | #B38481 | Rosy Brown |
| Light Pink3 | #C48189 | Light Pink3 |
| Rosy Brown4 | #7F5A58 | Rosy Brown4 |
| Light Pink4 | #7F4E52 | Light Pink4 |
| Pink4 | #7F525D | Pink4 |
| Lavender Blush4 | #817679 | Lavendar Blush4 |
| Light Goldenrod4 | #817339 | Light Goldenrod4 |
| Lemon Chiffon4 | #827B60 | Lemon Chiffon4 |
| Lemon Chiffon3 | #C9C299 | Lemon Chiffon3 |
| Light Goldenrod3 | #C8B560 | Light Goldenrod3 |
| Light Golden2 | #ECD672 | Light Golden2 |
| Light Goldenrod | #ECD872 | Light Goldenrod |
| Light Goldenrod1 | #FFE87C | Light Goldenrod1 |
| Lemon Chiffon2 | #ECE5B6 | Lemon Chiffon2 |
| Lemon Chiffon | #FFF8C6 | Lemon Chiffon |
| Light Goldenrod Yellow | #FAF8CC | Light Goldenrod Yellow |
© 2006 TZ1. All Rights Reserved
I shared a tutorial yesterday on 14 amazing ways to stylize Blogger Blockquote and today I have a really interesting and exceptional blockquote for those who write tutorial based articles on their blogs and websites. I have created two blockquotes, the first one has no number list while the second one comes with automatic number list and looks like your notebook diary. The number list starts at #1 and end at #112. Both of these blockquotes can easily be customized to suit your web layout.
So let’s have a look at each one of them first.
Blockquote Without Number List:
Liked the difference? Now let’s learn how to add each one of them to your Blogger Blogs. To add this blockquote to blogger, follow the simple steps below,
.post-body blockquote { line-height:1.3em; }OR.post blockquote{ bla bla bla}
blockquote {
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD4p-KZ9uUFxfFTrU0YXe5_fGZFNIOsJ6nFK9pHYxdRrlOzyC3ahx9pbDrAb2aXB9vc7QjQHmUPT8Gc_9fOLSUAa-q5OXPp4By5WYBL12TVDRrF1mx2hC-oYSo0cOWFuj5AkPTIOt0hBQ/s1600/notebook-with-numbers.gif) repeat-y;
margin: 0 20px;
padding: 0px 20px 5px 55px;
color:#7a7a7a;
font: bold 0.9em "Comic Sans MS", verdana;
line-height: 153%;
}
blockquote p {
margin: 0;
}
Customization:-
You can also change the Number list background by replacing the bolded image link in the code above with the image URLs of one of these blockquotes.
Tip:- Right Click the links below each blockquote and choose Save Link As Or Copy Link Location to its image URL.
font :- It includes font style, size and type respectively. Match the colours with the code above for reference. Font style can be bold, normal , italic or bold italic
color :- This refers to text colour. You can use a different font colour using color chart
blockquote {
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif79XUbJR8VykrnrXbMpVERW1rzLM1Imb3IOp6i7jruwt5Ej3vYlt1CF9SnbzgzYoEEedW__ga7uzhTBh7KJCn8C6kyXed7wrwgcBMGeIO73LVW4HEeUkAvMInTHOq8sqkqmipMEx2TY8/s400/notebook.gif) repeat-y ;
margin: 0 20px;
padding: 20px 20px 20px 55px;
color:#7A7A7A;
font: bold 0.9em "Comic Sans MS", verdana;
line-height: 155%
}
blockquote p {
margin: 0;
}
Tip:- Right Click any of the blockquote images below and choose Save Link As Or Copy Link Location to get its image URL.
That’s All!
Note:- If you want to increase the number range for the blockquote with auto number list or if you want to create an image with your custom colours than I can provide you the PDF source file for it. But it will be given to subscribers only. If you haven’t subscribed yet, kindly do so to avail unlimited download resources from us to you.
Let me know how was this new discovery :>>
]]></b:skin> (Tip:- Press Ctrl + F ) ]]></b:skin> paste one of the codes below,
.post h4{
color:#0080ff;
border-bottom:1px solid #289728;
font-size: 12pt;
padding:2px;
}
.post h4{
color:#0080ff;
border-top:1px solid #289728;
border-bottom:1px solid #289728;
font-size: 12pt;
padding:3px;
}
.post h4{
color:#0080ff;
border:1px solid #289728;
font-size: 12pt;
padding:2px;
}
.post h4{
color:#0080ff;
border-top:1px dotted #289728;
border-bottom:1px dotted #289728;
font-size: 12pt;
}.post h4:hover{
border-top:1px dotted #0080ff;
border-bottom:1px dotted #0080ff;
background-color: #289728;
color:#fff;
}
.post h4 {
border-bottom: 1px solid #289728;
color:#0080ff;
font-size:12pt;
}
.post h4 span {
position: relative;
left: -0.3em;
bottom: -0.6em;
padding: 1px 0.5em;
margin: 0;
border: 1px solid #289728;
background-color: #fff;
}
.post h4 {
background: #fff url(URL OF Side Image) top left repeat-y;
font-size: 12pt;
color: #0090ff;
padding:28px 0 0 44px ;
}
.post h4:hover {
color: #289728;
}
All the CSS codes above use simple properties which are described below,
1. For Changing border width, style and colour edit codes like this one,
border:1px solid #0080ff
Here 1px refers to border thickness/width and solid refers to border style and the six digit number refers to border colour. You can change border style from solid to dotted or dashed. I like border style to be dotted because it gives a light appearance.
You can use our CSS Colour Chart for getting the six digit number for your desired colour
2. For Changing Font Size, edit codes like this one,
font-size:12pt
If you want the text size to increase or decrease than respectively increase or decrease this value 12pt
3. To Change Font Colour, edit similar codes like this one,
color:#0080ff
You can use our CSS Colour Chart for getting the six digit number for your desired colour
Implementation:-
Now Whenever you write a heading in your post inside blogger editor, simply add the following pieces of codes next to your heading,
See a screen shot below,Your Heading Goes Here
This can be done both in compose or HTML mode.
For Heading Style Surrounded By a Box you will need to add slightly different code as shown below,
<h4> Your Heading Goes Here </h4>
We only need to add an extra span tag (i.e:- ) for the box to appear.
That’s All!
Note:- Changes Will Not Appear inside Blogger Editor or on previewing. You will only see a bolded black text inside blogger editor. The styling will take effect only when the post is published.
To be honest I really hate wordpress because it has nothing interesting for new web designers like me. It uses complex php script that few understands and also has a complex CSS editing option that has never went through my throat. If you are an expert wordpress user then you can use the blogspot method above to style headings in your wordpress template but if you find it difficult to edit wordpress style sheet like me then you can adopt a simple way as described below.
We can only apply three out of six Heading style methods to wordpress which are,
To apply any of the heading style above, do this in your Wordpress Editor,
<h4><div style="color:#0080ff; border-bottom:1px solid #289728;
font-size: 12pt; padding:2px;">Your Heading Goes Here</div></h4>
<h4><div style="color:#0080ff; border-top:1px solid #289728;
border-bottom:1px solid #289728; font-size: 12pt; padding:3px;">Your Heading Goes Here</div></h4>
<h4><div style="color:#0080ff; border:1px solid #289728; font-size: 12pt; padding:2px;">Your Heading Goes Here</div></h4>
The green text is where your heading must lie and the bolded black text is the code that should surround your heading. Now once you have added the codes correctly, simply switch to the visual mode and you will see the heading style in action! See some screen shots below for heading style surrounded by borders,
First enclose your heading with html codes above in the html mode,
Then press the visual button to see the effect live!
To customize the styles read the customization guide for blogspot users
Hope it was clear :>>
Tut Zone1 Copyright © 2009 Community is Designed by Bie Blogger Template
