Cara Memasang Font Awesome Di Blog

Halaman Depan Website Font Awesome | Image Courtesy of : (HASIL SCREENSHOT DARI HALAMAN DEPAN WEBISTE : fontawesome.io)

Bissmillahir Rahmannir Rahim. Assalammu'alaikum Warahmatullahi Wabarakatuh. Halo agan-agan semua pembaca setia Blog Rayhanar! Kembali lagi bersama ane dengan artikel tentang blog. Kali ini, ane akan membahas tentang cara memasang font awesome di blog. Langsung Menuju TKP!

Sebenarnya, apa sih Font Awesome itu? 

Font Awesome adalah salah satu framework CSS. Disini, Font Awesome menyediakan style CSS yang jika kita gunakan akan memunculkan ikon-ikon tertentu. Seperti bendera, kue ultah, pensil, dll.

Jadi, defimisi singkatnya Font Awesome itu framework yang dapat memunculkan ikon. Salah satu kelebihan Font Awesome adalah :

1. Tanpa Javasript, karena hanya menggunakan CSS saja.

2. Mudah digunakan. Bahkan pemula pemrograman ataupun yang tidak mengerti program pun bisa menggunakan ini.

3. Ada sekitar 400+ ikon yang bisa kita gunakan dengan Font Awesome.

4.Dan untuk kelebihan lainnya, bisa dilihat di halaman depat Font Awesome Disini.

Cara Memasang Font Awesome

Nah terus gimana cara masang nya? Baca dibawah ini gan :

1.  Buka blog agan, klik template, setelah itu klik Edit HTML
2. Cari kode </style>. Untuk caranya, bisa dilihat disini (lihat point ke 2)
3. Copy kode dibawah ini, lalu paste di atas kode </style>

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

4. Klik Simpan Template, dan selesai...

Cara Menggunakan Font Awesome

Sekarang, Font Awesome sudah bisa digunakan! Nah terus cara make'nya gimana gans? Gampang kok, gk pake Edit HTML lagi, nih pake kode ini

<i class="IKON_CSS_FONT_AWESOME"></i>

Contoh kode

<i class="fa fa-comments"></i>

Hasilnya :
Untuk ikon CSS lainnya, bisa dilihat disini!

Gimana gan, bermanfaat gak? Silahkan dicoba!

Cara Mudah Membuat Back To Top Dengan Efek Bounce

Back to top nya disamping gambar | Image Courtesy of : (DOKUMEN PRIBADI)

Bissmillahir Rahmannir Rahim. Assalmmu'alaikum Warahmatullahi Wabarakatuh. Halo agan-agan semua, kembali lagi di blog ane. Kali ini kita bahas tema tentang tutorial blog gan. Langsung menuju TKP.

Apaan sih back to top itu? 

Back to top adalah sebuah tombol kembali ke atas yg digunakan website supaya memudahkan pengunjungnya untuk kembali ke atas. 

Jadi definisi singkatnya back to top itu tombol kembali keatas.

Nah disini ane bakal bahas cara membuat membuat tombol back to top beserta efek bounce nya. Oke gan perhatiin baik-baik ya caranya :

1. Buka blog agan, klik template, lalu klik edit html

2. Klik sembarang dulu di text areanya, abis itu klik Ctrl + F, (jika sudah muncul form pencarianya di samping kanan atas textareanya) lalu ketik </style> dan tekan enter. Bagi yg gak tau caranya liat gambar dibawah ini :

Image Courtesy of : palingserbagunaku.blogspot.com

3. Setelah itu, copy kode dibawah ini, lalu paste di atas kode </style> :

/* CSS Back To Top */
#BackToTop {background:#fff;display:none;color:#fafafa;padding:15px 8px;font-size:16px;
line-height:30px;border-radius:100% 0 0 100%;box-shadow:0 0 5px rgba(0,0,0,0.3);transition:all .3s linear;}
.BackToTop {-webkit-transform: translateZ(0);cursor:pointer;position:fixed;bottom:25%;right:0;z-index:90;}
#BackToTop .fa.fa-arrow-up {background:#a3dd94;padding:10px;border-radius:100%;transition:all .3s linear}
#BackToTop .fa.fa-arrow-up:hover {background:#3a414e;transition:all .3s linear}

4. Setelah itu, copy kode di bawaha ini, lalu paste di bawah kode </style> :

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

5. Setrlah cara 1 - 4 selesai, cari kode </body> (untuk caranya bisa dilihat di point ke 2)

6. Copy kode dibawah ini, dan paste di atas kode </body> :

