Tips Memasang Google Translate Keren 2

Sebelumnya saya pernah membuat artikel tentang cara membuat Google Translate (reccomend) baca disini. Kali ini saya ingin berbagi tips membuat Translate menggunakan kode javascript dan api. Translate ini sangat unik dan menarik karena begitu mouse di arahkan akan muncul bendera negara dan nama masing-masing negaranya untuk mempermudahkan pengunjung dari luar negeri membaca artikel kita dengan bahasa yang mudah mereka pahami. Silahkan lihat screenshotnya dibawah ini.

Cara membuatnya
1. Login ke akun blog anda
2. Klik Rancangan > Elemen Laman > Tambah Gadget  (Add Gadget) > HTML/JavaScript
3. Kemudian copy-pastekan kode javascript dibawah ini

Tips Membuat Daftar Isi Dengan Efek Scroll

Tips saya kali ini melanjutkan artikel sebelumnya tentang Tips Membuat Widget Blogroll Dengan Efek Scroll. Kali ini kita akan membuat Daftar Isi dengen efek scroll menggunakan bantuan kode javascript. Keunggulan dari widget ini selain dapat menghemat pemakaian ruangan pada blog  juga dapat mempercantik tampilan blog kita serta mempersingkat penulisan kode html/javascript karena setiap daftar isi akan di tampilkan secara otomatis ketika kita baru selesai menulis artikel plus dengan urutan nomor artikel dari yang terbaru sampai yang terlama.
Silahkan lihat screenshot-nya dibawah ini.

Bagaimana? menarik bukan. Apabila anda tertarik berikut cara membuatnya.
1. Seperti biasa login ke akun blog anda.
2. Klik Rancangan> Elemen Laman > Tambah Gadget > HTML/JavaScript
3. Copy-paastekan kode HTML/JavaScript berikut ini :

Tips Membuat Widget Brogroll dengan Efek Scroll

Tutorial kali ini saya buat atas permintaan sobat kita Shinobi Blog. Mengenai apa itu Blogroll tidak perlu saya jelaskan karena saya yakin sobat-sobat blogger pasti tahu apa itu blogroll kan? (hari gini g kenal blogroll.hehee).

Oke cukup ngocehnya langsung dipraktekin saja (sudah hampir menjelang sahur nich perut juga pada laper.haha).

1. Silahkan login ke blog anda
2. Klik Rancangan > Elemen Laman > Tambah Gadget > HTML/JavaScript
3. Kemudian silahkan anda copas kode di bawah ini

Tips Membuat Multi TabView Menu

Selamat malam sobat blogger. Tips kali ini kita akan mencoba membuat Multi TabView Menu di sedebar blog. Gadget ini berguna untuk menghemat ruang pada blog karena dapat memuat lebih dari 2-3 menu sekaligus serta dapat memuat banyak link dalam satu content.

Untuk membuatnya, silahkan ikiti langkah-langkah berikut :
1. Login ke akun blogger anda
2. Klik Rancangan > Elemen Laman > Tambah Gadget (Add Gadget) > HTML/JavaScript
3. Kemudian copy-pastekan kode HTML/Javascript di bawah ini

Memasang Total Post dan Total Comment Di Blog

Gadget ini berguna untuk mengetahui berapa banyak total post dan total komentar di blog anda. Untuk memasang gadget ini tidaklah rumit, cukup dengan memasukkan kode javascript pada halaman yang anda inginkan. Berikut cara memasangnya.

Pasang Tombol Reply Pada Kolom Komentar

Apabila sobat berkunjung ke suatu website/blog pasti pernah melihat fitur Reply yang terdapat pada kolom komentar blog tersebut. Biasanya fitur tombol reply berguna untuk membalas setiap komentar pengunjung. Kali ini saya akan share cara membuat tombol reply yang telah saya modifikasi sedikit.

Untuk membuat fitur reply tersebut berikut langkah-langkahnya

1. Login ke akun blogger sobat seperti biasa

Tips Membuat Facebook Like Button di Bawah Posting Blog

Selamat pagi sobat bloger. Posting saya kali ini akan membahas tentang cara membuat facebook like button di bawah postingan. Tombol like facebook ini berguna untuk mengetahui apakah pengunjung menyukai salah satu artikel kita dan semakin banyak yang mengklik itu berati artikel yang kita posting bermanfaat untuk mereka. Oke tanpa perlu banyak basa-basinya mari kita coba praktekkan.

