Buat blog kamu lebih terlihat responsive dengan effect 360 derajat ini

Hari ini saya kembali lagi ngeshare CSS buat blogger, dan yang kita coba kali ini adalah membuat blog berputar 360 derajat, wah gimana bisa ya? udah kaya bumi aja berputar 360 pada porosnya haha .

gini teman, ga ada yang namanya ga bisa didunia ini kalo belum dicoba. itu kata pepatah, :d sekarang kamu bisa nyobain cssnya diblogkamu, gasalah bukan? membuat tampilan blog kamu lebih responsive dan keren dilihat??
lanjut aja langsung ke tutorial . . :D hehe

• Demo

Langkah pertama
Copy atau salin CSS dibawah ini (Select -> klik kanan -> copy)

<style> @-moz-keyframes roll { 100% { -moz-transform: rotate(360deg); } } @-o-keyframes roll { 100% { -o-transform: rotate(360deg); } } @-webkit-keyframes roll { 100% { -webkit-transform: rotate(360deg); } } body{ -moz-animation-name: roll; -moz-animation-duration: 4s; -moz-animation-iteration-count: 1; -o-animation-name: roll; -o-animation-duration: 4s; -o-animation-iteration-count: 1; -webkit-animation-name: roll; -webkit-animation-duration: 4s; -webkit-animation-iteration-count: 1; } </style>

Kedua
Login Ke blogger lalu menuju ke menu layout/ tata letak
Ketiga
Klik Add html/javascript terserah kamu mau bikin nama apa aja, dikosongin lebih bagus
dan paste css yang udah kamu salin tadi .  (Klik kanan->paste)


Cieee Ciee yang blog udah muter muter . .
jangan lupa buat cek terus artikel" yang ada di blog ini .
saya sangat bahagia sekali jika vistor blog ini merasa puas dengan artikel-artikel di blog ini .

Sekedar informasi:
Effect 360 derajat ini hanya berjalan atau support untuk browser Chrome Dan Firefox saja, browser lain seperti internet explore dan opera tidak mendukung, sedangkan browser yang lain belum dicoba.
bila halnya code css ini bermanfaat bagi teman silahkan beri komentar di bawah blog ini

Pringaten!
Blog ini dilindungi hak cipta, penulis memberikan keluasan bagi blogger lain untuk menyalin artikel ini dengan syarat menyertakan sumber!

SHARE THIS