Menampilkan postingan yang diurutkan menurut relevansi untuk kueri untuk membuka website. Urutkan menurut tanggal Tampilkan semua postingan

Cara Membuka Website Yang Benar (Untuk Pemula)

Pernahkah anda saat akan membuka alamat website yang sudah anda ketahui alamatnya tapi melalui Google terlebih dulu, bukan mengetikan langsung di address bar? kalau pernah berarti anda termasuk yang wajib baca postingan ini. :).


Bagi pengguna Internet yang boleh dibilang "pemula", hal ini biasa dan sering dilakukan, jika ingin membuka alamat website yang sudah diketahui (misal www.mrmung.com) menggunakan pencarian terlebih dulu di mesin pencari semisal Google.com, Yahoo atau Bing. Yang perlu dipahami bahwa tidak semua website/ blog otomatis terindex di mesin pencari semisal google.com, tidak semua website/ blog bisa langsung ditemukan ketika menuliskan kata kunci tertentu di mesin pencari, ada proses tersendiri agar website atau blog terindex di mesin pencari semacam google, yahoo, bing dll.
Sebagai ilustrasi singkat, ada jalan lurus menuju A, tapi anda menggunakan jalan berputar-putar yang melewati C, D, E... dst baru sampai di A. Seharusnya hanya butuh waktu 1 menit untuk menuju A, tapi bisa menjadi 5 menit sampai di A.


Setiap browser (software yang digunakan untuk membuka internet/ melakukan browsing) yang ada saat ini ada yang namanya Address bar. Address bar berfungsi sebagai tempat untuk menuliskan alamat website/ weblog yang akan anda kunjungi.

Berikut beberapa tampilan address bar:
1. Address Bar di Browser Mozilla Firefox 10.0


2. Address Bar di Browser Google Chrome


3. Address Bar di Browser Internet Explorer

4. Address Bar di Browser Opera


Jadi jika anda akan membuka website/ blog yang sudah diketahui alamatnya (URL)nya, maka gunakanlah address bar, sehingga halaman website akan langsung terbuka. KECUALI jika memang anda kurang yakin dengan alamat website/ blognya atau mungkin anda hanya tau kata kuncinya saja, baru gunakanlah mesin pencari semisal google, yahoo, bing untuk membantu mencarikan halaman website yang cocok dengan kata kunci yang anda tuliskan. Sebagai contoh misal anda ingin tahu alamat websitenya Mr. Mung anda bisa menuliskan di mesin pencari Mr. Mung dan hasilnya akan tampak seperti gambar berikut:
Pada gambar diatas, setelah anda menuliskan kata kunci mr. mung, maka akan ditampilkan daftar hasil pencarian dibawahnya, dari daftar tersebut anda bisa melihat alamat website mr. mung yang siap anda buka.

Demikian, Semoga bermanfaat.

Web Revolusi Mental Redesign Web barackobama.com

Revolusi mental yang konon menelan anggaran negara sekitar 140 Miliar, pada tanggal 24 Agustus kemarin Menteri Koordinator Bidang Pembangunan Manusia dan Kebudayaan (PMK) Puan Maharani meluncurkan website Gerakan Nasional Revolusi Mental di Kantor Kemenko PMK dengan alamat revolusimental.go.id. Website tersebut ditujukan untuk masyarakat agar bisa mengetahui informasi terkini tentang pemerintah dan berkontribusi langsung dalam gerakan revolusi mental sebagai salah satu program unggulan pemerintahan Jokowi JK periode ini.

Informasi yang beredar di media online, website tersebut senilai Rp. 140.000.000.000,- (140M) tapi sebenarnya anggaran sebesar itu tidak hanya untuk membuat sebuah website saja, namun menurut Andrinof (kompas.com), anggaran revolusi mental sebesar 140 M tersebut akan disalurkan untuk program-program seperti sosialisasi berupa pengadaan iklan, film, atau dialog publik. Kampanye atau sosialisasi juga bisa dilakukan melalui tokoh-tokoh agama, bisa juga menyuruh para tokoh agama untuk lebih banyak bicara tentang perubahan perilaku. Jadi tidak benar kalau anggaran 140M hanya untuk membuat sebuah website.

Ngomong soal web revolusi mental yang beralamat revolusimental.go.id, sebagai proyek negara, proyek nasional, tentunya tetap saja anggaran yang dikeluarkan tidaklah sedikit, saya tidak bisa menebak berapa biaya pastinya untuk membuat websitenya, karena proyek yang sering saya kerjakan hanya bernilai ratusan ribu rupiah , kalau proyek nasional mungkin bernilai puluhan juta, ratusan juta rupiah, bahkan mungkin milyaran rupiah.
TAPI..... menurut diskusi panjang di forum kaskus.co.id, banyak anggota forum yang penasaran dan mencoba membuka, kemudian melihat kode sumbernya, serta melihat berbagai informasi terkait web revolusi mental ini, alangkah terkejutnya para Netizen ternyata web revolusi mental hasil jiplakan (plagiat) web barackobama.com ya kalau terlalu kasar mengatakan jiplakan (plagiat) saya ganti menjadi hasil redesign web barackobama.com dengan menyewa hosting (sebagai tempat penyimpanan data-data web) sekelas nasional di salah satu penyedia hosting murah.

Anda ingin lihat buktinya? yuk kita lihat beberapa data berikut:
Karena mungkin menyewa paket shared hosting yang murah, akhirnya web tidak bisa memenuhi permintaan pengunjung web, dan berakibat server web down setelah peluncuran web secara resmi, berikut hasil investigasi web revolusimental.go.id.
revolusimental.go.id registry whois
Updated 5 hours ago - Refresh
Domain ID:PANDI-DO631583
Domain Name:REVOLUSIMENTAL.GO.ID
Created On:21-Aug-2015 14:54:32 UTC
Last Updated On:21-Aug-2015 15:03:55 UTC
Expiration Date:21-Aug-2016 23:59:59 UTC

Status:serverTransferProhibited
Status:addPeriod
Registrant ID:achmad-1322
Registrant Name:Achmad Gunawan
Registrant Organization:Kemenko PMK
Registrant Street1:Jl. Medan Merdeka barat No. 3
Registrant City:Jakarta Pusat
Registrant State/ProvinceKI Jakarta
Registrant Postal Code:10110
Registrant Country:ID
Registrant Phone:+62.8158963087
Registrant Email@kemenkopmk.go.id
Admin ID:achmad-1322
Admin Name:Achmad Gunawan
Admin Organization:Kemenko PMK
Admin Street1:Jl. Medan Merdeka barat No. 3
Admin City:Jakarta Pusat
Admin State/ProvinceKI Jakarta
Admin Postal Code:10110
Admin Country:ID
Admin Phone:+62.8158963087
Admin Email@kemenkopmk.go.id
Tech ID:achmad-1322
Tech Name:Achmad Gunawan
Tech Organization:Kemenko PMK
Tech Street1:Jl. Medan Merdeka barat No. 3
Tech City:Jakarta Pusat
Tech State/ProvinceKI Jakarta
Tech Postal Code:10110
Tech Country:ID
Tech Phone:+62.8158963087
Tech Email@kemenkopmk.go.id
Billing ID:achmad-1322
Billing Name:Achmad Gunawan
Billing Organization:Kemenko PMK
Billing Street1:Jl. Medan Merdeka barat No. 3
Billing City:Jakarta Pusat
Billing State/ProvinceKI Jakarta
Billing Postal Code:10110
Billing Country:ID
Billing Phone:+62.8158963087
Billing Email@kemenkopmk.go.id
Sponsoring Registrar ID:H4964483
Sponsoring Registrar Organization:Kementerian Komunikasi dan Informatika
Sponsoring Registrar Street1:Jl. Medan Merdeka Barat No. 9
Sponsoring Registrar City:Jakarta Pusat
Sponsoring Registrar State/Province:Jakarta
Sponsoring Registrar Postal Code:10110
Sponsoring Registrar Country:ID
Sponsoring Registrar Phone:622138433507
Sponsoring Registrar Website:domain.go.id
Name Server:NS6.IDWEBHOST.COM
Name Server:NS7.IDWEBHOST.COM