Tips Membuat Komentar Balasan Otomatis

Posting kali ini saya ingin membagi tips bagaimana cara membuat komentar balasan otomatis di blog. Tips ini berguna apabila ada pengunjung yang berkomentar di salah satu postingan kita dan kita sebagai admin tidak sempat untuk membalas komentar para pengunjung.

Pasang Kotak Komentar Facebook Di Blog

Tips kali ini saya ingin share bagaimana membuat kotak komentar facebook di blog. Oke, tanpa perlu banyak basa-basinya mari kita coba.

langkah-langkahnya
1. Login terlebih dahulu ke blog sobat
2. Kemudian pilih Rancangan > Edit HTML.

Mode Hemat Energy

Bagi sobat yang suka menonton tv pasti pernah melihat iklan di salah satu televisi swasta yang bertajuk Kampanye Hemat Energy. Iklan tersebut mengajak kita untuk menghemat energi yang ada di dunia ini seperti BBM, listrik dan sebagainya demi kepentingan kita bersama. Namun ternyata di blog pun kita bisa menghemat energi lho.

Menghapus/Menghilangkan Langgan : Entri (Atom)

Biasanya apabila kita pertama kali membuat blog, maka kita akan tertuju pada link di bawah artikel/postingan yang bertulisan Langgan : Entri (Atom) atau Subscribe to: Posts (Atom). Langgan: Entri (Atom) berfungsi agar pengunjung dapat menemukan alamat feed anda dengan mudah serta agar pengunjung dapat berlangganan  artikel blog kita via atom. Namun banyak para pengguna blogger merasa terganggu dan ingin menghilangkan tulisan tersebut karna di nilai tidak begitu penting. Nah untuk menghilangkan tulisan tersebut cukup mudah.

Berikut beberapa cara untuk menghapus/menghilangkan Langgan : Entri (Atom)

Memasang Widget Alexa Rank

Setelah sobat-sobat membaca artikel terdahulu saya tentang Tips Meningkatkan Alexa Rank serta mengetahui manfaat alexa yang begitu penting untuk blog. Sekarang mari kita mencoba memasang alexa rank di blog. berikut langkahnya.

1. Klik disini untuk memasang widget Alexa di blog sobat.
2. Disana terdapat menu pilihan seperti:

Membuat Text Area Keren 2

Melanjutkan posting saya sebelumnya tentang Membuat Text Area Keren. Berikut kode masing-masing text area.

1. <textarea cols="30" name="area" rows="2" style="-moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; background: #7FFF00; border: 2px ridge #0000FF; color: black; line-height: 1.5em; padding: 5px;">isi teks atau kode disini</textarea>

2. <textarea cols="30" name="area" rows="2" style="background: #FOF8FF; border: 2px double #ffaf; color: darkgreen; line-height: 1.5em; padding: 5px;">isi teks atau kode disini</textarea>

3. <textarea cols="30" name="area" rows="2" style="background: #A9A9A9; border: 2px dotted #006400; color: darkmagenta; line-height: 1.5em; padding: 5px;">isi teks atau kode disini</textarea>

4. <textarea cols="30" name="area" rows="2" style="background: #FF1493; border: 2px dashed #FFD700; color: lime; line-height: 1.5em; padding: 5px;">isi teks atau kode disini</textarea>

5. <textarea cols="30" name="area" rows="2" style="background: #87CEFA; border: 2px groove #FF0000; color: snow; line-height: 1.5em; padding: 5px;">isi teks atau kode disini</textarea>

6. <textarea cols="30" name="area" rows="2" style="background: #D2B48C; border: 2px inset #008000; color: yellow; line-height: 1.5em; padding: 5px;">isi teks atau kode disini</textarea>

7. <textarea cols="30" name="area" rows="2" style="background: #ADFF2F; border: 2px outset #00008B; color: darkred; line-height: 1.5em; padding: 5px;">isi teks atau kode disini</textarea>

8. <textarea cols="30" name="area" rows="2" style="-moz-border-radius: 10px; background: #FFFF00; border-left: 20px solid #4B0082; border: 1px solid #FF00FF; color: red; line-height: 1.5em; padding: 5px;"> isi teks atau kode disini</textarea>

