Waduh maaf neg bt sobat semua..
Ane telat updat.. Ane Lupa neg.. :D

Langsung az dech ya..



Kali ini ane akan sedikit share tentang membuat Effect Tulisan 3D dg CSS3
Contohnya seperti ini :



INI ADALAH CONTOH TULISAN YG DITAMPILKAN PADA EFFECT 3D INI ADALAH CONTOH TULISAN YG DITAMPILKAN PADA EFFECT 3D INI ADALAH CONTOH TULISAN YG DITAMPILKAN PADA EFFECT 3D INI ADALAH CONTOH TULISAN YG DITAMPILKAN PADA EFFECT 3D

Atau Lihat Demo nya :

Demo Effect Tulisan 3D dengan CSS3Klik disini untuk melihat demo Effect Tulisan 3D dengan CSS3

Gimana sobat semua ??
Menarik kan???

Langsung az ke cara membuatnya.

Langkah 1
Cari kode ]]></b:skin> pada halaman tata letak / rancangan edit HTML.
Letakan kode dibawah ini tepat diatasnya.

.cube 
{padding: 10px;
width: 180px;
height: 180px;
margin:50px 10px 10px 10px;
}
.leftFace div {
padding: 10px;
width: 180px;
height: 180px;
padding:10px 10px 10px 10px;
}
.leftFace {
-webkit-transform: skewY(30deg);
-moz-transform: skewY(30deg);
background-color: #ccc;
}

Langkah 2
Save template dan masukan ke gudang. :D

Langkah 3
Untuk mengimplementasikan nya (jiaaah gaya).
Sobat bisa langsung menerapkan di sidebar ataupun di postingan..
Suka-suka sobat az mw dmn.

Caranya :
Masukan kode dibawah ini pada postingan ataupun di sidebar.
Hanya saja untuk menerapkan di postingan, sobat Wajib menggunakan kolom Edit HTML.

<div class="cube">
<div class="leftFace">
TULISAN YG AKAN DITAMPILKAN
</div>
</div>

Ganti kode TULISAN YG AKAN DITAMPILKAN dengan tulisan yg sobat inginkan.

Langkah 4
Save dan terbitkan..
Lalu lihat hasilnya.

Selesai.
Selamat mencoba dan semoga bermanfaat.