Post title hover ( Blogskin )

Assalamualaikum dan hai semua...sebelum nie kan saya ada buat tutorial post title hover untuk designer kan...kali nie untuk blogskin pulak...jenisnya sama jer cuma cara jer lain...

LIVE PREVIEW

Firstly : Blogger.com --> Home --> Template --> Edit HTML

Secondly search using CTRL+F and find your post title code...( all blogskin code are different )

Try searching for    .title-a {     or     .h1 {

Thirdly : Delete the subcodes and the codes that you had search...replace with the code that I give below...

The codes :

.h1 {
font-family: Comic sans MS; font-size: 18px;
color:#FFFFFF; text-align:right;
 margin-top:5px; margin-bottom:10px;
 margin-left:5px; margin-right:5px;
padding:5px; padding-left:15px;
padding-right:15px;
background-color: #FFC2C2; background-image:url(http://i171.photobucket.com/albums/u305/silverobsession/pixels/animals/elephants/elephantliferm5.gif);
background-repeat:no-repeat;
background-size:35px;
background-position:bottom-left;
border-left:20px solid #FFEBEB;
border-right:20px solid #FFEBEB;
border-top:2px dashed #FFEBEB;
border-bottom:2px dashed #FFEBEB;
-webkit-transition: all 1s ease;
 -moz-transition: all 1s ease;
-o-transition: all 1s ease;
}
.h1:hover {
moz-box-shadow: 0 0 4px 3px #FFD6D6;
-webkit-box-shadow: 0 0 4px 3px #FFD6D6;
box-shadow: 0 0 4px 3px #FFD6D6;
transform: rotate(10deg) ;
-webkit-transform: rotate(10deg) ;
-moz-transform: rotate(10deg) ;
-o-transform: rotate(10deg) ;
-ms-transform: rotate(10deg)
}

The notes :

Fucshia : Color code HERE

Blue : Url cute image HERE or HERE

Red : The number of skew effect (the more the number,the more the skew effect)

( Skip this step if your old post title code is   h1 ) Next : Search this code     <blogger> Then : Replace the code after that for example :
<div class=" loli ">   WITH  <div class=" h1 ">
Repeat this step on every <blogger> code if there is two <blogger> code Lastly : PREVIEW AND SAVE... Tak paham ? fell free to ask... :')  any request can be made through my cbox...

Post title hover ( Designer )

Assalamualaikum dan selamat malam semua...sekarang saya nak buat tutorial post title with hover untuk template designer,denim,simple,minima dan yang seangkatan dengannya...kalau nak tau mcm mane rupanya tengok bawah nie...

LIVE PREVIEW

Firstly : Blogger.com --> Home --> Template --> Edit HTML

Secondly : Press ctrl + F or F3 and search this code...

.post-title {     or     h3.post-title, .comments h4 {     or     h3.post-title {     or     h3.post-title, h4 {     or     .post h3 {

Thirdly : Delete the subcodes and the codes that you had search...replace with the code that I give below...

The codes :

.post-title {
font-family: Comic sans MS;
font-size: 18px; color:#FFFFFF;
text-align:right;
margin-top:5px; margin-bottom:10px;
margin-left:5px; margin-right:5px;
padding:5px; padding-left:15px;
padding-right:15px; background-color: #FFC2C2;
background-image:url(http://i171.photobucket.com/albums/u305/silverobsession/pixels/animals/elephants/elephantliferm5.gif);
background-repeat:no-repeat;
background-size:35px;
background-position:bottom-left;
border-left:20px solid #FFEBEB;
border-right:20px solid #FFEBEB;
border-top:2px dashed #FFEBEB;
border-bottom:2px dashed #FFEBEB;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
}
.post-title:hover {
moz-box-shadow: 0 0 4px 3px #FFD6D6;
-webkit-box-shadow: 0 0 4px 3px #FFD6D6;
box-shadow: 0 0 4px 3px #FFD6D6;
transform: rotate(10deg) ;
-webkit-transform: rotate(10deg) ;
-moz-transform: rotate(10deg) ;
-o-transform: rotate(10deg) ;
-ms-transform: rotate(10deg)
}

The notes :
Fucshia : Color code HERE
Blue : Url cute image HERE or HERE
Red :The number of skew effect  (the more the number,the more the skew effect)

Lastly : PREVIEW AND SAVE...

Tak paham ? tanye jer... :') jangan copy tutorial nie taw...any request can be made through my cbox...

Cute mini icon

Hai dan assalamualaikum semua...lama tak update post...post sebelum nie pown dipost dgn selaju yg boleh...sebelum nie saya ada ujian pertengahan tahun sebabtu agak busy sikit...sebelum tuw saya nak ucapkan selamat bercuti kepada budak-budak sekolah yg tengah cuti 2 minggu ...

Ok kali nie saya nak bagi freebies mini icon yang saya jumpa dari Tumblr...kalau nak guna amiklah...

THIS IS A WARNING !!

DO NOT RE-POST / RE-FREEBIES

If you want to save the icon :
Right click --> Save image as...

If you want to copy image url :
Right click --> Copy image url / Copy image location

Food icon...

              

                    

                        

Animal icon...

     
      

            

           

            

Random

                    

                
                   
          

Do comments after you take it...it is illegal to re-post this...ok see you in my future post...
any request can be made through my cbox...Good bye all...!!