9. <textarea cols="30" name="area" rows="2" style="-moz-border-radius: 20px; background: #FF69B4; border-bottom: 5px solid #008000; border-left: 4px solid #0000CD; border-right: 4px solid #FFFF00; border-top: 4px solid #FF0000; color: black; line-height: 1.5em; padding: 5px;"> isi teks atau kode disini </textarea>

Semoga Bermanfaat...

Membuat Text Area Keren 1

 Sobat - sobat bloger pasti tw kan apa itu Text Area? Yups, g perlu di jelaskan panjang lebar singkatnya text area adalah kotak area yang berfungsi untuk menyimpan kode - kode html, link ataupun tulisan lain yang dapat mempersingkat halaman dalam blog kita. Sekarang kita akan memodifikasi text Area agar terlihat lebih menarik  dan unik.

Silahkan sobat lihat beberapa text area yang sudah saya modifikasi.

Memasang Multi Tab Menu Blog

Multi Tab Menu adalah sebuah kotak menu yang dapat memuat lebih dari 1 menu dan judul posting sekaligus. Multi tab menu ini juga berfungsi untuk menghemat ruangan pada halaman blog kita. Untuk cara pemasangannya silahkan ikuti langkah-langkah di bawah ini.

Percantik Google Friend Connect Anda Dengan Widget Bubbles

Ingin percantik Google Friend Connect anda dengan widget Bubbles. Widget ini akan menampilkan sejumlah gambar komunitas members di blog anda dengan efek bubbles yang terpantul-pantul seperti gelembung. Contohnya bisa anda lihat pada widget members disamping blog saya. Untuk dapat menggunakannya sobat harus memiliki google friend connect dan memiliki cukup anggota.

Tips Pasang Tombol +1 Manual

Melanjutkan posting saya sebelumnya "Memasang Tombol +1 Di Template Klasik" . Kali ini kita akan belajar memasang tombol +1 di template modifikasi (bukan bawaan blogger).

Seperti yang kita tahu apabila kita memodifikasi template bawaan blogger dan menggunakan template pihak ketiga biasanya fitur "share button atau tombol berbagi" telah dihapus. Maka untuk menambahkan tombol +1 di template modifikasi di perlukan sedikit editing HTML.

Menambahkan Tombol Plus 1 Di Template Klasik

Tombol +1 berguna untuk memberikan voting serta memungkinkan pengunjung menyukai konten/posting anda dan merekomendasikannya di Search Google.

Eits...tapi tunggu dulu. Tombol ini bukan sembarangan tombol lho. Dengan memasang tombol +1 di blog juga dapat meningkatkan traffic dan menaikkan rank blog kita. Semakin banyak pengunjung yang mengklik tombol +1 maka SEO blog kita juga akan meningkat sedikit demi sedikit.

Pasang Google Talk DiBlog

Ingin Ngeblog Sekaligus chatting dengan sesama blogger ataupun teman anda? Pakai saja layanan bawaan dari google yaitu, GoogleTalk

Google Talk adalah layanan aplikasi instant messaging yang dikeluarkan oleh Google. Google Talk pada dasarnya sama seperti yahoo messenger yaitu sebagai alat aplikasi yang dapat di gunakan untung melakukan chatting atau obrolan. Agar anda bisa melakukan chatting harus memiliki akun gmail terlebih dahulu. Dalam posting kali ini kita akan mencoba memasukkan layanan google talk ke dalam blog.

Memasang Widget Google Translate

Posting kita kali ini akan membahas tentang Google Translate. Google translate adalah layanan yang disediakan oleh Google Inc. untuk menerjemahkan bagian teks atau halaman web dalam satu bahasa ke bahasa lain.

Widget google translate ini wajib dimiliki oleh blogger agar pengunjung luar negri bisa membaca artikel kita. Apa jadinya kalau blog kita tidak di pasangi translate dan ada pengunjung dari luar negri yang membuka blog kita dan membacanya? tentu dia tidak akan mengerti posting yang kita pasang karena perbedaan bahasa . Nah dengan widget google translate maka pengunjung dapat memilih sendiri bahasa mereka dan mentranslatekan isi suatu artikel blog ke bahasa yang mereka mengerti. Hal ini juga berguna untuk meningkatkan traffic blog.