<script type='text/javascript'>
$(function() { $(window).scroll(function() { if($(this).scrollTop()>100) { $('#BackToTop').fadeIn(); } else { $('#BackToTop').fadeOut(); } });
$('#BackToTop').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>

<script type='text/javascript'>
//<![CDATA[
$(function(){
$('.searchbutton').click(function(){
  $(this).toggleClass('active');
  $('.search-form').fadeToggle('normal');
});
});
//]]>
</script>

7. Masih di kode </body>. Setelah point ke-6 sudah dilakukan, copy kode di bawah ini, dan paste di atas kode </body> :

<div class="BackToTop">
<a id="BackToTop" style="display: none;">
<i class="fa fa-arrow-up"></i>
</a>
</div>

8. Klik Simpan Template. Dan... jreng-jreng, selesai!

Jika agan ada pertanyaan, silahkan kirimkan di kolom komentar yak!

Sumber : Di edit dari blog Click and Skip

Hukuman yang Diberikan Guru Kalau Ketahuan Nyontek Saat Ujian

Image Courtesy of : www.malesbanget.com

Hola gan, masih bersama blog ane! Kali ini anr bakal bahas hukuman yang diberika guru saat kita ketahaun nyontek!

Nyontek. Katanya, ane denger ini dah jadi tradisi anak Indonesia. Berbagai macam cara nyontek dah bertebaran sekarang, sekedar nengak-nengok, dll. Klo agan pernah nyontek, dan pernah nyontek pasti agan pernah kena hukuman dong . Bagi yg blm pernah nyontek, pasti penasaran. Oke, Langsung ke TKP yok gan!

1. Panggilan Orang Tua

Image Courtesy of : selilicious.blogspot.com

Klo menurut ane sih, surat panggilan ortu itu bukan cuma masalah siswa kek beratntem dsb. Tapi, bisa juga untuk nyontek gan .

Gawat banget kan klo ortu itu tahu klo kita nyontek . Paling kita di omelin kek gini :

Ayah : "Kamu ini, bisa nyonteeeek aja . Makanya belajar semalem, jangan main aja "
Agan : "Iya, yah aku janji deh gk kek gitu lagi "

Bukan kena marah aja, Kena hukuman ortu, atau... yang lebih mengerikan lainnya dari orang tua.

2. Kertas Ujiannya Disobek

Image Courtesy of : www.ipabionline.com

Ini, nih. Yang paliiiiiiinng parah di sekolah saat kota nyontek. Kertas ujiannya disobek . Haduh perasaan kita saat kertas ujian disobek campur aduk . Takut, malus, marah, sedih semua campur. Gk dapet nilai ujian akhirnya

3. Disuruh Keluar dan/atau Berdiri Di Depan Bendera

Image Courtesy of : www.kaskus.co.id

Nah ini lagi yang paling menyeramkan . Saat ketahuan nyontek, lalu kita keluar. Keluar sih enak bisa mainan gak duduk lama, tapi lembar jawaban kita, gimana hayo .

4. Di Jewer

Image Courtesy of : www.wajahbocah.com

ah, ini hukuman yang paling enak gan (walaupun sakit dikit ). Cuma dijewer, gak dikasih hukuman lain. Paling cuma telinga aja yang merah, lembar jawaban kita aman dan masih bisa ngumpul lembar jawaban.

5. Dimarahin

Image Courtesy of : kisahmotivasihidup.blogspot.com

Ini juga paling enak gan, paling cuma di omelin supaya gak nyontek + diancepam ancam. Contoh nya :

Guru : "Bisa nya cuma nyontek doang, kamu belajar gak sih kemarin "
Agan : "Pastinya belajar bu, "

6. Dicatat, Terus Dibilangan Wali Kelas/Kepala Sekoalh

Ini mungkin guru yang putus asa gan . Dia nyatet siapa yang nyontek, dan ribut. Abis itu diserahin ke Wali Kelas, ataupun yang lebih parah Kepala Sekolah . Ngeri kan?

Itu dia tadi, hukuman yang diberikan guru klo kita ketahuan nyontek! Makanya, jangan nyontek terus gan!

Sumber : Berdasarkan Pemikiran Ane Sendiri dan Sudah Ditulis Di Kaskus

Hal-Hal Ini Sangat Kita Sukai Pada Waktu Kecil. Bener Gak?

Image Courtesy of : mothpekuu.blogspot.com

Bissmillahirrahmannirahim. Assalammu'alaikum Warahmatullahi Wabaraktuh. Agan pasti pernah 'kan mengalami masa kanak-kanak? Nah klo pernah, sekarang pasti agan pengen banget kemasa kecil agan.Nah, ane disini bakal bahas tentang hal yg disukai saat masih kecil. Mulai Mainan, Permainan, Uang , Acara Kartun, dll. Pasti TRUE STORY banget dah . Langsung ke TKP yok gan!

1. Mainan

Image Courtesy of : foto.news.viva.co.id

Pernah kan agan punya mainan. Atau gk minimal pernah liat lah. Mainan ini waktu kecil kita suka banget. Ada yg sampe nangis minta beli mainan kesukaannya, apalagi sampe sakit.

Ada 2 jenis mainan. Tapi klo zaman dulu sih cuma ada 1. Mainan tradisional. Ada kelereng, bola, yoyo, gasing kayu pokoknya banyak dah.

2. Permainan

Image Courtesy of : www.harianaceh.co.id

Masih bahas tentang bermain, Permainan. Sama seperti mainan, permainan ada 2 jenis. Klo permainan tradisional sih ada petak umpet, polisi dan penjahat, dan pokoknya masih banyak. Klo permainan modern sih ada dingdong, ps, dll.

3. Uang

Hah!! Anak kecil juga suka duit? Iya, dong. Duit buat anak kecil itu sih banyak kegunaannya. Bisa main dingdong, beli jajan, mainan. Banyak juga kan kegunaannya?

4. Film Kartun

Image Courtesy of : mudabebas.blogspot.com

Banyak banget acara kartun zaman dulu yang kita suka. Karena kartun itu banyak banget di hari minggu, tak heran klo agan dulu rela bangun pagi di hari minggu demi nonton kartun. Bener gak?

Banyak banger kartun zaman dulu, Kek power ranger, doraemon, scoby-doo, tom and jerry, banyak dah pokoknya

5. Jajan

Image Courtesy of : www.jakur.com

Jajanan, dulu banyak jajanan anak-anak. Kek kue sarang laba-laba, permen, pokoknya banyak.

Gk kek sekarang, banyak jajanan beracun

Betul gak gan kata ane, klo betul/setuju atau ada tambahan dari agan, di kolom komentar ya!

Sumber : Hasil Pemikiran Ane Sendiri dan Sudah Ditulis Di Kaskus