Defa Technology

Akhirnya setelah sekian lama mencoba-coba mengedit template ketemu yang cocok dan admin kasih nama Defa Purple

Halo sobat defa technology, kali ini admin akan mengungkapkan isi hati admin. sebenarnya admin sudah mulai malas ngeblog. alasan admin malas ngeblog

1. Pondok Pesantren
Sebenarnya yang pertama ini bukan karena males, tapi karena admin sekolah di pondok jadi gak bisa ngeblog deh. tapi klo sekarang sih mending masih libur

2. Tidak Dihargai
Alasan kedua ini yang paling bikin admin males ngeblog yaitu tidak dihargai. Sekarang banyak orang-orang copas tanpa sumber, mengakui buatan orang lain, dll.

3. Jarang Dikomentari
Alasan ketiga ini sebenarnya sih wajar-wajar saja, tapi menurut admin penting. Karena dengan komentar itu juga bisa disebut menghargai. Kalo jarang dikomentari kan pasti jadi males. Sudah capek-capek nulis kok diemin doang

4. Sepi Pengunjungnya
Alasan yang keempat ini terjadi pada blog admin. blog admin ini(Defa Technology) paling-paling sehari pengunjung cuman 100-200, sepanjang sejarah defa technology paling banyak pengunjungnya sehari itu cuman 400-500.

Yah itulah alasan-alasan admin jadi makin ngeblog, terimakasih atas perhatiannya. see you next time

Halo sobat defa technology dah 3 minggu ya admin gk post, soalnya admin sibuk jadi gk bisa ngepost. mumpung libur, admin akan ngepost template Date A Live buatannya om johanes. pasti keren deh. langsung aja ya, cekitsob

<ul class='menusjohanes'>
<li><a class='selected' expr:href='data:blog.homepageUrl' title='Home'/></li>
<li class='jolor' data-role='dropdown'><a href='#'>About</a><ul>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
</ul></li><li class='jolor' data-role='dropdown'><a href='#'>Contact</a><ul>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
</ul></li>
<li class='jolor' data-role='dropdown'><a href='#'>Download</a><ul>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
<li><a href='#'>Lorem Ipsum</a></li>
</ul></li>
<li class='jolor'><a href='#'>Report</a></li>
<li class='jolor'><a href='#'>Watch</a></li>
</ul
>

<meta content='deskripsi blog kamu' name='DESCRIPTION'/>
<meta content='keyword blog kamu' name='KEYWORDS'/>

3. Setting Tanggal Posting(Untuk Mengatasi Undefined) 

<a href='http://feeds.feedburner.com/alamat_feed_rss'><div class='rssjo'/></a>
<a href='http://twitter.com/username'><div class='twitterjo'/></a>
<a href='http://www.facebook.com/halaman_fan_page_facebook'><div class='facebookjo'/></a
>

#sfaffliates{float:left;background:#77C2A7;border:5px solid transparent;position:absolute;padding:3px;border-radius:0px;width:90px;margin-top:-843px;margin-left:-157px;margin-right:5px;box-shadow: 6px 6px 0px 3px rgba(0, 0, 0, 0.3);}#sfaffliates img{width:88px;height:31px}

Kode diatas sobat atur sendiri, sesuai dengan keinginan sobat

<div id='sfaffliates'>
<a href='http://surajiyeon.blogspot.com/' title='SuraJiyeon! | Thingking Out of the box'><img alt='SuraJiyeon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6kOyuiFlGJ6WU5Q-A9xt2BvLGqeDU2AXvz3V79SEWx8s4W7tVYZ1snMhej1aW9CT7UeOTrjXTnc0WlB4q9_29xX_q0dctG2fSg2eQOUBpo9q-P_dGnxTzBO_o43CQQlpiif7ZMIPyIBg/s1600/8831.jpg'/></a>
<a href='http://penyolongan-cheater.blogspot.com/' target='_blank'><img alt='penyolongan' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXyddZpupCpO9mQI1N1LqaoqpGtsi4miSzDRgXGUtm05gr85oQQVRJ30YFPrFYFga8j8ykykaHgo0lqeSxgYXpUXHXJRu1chfa4yjCGICbIQb9F9qc5-Tw6yhHEGKoiFQMIZGY5UdTj4RE/s1600/th_PyAmr_zps992de5b5+(1).png'/>
</a>
<a href='http://arnoldi-technology.blogspot.com/' target='_blank'><img alt='arnoldi' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoiPJX4wRUebNMNFxfpOeIm24XYVrma8l5ohdstcQzSXy8Qxsdcf_Lc96emc3OyIOap4HA0AlsoBkXgWfvis-LuKsRmD6ZzJl1x4NafIKyVylgpbAb-tT7oJP0JCkEfz7U66Jdh33ciouu/s1600/Banner+88x31+(1).png'/>
</a>
<a href='http://mamzerd.blogspot.com' title='MAMZE®D Blog'><img alt='MAMZERD' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqhq9b32j6ttHWMMTXgZuCivPPJ8vZeaQNk37EqVKQcOAJO39VPcsMIqdNxkm3TGzG4QcR559Prwo8YCoKHslgguxKT6obSS0IGe2a7uxTkkR_f2VYOakfciuQJcciM_hseYHerKlHc67n/s1600/MAMZ_BBanner88x31_1.jpg'/>
</a>
<a href='http://animeswebsite.blogspot.com/' target='_blank'><img alt='Animes Website' src='http://3.bp.blogspot.com/-LNwmEvZwNII/UNc3WjLXHXI/AAAAAAAAIZc/9oo3vmQ2ln4/s1600/banner3.png' title='Animes Website | All About Animes Website'/></a>
</div>

Halo sobat seven fold kali ini admin akan share animasi loading dengan css keyframes seperti blog ini. pasti sobat pada tertarikkan langsung aja ya, cekitsob

1. Masukkan code css dibawah ini di atas ]]></b:skin>

@-webkit-keyframes WAKloading{from{-webkit-transform:translate(-1000px,0px);opacity:0}
to{-webkit-transform:translate(0px,0px);opacity:1.1;}}
@-moz-keyframes WAKloading{from{-moz-transform:translate(-1000px,0px);opacity:0}
to{-moz-transform:translate(0px,0px);opacity:1.1;}}
@-ms-keyframes WAKloading{from{-ms-transform:translate(-1000px,0px);opacity:0}
to{-ms-transform:translate(0px,0px);opacity:1.1;}}
@keyframes WAKloading{from{transform:translate(-1000px,0px);opacity:0}
to{transform:translate(0px,0px);opacity:1.1;}}

2. Masukkan code html dibawah ini yang mau dipasang keyframes

animation:WAKloading 2s;-webkit-animation:WAKloading 2s;-o-animation:WAKloading 2s-moz-animation:WAKloading 2s;-ms-animation:WAKloading 2s;animation:WAKloading 2s;

Contoh :

#outer-wrapper {animation:WAKloading 2s;-webkit-animation:WAKloading 2s;-o-animation:WAKloading 2s-moz-animation:WAKloading 2s;-ms-animation:WAKloading 2s;animation:WAKloading 2s;}  

Yah itulah tutorial animasi loading dengan css keyframes
Tunggu posting berikutnya ya!!! Jangan lupa follow http://defa-technology.blogspot.com/

Sumber