Freebies Mix Background

Assalammualaikum.
How to save / get code ? 
Ctrl + Click on the image.






Tutorial Dashed Line Under Post Title


Tutorial for Simple Template but you can try coding for other template

1. Design > Edit HTML
2. Find (Ctrl + F) this code : .post h3 {
3. copy code below and paste below .post h3 {
border-bottom: 2px dashed #D0A9F5;
4. Change red (#D0A9F5) to color you want at html-color-codes.info .
5. Save Template .

Freebies KPOP Fan club header

http://3.bp.blogspot.com/-N4Ie_LZTwxY/Ty98ZNSFKgI/AAAAAAAACIg/TVD5VSUkh8M/s1600/foreverb2uty.png
hhttp://1.bp.blogspot.com/-rwFuPhz3brw/Ty98amj_dOI/AAAAAAAACIo/qTnwpWmu-_I/s1600/foreverELF.png
http://3.bp.blogspot.com/-qQsNqIOwh5Y/Ty98cOJ_afI/AAAAAAAACIw/UHbWoZniZx4/s1600/foreverinspirit.png
http://3.bp.blogspot.com/-dlwZL-KicFg/Ty98en6rkGI/AAAAAAAACI4/XP0lYI6c-pg/s1600/foreverpinkpanda.png

Tutorial Background Underline

1. Design > Edit HTML
2. Ctrl+F untuk cari code >  u {
3. Copy code berikut dan paste di bawah / selepas code u { :

text-decoration:none;
-moz-border-radius: 5px;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 3px;
padding-right: 3px;
background: #F7D358;
border-radius: 3px;
-webkit-transition-duration: 2s;
color: #FFFFFF;
}
u:hover {
-moz-opacity:0.80;
opacity:.80;
-webkit-transition:0.5s;
transition:0.5s;
filter:alpha(opacity =80);
}
4. Preview. Save Template.


Kalau tak jumpa code u { , ikut cara ni pula :
1. Design > Edit HTML
2. Ctrl+F code berikut :

/* Content
----------------------------------------------- */
3. Copy code bawah ni dan paste pada anak-II / selepas code yang awak cari dalam step no.2 tadi :
u {
text-decoration:none;
-moz-border-radius: 5px;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 3px;
padding-right: 3px;
background: #F7D358;
border-radius: 3px;
-webkit-transition-duration: 2s;
color: #FFFFFF;
}
u:hover {
-moz-opacity:0.80;
opacity:.80;
-webkit-transition:0.5s;
transition:0.5s;
filter:alpha(opacity =80);
}
4. Preview. Save Template. 

Tutorial Transparent Header on Simple Template

What is Header Transparent on Simple Template?
Usually, when you choose Simple Template, you'll found that background of your header is white right? Look photos below for clear explanation. 

Header with White Background
Then, it will become like the second photos below after transparent. I hope you understand what I'm talking about.
White Background was removed / transparent
Step ;
1. Design > Edit HTML
2. Ctrl+F to find this code : /* Mobile
3. Copy code below and paste before / above /* Mobile :
.header-outer, .content-inner { background-color: transparent; }.main-outer, .tabs-outer { background-color: $(content.background.color);}
4. Preview first. Then, continue with second code. Now you have to find (Ctrl+F) this code : .content-outer {  
5. Below the .content-outer { , you'll see some code like below ;
.content-outer {  -moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);  -webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);  -goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;  box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
6. REMOVE the code below. Then, it'll be like this :
7. After that, save. Ask me if you're not clear with it. 

Tutorial Floating Site Button

Today I have add a floating image button on my blogger.com blog. I linked it to my Facebook page. How can I do this? Yes, friend, I am going to tell you the trix.

Just add this code below in a html/javascript gadget box on the dashboard of blogger.com. Save it. A lovely button will start to float on your blog.

<a style="position: fixed; bottom: 200px; right: 10px;" href="PUT YOUR SITE's URL HERE" target="_blank"><img style="border: 0pt none; width: 50px; height: 50px;" src="PUT PHOTOS LINK HERE" /></a>

I add my facebook link on that button. You can add any external link here. Change position changing the blue numbers. If you wish, you can change image link . Replace red link with yours.

With this code you can add another blog, Facebook, Forum, profile, image gallery or any kind of online site or file link.

Million thanks to Maxim !

Tutorial Disable Highlight

Template Designer
1. Design > Page Element > Add a Gadget > HTML
2 . Copy code below

<script type="text/javascript">
//form tags to omit in NS6+:
//http://eking.in
var omitformtags=["input", "textarea", "select"]
omitformtags=omitformtags.join("|")
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}
function reEnable(){
return true
}
if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}
</script>
3 . Paste in the space of HTML/Javascript
4 . Save


Classic Template / Blogskin 
1 . Template
2 . Ctrl+F </body>
3 . Copy code below and paste before/above </body>

<script type="text/javascript">
//form tags to omit in NS6+:
//http://eking.in
var omitformtags=["input", "textarea", "select"]
omitformtags=omitformtags.join("|")
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}
function reEnable(){
return true
}
if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}
</script>
4 . Save Template