Minggu, 17 Juni 2012

Membuat Tulisan Vertikal, Miring atau Terbalik di Blogspot


Membuat tulisan menjadi vertikal, membuat tulisan menjadi terbalik, membuat tulisan menjadi miring, yahh kurang lebih judulnya seperti itu.


Bagaimana ? mungkin cukup sampai disitu saja,  takut kalau nanti saya teruskan bukan lagi tulisannya yang terbalik tapi malah kepalanya xd..

Sebenarnya cara membuatnya tidak terlalu suilit, karena saya disini hanya menggunakan satu fungsi saja, yakni menggunakan kode css3 transform rotate, tinggal sudut kemiringannya diubah beberapa derajat dengan cara merotasi tulisan tadi. Nah jika ingin mencoba membuat seperti di atas, silahkan copy kode css3 dibawah ini.

#miring {transform: rotate(180deg);
webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);/*untuk firefox*/
-o-transform: rotate(180deg);
}


Untuk merubah tulisan secara vertical tinggal merubah angka yang berwarna merah menjadi -90 atau 90.

#vertikal {transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
}

Kode tadi bisa langsung dibuat di postingan tanpa harus masuk di dashboard template widgetnya, caranya bisa kita buat contoh seperti ini.

<span sytle=transform: rotate(0.5deg);
-webkit-transform: rotate(0.5deg);
-moz-transform: rotate(0.5deg);
-o-transform: rotate(0.5deg);>AWaS OTaK NaNTI IKuTaN MIriNG..!!!</span>



"AWaS OTaK NaNTI IKuTaN MIriNG..!!!"

Kalau yang ingin dirotasi atau dimiringkan berupa gambar, kita bisa lihat disini. Oke semoga bermanfaat.


Update:
Sobat bisa menganti tag span dengan tag yang lain seperti pre, div, a dll, jika memang tampilan tidak berubah.

SHARE
Apa kamu suka artikel ini..?

Dapatkan Email Harian!

Follow us!

Artikel Terkait Lainnya :



5 komentar:

  1. thanks buat infonya, kawan... sangat bermanfaat sekali


    BalasHapus
  2. Balasan
    1. Klo excel tidak bisa diputar horizontal 180 derajat, tpi bisa diputar vertical bisa. Caranya klik kanan tulisan yang mau diputar, pilih format cell - pilih alignment

      Hapus
    2. Klo excel tidak bisa diputar horizontal 180 derajat, tpi bisa diputar vertical bisa. Caranya klik kanan tulisan yang mau diputar, pilih format cell - pilih alignment

      Hapus
  3. Aq ko' udah test lewat html gk bisa ya?
    Coding d atas aq tulis dg tag css dlm html..

    Trus aq panggil di dlm body :

    Pas di test... Gak terjadi perubahan appun.. Bgmn tuh mas :'(

    BalasHapus

DON'T FORGET TO LEAVE A COMMENT OK...!!! >_^

Incoming Search: , , Membuat Tulisan Vertikal, Miring atau Terbalik di Blogspot