Jan 27, 2013

Blogger Post Title font and Comment text Font color and fort

This post give an idea of controlling title post color and comment headlines color and font.

The code is:


h3.post-title, .comments h4 {
  font: $(post.title.font);
  margin: .05em 0 0;
  COLOR:#000000;
}

In this css the color and font of post title and comment's text (like:"NO COMMENTS" and "POST COMMENTS" can be edited.

go to template>HTML >ctrl+F>h3.post-title.comments h4 

Here color in this part  COLOR:#000000;  can be changed to any value from #000000 to say #8632ff etc.
The font can be changed by changing the value h3 in his part h3.post-title  to other value like h1; which is bigger than h3 text size.

I think expert can understand what i want to say.

Jan 6, 2013

Top Message for Blogger

Go to Template >EDIT HTML >Ctrl+F for </body>

Paste this code just above </body>

<a class="akb-update" href="http://www.essssay.com/p/submit-essay-topics.html" target="_blank" title="Post Your Essay Topics. It will be written for you at earliest!">You are welcome here! Now you can post your Essay Topic! Click</a>

Go to Template>customize>advance>css

Paste this code:

.akb-update {
text-decoration: none !important;
position: fixed;
right:0px;
left:0px;
top: 0px;
display: block;
background-color: #8632FF !important;
text-align: center !important;
padding: 2px !important;
z-index: 9999 !important;
color: white !important;
font-size: 15px;
font-family: 'verdana' !important;
border-bottom: 5px solid rgba(255, 255, 255, 0.69);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
opacity: 0.8;
overflow: hidden;
}
.akb-update:hover {
opacity: 1.0;
}

ALL CSS


<!--Self css for box code start-->
<style type='text/css'>
div.ex
{
border:0px solid black;
padding:0px,0px,0px,0px;
margin:0px,0px,0px,0px;
width:329px;

}
</style>

<!--Self css for box code end-->
<style type='text/css'>
div.sf-text {
float: left;
width: 110%;
background: #999;
padding: 0px 0 15px 0;
margin:0 0 0px -50px;
}
</style>

<!--Self css for para text start-->
<style type='text/css'>
#para1
{
border:1px solid #D8D8D8;
padding-top:6px;
padding-right:6px;
padding-bottom:6px;
padding-left:6px;
text-align:justify;
}
</style>

<style type='text/css'>
div.hdl1
{
margin-left:0px;
text-align:left;
color:black;
background:#E6E6E6;
padding: 0,0,2em,0;
}
</style>
<!--Self css for para text end-->
<!--Self css forABOUTBOX code start-->
<style type='text/css'>
div.aboutbox
{
width:1000px;
padding:10px;
border:2px solid green;
color:black;
background:#ECF8E0;
margin:0px;
}
</style>
<!--Self css for box2 code end-->


<!--AKB css for SUBMIT PAGE BOX START-->
<style>
div.submitpage
{
width:1000px;
padding:10px;
border:5px solid green;
margin:0px;
}
</style>
<!--AKB css for SUBMIT PAGE BOX END-->

.tabs-inner .PageList li a {padding-top:3px; padding-bottom:0px;}
h2:hover{
background-color:green;
color:#FFFFFF;
}

.post-body {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  -o-user-select: none;
  user-select: none;        
}
<!--AKB CSS FOR TOP TABS PAGE LIST START-->
#PageList1{
margin-left:-12px;
width:1004px;
}
<!--AKB CSS FOR TOP TABS PAGE LIST END-->

<!--AKB CSS FOR TOP MESSAGE START-->
.stx-update {
text-decoration: none !important;
position: fixed;
right:0px;
left:0px;
top: 0px;
display: block;
background-color: #8632FF !important;
text-align: center !important;
padding: 2px !important;
z-index: 9999 !important;
color: white !important;
font-size: 15px;
font-family: 'verdana' !important;
border-bottom: 5px solid rgba(255, 255, 255, 0.69);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
opacity: 0.8;
overflow: hidden;
}

.stx-update:hover {
opacity: 1.0;
}
<!--AKB CSS FOR TOP MESSAGE END-->