DNSSEC:Unsigned
Kemudian yang tak kalah mengejutkan adalah data berikut, hasil melihat kode sumber ternyata ada yang lupa belum kehapus script menuju web barackobama.com dan ternyata tampilanyapun mirip, hanya redesign warnanya saja:


Web Barackobama.com


Web Revolusi Mental
Termasuk diantaranya link donasi masih mengarah ke obama:

Sumber: http://www.revolusimental.go.id/gerakan/wp-content/themes/gnrm_main/js/monroe.js?ver=1.0

Pagi ini saat tulisan ini saya publish, web revolusi mental masih tetap down dan hanya menampilkan informasi berikut:

Saran saya, segeralah di upgrade ke paket hosting yang lebih kuat untuk melayani permintaan pengunjung, yang jelas kalau mau pindah sewa hosting di mungbisnis.com belum melayani sewa hosting yang kuat untuk melayani proyek nasional, hehe.... dan juga segeralah dibenahi desain websitenya, jangan sampai dibilang plagiat web orang lain apalagi kalau tanpa izin pemilik web aslinya, sebagai web revolusi mental tentu hal ini sangat kurang tepat.

Diakhir posting ini, saya secara pribadi tetap mendukung program pemerintah yang dijalankan dengan benar, dan dengan tujuan yang benar pula, semoga program revolusi mental ini bisa berjalan dengan baik dan benar-benar bisa merevolusi mental masyarakat Indonesia menuju yang lebih baik. Amiiin....

Meningkatkan Motivasi Belajar Siswa Melalui Blog Guru

Dalam kegiatan pembelajaran saya sering bercerita yang bertujuan memberi motivasi kepada siswa dengan bukti-bukti nyata pengalaman pribadi menjadi Internet Marketer dan technopreneur, seperti cerita yang saya tuliskan diposting Tak Sekedar Facebookan. Saya bercerita disaat rekan facebooker yang lain hanya bermain facebook untuk mencari teman, ngrumpi, update status yang kadang gak penting, saya selain mendapatkan teman, juga mendapatkan $92 USD dalam 1 bulan, tidak hanya itu, hadiah-hadiah berikutnya dari facebookan datang juga berupa iPod Suffle 2GB (Apple), iPad 16GB (Apple), iPod Touch 8GB (Apple), Koleksi Tupperware, Microwave dari Sharp, dan beberapa peralatan rumah tangga lainnya yang cukup menambah koleksi dapur :).

Saya juga bercerita, bagaimana memanfaatkan teknologi internet untuk mengoptimalkan kemampuan, menambah ilmu, kemudian membuka jasa pembuatan blog, yang pada saat pertama kali saya tawarkan di internet (tahun 2009) banyak yang meragukan, bahkan dengan berkata “membuat blog kan gampang, cuma butuh waktu sekitar 5 menit sudah jadi, ngapain pakai jasa orang?”, namun ketika saya tunjukkan daftar klien yang jumlahnya terus bertambah, sampai saat ini sudah lebih dari 666 orang dari berbagai daerah di Indonesia dan beberapa dari mancanegara, orang itupun terdiam. Kata-kata yang saya jadikan sebagai motivasi pribadi, dan sering saya sampaikan kepada rekan-rekan guru dan siswa, bahwa: “Sesuatu yang seringkali dianggap mudah dan sederhana bagi kita, kadang sangat dibutuhkan oleh orang lain”.

Disaat ada tugas dinas keluar kota, seperti biasa saya menitipkan tugas siswa kepada guru piket yang sudah saya kemas dan siapkan di blog guru, dalam kegiatan pembelajaran sengaja saya tunjukkan kepada siswa, bahwa walaupun tidak ada tatap muka langsung dilaboratorium komputer, saya masih bisa memantau aktifitas siswa di laboratorium komputer, mulai dari komputer mana saja yang dipakai untuk pembelajaran, komputer mana saja yang dipakai untuk bermain, kemudian memberi peringatan, dan mematikan komputer dari jarak jauh, semua dilakukan dengan tujuan, supaya siswa tetap merasa ada yang mendampingi saat pembelajaran, dan siswapun akhirnya tidak seenaknya sendiri didalam lab. Komputer, dan mau belajar dengan serius dan terarah.

(Memantau aktifitas komputer siswa di lab. komputer)
  

Berkaitan dengan judul tulisan ini, yaitu Meningkatkan Motivasi Belajar Siswa Melalui Blog Guru; gambar, grafik, dan data-data pendukung tulisan, saya ambil dari PTK (Penelitian Tindakan Kelas) yang kebetulan tanggal 1 Oktober 2014 kemarin saya desiminasikan diacara yang diselengggarakan Forum Ilmiah Guru (FIG) Dinas Pendidikan dan Kebudayaan Kabupaten Semarang, judul PTKnya adalah: Penggunaan Media Blog Guru Untuk Meningkatkan Motivasi Belajar dalam Pembelajaran Teknologi Informasi Dan Komunikasi Pada Siswa Kelas IX-D SMP Negeri 1 Kaliwungu Kabupaten Semarang Tahun Pelajaran 2014/2015.
(Foto saat desiminasi PTK)

Dalam rangkaian pemaparan PTK pada waktu itu, saya sampaikan bahwa sejalan dengan diterapkan Kurikulum 2013 dimana dalam proses pembelajaran cenderung berpusat pada siswa, siswa dituntut untuk lebih aktif dan kreatif dalam mendapatkan berbagai informasi terkait materi pembelajaran yang sedang diikuti, salah satunya dengan memanfaatkan internet dalam mencari berbagai sumber materi pembelajaran, maka dari itu guru harus bisa mengimbangi kebutuhan siswa dengan menyediakan materi-materi pembelajaran di internet supaya siswa tidak salah dalam mengambil referensi pembelajaran.

Sebagai contoh, seorang siswa mencari informasi di internet dengan menggunakan mesin pencari Google dengan kata kunci: “cara membuka website yang benar”, mesin pencari google akan menampilkan berbagai blog/ website rujukan yang pernah mempublikasikan tulisan yang memiliki kemiripan dengan kata kunci yang digunakan siswa dalam mencari informasi tersebut, dalam kasus ini, google menampilkan sekitar 2.680.000 hasil pencarian. Jika siswa membuka blog guru yang berisi informasi tersebut, tentunya hal ini akan lebih aman dari berbagai konten negatif yang mungkin disediakan blog/ website penyedia informasi tersebut. Contoh konten negatif yang sering ada di blog penyedia informasi adalah: adanya gambar-gambar porno, tersedianya iklan dewasa yang menempel di blog penyedia informasi, atau tulisan-tulisan terkait lain yang cenderung negatif dan belum layak sebagai konsumsi siswa kita.

Dari sisi indikator keberhasilan pembelajaran siswa dalam memahami suatu materi juga akan lebih cepat tercapai, hal ini karena tulisan yang dipublish di blog guru, sudah dikemas dan disajikan dengan mempertimbangkan kebutuhan siswa kita.

Dalam hal pengambilan nilai, teknik evaluasi yang bisa diterapkan dalam pembelajaran menggunakan media blog guru, salah satunya menggunakan soal online. Soal online suatu istilah untuk mendefinisikan sebuah evaluasi siswa yang disajikan dalam media online internet atau intranet. Jika menggunakan Internet maka evaluasi mata pelajaran tertentu yang diberikan kepada siswa dapat diakses diberbagai tempat, tidak mengenal jarak dan waktu, jauh lebih fleksibel dibandingkan evaluasi dengan menggunakan soal tertulis seperti biasanya, walaupun dalam hal-hal tertentu soal menggunakan media kertas, soal tertulis tetap dibutuhkan.


