Melahirkan di pinggir jalan
Apa? Alien? Mungkin cuma mimpi nak
Kamu bisa sebut ini beruntung dan sial dalam waktu yang bersamaan
Oh ayolah, apa pula maksud dari orang ini
Hati-hati lho dek
Untung kepalanya tidak kena aspal. Atau belum?
Mungkin superhero ini lelah
Pernah melihat ini di film? Kini kamu melihatnya di dunia nyata
Banyak orang memang ingin mencari perhatian saat mobil Google melewati wilayah mereka, dan tentu termasuk orang berikut
Google
biasanya memblur wajah setiap orang yang hadir di setiap foto mereka.
Namun mereka sadar kejadian berikut tidak mungkin dilewatkan.
Sebenarnya sudah banyak tutorial untum membuat tombol back to top ini, namun ada pertanyaan pengunjung blog ini tentang bagaimana cara membuat tombol back to top dengan efek bounce.
Sebelum melangkah pada tutorial, saya mengucapkan terimakasih kepada pengunjung blog ini, karena dengan berbagai pertanyaan memunculkan ide untuk membuat artike baru.
Lanjut kepada tutorial... Apa sebenarnya efek bounce itu? bounce artinya memantul, jadi back to top setelah discroll akan ada sedikit efek pantulan. Untuk menerapkannya, silahkan ikuti langkah mudahnya :
Langkah 1 : Simpan kode jQuery di atas
Sebelum melangkah pada tutorial, saya mengucapkan terimakasih kepada pengunjung blog ini, karena dengan berbagai pertanyaan memunculkan ide untuk membuat artike baru.
Lanjut kepada tutorial... Apa sebenarnya efek bounce itu? bounce artinya memantul, jadi back to top setelah discroll akan ada sedikit efek pantulan. Untuk menerapkannya, silahkan ikuti langkah mudahnya :
Langkah 1 : Simpan kode jQuery di atas
</head><script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'/>lewati langkah ini apabila di blog sobat sudah ada. Versi bisa berbeda-beda seperti 1.3.2, 1.6.4, 1.7.1, dll. Langkah 2 : Simpan kode ini masih di atas </head>
<script type='text/javascript'>
$(function() { $(window).scroll(function() { if($(this).scrollTop()>100) { $('#BounceToTop').fadeIn(); } else { $('#BounceToTop').fadeOut(); } });
$('#BounceToTop').click(function() { $('body,html').animate({scrollTop:0},800) .animate({scrollTop:25},200) .animate({scrollTop:0},150) .animate({scrollTop:10},100) .animate({scrollTop:0},50); }); });
</script>Langkah 3 : Buat widget baru HTML/JavaScript, simpan kode ini :
<style type='text/css' scoped='scoped'>
#BounceToTop{position:fixed; bottom:0px; right:3px; cursor:pointer;display:none}
</style>
<div id='BounceToTop'><img alt='Back to top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgFS7jQz2xHOXgp6mfkoxFMnuP4FyRLAtKNZbicj5_nIRjJDBFWTEGpWhWvNyJf3-vFwAghoBLlXRrZw_JY7MztP3_zXbjtFsZDTooigCjWnUrc9Bmoyb4pGnTAWulHpOtsuW4tKGggrlP/s1600/arrow-up_basic_blue.png'/></div>
Tampilan tombol dengan kode di atas menggunakan fade in / fade out (muncul perlahan), apabila tombol ingin muncul dari bawah seperti blog ini, ganti kode pada langkah 2 dengan kode ini :
<script type='text/javascript'>
$(function() { $(window).scroll(function() { if($(this).scrollTop()>100) { $('#BounceToTop').slideDown(200); } else { $('#BounceToTop').slideUp(300); } });
$('#BounceToTop').click(function() { $('body,html').animate({scrollTop:0},800) .animate({scrollTop:25},200) .animate({scrollTop:0},150) .animate({scrollTop:10},100) .animate({scrollTop:0},50); }); });
</script> Source: Blog Kang Ismet 
No Game No Life - This Game
Artis : Konomi Suzuki
Title : This Game
Resolution : 1280x720
Subtitle : Indonesia
Translator & Kara : Aditya Indra Lesmana
Blog Indra-kun kini dengan tampilan baru yang di mana tampilan luar seperti ini
.png "Blog Indra-kun")
Dan tampilan posting nya seperti ini
.png)
Dan tampilan posting nya seperti ini
Dan bagaimana cara membuat nya?
Beberapa mungkin sudah familiar dengan kata-kata Tag Kondisional, atau mungkin sebagian baru mendengar apa itu tag kondisional. Secara sederhana, arti tag kondisional adalah tag yang digunakan untuk mengatur elemen-elemen di mana akan ditampilkan, atau dimana akan disembunyikan. Dan kali ini saya akan menunjukan cara nya membuat tampilan posting menjadi gambar yang berbeda dengan tampilan luar
1. Mengganti Background Utama (Tampilan Luar)
Apabila ingin mengganti tampilan gambar luar cari code :
body{
margin: 0 auto;
padding: 0px 0px 0px 0px;
background: #EEFAFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRYnRdN4dXpM0kxNz06EZXQFpX3Kty73D5YqYZtcJGN0jPrY3iYuRK9Xgc34t187U1W4-_eZ-e8GfSFqiaC_Gb9YltH4eTxEsMpvNBf1idm8mCtesbl5DKy4dWluwZEJO0ETgnCr5QTJHx/s1600/bg_01.png);
font-family: 'Open Sans', sans-serif;
color: #222;
overflow-x: hidden;
font-size: 13px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
background: #EEFAFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRYnRdN4dXpM0kxNz06EZXQFpX3Kty73D5YqYZtcJGN0jPrY3iYuRK9Xgc34t187U1W4-_eZ-e8GfSFqiaC_Gb9YltH4eTxEsMpvNBf1idm8mCtesbl5DKy4dWluwZEJO0ETgnCr5QTJHx/s1600/bg_01.png);
font-family: 'Open Sans', sans-serif;
color: #222;
overflow-x: hidden;
font-size: 13px;
*catatan : untuk kalian yang menggunakan template Djogzs letak nya ada di atas #casing{
apabila tidak ketemu letak nya coba cari dengan CTRL + F
body { atau body{
apabila sudah ketemu code tersebut ganti semua nya dengan :
/* background utama Blog Indra-kun*/
body{
margin: 0 auto;
padding: 0px 0px 0px 0px;
background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB3OXwqmB9iH63ZOupOhq00-3iVG4m3MdKPTWWpQNMs2En6tJ2PFql0HoQyyYLGa1zlAInSPvZbnOqJ25WwBx0_S_JtEhvbPTvGTncReU-ZkHUJYuKUeoFStemQeFgwVjM3hDDaLH7gITh/s1600/Blog+Indra-kun.png)top center no-repeat;
color: #222;
overflow-x: hidden;
font-size: 13px;
body{
margin: 0 auto;
padding: 0px 0px 0px 0px;
background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB3OXwqmB9iH63ZOupOhq00-3iVG4m3MdKPTWWpQNMs2En6tJ2PFql0HoQyyYLGa1zlAInSPvZbnOqJ25WwBx0_S_JtEhvbPTvGTncReU-ZkHUJYuKUeoFStemQeFgwVjM3hDDaLH7gITh/s1600/Blog+Indra-kun.png)top center no-repeat;
color: #222;
overflow-x: hidden;
font-size: 13px;
Link berwarna merah bisa diganti dengan link yang kalian inginkan, fungsi dari code
top center no-repeat; adalah untuk tetap diam diatas atau Top Center sedangkan #000 adalah warna backround bisa diganti sesuai yang kalian inginkan
top center no-repeat; adalah untuk tetap diam diatas atau Top Center sedangkan #000 adalah warna backround bisa diganti sesuai yang kalian inginkan
2. Menganti Background Posting
Untuk mengganti Background posting kita akan meletakannya diatas </head> gunakan tombol CTRL + F untuk pencarian, apabila sudah ketemu masukan code dibawah tepat diatas </head>
/* Background Posting Blog Indra-kun */
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic' rel='stylesheet' type='text/css'/>
<script src='https://googledrive.com/host/0B6G3XEDWZaMaTUFNbmtWeHpzOTQ' type='text/javascript'/>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<style type='text/css'>
body{
background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_xg_jog9M6Mo8NOo-yUkOkv3Q6DGDt1A6DUvN5EI0yM1psjiHnOBe2ivJhNz-zhgDGvsgJ26xnPD5VAca3idF98dy0aizUYrU7SsBk3l_XRZjH1KTwSq_lErkyf1bSQ6Qe6SuzoDYyeM/s1600/Trinity_Blog_indra-kun.png)top center no-repeat;
}
</style></b:if>
<link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic' rel='stylesheet' type='text/css'/>
<script src='https://googledrive.com/host/0B6G3XEDWZaMaTUFNbmtWeHpzOTQ' type='text/javascript'/>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<style type='text/css'>
body{
background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_xg_jog9M6Mo8NOo-yUkOkv3Q6DGDt1A6DUvN5EI0yM1psjiHnOBe2ivJhNz-zhgDGvsgJ26xnPD5VAca3idF98dy0aizUYrU7SsBk3l_XRZjH1KTwSq_lErkyf1bSQ6Qe6SuzoDYyeM/s1600/Trinity_Blog_indra-kun.png)top center no-repeat;
}
</style></b:if>
Ganti link berwarna merah dengan yang kalian inginkan sama seperti Mengganti Background Utama tadi fungsi dari code top center no-repeat; adalah untuk tetap diam diatas atau Top Center sedangkan #000 adalah warna backround bisa diganti sesuai yang kalian inginkan. Apabila sudah Save template Selamat Mencoba.
Kurang lebih sudah hampir 5 bulan Blog Indra-kun berdiri perubahan template yang ke-3 kali nya bagi Blog Indra-kun. Kali ini saya menggunakan Template dari Djogsz namun Template yang saya gunakan kali ini sudah saya Re-design sebelum nya, Template yang asli bisa diliat disini, awalnya ini adalah Template Nisekoi
.png)
Saat sudah saya Re-Design jadi nya seperti ini
.png)
.png)
Tampilan Posting
"Berapa lama pengerjaannya?"
Proses pengerjaan nya sekitar 4 hari *termasuk koneksi yang jelek -_-* di blog yang sudah saya clone dan proses penerapan di Blog Indra-kun sekitar 3-4 jam. Mungkin beberapa saat nanti akan saya membuat Template saya sendiri berbentuk Flat Transparent tunggu saja nanti Oke! 'w')b
Nikmatilah Blog Indra-kun dengan tampilan v.3 ini
Berawal dari seorang laki-laki SMA Kuou biasa bernama Hyoudo Issei yang selalu berpikiran mesum, dan suatu ketika ada seorang perempuan dari sekolah SMA lain bernama Amano Yuuma mengajak nya berpacaran, Issei tidak tahu sebenarnya perempuan tadi adalah seorang Malaikat Jatuh (Dattenshi) sampai suatu ketika mereka sedang berkencan berjalan-jalan disekitar taman dan Issei pun dibunuh oleh Yuuma-chan tadi, sesaat kemudian datanglah seorang Iblis kelas atas Rias Gremory yang menghidupkan Issei kembali dengan Bidak Catur nya dan saat itulah Issei pun menjadi Iblis tidak murni beda dengan Rias Gremory yang asli keturunan Iblis kelas atas, saat itu juga Issei bergabung dengan Klub Penelitian.
Previous Vol.4 - 6
Source : Baka-Tsuki
Berawal dari seorang laki-laki SMA Kuou biasa bernama Hyoudo Issei yang selalu berpikiran mesum, dan suatu ketika ada seorang perempuan dari sekolah SMA lain bernama Amano Yuuma mengajak nya berpacaran, Issei tidak tahu sebenarnya perempuan tadi adalah seorang Malaikat Jatuh (Dattenshi) sampai suatu ketika mereka sedang berkencan berjalan-jalan disekitar taman dan Issei pun dibunuh oleh Yuuma-chan tadi, sesaat kemudian datanglah seorang Iblis kelas atas Rias Gremory yang menghidupkan Issei kembali dengan Bidak Catur nya dan saat itulah Issei pun menjadi Iblis tidak murni beda dengan Rias Gremory yang asli keturunan Iblis kelas atas, saat itu juga Issei bergabung dengan Klub Penelitian.
Previous Vol.1 - 3
Source : Baka-Tsuki
Berawal dari seorang laki-laki SMA Kuou biasa bernama Hyoudo Issei yang selalu berpikiran mesum, dan suatu ketika ada seorang perempuan dari sekolah SMA lain bernama Amano Yuuma mengajak nya berpacaran, Issei tidak tahu sebenarnya perempuan tadi adalah seorang Malaikat Jatuh (Dattenshi) sampai suatu ketika mereka sedang berkencan berjalan-jalan disekitar taman dan Issei pun dibunuh oleh Yuuma-chan tadi, sesaat kemudian datanglah seorang Iblis kelas atas Rias Gremory yang menghidupkan Issei kembali dengan Bidak Catur nya dan saat itulah Issei pun menjadi Iblis tidak murni beda dengan Rias Gremory yang asli keturunan Iblis kelas atas, saat itu juga Issei bergabung dengan Klub Penelitian.
Bicara soal karakter anime, kayaknya hampir semua anime pasti punya karakter-karakter yang bersifat ‘pervert’ alias Hentai ya!
Charapedia mengadakan vote nih dengan 10.000 orang (44.7% laki-laki dan
55.3% nya perempuan) untuk menentukan SIAPAKAH KARAKTER PRIA PALING
PERVERT DI CHARAPEDIA???
Dari urutan 20 besar hingga urutak ke 11 dihuni oleh :
20. Hakutaku (Hoozuki no Reitetsu)
19. Isao Kondou (Gintama)
18. Jiraiya (Naruto)
17. Shinosuke “Shin-chan” Nohara (Crayon Shin-chan)
16. Kouta “Ninja Pervert” Tsuchiya (Baka and Test)
15. Shuu Tsukiyama (Tokyo Ghoul)
14. Tomoki Sakurai (Heaven’s Lost Property)
13. Daiki Aomine (Kuroko’s Basketball) #seriously Daichan????
12. Koyomi Araragi (Monogatari)
11. Happousai (Ranma 1/2)
Dari ururan 10 besar hingga ke-1 dihuni oleh :
10. Issei Hyoudou (High School DXD)
9).Melodias (The Seven Deadly Sins)
8. Tadao Yokoshima (Ghost Sweeper Mikami)
7. Rito Yuuki (To Love-ru!)
6. Lupin (Lupin III)
5. Sanji (One Piece)
4. Ataru Moroboshi (Urusei Yatsura)
3. Gintoki Sakata (Gintama)
2) Master Roshi (Dragon Ball)
1. Ryo Saeba (City Hunter)
Dari 20 karakter di atas adakah karakter favorit kalian?
Kalo aku sih Issei (Highschool DxD) sama Rito (To Love Ru)
Tau dong semua yang nama nya Vocaloid terutama si penyanyi hologram yang terkenal Hatsune Miku, disini saya akan
berbagi aplikasi Miku Miku Dance,
aplikasi ini bisa dibilang yang bisa membuat nya bisa bergerak sesuai dengan
keinginan kita sendiri mau dibikin seimut, lucu, keren atau bahkan sebejat
apapun bisa. Di dalam nya terisi semua karakter yang ada di Vocaloid dari :
-
Hatsune Miku
-
Megurine Luka
-
Kaito
-
Kagamine Ren
-
Kagamine Len
-
Akita Neru
-
Meiko
Kalian bisa berkreasi yang kalian inginkan dengan Miku Miku
Dance ini, pada aplikasi ini dia menggunakan Frame untuk membuat gerakan
pergerakan, untuk lebih mudahnya bisa kalian cari di Youtube bagaimana
tutorial-tutorial nya, berikut saya kasih penampakan yang sengaja saya bikin :
.png)
Seperti yang saya bilang tadi bisa di bikin sebejat mungkin
.png)
Rin mode SNK
