English learning....: Tutorial Blog

Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Minggu, 30 Juni 2013

Memasang Kolom Komentar FB

1.     Pastikan Anda telah memiliki akun FB. Kunjungi: https://developers.facebook.com/apps/

2.       Lakukan registrasi dengan mengklik tombol Register as a Developer.

3.       Centang bagian kiri bawah ( I accept…..) dan klik lanjutkan.

4.       Klik lanjutkan lagi.

5.       Anda akan menerima pemberitahuan kalau anda telah menjadi developer. Klik Done.

6.       Klik + Buat Aplikasi Baru

7.       Isikan Nama Aplikasi, yang lain tidak wajib diisi karena bersifat Optional, klik Lanjutkan.

8.       Isi Pemeriksaan Keamanan, klik Lanjutkan.

Tab browser merupakan tempat dimana biasanya judul dari sebuah web atau blog akan ditampilkan pada bagian atas sebuah browser yang digunakan. Secara default, judul yang ditampilkan tidak dapat bergerak. Untuk itu, kita akan coba memodifikasinya agar dapat bergerak dan terlihat lebih keren daripada sebelumnya.

1.      Login ke dashboard pada http://www.blogger.com. Klik Template

2.      Klik Edit HTML

3.      Ctrl + F cari dengan kata kunci <head>, Enter

Kita tidak sedang berencana menghilangkan navbar, namun kita akan memodifikasinya agar dapat ditambahkan fungsi auto hidden.

Keunggulan dari navbar auto hidden ialah navbar tersebut akan muncul ketika didekati dengan cursor mouse, dan secara otomatis menghilang kembali ketika cursor digeser pada tempat lain.

Kita akan bermain dengan kode HTML. Dari dashboard masuklah ke halaman Template blog, lakukan backup untuk berjaga – jaga. Setelah backup, klik “Edit HTML”. Aktifkan mesin pencari, kemudian cari kode : body {

Sesuai sebutannya, auto zoom image merupakan fitur yang dapat membuat gambar pada sebuah blog secara otomatis diperbesar, ketika didekati dengan pointer mouse. Cara untuk memasang fitur ini tidak terlalu sulit.

Masuk ke Edit HTML
Aktifkan mesin pencari. Cari kode: ]]></b:skin>

Menambah Fitur Print & Save to PDF

Fitur print & save to PDF merupakan sebuah fitur yang akan mempermudah visitor untuk menyimpan entri blog Anda dalam bentuk print out atau file PDF.

Ketika fitur ini ditanamkan dalam sebuah blog, maka visitor akan menjumpai sebuah icon yang berfungsi sebagai jalan pintas (shortcut) untuk menjalankan aksi print atau save to PDF.

Masuk ke Edit HTML.
Aktifkan mesin pencari. Cari kode: <data:post.body/>. Akan ada tigaa hasil pencarian yang dapat kita temukan, namun yang kita perlukan adalah kode yang berada di posisi tengah - kode kedua. Tekan Enter pada keyboard untuk berpindah dari hasil pencarian pertama menuju hasil pencarian berikutnya.

Caranya :

1. Login ke blogger.com

2. Klik Tata Letak di blog anda.

3. Klik Tambahkan Widget

4. Lalu klik HTML/JavaScript.

5. Masukkan/paste kode html

_wau.push(["tab", "sxje2p2h9nw0", "3n0", "left-lower"]);

(function() {var s=document.createElement("script"); s.async=true;

s.src="http://widgets.amung.us/tab.js";

document.getElementsByTagName("head")[0].appendChild(s);

})();</script>

6. Klik Save/Simpan.

Source : http://whos.amung.us/showcase/

Cara Menghilangkan Link Langganan Entri Atom

Link langganan entri atom di blog biasanya ada di bawah postingan. Bagi beberapa blogger mungkin tulisan ini membuat tidak nyaman untuk di pandang. Apabila anda ingin menghapus tulisan Langganan: Entri ( Atom ), cara termudah adalah berikut :

Login ke akun blogger sobat.
Pada Dasbor blogger klik Template > Edit HTML
Cari kode ]]></b:skin , gunakan fungsi Find (Ctrl+F).
Letakkan kode berikut, tepat diatas kode ]]></b:skin>

.feed-links{display:none;}

Setelah itu, klik Simpan Templates

Sekarang sobat lihat pada bagian bawah postingan, apakah tulisan Langganan: Entri (Atom) sudah hilang.

Semoga Berhasil.

Source : Berbagai sumber di Internet

Memasang Kamera Pengawas

Kamera pengawas yang biasanya dipasang di sebuah blog hanyalah kamera pengawas yang diberi tanda kutip, tidak benar - benar berfungsi layaknya kamera asli.

Tujuan dari pemasangan kamera pengawas di blog biasanya tak lain hanyalah agar blog tersebut terlihat lebih unik.

Pererat komunikasi Anda bersama visitor, dengan menambahkan sebuah chatbox. Fitur satu ini akan sangat bermanfaat, terutama bagi anda yang memiliki blog yang ramai dikunjungi.

Chatbox memang bukan lagi hal baru di kalangan para blogger. Namun, chatbox ini memiliki sedikit keunikan bila dibandingkan dengan chatbox-chatbox umum lainnya.

Chatbox disini dapat disembunyikan ketika tidak sedang digunakan. Chatbox disini juga dapat digunakan tanpa perlu melakukan registrasi sehingga lebih memudahkan siapa saja untuk langsung menggunakannya.

Sediakan sebuah file gambar yang akan digunakan sebagai tab chatbox terlebih dahulu. Anda dapat membuatnya sendiri dengan file tipe GIF, PNG atau sejenisnya.

Pada kursor di komputer, kita sering menemui berbagai mouse animasi kan? Gambar dinosaurus, bintang, jari, dan lain - lain. Hal yang sama juga dapat dilakukan oleh para blogger. Kursor pada blog dapat dibuat berbagai animasi menarik. Berikut ini contohnya:

Recent post adalah kiriman postingan terbaru dari blog kita. Biasanya diletakkan disebelah samping layar blog. Fungsi dari Recent Post adalah memberikan kabar terbaru mengenai postingan terbaru.

Dengan recent post ini maka pengunjung blog dengan mudah mengetahui artikel kita.

Laman

Minggu, 30 Juni 2013

Memasang Kolom Komentar FB

Memodifikasi Tampilan pada Tab Browser

Memodifikasi Tampilan pada Navbar

Menambah Fitur Auto Zoom Image

Sabtu, 29 Juni 2013

Menambah Fitur Print & Save to PDF

Menampilkan Jumlah Visitor Online di blog

Cara Menghilangkan Link Langganan Entri Atom

Memasang Kamera Pengawas

Menambahkan Chatbox

Membuat Kursor Animasi

Membuat Recent Post Bergerak