Saya biasa menggunakan soal online ini untuk evaluasi mata pelajaran TIK, baik itu saat latihan soal maupun saat ulangan harian. Pengamatan pribadi Saya, bagi seorang Guru dengan soal online ini tentu  sangat terbantukan, karena Guru bisa mendapatkan laporan langsung yang dikirim secara otomatis ke email guru, bagi siswa sendiri bisa langsung mengetahui hasil perolehan nilainya, dan bisa juga langsung mengetahui jawaban yang berfungsi sebagai koreksi atas kesalahan dalam menjawab soal online.

Kemudahan membuat blog guru tanpa perlu menguasai bahasa pemrograman yang rumit juga bisa sebagai salah satu pertimbangan seorang guru untuk mulai menggunakan media blog guru dalam proses pembelajaran, sebagai contoh yang populer saat ini kita bisa mendapatkan sub domain dari blogspot.com, wordpress.com, secara gratis untuk membuat sebuah blog guru. Sedangkan untuk pembuatan soal online, kita bisa menggunakan quiz creator yang banyak tersedia gratis di internet, atau bisa juga menggunakan layanan Google Drive dalam pembuatan soal online yang akan dipasang di blog guru.

Peningkatan motivasi belajar siswa yang menggunakan media blog guru dalam proses pembelajaranya seperti yang digambarkan pada grafik berikut:

Grafik diatas saya ambil dari hasil Penelitian Tindakan Kelas dengan judul Penggunaan Media Blog Guru Untuk Meningkatkan Motivasi Belajar dalam Pembelajaran Teknologi Informasi Dan Komunikasi Pada Siswa Kelas IX-D SMP Negeri 1 Kaliwungu Kabupaten Semarang Tahun Pelajaran 2014/2015 yang sudah saya lakukan. Dari 37 siswa yang saya minta untuk mengisi angket, pada pertanyaan Materi pembelajaran ini sangat menarik perhatian, siswa yang memilih sangat setuju ada 12, setuju 24 dan sangat tidak setuju ada 1 siswa.

Berikut beberapa contoh foto kegiatan belajar mengajar dengan menggunakan media blog guru:
  
(Dokumen pribadi: foto diambil saat kegiatan belajar mengajar di Lab. Komp 1 dan Lab. Komp 2 SMP Negeri 1 Kaliwungu Kabupaten Semarang)

Dengan demikian, blog guru bisa dijadikan sebagai media belajar alternatif yang bisa meningkatkan motivasi belajar siswa.

Cara Memasang Foto Instagram di Blog dengan WEBSTA Widgets

Memasang koleksi foto instagram di blog memang kadang diperlukan khususnya bagi mereka pemilik blog pribadi, blog wisata, blog yang isinya tentang dunia traveling, dan blog lain yang memang pemiliknya menghendaki memasang koleksi foto instagram di blog.

Pada postingan sebelumnya sudah saya tulis dengan judul "Cara Menampilkan Instagram di Blog Mudah dan Cepat" namun sayang tidak bisa berjalan di beberapa jenis template, dan kalaupun berjalan ternyata tampilanya kurang menarik karena tidak mudah untuk dicustomize tampilanya.

Nah, pada postingan kali ini saya akan menggunakan layanan pihak ketiga yaitu WEBSTA Widgets untuk Memasang Foto Instagram di Blog tentunya dengan tampilan yang lebih menarik, dan pastinya bisa berjalan dengan lancar di berbagai template blog. oke, mari kita lanjutkan ke praktik Cara Memasang Foto Instagram di Blog dengan WEBSTA Widgets.

Langkah #1
Pada langkah pertama ini anda dipersilahkan untuk membuka website: http://widgets.websta.me/ dan klik tombol Login untuk memulai.


Langkah #2
Berikutnya anda login dengan akun instagram anda, dan klik tombol Authorize untuk memberi izin aplikasi supaya terhubung dengan instagram kita.


Langkah #3
Pada langkah ketiga anda masukan email aktif anda, tidak harus sama dengan email instagram anda, email ini berfungsi untuk verifikasi saja, jangan lupa setelah menyimpan email anda buka email anda dan klik tombol verifikasi atau copy link verifikasi untuk dibuka di browser.



Langkah #4
Tahap selanjutnya anda dipersilahkan mengatur tampilan, banyaknya gambar yang akan ditampilkan mulai dari banyaknya gambar tiap kolom, maupun baris, termasuk anda bisa mengatur lebar gambarnya, terakhir anda klik tombol CREATE WIDGET untuk mendapatkan kode yang nantinya dipasang di blog anda.




Langkah #5
Pada langkah kelima/ terakhir anda buka blog anda, masuk tata letak dan tambahkan Gadget HTML/JavaScript PASTE di kolom yang tersedia, dan SIMPAN.



Selamat, instagram anda sudah terpasang di blog. Semoga Bermanfaat.
Jika kurang jelas, anda bisa menyimak video di bawah ini, Jangan lupa subscribe Chanel Mung Media ya..... :)

Kunci Sukses Blogging, Jadilah "Problem Solver"

Membuat konten unik dan bermanfaat untuk orang banyak di blog tentunya tidak semudah membalikan telapak tangan, kecuali anda memang terbiasa menulis, pastinya ini tidak menjadi masalah berarti.

Mengumpulkan dolar hanya dengan suka menulis di blog semakin lama semakin sangat diminati para "blogger matre", hal ini dipicu banyaknya anak muda yang tiba-tiba muncul di media sosial (medsos) seperti fecebook, twitter, google plus dengan status-status yang boombastis dan spektakuler, memamerkan (semoga dengan tujuan memberi motivasi) hasil dari google adsense, hasil dari berbisnis dengan media internet, dengan tumpukan uang jutaan rupiah, ratusan juta, bahkan milyaran rupiah yang bisa didapat tiap bulanya dari internet, makanya jangan salahkan tiba-tiba mereka update status sedang selfie dengan FORTUNER atau bahkan LAMBORGHINI barunya.  hmm... mantabb...

Namun.... wahai saudara sekalian, wahai para "blogger matre" yang baru terjun dibisnis internet, JANGAN suka memandang kesuksesan orang lain, TANPA mau melihat bagaimana usaha keras mereka sebelumnya

Ngomong soal blogging, tentunya tidak akan lepas dari dunia tulis menulis, apalagi kalau blog yang dikelola mau dijadikan lahan untuk mengais rizki tentunya harus kita kelola dengan baik, perbanyak konten yang bisa bermanfaat untuk orang lain, karena sebenarnya salah satu kunci sukses dalam dunia perbloggingan adalah kita harus menjadi problem solver, kita harus bisa menjadi orang yang bisa memberi solusi dari masalah yang sedang dihadapi banyak orang, tentunya dalam hal ini orang yang suka browsing di internet dalam mencari solusi/ mencari jawaban dari masalah yang sedang dihadapi.

Contoh sederhana: ada orang mempunyai masalah belum tau cara membuka website yang benar, maka kita sebagai blogger bisa memberi solusi dengan menyediakan panduan Cara Membuka Website Yang Benar (Untuk Pemula).

Contoh lain misalkan: ada orang yang sedang belajar memaksimalkan media sosial facebook untuk meningkatkan penjualan produk yang ditawarkan, dan menginginkan membuat fanspage di facebook, maka kita sebagai blogger bisa menyediakan panduan Cara Membuat Fans Page Facebook Bisnis, Organisasi, Sekolah. Dengan cara seperti ini, kita telah menjadi "Problem Solver" melalui blog yang dikelola.

