Memasang bootstrap pada template Blogspot

Selamat Malam..
Beralih sedikit dari networking, kali ini saya posting tentang bagaimana  memasang bootstrap pda template blogspot. Enjoy

Bootstrap (http://getbootstrap.com/)

Designed for everyone, everywhere.

"Bootstrap makes front-end web development faster and easier. It's made for folks of all skill levels, devices of all shapes, and projects of all sizes."

Yap, bootstrap.. Udah pada tahu bootstrap kan ?! wen developer atau terutama front-end designer pasti udah ga asing dengan framework yang satu ini.. udah makanan sehari hari kali ya..

Bagi yang masih asing inilah fungsi dan kegunaan bootstrap :

Bootstrap adalah front-end framework yang solek, bagus dan luar biasa yang mengedapankan tampilan untuk mobile device (Handphone, smartphone dll.) guna mempercepat dan mempermudah pengembangan website. Bootstrap menyediakan HTML, CSS dan Javascript siap pakai dan mudah untuk dikembangkan.

Bootstrap merupakan framework untuk membangun desain web secara responsif. Artinya, tampilan web yang dibuat oleh bootstrap akan menyesuaikan ukuran layar dari browser yang kita gunakan baik di desktop, tablet ataupun mobile device. Fitur ini bisa diaktifkan ataupun dinon-aktifkan sesuai dengan keinginan kita sendiri. Sehingga, kita bisa membuat web untuk tampilan desktop saja dan apabila dirender oleh mobile browser maka tampilan dari web yang kita buat tidak bisa beradaptasi sesuai layar. Dengan bootstrap kita juga bisa membangun web dinamis ataupun statis.

Wih asik kan? 
sekarang saya akan menjelaskan bagaimana cara nya memasang bootstrap ini pada template blogspot, agar fungsi fungsi nya dapat kita gunakan untuk mempercantik blog kita :

Cara Copy isi Web Blog yang di Proteksi | Gan~San

Adakalanya ketika kita membuka sebuah Blog atau Web yang berisi informasi yang kita perlukan ternyata isi/content/teks/gambar tidak bisa di copy. bahkan tidak bisa di Highlight sama sekali.

Proteksi suatu isi web / blog umumnya dilakukan menggunakan Javascript, jadi yang akan di bahas di tutorial ini adalah bagaimana mematikan / disable fungsi Javascript pada browser yang kita pakai.

Berikut langkah untuk masing masing browser :

1. Google Chrome

• Klik menu Customize and Control pada bagian sudut kanan atas kemudian Pilih settings.
• Pada menu setting, klik show advanced setting.. 

• Pada Bagian Privacy klik Content settings hilangkan ceklist "Do not allow any site to run JavaScript".
• Pilih Done, kemudian refresh web yang anda buka.

2. Mozilla Firefox

Cara Setting Robots.txt di Blogger / Blogspot | Gan~San

Cara Setting Robots.txt - Mungkin sobat sudah sering mendengar istilah robots.txt. Apa sih robots.txt itu? apakah perlu di setting? bagaimana kalau saya biarkan saja? mungkin masih banyak pertanyaan lain.

Untuk lebih memahami pengertian dan cara kerja robots.txt, supaya lebih difahami, akan saya buat soal jawab seperti pada artikel Seputar Algoritma Hummingbird.

Apa itu robots.txt?

Robots.txt adalah perintah bagi robot mesin pencari untuk menelusuri atau tidak menelusuri halaman pada blog kita. Boleh dikatakan robots.txt adalah filter blog kita dari mesin pencari.

Apakah setiap blog mempunyai robots.txt?

Ya, semua blog sudah mempunyai robots.txt yang diberikan oleh blogger. Secara default robots.txt pada blog seperti ini :

User-agent: Mediapartners-Google
Disallow: 

User-agent: *
Disallow: /search
Allow: /

Sitemap: http://namablog/feeds/posts/default?orderby=UPDATED

Untuk melihat robots.txt default, silahkan ketik dibrowser http://namablogsobat.blogspot.com/robots.txt

Membuat Link "Email To :" dengan HTML | Gan~San

Selamat Siang..
Istirahat kerja Posting dulu..:-D

Membuat link kirim e-mail??!! Bagaimana caranya??

Terlebih dahulu kita harus mengetahui apa itu link..
 Pengertian Link menurut Wikipedia :

"Pranala atau hyperlink adalah sebuah acuan dalam dokumen hypertext ke dokumen yang lain atau sumber lain. Seperti halnya suatu kutipan di dalam literatur. Dikombinasikan dengan sebuah jaringan data dan sesuai dengan protokol akses, sebuah komputer dapat diminta untuk memperoleh sumber yang direferensikan."

Contoh hyperlink :

• Wikipedia
• Youtube
• Kaskus

Sedankan contoh link kirim e-mail :

• gani.amanda33@gmail.co.id
• gani.amanda33@yahoo.com

Cara membuatnya :

• Copy code html berikut :
  <a href="mailto:gani.amanda33@gmail.co.id">Kontak Saya</a>
• Paste ke posting anda
• Ubah kata "Kontak Saya" dengan kata lain yang anda inginkan
• Ubah alamat email "gani.amanda33@gmail.co.id" dengan alamat email anda.

 

Selamat Mencoba :-)