Skew tutorial list

Assalamualaikum...setelah hampir dua bulan cuti, hari ni masuk sekolah semula... best tak hari pertama? bagi saya hari pertama sekolah sentiasa boringgg...tadi saya belajar subjek add math,kimia dan biology... Add math susah...=,=  ok sekarang saya nak buat tuto skew tutorial list dalam bahasa melayu efek senget pada tutorial list memandangkan ada yg tanye saya kat ask.fm... tak ingatlah bile dan siapa... :-/

Preview...


Link hover hujan Scroll to top blog archive berwarna Border sidebar (Desiger)
Blogskin user :

1. Dashboard --> template --> Edit HTML
2. Copy the code and paste it in your tutorial / freebies page code...

For template designer

1. Open your tutorial or freebies page
2. Change the page from Compose to HTML ( refer below image )

Then, copy the code and paste it in your tutorial or freebies page...

The codes...

<style>

a.mimi {

letter-spacing:1px;

-webkit-transition: all 0.2s ease-out;

-moz-transition: all 0.2s ease-out;

transition: all 0.2s ease-out;

margin:1px;

cursor:vertical-text;

text-transform:uppercase;

display:inline-block;

font:9px Tahoma;

text-align:center;

background: #FFFFFF;

width:350px;

color:#777777;

padding:3px;

border:3px double #FFE0EB;

text-decoration:none;

}

a.mimi:hover{

border:3px double #FFE0EB;

color:#ff6699;

-moz-transform: rotate(-3deg);

-webkit-transform: rotate(-3deg);

}

</style>

<a class="mimi" href="LINK TUTO">Title</a>

<a class="mimi" href="LINK TUTO">Title</a>

<a class="mimi" href="LINK TUTO">Title</a>

<a class="mimi" href="LINK TUTO">Title</a>

<a class="mimi" href="LINK TUTO">Title</a>

<a class="mimi" href="LINK TUTO">Title</a>

<a class="mimi" href="LINK TUTO">Title</a>

<a class="mimi" href="LINK TUTO">Title</a>

<a class="mimi" href="LINK TUTO">Title</a>

<a class="mimi" href="LINK TUTO">Title</a>

NOTE;

Blue text : Color code Find here.
LINK TUTO : Change with your tutorial link...
Title : Change with the title..

......preview and save......
Kalau tak paham tanyalah ^^, ok assalamualaikum...