Dari sisi pandangan agama, jika kita bisa ikhlas dan diniati ibadah tentunya menjadi problem solver melalui blog yang dikelola akan memberi nilai positif dalam hitungan amal ibadah, dalam urusanya dengan keduniaan, jika semakin banyak orang yang mengambil manfaat dari blog yang kita kelola maka akan berimbas juga pada rizki yang kita dapatkan dari internet.

Happy Blogging...

Demikian, semoga bermanfaat.

Tombol Order WhatsApp Tampil Hanya di Handphone

Pada posting sebelumnya sudah saya bahas tentang cara Membuat Kode Order via WhatsApp di Blog Bisnis, namun pada kode order via whatsapp tersebut tombol whatsapp akan tampil disemua perangkat yang digunakan untuk membuka website bisnis kita, baik dibuka menggunakan laptop maupun handphone/ smartphone.

Pertanyaanya: 
Bagaimana cara mengatur supaya tombol order whatsapp hanya akan tampil jika dibuka melalui handphone atau smartphone saja, dan akan disembunyikan saat dibuka melalui laptop?

Untuk menjawab pertanyaan tersebut, kita bisa dengan memadukan tombol order whatsApp dengan kode css responsive, untuk masalah ini saya anggap template blog anda sudah responsive, dan hal ini bisa anda cek di dalam kode template blog anda akan ada kode seperti dibawah ini:
<head>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
Dibagian kode CSS nya juga akan ditemukan kode seperti ini:
@media only screen and (max-width:

Itu artinya blog anda sudah responsive dan anda bisa melanjutkan dengan mengikuti pembahasan ini, pertama silahkan tambahkan div id pada kode berikut:

<div id="orderwa"> <a href="https://api.whatsapp.com/send?phone=6285640335006&amp;text=Saya%20Mau%20Order"><img src="https://2.bp.blogspot.com/-_A6eHtF2uGQ/WY4wV1vOEVI/AAAAAAAARqY/Q_6BJbkmWYEtFHklydscYQXXscC2s5f-ACLcBGAs/s1600/order%2Blewat%2Bwhatsapp.png"/></a> </div>

Kemudian pada CSS template anda, silahkan anda tambahkan kode css berikut:
#orderwa{display:none;}


Sedangkan untuk css responsivenya silahkan anda tambahkan #orderwa {display:block;} sebagai contoh:

@media only screen and (max-width: 500px)
{ #orderwa {display:block;} }


Untuk hasilnya, silahkan anda coba halaman ini dengan menggunakan handphone/ smartphone dan juga laptop anda, akan akan melihat tombol order whatsApp dibawah ini:

Demikian, selamat mencoba semoga berhasil.

Manfaat Internet di Berbagai Aspek Kehidupan

Internet sebagai suatu teknologi telah tumbuh dan berkembang sedemikian besar sebagai alat informasi dan komunikasi. Internet telah memberi banyak sekali manfaat dan kemudahan bagi penggunanya yang
meliputi berbagai kalangan, mulai dari pelajar dan mahasiswa, para pendidik, pengelola perpustakaan, pemerintah, dokter, para investor, dan sebagainya. Hampir semua profesi tersebut sangat dibantu dengan adanya teknologi internet.

1. Manfaat Internet
Dahulu internet hanya dapat digunakan oleh kalangan tertentu saja dan dengan komponen tertentu pula. Tetapi saat ini orang yang berada di rumah pun bisa terhubung ke internet dengan menggunakan modem dan jaringan telepon. Penggunaan internet telah masuk dalam semua aspek kehidupan seperti ekonomi, sosial, keagamaan, bahkan hiburan. 
Berikut beberapa manfaat dari penggunaan internet di beberapa bidang.

a . Bidang Pendidikan
Di bidang pendidikan, internet memungkinkan kita untuk mendapatkan banyak referensi keilmuan dari perpustakaan maya (library online) yang ada di internet dan sebagai media pembelajaran secara online. Contohnya: belajar jarak jauh dengan menggunakan teleconference internet (e -learning), belajar jarak jauh menggunakan layanan situs/ blog seperti yang kalian nikmati sekarang ini, yaitu belajar dan mengerjakan soal secara online melalui blog www.mrmung.com .

b . Bidang Ekonomi dan Bisnis
Di bidang ekonomi dan bisnis, internet hadir dengan istilah e-commerce. Dengan adanya e-commerce,  kegiatan perdagangan, jual beli, promosi, dan sebagainya dapat dilakukan melalui internet tanpa harus bepergian.
Contohnya, bila kalian ingin membeli buku referensi atau buku teks pelajaran, kalian tidak perlu lagi datang jauh-jauh ke toko bukunya. Sekarang ada toko buku online yang bisa kalian kunjungi di internet. Dengan membuka alamat website toko buku yang dimaksud, kalian tinggal mencari buku yang diperlukan dan melihat harga yang tercantum, lalu memesannya. Contoh toko buku online yang dapat kalian kunjungi
misalnya, http://www.gramedia.online.com, http://www. bukukita.com, htttp://www.buku135.com, dan sebagainya.

c . Bidang Pemerintahan
Di bidang pemerintahan, internet hadir dengan istilah e-government. Dengan adanya e-government, pemerintah dapat dengan mudah memberikan informasi dan layanan kepada masyarakat secara maksimal, dan juga dapat digunakan untuk saling mempererat hubungan pemerintahan antarnegara.
Contoh situs pemerintahan http://www.jakarta.go.id .

d . Bidang Sosial
Internet di bidang sosial dapat digunakan untuk memberikan informasi mengenai berbagai macam kegiatan sosial yang telah, sedang, dan akan dilaksanakan dan juga dapat digunakan untuk membantu penggalangan dana untuk kegiatan sosial.

e . Bidang Keagamaan

Internet dalam bidang keagamaan dapat digunakan untuk sarana diskusi, tanya jawab masalah agama, berbagi ilmu agama, dan sebagainya.
Contoh: www.nu.or.id , www.eramuslim.com 

f . Sarana Bersosialisasi dan Mencari Sahabat
Pengguna internet dapat menjalin komunikasi dengan rekan-rekannya di segala penjuru dunia dalam waktu singkat dan biaya murah melalui fasilitas e-mail dan chatting melalui berbagai situs yang ada seperti www.yahoo.com, www.facebook.com, www.friendster.com, dan sebagainya.

g . Sarana Hiburan
Internet menyediakan banyak fasilitas pilihan seperti permainan atau games, musik, video, dunia entertainment, dan sebagainya. Contoh situs hiburan video bisa membuka situs www.youtube.com

Namun, perlu kalian ingat, bahwa internet tidak hanya memberikan informasi yang positif saja, tapi hal-hal negatif juga akan kalian temui dalam internet. Maka, kalian perlu membatasi diri dalam mengenal internet, hal-hal yang positif saja yang kalian ambil. Hal-hal yang negatif tidak perlu kalian ambil, karena dapat  berdampak negatif pada diri kalian sendiri. Ujungnya kerugian yang akan kalian dapat.

Untuk Dampak Negatif Internet bisa kalian baca pada posting berikutnya.

sumber: bse TIK SMP Kelas IX (Dhanang Sukmana Adi, Yuliyani Siyamtiningtyas)

Alur Pendaftaran CPNS Online 2014 - PENTING!

Sebagaimana kita ketahui bersama bahwa perekrutan Calon Pegawai Negeri Sipil (CPNS) tahun 2014 ini akan dilaksanakan secara online dengan menggunakan C.A.T, berikut beberapa hal penting yang perlu anda perhatikan sebelum mendaftar sebagai calon peserta Ujian CPNS Online 2014 ini:

1. UJIAN DENGAN C.A.T.: Seleksi Penerimaan CPNS 2014 secara Nasional dilaksankan dengan ujian/test menggunakan C.A.T. (Computer Assisted Test). Info dapat dibaca di Website Kemenpan & RB  (http://www.menpan.go.id/berita-terkini/1513)

2. PERSYARATAN UMUM: Sebagaimana diatur dalam PP Nomor 11 Tahun 2002 tentang Pengadaan Pegawai Negeri Sipil, serta memenuhi persyaratan kualifikasi pendidikan sesuai lowongan formasi yang diminati.

3. ALAMAT E-MAIL: Seleksi Penerimaan CPNS 2014 hanya dapat diikuti melalui tahap pendaftaran di Portal ini, untuk itu calon pendaftar wajib memiliki alamat surat elektronik yang masih berlaku (email), jadi silahkan anda membuat email dilayanan gratis seperti gmail, atau yahoo, pastikan anda bisa login ke email anda. :)

4. PENGISIAN DATA PRIBADI HARUS AKURAT: Semua informasi/data pribadi yang diisikan dalam formulir pendaftaran disini harus akurat, benar dan dapat dipertanggung jawabkan untuk menghindari hal-hal yang dapat merugikan diri sendiri atau merugikan pihak lain serta diberikannya sanksi hukum dikemudian hari. Calon peserta hanya dapat mendaftar 1 (satu) kali di portal ini (hanya mempunyai 1 kali kesempatan mengikuti test di salah satu instansi).

Calon peserta dapat memilih 3 (tiga) formasi jabatan, yang kualifikasi pendidikannya sama pada instansi yang telah diputuskan/dipilih oleh calon peserta.

5. PERSYARATAN KHUSUS/TAMBAHAN : Terdapat instansi tertentu yang menambahkan persyaratan khusus. Untuk itu, harap dibaca secara cermat dan teliti.

6. CERMAT dan TELITI : Harap mencermati setiap keterangan/instruksi/pemberitahuan/peringatan yang muncul di halaman-halaman pendaftaran ini.

7. GRATIS : Penerimaan CPNS Tahun 2014 tidak dipungut biaya mulai dari pendaftaran s/d pengumuman hasil kelulusan.

DIAGRAM ALUR PENDAFTARAN CPNS:


PENTING
: Jadwal pendaftaran lowongan untuk setiap instansi berbeda. Portal nasional hanya akan membuka pendaftaran untuk instansi yang sedang membuka pendaftaran lowongan.

Formasi Nasional CPNS 2014 terdiri dari formasi K/L (Kementerian dan Lembaga) dan formasi di Instansi Pemerintah Provinsi/Kabupaten/Kota.

Untuk informasi uptodate terkait Formasi CPNS 2014 bisa anda lihat di halaman berikut:
https://panselnas.menpan.go.id/index.php/form-2

Tutorial Cara Membuat Menu di Blog


Menu dan sub menu di blog berfungsi untuk memudahkan pengunjung blog untuk membuka berbagai informasi yang ada di web/ blog kita. Bagi website/ blog yang memiliki informasi sangat banyak dengan berbagai kategori informasi yang banyak pula, membuat sub menu tentunya pilihan yang tepat. Nah... pada kesempatan ini akan kita pelajari bersama bagimana cara membuat menu dan sub menu di blog dengan mudah dan cepat.

1.    Login Blogger.com
2.    Klik halaman "Template" backup template lengkap untuk berjaga-jaga terjadi hal-hal yang tidak di inginkan dengan mengklik Cadangkan/ Pulihkan.


3.    Kemudian klik Edit HTML;

4.    Cari kode ]]></b:skin>
dengan menggunakan Ctrl + F.

