Simple Label by Ryo Apri

RyoNih widget buatan gw sendiri lohh ,#benerannnn ........nah ini widget lanjutan nya yg Widget Baru  eheheh  
dengan gw buat lebih praktis dan gampang dipake (emang apaan??) #plakkk

nah untuk demo bisa liat di sudut kanan atas blog gw ...  atau gambar disamping ..

lumayan kan buat pemberitahuan atau bisa dikreasikan sendiri :P

nah langsung aja

1. masuk ke blogger > rancangan > Edit HTML lalu Cari kode

]]></b:skin>
2. Letakkan kode berikut diatas ]]></b:skin>

#RYOlabel{position: fixed; top: 85px; right: -225px; width: 600px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-size: 24px; text-align: center; color: white;  -webkit-transform: rotate(45deg) ;-moz-transform: rotate(45deg) ;-o-transform: rotate(45deg) ; -webkit-transform-origin-x: 50%; -webkit-transform-origin-y: 0px; background-color: black; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border:1px solid white; opacity: 0.7; z-index: -9;} 

3. Lalu  letakkan kode berikut di add gadget (HTML/JavaScript) atau diatas
</body>
4 .Nah ,ini kodenya

<div id='RYOlabel'>Label</div> 

5. Kalo sudah ubah  kata label dengan kata katamu sendiri ya ....
6 .Save dehh ,dan liat hasilnya ....lumayan lahh ,hasih pengeditan sendiri :P

Jika ingin kreasikan jgn ubah kode RYOlabel yaa dan jika mengcopy artikel ini sertakan sumbernya :P

semoga bermanfaat Trik Blogger kali ini

About Rio Apri

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.

0 Discussion:

Posting Komentar