Cara Membuat Read Mode Pada Blogger

By -
Read mode merupakan sebuah fitur yang menghilangkan sidebar sehingga artikel kita menjadi mudah dibaca oleh pengunjung blog. 

Pada tutorial kali ini saya akan memakai template Rokophoto Lite v2. Untuk menerapkanya di template lain setidaknya dibutuhkan sedikit pengetahuan mengenai HTML, CSS, Javascript/jQuery. 



1. embed jQuery di template Anda.
Bisa embed di Head atau di body sebelum script read mode. Untuk versinya silahkan memakai versi sesuai keinginan. Saya sendiri memakai jQuery versi 1.xx. 

2. buat tombol read mode.
Tombol ini fungsinya untuk mengaktifkan/menonaktifkan sidebar. Tombolnya bisa memakai span atau anchor . jika memakai anchor bagian href dikosongkan saja.
Untuk penempatanya tombolnya bisa dimana saja asal jangan ditaruh di sidebar karena jika sidebar ditutup maka tombol akan hilang.

3. kode jQuery
fungsi jquery yang digunakan adalah toggle(), dan toggle(). pada class tombol read mode kita akan memasukan fungsi click(). lalu didalam fungsi click() tsb masukan fungsi toggle pada class yang ingin disembunyikan (dalam kasus ini adalah sidebar).


Sekian dulu penjelasan dari saya tentang bagaimana implementasi read mode pada blog ini. Jika ada yang ingin ditanyakan silahkan berkomentar. mohon maaf apabila penjelasan yang telah dituliskan dalam artikel ini agak kurang jelas.





Comments

Post a Comment

Popular posts from this blog

Cara Bikin Blog di blogger.com

By -
Image
Untuk bikin blog caranya sangat mudah. Pertama-tama kita harus menentukan dimana kita akan membuat blog. Ada berbagai platform blog yang dapat digunakan antara lain : Blogger, Wordpress dan Tumblr. Contoh-contoh itu adalah sebagian kecil dari platform-platform blog yang tersedia di Internet. Masing-masing platform blog punya kelebihannya tersendiri. Untuk itu pilihlah yang paling nyaman dan sesuai dengan keinginan kalian. Salah satu platform blog yang paling bebas "diutak-atik" adalah Blogger. Platform blog ini sendiri adalah buatan google jadi jangan diragukan lagi kemampuanya :D. Untuk membuat blog menggunakan blogger kalian cukup membuka  blogger.com . Jika belum mempunyai akun google / gmail maka kalian harus membuat akun google terlebih dahulu. Satelah login maka tampilan blogger.com menjadi seperti ini. Untuk membuat blog baru, klik "NEW BLOG" atau "BLOG BARU". Pada tahap ini kalian diminta mengisikan Judul Blog, alamat blog dan
Read More And More >>

Apa itu Boilerplate?

By -
Dalam bahasa pemrograman, boilerplate adalah potongan kode yang dapat dipakai berulang-ulang. secara kasar, dapat disamakan juga dengan 'template'. Boilerplate berguna untuk menghindari pengulangan atau menghindari mengetik ulang kode-kode yang selalu dipakai. Istilah ini berasal dari Industri percetakan. Pada abad 19, banyak digunakan alat untuk mencetak koran yang disebut boilerplate.
Read More And More >>

Pengertian Scripting dan Compiled Language

By -
Pada bahasa pemrograman terdapat 2 istilah yang membedakan satu bahasa dengan yang lainnya. Istilah tersebut disebut dengan Scripting dan Compiled language. Perbedaan itu dapat diketahui dari bagaimana kode diolah hingga sampai ke perangkat yang digunakan oleh user.  Jika kode di-compile(  sebelum program dikirim hingga dapat dijalankan oleh user maka bahasa tersebut disebut compiled language. Pada Scripting language kode akan dikirim secara bulat-bulat ke user lalu perangkat akan menerjemahkan kode tersebut dan akhirnya program dapat dijalankan. Kedua jenis bahasa tersbut mempunyai kelebihan dan kekurangan masing-masing terkait dengan kecepatan, dann fleksibilistas.
Read More And More >>