5.    Copy kode script di bawah ini dan letakkan tepat di atas kode  ]]></b:skin>
#menubar{
border-bottom:4px solid #ff0000;
width:1025px;
height:32px;
background:#000000;
float:center;
margin-bottom:3px;
}
#menubar ul{
float:left;
margin:0;
padding:0;
}
#menubar li{
float:left;
list-style:none;
margin:0;
padding:0;
}
#menubar li a, #menubar li a:link{
float:left;
padding:8px 12px;
color:#fff;
text-decoration:none;
font-size:13px;
font-weight:bold;
}
#menubar li a:hover, #menubar li a:active, #menubar .current_page_item a  {
background: #ff0000;
color: #fff;
text-decoration:none;
}
#menubar li li a, #menubar li li a:link, #menubar li li a:visited{
font-size: 12px;
background: #ff0000;
color: #fff;
text-decoration:none;
width: 150px;
padding: 0px 10px;
line-height:30px;
}
#menubar li li a:hover, #menubar li li a:active {
background: #000000;
color: #ffffff;
}
#menubar li ul{
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
margin-top:32px;
border:1px solid ##ff0000;
}
#menubar li:hover ul, #menubar li li:hover ul, #menubar li li li:hover ul, #menubar li.sfhover ul, #menubar li li.sfhover ul, #menubar li li li.sfhover ul{
left:auto
}
#menubar li:hover, #menubar li.sfhover{
position:static
}
6.    Simpan Template.

