Advertisement
Oke, saya akan mengshare sebuah tutorial untuk mempercantik blog. tutor ini saya dapatkan dari yondarkness Cara membuat Sharingan berputar di blog dengan css. Bagaimana cara membuatnya? Oke, berikut ini cara membuatnya :
Atur kode yang berwarna ORANGE untuk mengatur letak Sharingan
Ganti kode yang berwarna HIJAU dengan kode ukuran lebar Sharingan yang kalian inginkan
- Pertama, masuk ke dasboard blog kalian
- Masuk ke Template, pilih Edit HTML
- Kalian masukkan kode di bawah ini tepat di atas kode ]]></b:skin>
Keterangan :.SharinganP{margin-top:0px; margin-left:0px; width:98px; height:98px; float:left;}.Sh1{background-color:rgba(0,0,0,0);opacity:.9; border-radius:190px; width:75px; height:75px; margin:0 auto;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpEADcuFYrcY_XbSDM8moToOTbqfQH3EXlsNg_KiVGPOa31cTwscfmvdXpCg9iKEaiPXBBBkO-eCQO5HcQnXqp7zRUhHoUyNTSLJMbvOTQmAjEddn-wRJri-F6XeJ82wjt_UHjIZy-hwK5/s1600/Untitled-1+copy.png)center; position:absolute; top:-70px; -moz-animation:spin2Pulse 2s infinite linear; -webkit-animation:spin2Pulse 2s infinite linear} @-moz-keyframes spin2Pulse{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} } @-webkit-keyframes spin2Pulse{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(-360deg);} }
Atur kode yang berwarna ORANGE untuk mengatur letak Sharingan
Ganti kode yang berwarna HIJAU dengan kode ukuran lebar Sharingan yang kalian inginkan
Ganti kode yang berwarna AQUA dengan kode ukuran tinggi Sharingan yang kalian inginkan
Ganti kode yang berwarna BIRU dengan url gambar Sharingan yang kalian inginkan
Ganti kode yang berwarna UNGU dengan angka berapa detik yang dibutuhkan untuk berputar satu kali
Ganti kode yang berwarna PINK dengan 360deg jika kalian ingin membuatnya berputar searah jarum jam
- Masih belum selesai, masih di Edit HTML, masukkan kode di bawah ini di bawah kode <header id='header-wrapper'> (Sebenarnya bisa kalian letakkan dimana saja asal tidak error dan jika tidak ditemukan kode berwarna KUNING, carilah yang mirip )
<div class='SharinganP'>Berikut ini adalah link gambar Sharingan yang bisa kalian gunakan (Ukuran 75x75)
<div class='Sh1'/>
</div>
1. Sharingan 1 Tomoe
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja69zr7d3fSNYLnjZn_6sY0_R_mkCVCMNVL3CyXSNP4iLvuINbslFjD_yVufQ6x1-EBiXbdA_LgHXfTWfiPjRcEaKgRArFl-_IAv8hbRV3yGYCKWZ3b2I5CDqXOhz5xaYrH6z5MIoE7dWg/s1600/Rite-xp.blogspot.com.1-Sharingan.png2. Sharingan 2 Tomoe
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1s5qqUm_Qn5mCaNsZx-oPTvC5JY7EIleTJbjdT5DJsiwODBu2cxkfBtwrhiUHycIYBdxfrp-bOE0OcqWDk6CssAkqqQpfob5IHgD6gs1Zb0duwW-tFp7gzVTCDdPn6Hw3cUDamRoNS7a5/s1600/Rite-xp.blogspot.com.2-Sharingan.png3. Sharingan 3 Tomoe
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAylK-E-dWo6YQUQdm0c8Eyi8-m7lbjNBlZvllPTwgUTI9zuu-FjEDH9LwgSLUNR809K_QbKE-iAwrUkRUMS8jae1ifS8lbsZqD_f1gI8uUu6iw2987_lK_h9W0WbDt3Jk4v5qnd1xzh6o/s1600/Rite-xp.blogspot.com.3-Sharingan.png4. Proto Mangekyou Sharingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdpYceJi3Z80hu4QD-jp51UDGoCyLWUO4tbzVTwUK1FTVYpaj2_C1sRM2nWkYrV0WnrUfbgUuYRgX0c1mHQiHAn0xMB4BS31JU1rU201a1nrr0FVeua0lxvCjgWWuoadKn0QYzj9PM5Wfg/s1600/Rite-xp.blogspot.com.proto-Sharingan.png5. Mangekyou Sharingan Kakashi dan Obito
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6yxIOfgPenTjBflc2uoos0X0TpMz_j_5sGqGjwYgXeuDAIHGVTFTFgZ_BStfsuV0tgbYGTL7eiQ0LprYXJ2VP9_5gjaVdvT6bROcwJ1g46K0nOfnNjuZasfWbhRHg4AG0aQdZQK4teibo/s1600/Rite-xp.blogspot.com.kakashi-Sharingan.png6. Mangekyou Sharingan Itachi
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUV5bEUkw4JuQshVSjRBzKqwVSCZNX7maE1Zk7CIIlunJElLORBOSmx8J6cuuFuKvC8LAwb2ZcRStYt_yNWmBhL5Wc-qkfSWaWf3xae_TF91l6atSHuo931d2QEXbUd4mBXvRR3B2UpoZi/s1600/Rite-xp.blogspot.com.itachi-Sharingan.png
7. Mangekyou Sharingan Izuna
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnpcbdMQvgg2TR-OsNA2cocBsOQd7Rfhvym-X0ExCryLsOJ10xH3_XlXtzXtnNPYTpHwQBF1zR7Tf7htYPyBkUYN-SsZH9mRF9MoOEY02mpElhM0qzTrvEEBgucuWI_1JzHlghIGnug9EI/s1600/Rite-xp.blogspot.com.izuna-Sharingan.png
8. Mangekyou Sharingan Shisui
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhIaE64PoO66ezIdw2yHGJgwUNWF904JxfKWMrz5bgwnHoY0AqXDFItac45kT7sy978sx6YIcmVItZaQPS6vx80eMYIvKpGu4ErSnSiHQT28xuBFqEzya5xhgu55T67E7nLMpFdOX3nAef/s1600/Rite-xp.blogspot.com.shisui-Sharingan.png
9. Mangekyou Sharingan Madara
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg06-3fJLJEZ1uUddBPlqz_UlkTkUweio4DooF5e8bD5nuGpcBWwfo7Wu9h3Pmcpf_zYZUjqgVIhF-KYj06IAbUPucMcQwM_p-sJom3HlxOaxmTH4nAjF3jzGj0TqZJ_NMwNmjfWUd3EY3G/s1600/Rite-xp.blogspot.com.madara-Sharingan.png
10. Mangekyou Sharingan Sasuke
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQrJjb3XzyWm9YeUstGpFOD4SZ873ckw3Lx2Xl77C7T5aPzMuYa1BoWeQ8y2bIxdtTclJBUJlKR-oIp49OCCOZ-3b8iRtErwyitSsCtWxRd7Iml_MZxK_0gxIMEnVekXZmUHxFPMCzp6CA/s1600/Rite-xp.blogspot.com.sasuke-Sharingan.png
11. Eternal Mangekyou Sharingan Madara
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1Gs3eGAVQYMMfUelfwdj_LJ4p6WcMDYimQFaYUA4vWSRMFQncU2oj6dOghmvKpIp8xLhxxhyphenhyphenKJyFdrLX-gsb0WXJ_A_woIVZaq5ADUP2pio2lBAlFz5zc4CWkgyAew2ZW7ndTwI2cvqvQ/s1600/Rite-xp.blogspot.com.madara2-Sharingan.png
12. Eternal Mangekyou Sharingan Sasuke
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhneYyTUV1XxoGIfKNaSPbHr7G2SFd_HEh2_mRc5tRCBScaayuqUzB-FevGIvqhb541YeSrG4CZXdGnEe7SjTHKYO_87NklCbYaDiMHIdDXeWb0qkamHdIB9kBV4UMdlPFPL2Asmxn_psFI/s1600/Rite-xp.blogspot.com.sasuke2-Sharingan.png
13. Sharinnegan (Mata Juubi)
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9cl8YMqsPnIgk9EYkiKnznKa5U9_PS48S1RJF2fZVkELF-xv6ffBz7HSRYXSCPOqh-meNR8DH9VR2dJwL_mv70xXHTfB7SBabznIZd-mOciQhJERwdZTdenEuRWfX1BrYKdCt-CWq7gKI/s1600/Rite-xp.blogspot.com.juubi-Sharingan.png
Silakan pilih yang kalian inginkan. Kalian juga bisa menggunakan gambar lain. Sekian artikel kali ini. Semoga bermanfaat. Jika ada yang kurang jelas, silakan tanyakan di komentar.
Kalau Mau Copat Sertakan Link Sumber.
Click here for komentar
Aturan Berkomentar :
- Dilarang berkomentar menggunakan kata kotor, menghina, atau mengejek.
- Dilarang berkomentar yang mengandung unsur sara, po*no, promo, spam dan sebagainya.
- Dilarang berkomentar berupa link hidup.
- Komentarlah dengan bahasa baku, sopan, dan santun serta sesuai dengan isi postingan.
- Jika komentar tidak sesuai dengan isi postingan atau melanggar peraturan di atas, saya akan langsung menghapusnya.
Terima kasih karena telah mentaati perturan !
Out Of Topic Show EmoticonHide Emoticon