7.    Copy script berikut dan pasang di widget HTML/JavaScript blog anda:
<div id='menubar'>
<ul>
<li><a href=””>Home</a></li>
<li><a href=”URL_TUJUAN”>About Me</a></li>
<li><a href=”URL_TUJUAN”>>Contact Me</a>
<ul>
<li><a href=”URL_TUJUAN”>>Google +</a></li>
<li><a href=”URL_TUJUAN”>>Facebook</a></li>
<li><a href=”URL_TUJUAN”>>Twitter</a></li>
</ul>
</li>
</ul>
</div>
8.    Letakan widget HTML/JavaScript yang berisi kode menu diatas di bawah header, perhatikan gambar berikut:




  • Download Lengkap tutorial : Cara Membuat Menu di Blog Drive
  • Daftar Icon Awesome Lengkap Terbaru 2017

    Menghias blog dengan berbagai gambar itu memang menyenangkan, tapi perlu diperhatikan juga, karena blog yang terlalu banyak gambar itu juga berakibat pada kecepatan blog saat diakses oleh pengunjung, blog yang cepat tentu akan membuat pengunjung senang, apalagi blog tersebut kaya akan informasi, jadi tidak perlu menunggu waktu yang lama saat membuka artikel-artikel tiap halamanya.

    Beruntung sekali ada sebuah  toolkit font dan icon berdasarkan CSS yang dibuat oleh Dave Gandy yang rilis pada tanggal 21 Augustus 2012 (wikipedia) dengan font dan icon-icon ini bisa membuat web tampil lebih ciamik, namun website atau blog anda tetap cepat saat diakses pengunjung, font awesome icons  namanya, anda bisa menggunakan font dan icon ini dengan gratis, tidak perlu download atau install, anda cukup membuka website http://fontawesome.io/get-started/ :

    Masukan email dan klik tombol send my font awesome embed code, anda akan mendapatkan 1 baris kode yang harus anda pasang dibawah kode <head> web/ blog anda.


    Untuk memasang icon awesome di blog, anda bisa memadukan kode seperti berikut:
    <i class="fa fa-camera-retro fa-lg"></i> fa-lg
    <i class="fa fa-camera-retro fa-2x"></i> fa-2x
    <i class="fa fa-camera-retro fa-3x"></i> fa-3x
    <i class="fa fa-camera-retro fa-4x"></i> fa-4x
    <i class="fa fa-camera-retro fa-5x"></i> fa-5x

    dengan kode diatas, hasilnya seperti berikut:
    fa-lg
    fa-2x
    fa-3x
    fa-4x
    fa-5x

    Contoh lain, jika anda menuliskan kode berikut:
    <i class="fa fa-spinner fa-spin fa-3x fa-fw"></i> <span class="sr-only">Loading...</span>
    Maka hasilnya seperti berikut:
    Loading...
    Berikut Daftar Gambar Font dan Icon Awesome Lengkap 2017:
    • fa-address-book
    • fa-address-book-o
    • fa-address-card
    • fa-handshake-o
    • fa-user-circle
    • fa-glass"\f000"
    • fa-music"\f001"
    • fa-search"\f002"
    • fa-envelope-o"\f003"
    • fa-heart"\f004"
    • fa-star"\f005"
    • fa-star-o"\f006"
    • fa-user"\f007"
    • fa-film"\f008"
    • fa-th-large"\f009"
    • fa-th"\f00a"
    • fa-th-list"\f00b"
    • fa-check"\f00c"
    • fa-times"\f00d"
    • fa-search-plus"\f00e"
    • fa-search-minus"\f010"
    • fa-power-off"\f011"
    • fa-signal"\f012"
    • fa-cog"\f013"
    • fa-trash-o"\f014"
    • fa-home"\f015"
    • fa-file-o"\f016"
    • fa-clock-o"\f017"
    • fa-road"\f018"
    • fa-download"\f019"
    • fa-arrow-circle-o-down"\f01a"
    • fa-arrow-circle-o-up"\f01b"
    • fa-inbox"\f01c"
    • fa-play-circle-o"\f01d"
    • fa-repeat"\f01e"
    • fa-refresh"\f021"
    • fa-list-alt"\f022"
    • fa-lock"\f023"
    • fa-flag"\f024"
    • fa-headphones"\f025"
    • fa-volume-off"\f026"
    • fa-volume-down"\f027"
    • fa-volume-up"\f028"
    • fa-qrcode"\f029"
    • fa-barcode"\f02a"
    • fa-tag"\f02b"
    • fa-tags"\f02c"
    • fa-book"\f02d"
    • fa-bookmark"\f02e"
    • fa-print"\f02f"
    • fa-camera"\f030"
    • fa-font"\f031"
    • fa-bold"\f032"
    • fa-italic"\f033"
    • fa-text-height"\f034"
    • fa-text-width"\f035"
    • fa-align-left"\f036"
    • fa-align-center"\f037"
    • fa-align-right"\f038"
    • fa-align-justify"\f039"
    • fa-list"\f03a"
    • fa-outdent"\f03b"
    • fa-indent"\f03c"
    • fa-video-camera"\f03d"
    • fa-picture-o"\f03e"
    • fa-pencil"\f040"
    • fa-map-marker"\f041"
    • fa-adjust"\f042"
    • fa-tint"\f043"
    • fa-pencil-square-o"\f044"
    • fa-share-square-o"\f045"
    • fa-check-square-o"\f046"
    • fa-arrows"\f047"
    • fa-step-backward"\f048"
    • fa-fast-backward"\f049"
    • fa-backward"\f04a"
    • fa-play"\f04b"
    • fa-pause"\f04c"
    • fa-stop"\f04d"
    • fa-forward"\f04e"
    • fa-fast-forward"\f050"
    • fa-step-forward"\f051"
    • fa-eject"\f052"
    • fa-chevron-left"\f053"
    • fa-chevron-right"\f054"
    • fa-plus-circle"\f055"
    • fa-minus-circle"\f056"
    • fa-times-circle"\f057"
    • fa-check-circle"\f058"
    • fa-question-circle"\f059"
    • fa-info-circle"\f05a"
    • fa-crosshairs"\f05b"
    • fa-times-circle-o"\f05c"
    • fa-check-circle-o"\f05d"
    • fa-ban"\f05e"
    • fa-arrow-left"\f060"
    • fa-arrow-right"\f061"
    • fa-arrow-up"\f062"
    • fa-arrow-down"\f063"
    • fa-share"\f064"
    • fa-expand"\f065"
    • fa-compress"\f066"
    • fa-plus"\f067"
    • fa-minus"\f068"
    • fa-asterisk"\f069"
    • fa-exclamation-circle"\f06a"
    • fa-gift"\f06b"
    • fa-leaf"\f06c"
    • fa-fire"\f06d"
    • fa-eye"\f06e"
    • fa-eye-slash"\f070"
    • fa-exclamation-triangle"\f071"
    • fa-plane"\f072"
    • fa-calendar"\f073"
    • fa-random"\f074"
    • fa-comment"\f075"
    • fa-magnet"\f076"
    • fa-chevron-up"\f077"
    • fa-chevron-down"\f078"
    • fa-retweet"\f079"
    • fa-shopping-cart"\f07a"
    • fa-folder"\f07b"
    • fa-folder-open"\f07c"
    • fa-arrows-v"\f07d"
    • fa-arrows-h"\f07e"
    • fa-bar-chart"\f080"
    • fa-twitter-square"\f081"
    • fa-facebook-square"\f082"
    • fa-camera-retro"\f083"
    • fa-key"\f084"
    • fa-cogs"\f085"
    • fa-comments"\f086"
    • fa-thumbs-o-up"\f087"
    • fa-thumbs-o-down"\f088"
    • fa-star-half"\f089"
    • fa-heart-o"\f08a"
    • fa-sign-out"\f08b"
    • fa-linkedin-square"\f08c"
    • fa-thumb-tack"\f08d"
    • fa-external-link"\f08e"
    • fa-sign-in"\f090"
    • fa-trophy"\f091"
    • fa-github-square"\f092"
    • fa-upload"\f093"
    • fa-lemon-o"\f094"
    • fa-phone"\f095"
    • fa-square-o"\f096"
    • fa-bookmark-o"\f097"
    • fa-phone-square"\f098"
    • fa-twitter"\f099"
    • fa-facebook"\f09a"
    • fa-github"\f09b"
    • fa-unlock"\f09c"
    • fa-credit-card"\f09d"
    • fa-rss"\f09e"
    • fa-hdd-o"\f0a0"
    • fa-bullhorn"\f0a1"
    • fa-bell"\f0f3"
    • fa-certificate"\f0a3"
    • fa-hand-o-right"\f0a4"
    • fa-hand-o-left"\f0a5"
    • fa-hand-o-up"\f0a6"
    • fa-hand-o-down"\f0a7"
    • fa-arrow-circle-left"\f0a8"
    • fa-arrow-circle-right"\f0a9"
    • fa-arrow-circle-up"\f0aa"
    • fa-arrow-circle-down"\f0ab"
    • fa-globe"\f0ac"
    • fa-wrench"\f0ad"
    • fa-tasks"\f0ae"
    • fa-filter"\f0b0"
    • fa-briefcase"\f0b1"
    • fa-arrows-alt"\f0b2"
    • fa-users"\f0c0"
    • fa-link"\f0c1"
    • fa-cloud"\f0c2"
    • fa-flask"\f0c3"
    • fa-scissors"\f0c4"
    • fa-files-o"\f0c5"
    • fa-paperclip"\f0c6"
    • fa-floppy-o"\f0c7"
    • fa-square"\f0c8"
    • fa-bars"\f0c9"
    • fa-list-ul"\f0ca"
    • fa-list-ol"\f0cb"
    • fa-strikethrough"\f0cc"
    • fa-underline"\f0cd"
    • fa-table"\f0ce"
    • fa-magic"\f0d0"
    • fa-truck"\f0d1"
    • fa-pinterest"\f0d2"
    • fa-pinterest-square"\f0d3"
    • fa-google-plus-square"\f0d4"
    • fa-google-plus"\f0d5"
    • fa-money"\f0d6"
    • fa-caret-down"\f0d7"
    • fa-caret-up"\f0d8"
    • fa-caret-left"\f0d9"
    • fa-caret-right"\f0da"
    • fa-columns"\f0db"
    • fa-sort"\f0dc"
    • fa-sort-desc"\f0dd"
    • fa-sort-asc"\f0de"
    • fa-envelope"\f0e0"
    • fa-linkedin"\f0e1"
    • fa-undo"\f0e2"
    • fa-gavel"\f0e3"
    • fa-tachometer"\f0e4"
    • fa-comment-o"\f0e5"
    • fa-comments-o"\f0e6"
    • fa-bolt"\f0e7"
    • fa-sitemap"\f0e8"
    • fa-umbrella"\f0e9"
    • fa-clipboard"\f0ea"
    • fa-lightbulb-o"\f0eb"
    • fa-exchange"\f0ec"
    • fa-cloud-download"\f0ed"
    • fa-cloud-upload"\f0ee"
    • fa-user-md"\f0f0"
    • fa-stethoscope"\f0f1"
    • fa-suitcase"\f0f2"
    • fa-bell-o"\f0a2"
    • fa-coffee"\f0f4"
    • fa-cutlery"\f0f5"
    • fa-file-text-o"\f0f6"
    • fa-building-o"\f0f7"
    • fa-hospital-o"\f0f8"
    • fa-ambulance"\f0f9"
    • fa-medkit"\f0fa"
    • fa-fighter-jet"\f0fb"
    • fa-beer"\f0fc"
    • fa-h-square"\f0fd"
    • fa-plus-square"\f0fe"
    • fa-angle-double-left"\f100"
    • fa-angle-double-right"\f101"
    • fa-angle-double-up"\f102"
    • fa-angle-double-down"\f103"
    • fa-angle-left"\f104"
    • fa-angle-right"\f105"
    • fa-angle-up"\f106"
    • fa-angle-down"\f107"
    • fa-desktop"\f108"
    • fa-laptop"\f109"
    • fa-tablet"\f10a"
    • fa-mobile"\f10b"
    • fa-circle-o"\f10c"
    • fa-quote-left"\f10d"
    • fa-quote-right"\f10e"
    • fa-spinner"\f110"
    • fa-circle"\f111"
    • fa-reply"\f112"
    • fa-github-alt"\f113"
    • fa-folder-o"\f114"
    • fa-folder-open-o"\f115"
    • fa-smile-o"\f118"
    • fa-frown-o"\f119"
    • fa-meh-o"\f11a"
    • fa-gamepad"\f11b"
    • fa-keyboard-o"\f11c"
    • fa-flag-o"\f11d"
    • fa-flag-checkered"\f11e"
    • fa-terminal"\f120"
    • fa-code"\f121"
    • fa-reply-all"\f122"
    • fa-star-half-o"\f123"
    • fa-location-arrow"\f124"
    • fa-crop"\f125"
    • fa-code-fork"\f126"
    • fa-chain-broken"\f127"
    • fa-question"\f128"
    • fa-info"\f129"
    • fa-exclamation"\f12a"
    • fa-superscript"\f12b"
    • fa-subscript"\f12c"
    • fa-eraser"\f12d"
    • fa-puzzle-piece"\f12e"
    • fa-microphone"\f130"
    • fa-microphone-slash"\f131"
    • fa-shield"\f132"
    • fa-calendar-o"\f133"
    • fa-fire-extinguisher"\f134"
    • fa-rocket"\f135"
    • fa-maxcdn"\f136"
    • fa-chevron-circle-left"\f137"
    • fa-chevron-circle-right"\f138"
    • fa-chevron-circle-up"\f139"
    • fa-chevron-circle-down"\f13a"
    • fa-html5"\f13b"
    • fa-css3"\f13c"
    • fa-anchor"\f13d"
    • fa-unlock-alt"\f13e"
    • fa-bullseye"\f140"
    • fa-ellipsis-h"\f141"
    • fa-ellipsis-v"\f142"
    • fa-rss-square"\f143"
    • fa-play-circle"\f144"
    • fa-ticket"\f145"
    • fa-minus-square"\f146"
    • fa-minus-square-o"\f147"
    • fa-level-up"\f148"
    • fa-level-down"\f149"
    • fa-check-square"\f14a"
    • fa-pencil-square"\f14b"
    • fa-external-link-square"\f14c"
    • fa-share-square"\f14d"
    • fa-compass"\f14e"
    • fa-caret-square-o-down"\f150"
    • fa-caret-square-o-up"\f151"
    • fa-caret-square-o-right"\f152"
    • fa-eur"\f153"
    • fa-gbp"\f154"
    • fa-usd"\f155"
    • fa-inr"\f156"
    • fa-jpy"\f157"
    • fa-rub"\f158"
    • fa-krw"\f159"
    • fa-btc"\f15a"
    • fa-file"\f15b"
    • fa-file-text"\f15c"
    • fa-sort-alpha-asc"\f15d"
    • fa-sort-alpha-desc"\f15e"
    • fa-sort-amount-asc"\f160"
    • fa-sort-amount-desc"\f161"
    • fa-sort-numeric-asc"\f162"
    • fa-sort-numeric-desc"\f163"
    • fa-thumbs-up"\f164"
    • fa-thumbs-down"\f165"
    • fa-youtube-square"\f166"
    • fa-youtube"\f167"
    • fa-xing"\f168"
    • fa-xing-square"\f169"
    • fa-youtube-play"\f16a"
    • fa-dropbox"\f16b"
    • fa-stack-overflow"\f16c"
    • fa-instagram"\f16d"
    • fa-flickr"\f16e"
    • fa-adn"\f170"
    • fa-bitbucket"\f171"
    • fa-bitbucket-square"\f172"
    • fa-tumblr"\f173"
    • fa-tumblr-square"\f174"
    • fa-long-arrow-down"\f175"
    • fa-long-arrow-up"\f176"
    • fa-long-arrow-left"\f177"
    • fa-long-arrow-right"\f178"
    • fa-apple"\f179"
    • fa-windows"\f17a"
    • fa-android"\f17b"
    • fa-linux"\f17c"
    • fa-dribbble"\f17d"
    • fa-skype"\f17e"
    • fa-foursquare"\f180"
    • fa-trello"\f181"
    • fa-female"\f182"
    • fa-male"\f183"
    • fa-gratipay"\f184"
    • fa-sun-o"\f185"
    • fa-moon-o"\f186"
    • fa-archive"\f187"
    • fa-bug"\f188"
    • fa-vk"\f189"
    • fa-weibo"\f18a"
    • fa-renren"\f18b"
    • fa-pagelines"\f18c"
    • fa-stack-exchange"\f18d"
    • fa-arrow-circle-o-right"\f18e"
    • fa-arrow-circle-o-left"\f190"
    • fa-caret-square-o-left"\f191"
    • fa-dot-circle-o"\f192"
    • fa-wheelchair"\f193"
    • fa-vimeo-square"\f194"
    • fa-try"\f195"
    • fa-plus-square-o"\f196"
    • fa-space-shuttle"\f197"
    • fa-slack"\f198"
    • fa-envelope-square"\f199"
    • fa-wordpress"\f19a"
    • fa-openid"\f19b"
    • fa-university"\f19c"
    • fa-graduation-cap"\f19d"
    • fa-yahoo"\f19e"
    • fa-google"\f1a0"
    • fa-reddit"\f1a1"
    • fa-reddit-square"\f1a2"
    • fa-stumbleupon-circle"\f1a3"
    • fa-stumbleupon"\f1a4"
    • fa-delicious"\f1a5"
    • fa-digg"\f1a6"
    • fa-pied-piper"\f1a7"
    • fa-pied-piper-alt"\f1a8"
    • fa-drupal"\f1a9"
    • fa-joomla"\f1aa"
    • fa-language"\f1ab"
    • fa-fax"\f1ac"
    • fa-building"\f1ad"
    • fa-child"\f1ae"
    • fa-paw"\f1b0"
    • fa-spoon"\f1b1"
    • fa-cube"\f1b2"
    • fa-cubes"\f1b3"
    • fa-behance"\f1b4"
    • fa-behance-square"\f1b5"
    • fa-steam"\f1b6"
    • fa-steam-square"\f1b7"
    • fa-recycle"\f1b8"
    • fa-car"\f1b9"
    • fa-taxi"\f1ba"
    • fa-tree"\f1bb"
    • fa-spotify"\f1bc"
    • fa-deviantart"\f1bd"
    • fa-soundcloud"\f1be"
    • fa-database"\f1c0"
    • fa-file-pdf-o"\f1c1"
    • fa-file-word-o"\f1c2"
    • fa-file-excel-o"\f1c3"
    • fa-file-powerpoint-o"\f1c4"
    • fa-file-image-o"\f1c5"
    • fa-file-archive-o"\f1c6"
    • fa-file-audio-o"\f1c7"
    • fa-file-video-o"\f1c8"
    • fa-file-code-o"\f1c9"
    • fa-vine"\f1ca"
    • fa-codepen"\f1cb"
    • fa-jsfiddle"\f1cc"
    • fa-life-ring"\f1cd"
    • fa-circle-o-notch"\f1ce"
    • fa-rebel"\f1d0"
    • fa-empire"\f1d1"
    • fa-git-square"\f1d2"
    • fa-git"\f1d3"
    • fa-hacker-news"\f1d4"
    • fa-tencent-weibo"\f1d5"
    • fa-qq"\f1d6"
    • fa-weixin"\f1d7"
    • fa-paper-plane"\f1d8"
    • fa-paper-plane-o"\f1d9"
    • fa-history"\f1da"
    • fa-circle-thin"\f1db"
    • fa-header"\f1dc"
    • fa-paragraph"\f1dd"
    • fa-sliders"\f1de"
    • fa-share-alt"\f1e0"
    • fa-share-alt-square"\f1e1"
    • fa-bomb"\f1e2"
    • fa-futbol-o"\f1e3"
    • fa-tty"\f1e4"
    • fa-binoculars"\f1e5"
    • fa-plug"\f1e6"
    • fa-slideshare"\f1e7"
    • fa-twitch"\f1e8"
    • fa-yelp"\f1e9"
    • fa-newspaper-o"\f1ea"
    • fa-wifi"\f1eb"
    • fa-calculator"\f1ec"
    • fa-paypal"\f1ed"
    • fa-google-wallet"\f1ee"
    • fa-cc-visa"\f1f0"
    • fa-cc-mastercard"\f1f1"
    • fa-cc-discover"\f1f2"
    • fa-cc-amex"\f1f3"
    • fa-cc-paypal"\f1f4"
    • fa-cc-stripe"\f1f5"
    • fa-bell-slash"\f1f6"
    • fa-bell-slash-o"\f1f7"
    • fa-trash"\f1f8"
    • fa-copyright"\f1f9"
    • fa-at"\f1fa"
    • fa-eyedropper"\f1fb"
    • fa-paint-brush"\f1fc"
    • fa-birthday-cake"\f1fd"
    • fa-area-chart"\f1fe"
    • fa-pie-chart"\f200"
    • fa-line-chart"\f201"
    • fa-lastfm"\f202"
    • fa-lastfm-square"\f203"
    • fa-toggle-off"\f204"
    • fa-toggle-on"\f205"
    • fa-bicycle"\f206"
    • fa-bus"\f207"
    • fa-ioxhost"\f208"
    • fa-angellist"\f209"
    • fa-cc"\f20a"
    • fa-ils"\f20b"
    • fa-meanpath"\f20c"
    • fa-buysellads"\f20d"
    • fa-connectdevelop"\f20e"
    • fa-dashcube"\f210"
    • fa-forumbee"\f211"
    • fa-leanpub"\f212"
    • fa-sellsy"\f213"
    • fa-shirtsinbulk"\f214"
    • fa-simplybuilt"\f215"
    • fa-skyatlas"\f216"
    • fa-cart-plus"\f217"
    • fa-cart-arrow-down"\f218"
    • fa-diamond"\f219"
    • fa-ship"\f21a"
    • fa-user-secret"\f21b"
    • fa-motorcycle"\f21c"
    • fa-street-view"\f21d"
    • fa-heartbeat"\f21e"
    • fa-venus"\f221"
    • fa-mars"\f222"
    • fa-mercury"\f223"
    • fa-transgender"\f224"
    • fa-transgender-alt"\f225"
    • fa-venus-double"\f226"
    • fa-mars-double"\f227"
    • fa-venus-mars"\f228"
    • fa-mars-stroke"\f229"
    • fa-mars-stroke-v"\f22a"
    • fa-mars-stroke-h"\f22b"
    • fa-neuter"\f22c"
    • fa-genderless"\f22d"
    • fa-facebook-official"\f230"
    • fa-pinterest-p"\f231"
    • fa-whatsapp"\f232"
    • fa-server"\f233"
    • fa-user-plus"\f234"
    • fa-user-times"\f235"
    • fa-bed"\f236"
    • fa-viacoin"\f237"
    • fa-train"\f238"
    • fa-subway"\f239"
    • fa-medium"\f23a"
    • fa-y-combinator"\f23b"
    • fa-optin-monster"\f23c"
    • fa-opencart"\f23d"
    • fa-expeditedssl"\f23e"
    • fa-battery-full"\f240"
    • fa-battery-three-quarters"\f241"
    • fa-battery-half"\f242"
    • fa-battery-quarter"\f243"
    • fa-battery-empty"\f244"
    • fa-mouse-pointer"\f245"
    • fa-i-cursor"\f246"
    • fa-object-group"\f247"
    • fa-object-ungroup"\f248"
    • fa-sticky-note"\f249"
    • fa-sticky-note-o"\f24a"
    • fa-cc-jcb"\f24b"
    • fa-cc-diners-club"\f24c"
    • fa-clone"\f24d"
    • fa-balance-scale"\f24e"
    • fa-hourglass-o"\f250"
    • fa-hourglass-start"\f251"
    • fa-hourglass-half"\f252"
    • fa-hourglass-end"\f253"
    • fa-hourglass"\f254"
    • fa-hand-rock-o"\f255"
    • fa-hand-paper-o"\f256"
    • fa-hand-scissors-o"\f257"
    • fa-hand-lizard-o"\f258"
    • fa-hand-spock-o"\f259"
    • fa-hand-pointer-o"\f25a"
    • fa-hand-peace-o"\f25b"
    • fa-trademark"\f25c"
    • fa-registered"\f25d"
    • fa-creative-commons"\f25e"
    • fa-gg"\f260"
    • fa-gg-circle"\f261"
    • fa-tripadvisor"\f262"
    • fa-odnoklassniki"\f263"
    • fa-odnoklassniki-square"\f264"
    • fa-get-pocket"\f265"
    • fa-wikipedia-w"\f266"
    • fa-safari"\f267"
    • fa-chrome"\f268"
    • fa-firefox"\f269"
    • fa-opera"\f26a"
    • fa-internet-explorer"\f26b"
    • fa-television"\f26c"
    • fa-contao"\f26d"
    • fa-500px"\f26e"
    • fa-amazon"\f270"
    • fa-calendar-plus-o"\f271"
    • fa-calendar-minus-o"\f272"
    • fa-calendar-times-o"\f273"
    • fa-calendar-check-o"\f274"
    • fa-industry"\f275"
    • fa-map-pin"\f276"
    • fa-map-signs"\f277"
    • fa-map-o"\f278"
    • fa-map"\f279"
    • fa-commenting"\f27a"
    • fa-commenting-o"\f27b"
    • fa-houzz"\f27c"
    • fa-vimeo"\f27d"
    • fa-black-tie"\f27e"
    • fa-fonticons"\f280"
    Sumber: http://fontawesome.io/icons/ dan http://astronautweb.co/snippet/font-awesome/

    Koleksi Tutorial Blog

    Arsip Blog