Yusri Setiawan Simatupang

Line In PC Dan Cara Membuat Account

yusrisetiawans@yahoo.com (Anonymous) — Thu, 21 Nov 2013 19:31:00 +0000

Hai Sobat Bloger Kali Ini Saya Akan Share Tentang Line In PC Dan Cara Membuat Account Nya

CEKIDOT !

SS Via Android , BB DLL >

Download Line untuk komputer
Line For windows xp, windows vista, windows 7
http://dl.desktop.line.naver.jp/naver/LINE/win/LineInst.exe

Line For windows 8
http://apps.microsoft.com/windows/en-US/app/line/b039ba22-c3af-45b3-aea2-83d612c9bce6

Line For mac os x
http://dl.desktop.line.naver.jp/naver/LINE/osx/Line.dmg

Cara Menggunakan Line Di komputer :
1. Setelah Aplikasi di install klik ganda untuk membuka aplikasi.

2. Jika anda sudah punya akun LINE sebelumnya di handphone smartphone android / blackberry, maka anda Hanya Perlu memasukan email dan password saja kemudian klik login.

3. Namun jika anda belum mempunyai akun line atau tidak punya handphone android / blackberry. untuk bisa menggunakan aplikasi line di komputer anda harus menggunakan aplikasi bluestack Download Disini Atau Di Sana ( SUDAH SAYA PERBARUI LINK NYA )
4. Download dan install aplikasi bluestacks sampai selesai.
5. buka aplikasi bluestacks cari pada pencarian aplikasi. ketik / isi dengan tulisan Line
lihat gambar yang saya lingkari.

6. setelah ketemu aplikasi line . download dan install.

7. kemudian tetap di bluestack, buka aplikasi line tersebut. nanti ada pilihan login dan register. pilih yang register. isi data nomer hp, email , dll . masukan kode konfirmasi yang di berikan.

8. setelah sukses mendaftar Line . Nah, sekarang anda bisa keluar dari bluestack dan langsung menggunakan Aplikasi Line di komputer tadi. Login dengan Menggunakan Email dan Password yang telah anda buat / daftarkan. Selesai . .

Anda juga bisa menggunakan line tersebut dengan menggunakan aplikasi bluestack tadi.

Namun lebih ringan dan mudah bila langsung menggunakan tanpa aplikasi bluestack yaitu langsung dengan aplikasi line komputer tersebut.

Semoga bermanfaat . .

Bila kurang jelas silahkan tinggalkan komentar anda di bawah ini.

Cara mengukur Berat / Size Blog

yusrisetiawans@yahoo.com (Anonymous) — Thu, 21 Nov 2013 15:59:00 +0000

Pada waktu awal-awal membuat blog, saya sangat tertarik untuk menambahkan beberapa widget ke dalam blog saya. Mulai dari jam, kalender, serta beberapa widget yang lainnya dari pihak ke-tiga. Tujuannya agar blog saya terlihat manis dan cantik dengan adanya pernak-pernik tersebut. Namun tanpa saya sadari ternyata blog menjadi berat ketika dibuka. Apalagi saya menggunakan sambungan internet yang terbilang tidak begitu cepat. Akibatnya saya membutuhkan waktu yang cukup lama untuk membuka blog saya.

Saat saya menemukan blog orang lain yang berat ketika dibuka maka saya akan meninggalkannya dan beralih ke blog yang lain. Mungkin hal ini terjadi pula pada saya saat orang lain berkunjung ke blog saya. Hal ini berarti saya mengalami kerugian karena orang tidak jadi berkunjung ke blog saya. Jalan keluarnya adalah saya harus menghapus widget-widget yang dirasa tidak penting bagi para pengunjung. Tujuannnya adalah agar blog menjadi lebih ringan saat dibuka.

Informasi yang beredar di dunia maya menyatakan bahwa blog yang baik adalah blog yang mempunyai berat atau size tidak lebih dari 100 KB. Bila berat blog lebih dari itu maka blog tersebut sudah termasuk blog yang "gendut". Solusinya yaitu tadi, hilangkan widget-widget yang sekiranya tidak berguna bagi pengunjung. Pertahankan widget yang penting-penting saja. Misalnya widget yang mengarahkan pembaca ke artikel-artikel yang ada di dalam blog kita.

Nah di bawah ini ada sebuah alat yang dapat digunakan untuk mengukur berat atau size blog. Kamu tinggal memasukkan alamat blog yang hendak diukur setelah itu klik Check!. Kamu dapat memasukkan alamat blog maksimal sebanyak 10 buah. Masukkan setiap alamat blog pada baris yang baru.

Your domain(s): Enter each address on a new line (Maximum 10)

	(eg. iwebtool.com)

&amp;lt;p&amp;gt;&amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;br /&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;gt;&amp;lt;/p&amp;gt;

Cara Mudah Membuat Rating Bintang Rich Snippets di Blog

yusrisetiawans@yahoo.com (Anonymous) — Thu, 21 Nov 2013 01:19:00 +0000

Cara Mudah Membuat Rating Bintang Rich Snippets di Blog - Sudah lama rasanya tidak update tutorial blog, malam ini saya ingin berbagi kepada sobat-sobat semua tentang Cara Mudah Membuat Rating Bintang Rich Snippets di hasil pencarian / search Google. Sebenarnya sudah banyak Blog yang membahas tentang memasang Rating Bintang atau yang lebih populer dengan sebutan Rich Snippets di Blog. Jadi tidak ada salahnya bila saya pun ingin berbagi kepada sobat semua.
Sebelum sobat Membuat Rating Bintang atau Rich Snippet, terlebih dahulu sobat mengetaui Apa itu Rich Snippet? arti dari Rich Snippet itu sendiri adalah data tambahan dari blog atau postingan sobat yang akan ikut ditampilkan pada halaman hasil pencarian / search Google (SERP). Berbagai data dari hasil mesin pencarian yang bisa dimasukkan seperti rating bintang(stars), vote, author, tanggal, dan banyak masih banyak lagi. Untuk lebih jelasnya silahkan sobat lihat SS dibawah ini:

Nah, bila sobat tertarik ingin membuat Rating Bintang atau Rich Snippets di Blog sobat. Silahkan ikuti Langkah - langkah nya dibawah ini:

Syarat utama untuk membuat Rating Bintang atau Rich Snippets ini, terlebih dahulu sobat harus mempunyai account Google+, untuk cara membuat account Google+, silahkan sobat baca postingan saya sebelumnya mengenai Cara Daftar Google Plus +,

Selanjutnya menghubungkan page google+ dengan Blog sobat, Caranya: Tambahkan code berikut tepat dibawah code

Nb: Untuk code berwarna biru diatas, ganti dengan code halaman google+ sobat, caranya: Buka account google+ sobat, kemudian lihat addres bar di browser sobat, supaya lebih jelasnya, silahkan sobat lihat SS dibawah ini:

Setelah sobat selesai melakukan dua cara diatas, silahkan cek salah satu link postingan blog sobat di Rich Snippets Testing Tools. Bila status data "Publisher" sudah ter "Verified", berarti sobat bisa lanjut ke tahap selanjutnya.

Langkah selanjutnya, Cara Mudah Membuat Rating Bintang Rich Snippets di Blog:

1. Buka Tab Rancangan, kemudian klik Edit HTML, untuk berjaga-jaga agar tidak terjadi hal yang tidak diinginkan ada baiknya bila sobat BackUp Template terlebih dahulu. setelah selesai BackUp Template, beri tanda centang padaExpand Template Widget

2. Masukkan kode dibawah ini setelah tag :

Kemudian cari code letakkan kode dibawah ini sebelum tag

3. Masih pada edit HTML Template, cari kode Judul Postingan sobat, karena blog ini menggunakan tag h1 sebagai judul posting, maka bentuk kodenya kurang lebih seperti SS dibawah ini:

Tambahkan kode di bawah ini di Atas Judul Posting Blog:

Judul Posting Blog

Nb: Setiap Template pasti berbeda-beda kode Judul Posting seperti tag h1, h2, dan h3, jadi sesuaikan dengan tag Judul Posting Blog sobat.

4. Selanjutnya mencari kode Author untuk Rich Snippets, biasanya kode Post Author di tuliskan seperti ini, "posted by..." , "dipost kan oleh..." , dll. Cari kode HTML untuk Post Author, contoh kode HTML untuk Post Author di template blog ini kurang lebih seperti ini .

Setelah ketemu kode post author , tambahkan kode untuk rich snippets nya menjadi

5. Memasang Jumlah Rating Bintang Rich Snippet.
sekarang saatnya sobat Memasang Jumlah Rating Bintang Rich Snippet di Blogger dari rentang 1 - 5 (sesuai jumlah bintang yang sobat inginkan).

Ada 2 cara untuk memasang jumlah rating bintang rich snippets ini.

Cara Manual: tambahkan kode Rating: 4.5 di akhir posting sobat sebelum mem-publish postingan.

Cara ini menurut saya lebih mempermudah sobat tanpa harus menambahkan kode secara manual, sobat simpan saja kode tersebut ke "Template Entri", agar setiap kita ingin posting, kita bisa memasukkan nilai rating saat itu juga.

Dashboard Blogspot

Setting

Setelan

Format

Entry Template / Templat Entri

Rating: 4.5

Simpan setelan / Save

Nb: Setiap kamu membuat postingan, ubah angka "4.5" tersebut sesuai keinginan. Jumlah pada rating ini adalah jumlah bintang yang akan ditampilkan di hasil pencarian (SERP), dengan nilai terendah adalah "0.5" hingga tertinggi adalah "5".

6. Setelah semuanya selesai, jangan lupa untuk mengecek di Rich Snippets Testing Tools, untuk mengetahui apakah rating bintang atau rich snippets yang telah sobat pasang pada blog, bekerja dengan baik.

Gimana? sangat mudah bukan Cara Mudah Membuat Rating Bintang Rich Snippets di Blog..!!!
Bila ada kesulitan, jangan sungkan untuk bertanya di kolom komentar yah sob... Jangan lupa dukung saya di kontes Ultrabook Notebook Tipis Harga Murah Terbaik.

Semoga postingan ini bermanfaat....

FREE CALL ATAU TELEPON GRATIS LEWAT NIMBUZZ

yusrisetiawans@yahoo.com (Anonymous) — Wed, 20 Nov 2013 06:31:00 +0000

Nimbuzz merupakan software gratis berbasis layanan SIP seperti Voip, yang memungkinkan pengguna untuk melakukan panggilan telepon melalui koneksi internet secara online.

Tidak ada roaming maupun biaya jaringan yang di bebankan, ini benar-benar menghemat biaya apa lagi jika memiliki jaringan WiFi.

Di sini juga memungkinkan bagi pengguna membuat room yang dapat di gunakan secara umum maupun secara privasi yang bisa dibuat berkumpul bersama teman-teman dalam sebuah group. Anda juga bisa mencari teman dengan cara masuk room yang sudah tersedia.

Pengguna bisa download melalui ponsel maupun pc di www.nimbuzz.com. Di sini dapat di temukan panduan pengaturan dan konfigurasi yang cukup mudah.

Jika mempunyai account Facebook, Yahoo, Windows Live Messenger, Google Talk, ini memungkinkan untuk login secara bersamaan, sehingga mudah terhubung dengan teman.

Untuk dapat melakukan telepon gratis gunakan handphone nokia dengan dukungan symbian dan android. Download aplikasinya di www.nimbuzz.com., dan instal pada ponsel maupun pc.

Updater Terbaru Foursquare 5.5.8 untuk Smartphone BlackBerry

yusrisetiawans@yahoo.com (Anonymous) — Wed, 20 Nov 2013 04:26:00 +0000

Tim Foursquare telah merilis update anyar untuk smartphone BlackBerry. Kini, aplikasi BlackBerry Foursquare 5.5.8 tersedia untuk diunduh.

Pembaruan ini untuk memperbaiki masalah kecil untuk lokasi di smartphone BlackBerry tipe dan OS apapun.

Unduh Foursquare 5.5.8 dari BlackBerry App World di sini .

Unggah Foto Semudah nge-Twit dengan Camera for Twitter

yusrisetiawans@yahoo.com (Anonymous) — Wed, 20 Nov 2013 04:25:00 +0000

Setelah menanti lama, akhirnya rilis juga salah satu aplikasi foto untuk blackberry, yakni: Camera for Twitter. Yeah, aplikasi keren ini bisa diunduh gratis.

Dengan memakai aplikasi Camera for Twitter ini, mengunggah foto ke akun Twitter anda akan semudah seperti nge-twit. Cukup sekali klik. Aplikasi ini sangat cocok untuk anda yang aktif di ranah Twitter dan membagikan momen-momen penting anda di sana.

Aplikasi ini memiliki fitur yang cukup bagus. Pertama, mengintegrasikan BlackBerry dengan akun Twitter anda. Kedua, mengambil foto dengan satu klik. Ketiga, mengunggah foto dengan satu klik.

Aplikasi Camera for BlackBerry dapat anda unduh gratis di App World di sini.

Catatan: aplikasi ini tidak terintegrasi dengan Twitter for BlackBerry, sehingga untuk login juga tidak bisa berintegrasi.[]

Pacemaker, Aplikasi Pembuat Musik DJ untuk BlackBerry Playbook

yusrisetiawans@yahoo.com (Anonymous) — Wed, 20 Nov 2013 04:23:00 +0000

Apabila anda gemar bermain musik, khususnya musik ajib-ajib, tampaknya anda harus tahu aplikasi ini: Pacemaker. Sebuah aplikasi yang akan memandu anda membuat musik ajib-ajib dari smartphone BlackBerry.

Aplikasi sedang trending di kalangan user BlackBerry, dan dapat dioperasikan di semua tipe smartphone BlackBerry, baik itu bold, gemini, curve, davis, torch, storm, dan bellagio.

Untuk mengoperasikannya anda tidak perlu menguasai skill dalam mengolah musik, remix, dan membuat efek suara. Dengan menggunakan aplikasi Pacemaker anda akan mudah saja membuat alunan musik R&B atau elektrik sesuka hati.

Untuk dapat mengunduh dan menginstalnya di smartphone BlackBerry, anda harus merogoh kocek. Aplikasi Pacemaker dibanderol dengan harga $19.50 untuk versi full package-nya dan $5 untuk versi lite. Lumayan menguras kantong ya? Hanya saja, mengingat fungsinya yang ciamik rasa-rasanya tidak mahal harga segitu. Apalagi, bagi anda yang suka dengan musik ajib-ajib.

Oke untuk mengunduhnya, silakan ke App World di sini.[]

Adobe Reader for BlackBerry 10

yusrisetiawans@yahoo.com (Anonymous) — Wed, 20 Nov 2013 04:22:00 +0000

Siapa tidak kenal aplikasi Adobe Reader? Aplikasi yang mungkin telah terinstal di hampir setiap komputer PC atau laptop. Kini, setelah BlackBerry 10 dirilis RIM, aplikasi Adobe Reader dapat juga diinstal. Bahkan aplikasi bernama Adobe Reader for BlackBerry 10 sudah update ke v10.1.0.4...

Banyak sekali penyempurnaan Adobe Reader for BlackBerry 10, yang pastinya membuat BB 10 anda terasa seperti komputer mini.

Berikut ini beberapa kelebihan Adobe Reader for BlackBerry, antara lain:

100% Security: Enabled with BlackBerry Balance technology and support for password-protected PDF files.
Sharing Send files via email, BBM and even NFC. Integrated with popular cloud providers, enterprise network drives and BlackBerry Link.
Navigation & Zooming Select single page, continuous scroll or text reflow modes. Easily zoom in on text or images for a closer view. Navigate through large PDF files by using bookmarks or the scrubber bar. Adobe Reader will remember your zoom level the next time you open a PDF.
Copy/Paste & Search Copy and paste text from an Adobe PDF file. Easily search the text to find specific words or phrases.
Annotate & Comment Make a quick note or comment on your PDF. Mark-up, comment or annotate with Sticky Notes, highlight, strikethrough and underline tools.
Hyperlink Support

Download Adobe Reader for BlackBerry 10

WeChat 2.0 for BlackBerry Sudah Dirilis

yusrisetiawans@yahoo.com (Anonymous) — Wed, 20 Nov 2013 04:19:00 +0000

WeChat merupakan aplikasi chatting baru yang dapat diunduh oleh para pengguna smartphone, seperti Android, iOS, dan BlackBerry. Selepas rilis WeChat for BlackBerry versi 1.0, kini aplikasi chatting WeChat for BlackBerry rilis untuk versi 2.0. Fitur yang ditambahkan dalam versi 2.0 adalah penambahan fitur look around. Apa itu fitur look around? Pengguna WeChat untuk BlackBerry ini dapat mendeteksi keberadaan pengguna We Chat lainnya di area sekitar hanya dengan menekan tombol pemindai QR code pada layar BlackBerry.

Tujuan dari fitur ini adalah mempermudah pengguna dalam menambah kenalan baru. Tidak hanya itu, fitur emoticon animasi dan voice note yang terdapat pada WeChat 2.0 juga menjadi daya tarik tersendiri saat chating dan membuat ngobrol anda dengan orang orang terdekat menjadi lebih berwarna.

Aplikasi keren ini bisa anda dapatkan secara gratis di website resminya: www.wechat.com/id.

atau Download WeChat Messenger for BlackBerry via Appworld.

[Update] Adobe Reader for BlackBerry 10

yusrisetiawans@yahoo.com (Anonymous) — Wed, 20 Nov 2013 04:16:00 +0000

in Aplikasi Blackberry - on 4/06/2013 08:41:00 PM - No comments

Siapa tidak kenal aplikasi Adobe Reader? Aplikasi yang mungkin telah terinstal di hampir setiap komputer PC atau laptop. Kini, setelah BlackBerry 10 dirilis RIM, aplikasi Adobe Reader dapat juga diinstal. Bahkan aplikasi bernama Adobe Reader for BlackBerry 10 sudah update ke v10.1.0.4...

Banyak sekali penyempurnaan Adobe Reader for BlackBerry 10, yang pastinya membuat BB 10 anda terasa seperti komputer mini.

Berikut ini beberapa kelebihan Adobe Reader for BlackBerry, antara lain:

100% Security: Enabled with BlackBerry Balance technology and support for password-protected PDF files.
Sharing Send files via email, BBM and even NFC. Integrated with popular cloud providers, enterprise network drives and BlackBerry Link.
Navigation & Zooming Select single page, continuous scroll or text reflow modes. Easily zoom in on text or images for a closer view. Navigate through large PDF files by using bookmarks or the scrubber bar. Adobe Reader will remember your zoom level the next time you open a PDF.
Copy/Paste & Search Copy and paste text from an Adobe PDF file. Easily search the text to find specific words or phrases.
Annotate & Comment Make a quick note or comment on your PDF. Mark-up, comment or annotate with Sticky Notes, highlight, strikethrough and underline tools.
Hyperlink Support

Download Adobe Reader for BlackBerry 10

Fitur Baru dari Aplikasi BlackBerry Messenger (BBM) 8.0.0.4.4

yusrisetiawans@yahoo.com (Anonymous) — Wed, 20 Nov 2013 04:14:00 +0000

in Aplikasi Blackberry - on 6/16/2013 09:00:00 PM - No comments

Aplikasi BlackBerry Messenger (BBM) kini sudah dapatdiupgrade ke versi 8.0.0.4.4. Apa saja keistimewaan dan kelebihan BBM v8 ini?

Fitur Baru Aplikasi BlackBerry Messenger (BBM)

Berikut beberapa fitur tambahan dari aplikasi BlackBerry Messenger v8, antara lain:

*Saluran Profil - Lihat profil saluran pribadi untuk setiap saluran BBM termasuk konten tambahan membantu untuk membawa saluran untuk hidup seperti pesan selamat datang, gambar, peta dan lainnya.

* Menerima Tulisan - Tetap up to date pada hal-hal yang penting bagi Anda dengan update instan dari saluran Anda berlangganan. Menerima pemberitahuan bila ada posting baru yang tersedia dan memilih apakah Anda ingin diberitahu.

* Pilihan Engagement - Terlibat dalam percakapan dengan komunitas favorit Anda dengan mengomentari dan menyukai posting dari Saluran yang Anda sudah berlangganan. Atau berbagi posting menarik dengan kontak BBM Anda.

* Chatting (Coming Soon) - Dapatkan lebih pribadi dengan 1-1 percakapan. Banyak Saluran BBM memungkinkan pelanggan untuk menikmati percakapan pribadi melalui BBM.

* Penemuan - Mudah menemukan dan berbagi komunitas favorit Anda pada Saluran BBM. Memeriksa yang Saluran saat tampil di korsel. Saluran mengundang dapat dibagi antara kontak BBM atau menambahkan Channel melalui PIN atau kode QR.

* Kontrol Pengguna - Jadilah dalam kontrol pemberitahuan Anda dengan BBM Saluran tombol bisu. Hal ini memungkinkan Anda untuk memilih mana yang berlangganan saluran Anda ingin menerima pemberitahuan dari.

Untuk mendownload aplikasi BlackBerry Messenger v8 ini silakan menuju link berikut BlackBerry.com/beta.

Free Windows 8 Template Blogger

yusrisetiawans@yahoo.com (Anonymous) — Wed, 20 Nov 2013 04:04:00 +0000

Sebelumnya disarankan juga membaca artikel tentang

Windows 8 Template blogger yang sangat unik, windows 8 template blogger ini di design oleh Widodo, sekarang anda bisa mencoba sendiri tampilan template Windows 8 untuk Blogger ini,

Sebelum mengganti atau mengedit template Blogspot ada baiknya kita melakukan BackUp terlebih dahulu, jangan tanya kenapa harus melakukan hal itu :D

langsung saja, berikut tampilan Template Windows 8 Untuk blogger terbaru

Atau bisa langsung menuju tekape >> http://windows8templates.blogspot.com/
Password : ganteng

Download Windows 8 Template Blogger NOW !!

Semoga Template Windows 8 ini berguna bagi nusa dan bangsa, terima kasih

CAMEDIA MASTER ::>>>

yusrisetiawans@yahoo.com (Anonymous) — Wed, 20 Nov 2013 03:54:00 +0000

Kalo ngomongin photoshop,corel...pasti teman-teman sudah jago semua..nggak usah di ajarin..tapi di sini saya mau membahas tentang software pencetak foto-nya..percuma to kita edit dengan bagus tapi binun mau cetaknya???
Sebenarnya ini juga peluang bagi rekan-rekan outlet yang mau membuka usaha sampingan selain jualan pulsa..berapa sih untung pulsa sekarang??.karena berdasar pengamatan saya ketika berkunjung ke teman-teman outlet yang mempunyai jasa cetak foto...mereka mengandalkan software bawaan printer untuk mencetak...atau malah terkadang memakai MS Office Word untuk mencetak foto....ribet kan???..kalo pake ms word kita harus mengatur panjang lebarnya dengan teliti..salah mengatur kepala jadi lonjong....berabe kan???...konsumen bukannya kembali tapi malah lari..he...he...he....
Jadi nggak ada salahnya kalo sobat memakai software dari Olympus..sederhana..simple..praktis...tapi hasilnya memuaskan..tidak kalah dengan cetak foto profesional....di bawah ini tampilan awal Camedia Master ::>>>

Ada beberapa pilihan menu yang bisa kita pilih :
1.Photo          : Untuk mencetak ukuran 3/4r..6r sampai 10r
2.Index         : Untuk mencetak foto ukuran 2x2..2x3..3x4..4x6 dst....
3.Calendar     : Untuk mencetak foto yang di sertai kalender
4.Post card dst....
Tapi yang terpenting dari menu tersebut..hasil yang keluar presisi..nggak akan ada ceritanya kepala jadi lonjong..melebar...dsb..hasilnya seperti kita mencetak di lab foto profesional.

di samping kanan screen adalah pilihan template...silahkan pilih mau mencetak untuk ukuran berapa...bahasa mudahnya..1 lembar kertas glosy mau di isi berapa gambar terserah orderan yang masuk..mau di jadikan 4lembar ukuran 4r...silahkan pilih templatenya..!!!

bisa juga sobat edit....kurang cerah..kurang kontras..atau bahkan mau di jadikan menjadi foto hitam putih..hanya dengan 1 klik...foto sudah berubah...simple tow??

Mau cetak foto dengan ukuran 3x4..4x6 ???..simple..sama mudahnya dengan di atas..pilih saja menu index..dan sesuaikan dengan permintaan komsumen....

sesuaikan saja ukuran yang ada di screen kanan...kalo seperti gambar...4 kolom dengan 8 lajur..output yang keluar adalah ukuran 3X4....kalau mau ukuran yang lebih kecil...sesuaikan aja ukuran kolom dan lajurnya...!!!

Mau foto di cetak dengan hiasan calender....sama juga mudahnya....pilih menu Calendar..dan silahkan explore sesuai keinginan komsumen....

Nah bagi sobat yang mempunyai usaha outlet/warnet ..nggak ada salahnya koq mencoba software ini...saya jamin puas...[ koyok opo ae kok pake puas segala]...sebab software ini sudah menemani istri bekerja selama 5 tahun [soalnya saya jarang2 di rumah] ...saya sudah mencoba berbagai macam software dan template cetak foto...tapi akhirnya saya jatuh cinta dengan Olympus Camedia Master...mudah..simple..dan hasilnya nggak kalah dengan Lab Foto Profesional....outlet boleh di desa...tapi hasil kerja harus luar biasa....bukankah begitu???
Nah sekarang langsung meluncur ke TKP..silahkan download Software Olympus
dan selamat mencoba..yach lumayanlah hasilnya buat hidup di desa..dari cetak foto saja sehari bisa dapat kurang lebih 150rb...kan bagus buat nambahin asap dapur..jadi nggak ada salahnya kalo rekan outlet/warnet membuka usaha sampingan cetak foto!!!

tips menambah emo di CBOX

yusrisetiawans@yahoo.com (Anonymous) — Wed, 20 Nov 2013 03:51:00 +0000

Bagi sobat yang sering blogwalking melalui Cbox, akan terasa kurang menarik tanpa smile. Karna smile merupakan expresi kita pada saat menulis pesan melalui Cbox. Bagi anda yang menginginkan Cara Menambah Smile Pada Cbox akan saya jelaskan. Langsung aja Sob...

Silahkan Login ke Cbox anda.
Klik tab Options.
Klik pilihan menu Smilies.
Pada kolom URL, silahkan anda pastekan URL dari smile pilihan anda.
Pada kolom Code, silahkan ketik kode yang anda inginkan. Jika ada yang mengetik kode ini maka secara otomatis smile tersebut akan tampil pada Cbox anda.
Pada kolom Alt. Code, silahkan ketik kode alternatif anda. Fungsinya sama seperti Code.
Klik Save selesai.

Dibawah ini adalah daftar URL untuk smile pada cbox yang dapat langsung ditambahkan tanpa harus bersusah payah untuk mencarinya.

Nah itulah tadi beberapa url smile berikut cara mengisikannya

nb: bisa juga cari emo di sini !!!

script salam pembuka Blog

yusrisetiawans@yahoo.com (Anonymous) — Wed, 20 Nov 2013 03:45:00 +0000

Tips yang akan Tips Trik Blog sajikan pada postingan kali ini adalah tips membuat salam pembuka pada blog yang mungkin sering Anda lihat atau bahkan telah Anda gunakan dalam blog Anda namun tidak ada salahnya untuk menampilkan kembali, siapa tahu ada di antara new blogger yang masih membutuhkan accessories blog yang tidak akan membuat blog Anda berat.

Tips kali ini masih ada hubungannya dengan postingan dengan tema serupa, yaitu Tips Alert Pada Blog, Tips Pesan Konfirmasi, Script Sapaan Pengunjung Blog, dan Tips Sapaan Pengunjung Blog bagian Kedua. Oleh katena itu, untuk lebih lengkapnya, Anda dapat mengkombinasikan sendiri dari tips-tips tersebut juga tips yang disajikan berikut ini.

Intinya pengunjung “dimohon” untuk mengetikkan namanya kemudian dengan nama yang diketikkan tersebut untuk memberi ucapan salam perkenalan dan lain-lain sesuka kita.

Scriptnya adalah seperti di bawah ini::

60 Aplikasi Blackberry Gratis Terpopuler dan Terbaik 2013

yusrisetiawans@yahoo.com (Anonymous) — Wed, 20 Nov 2013 02:11:00 +0000

AplikasiTerbaru.com – 60 Aplikasi Blackberry Gratis Terpopuler dan Terbaik 2013. Berikut saya sajikan kumpulan aplikasi blackberry terbaik terbaru dan terlaris yang paling sering di download oleh para pengguna blackberry di seluruh dunia termasuk di Indonesia. Kita tahu smartphone blackberry memiliki aplikasi aplikasi blackberry yang sangat sangat banyak dan juga keren. Entah itu kumpulan aplikasi blackberry yang berbayar atau juga koleksi aplikasi blackberry gratis terbaru 2012 untuk anda download dan install di hp blackberry anda.

Cara Membuat Cursor Blog Selalu Diikuti Oleh Text

yusrisetiawans@yahoo.com (Anonymous) — Sun, 17 Nov 2013 01:49:00 +0000

Tutorial Belajar Blog | Tips Blog | Desain Blog - Cara Membuat Cursor Blog Selalu Diikuti Oleh Text,

Mungkin Tutorial ini sudah sangat lama tetapi tidak apa anggap saja tutorial baru karena untuk seorang blogger profesional sudah paham dengan tutorial ini.

Cara Menambahkan Cursor Selalu di ikuti oleh teks tidak susah Banyak cara yang bisa sobat blogger lakukan untuk memperindah blog atau mempercantik blog sobat. Salah satu cara adalah dengan cara menambahkan cursor selalu di ikutin di blog. Cara ini terbukti memberikan kesan dan nuansa yang berbeda pada blog Jika sobat tertarik untuk menciptakan cursor dengan text sendiri.

Berikut ini langkah-langkah Untuk Membuat nya :

1. Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilhan HTML/JavaScript
6. Pastekan script di bawah ini ke kolom Konten

7. Silahkan ganti tulisan berwarna merah dengan tulisan pilihan anda

8. Klik Simpan
9. Selesai

Selamat mencoba, semoga bermanfaat,

Cara Membuat Kursor Blog Di Kelilingi Tiga Bintang Berekor

yusrisetiawans@yahoo.com (Anonymous) — Sun, 17 Nov 2013 01:23:00 +0000

Tutorial Belajar Blog - Cara Membuat Kursor Blog Di Kelilingi Tiga Bintang Berekor , Sambil Mencari informasi dan sedikit waktu untuk membuka blog oktri ingin berbagi tutorial blog yang Mungkin sobat udah pada tahu tentang artiukel ini ,Cara membuat kursor Blog di kelilingi 3 bintang warna wani berekor, tapi Oktri ingin berbagi dengan yang belum tau, kali aja ingin menghiasi tampilan kursor pada blognya, bagi yang ingin mencobanya silahkan ikuti tutorial berikut ini.

- Langkah pertama login ke blog sobat
- Kedua masuk dashboar>>tata letak >> Add gadget >> pilih HTML/javascript
- Copy paste code script di bawah ini

- Teraakhir save template

Keterangan : ganti script yang berwarna orange dengan warna favorit warna sobat
Semoga Membantu dan bermanfaat

Cara Membuat Energy Saving Mode di Blog Tanpa Javascript

yusrisetiawans@yahoo.com (Anonymous) — Sun, 17 Nov 2013 00:37:00 +0000

Tampilan Energy Saving Mode di Blog Tanpa Javascript

Tutorial Belajar Blog - Cara Membuat Energy Saving Mode di Blog Tanpa Javascript - Pada Postingan ini Tutorial Belajar Blog ( Mas Oktri ) ingin berbagi tips blog yaitu bagaimana Cara membuat energy saving mode di blog. Tutorial ini sedikit berbeda dibandingkan energi saving mode blog lain, karena kita nanti akan membuat nya tanpa javascript hanya menggunakan css3. Tutorial Ini dapat dibuat dengan memanfaatkan pseudo elemen ::after , ::before , , dan transition untuk memperhalus gerakan. Kemudian digunakan untuk membuat garis dari atas dan dari bawah yang seolah-olah akan mengunci layar.

Tutorial Ini Hasil Inspirasi BlogMate dari blog ZTO, yang jago CSS. Tidak Banyak pemahaman dari saya tentang CSS maka dari itu anggap saja tutorial ini untuk pembelajaran diri saya sendiri ataupun dapat uji coba oleh teman - teman pengunjung blog ini. Langsung Saja dibawah ini langkah - langkah untuk membuat nya.

Sebaiknya anda membaca dengan baik langkah yang telah diberikan dan jangan lupa backup template anda.

Energy Saving Mode di Blog Tanpa Javascript PART 1,

Energy Saving Mode Part I

DEMO ENERGY SAVING MODE

/* Opening Element By ZTO
Creation by ZTO.blogspot.com
ESM by tutorialbelajarblogger.blogspot.com
*/
body::before, body::after {
position: absolute;position:fixed;
content: "";
background: #000;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
z-index: 9999
}
body::before {border: 10px solid #ccc;border-left:none;
top: 0;
left: 50%;
right: 0;
bottom: 0;
}
body::after {
top: 0;
left: 0;border: 10px solid #ccc;border-right:none;
right: 50%;
bottom: 0;
}
body:hover::before {
left: 100%
}
body span.oktri {
position: absolute;position:fixed;right:0;
left: 0;
top: 48%;
border: 5px solid #ccc;
margin: 0 0 0 -1px;
z-index: 99999;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-moz-transition: all 3s ease-in;
-o-transition: all 3s ease-in;
-webkit-transition: all 3s ease-in;
transition: all 3s ease-in;
-moz-box-shadow: 0 0 20px 3px #06F;
-webkit-box-shadow: 0 0 20px 3px #06F;
box-shadow: 0 0 20px 3px #06F
}
body span.oktriblog {
position: absolute;position:fixed;
right:0;
left: 0;
top: 48%;
border: 5px solid #ccc;
margin: 0 0 0 0px;
z-index: 99999;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-moz-transition: all 3s ease-in;
-o-transition: all 3s ease-in;
-webkit-transition: all 3s ease-in;
transition: all 3s ease-in;
-moz-box-shadow: 0 0 20px 3px #06F;
-webkit-box-shadow: 0 0 20px 3px #06F;
box-shadow: 0 0 20px 3px #06F
}
body:hover::after {
right: 100%
}
body:hover::before, body:hover::after {
visibility: hidden
}
body:hover span.oktri {
visibility: hidden;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
top: 0;
}
body:hover span.oktriblog {
visibility: hidden;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
top: 100%;
}
body span.ok3 {width:35%;border-bottom: 5px solid #ccc;
border-top: 5px solid #ccc;padding:10px;background:#000;
font-size:25px;color:#fff;
text-align:center;
position: absolute;position:fixed;
left: 32%;right:45%;
top: 40%;
bottom: 45%;
margin: 0 0 0 0px;
z-index: 123455543123445556888;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-moz-transition: all 3s ease-in;
-o-transition: all 3s ease-in;
-webkit-transition: all 3s ease-in;
transition: all 3s ease-in;
-moz-box-shadow: 0 0 20px 3px #06F;
-webkit-box-shadow: 0 0 20px 3px #06F;
box-shadow: 0 0 20px 3px #06F
}
body:hover span.ok3 {
visibility: hidden;
-moz-transition: all .7s ease-out;
-o-transition: all .7s ease-out;
-webkit-transition: all .7s ease-out;
transition: all .7s ease-out;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
right: 0;z-index:99999999
}

Masukkan css diatas diatas kode ]]>

 
Energy Saving Mode
Gunakan keyboard untuk menscroll halaman

Masukkan kode html diatas tepat dibawah kode . Simpan template dan lihat hasilnya

Energy Saving Mode di Blog Tanpa Javascript PART 2,

Energy Saving Mode Part II

/* By ZTO 
ESM by Mas Oktri
*/
body::before, body::after {
position: absolute;position:fixed;
content: "";
background: #000;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
z-index: 9999
}
body::before {border: 10px solid #ccc;border-left:none;
top: 0;
left: 50%;
right: 0;
bottom: 0;
}
body::after {
top: 0;
left: 0;border: 10px solid #ccc;border-right:none;
right: 50%;
bottom: 0;
}
body:hover::before {
left: 100%
}
body span.belajarblog {
position: absolute;position:fixed;
left: 50%;
top: 0;

bottom: 65%;
border: 5px solid #ccc;
margin: 0 0 0 -1px;
z-index: 99999;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-moz-transition: all 3s ease-in;
-o-transition: all 3s ease-in;
-webkit-transition: all 3s ease-in;
transition: all 3s ease-in;
-moz-box-shadow: 0 0 20px 3px #06F;
-webkit-box-shadow: 0 0 20px 3px #06F;
box-shadow: 0 0 20px 3px #06F
}
body span.mas-oktri {
position: absolute;position:fixed;
left: 50%;
top: 62%;
bottom: 0;
border: 5px solid #ccc;
margin: 0 0 0 0px;
z-index: 99999;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-moz-transition: all 3s ease-in;
-o-transition: all 3s ease-in;
-webkit-transition: all 3s ease-in;
transition: all 3s ease-in;
-moz-box-shadow: 0 0 20px 3px #06F;
-webkit-box-shadow: 0 0 20px 3px #06F;
box-shadow: 0 0 20px 3px #06F
}
body:hover::after {
right: 100%
}
body:hover::before, body:hover::after {
visibility: hidden
}
body:hover span.belajarblog {
visibility: hidden;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
bottom: 100%;
}
body:hover span.mas-oktri {
visibility: hidden;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
top: 100%;
}
body span.masoktri {width:30%;border-bottom: 5px solid #ccc;
border-top: 5px solid #ccc;padding:10px;
font-size:25px;color:#fff;
text-align:center;
position: absolute;position:fixed;
left: 35%;right:45%;
top: 40%;
bottom: 45%;
margin: 0 0 0 0px;
z-index: 99999;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-moz-transition: all 3s ease-in;
-o-transition: all 3s ease-in;
-webkit-transition: all 3s ease-in;
transition: all 3s ease-in;
-moz-box-shadow: 0 0 20px 3px #06F;
-webkit-box-shadow: 0 0 20px 3px #06F;
box-shadow: 0 0 20px 3px #06F
}
body:hover span.masoktri {
visibility: hidden;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
left: 0;right:0;
}

Masukkan css diatas diatas kode ]]>

 
Energy Saving Mode
Untuk Scroll Gunakanlah Keyboard

Masukkan kode html diatas tepat dibawah kode . Simpan template dan lihat hasilnya Demikian Tutorial Belajar Tentang Cara Membuat Energy Saving Mode di Blog Tanpa Javascript Semoga Bermanfaat

Cara Membuat Blog Menjadi No.1 di Pencarian Google

yusrisetiawans@yahoo.com (Anonymous) — Sun, 17 Nov 2013 00:32:00 +0000

Menjadi No 1 di Google

Tutorial Belajar Blog | Tips Blog - Cara Membuat Blog Menjadi No.1 di Pencarian Google, Sesuai dengan Judul Postingan saya Mas Oktri Telah melakukan Uji coba SEO dengan Menembak keyword " Tutorial Belajar Blog", Yang sudah berhasil menjadi No.1 di pencarian Google. untuk pembuktian silahkan sobat ketik pada kang Google.com dengan kata kunci "Tutorial Belajar Blog" selanjutnya klik Telusuri.

Dan berikut adalah 5 top ranking blog/situs yang mucul di halaman depan kang Google dari Sekitar 5.120.000 hasil (0,30 detik) . Hasil pencarian :

tutorialbelajarblogger.blogspot.com --> PR 0
panduan-belajar-blog.blogspot.com --> PR 2
cara-ngeblog.blogspot.com --> PR 0
tutorialblog-nizam.blogspot.com --> PR 0
afatih.wordpress.com --> PR 3

Tampilan Tutorial Belajar Blog

Kesimpulan Dari data di atas tidak menutup kemungkinan walaupun blog kita hanya mempunyai Pagerank 0, tetapi masih bisa menjadi No.1 di Pencarian Google.Dengan syarat kita mengetahui rahasia Ilmu Dasar SEO.

Mas Oktri Sendiri masih Newbie / Pemula Dalam kesempatan yang baik ini, saya ( Mas Oktri ) akan berbagi pengalaman dengan sobat bagaimana cara mudah agar blog kita bisa menjadi No.1 di pencarian google dengan kata kunci.

Berikut Ini test Keyword Kedua Mas Oktri melakukan uji coba SEO dengan menembak KEYWORD "cara membuat blog keren" yang berhasil menempati Posisi teratas. Dibawah ini contoh screnshot Sekitar 2.780.000 hasil (0,15 detik)

"Cara Membuat Blog Menjadi No.1 di Pencarian Google " :

Dalam memilih keyword,yang ingin sobat tembak jangan terlalu biasa/umum, karena akan kalah bersaing.Namun jangan terlalu Spesifik, karena mungkin tak akan ada orang yang bisa menemukan blog/situs sobat.

Setelah sobat menemukan keyword yang pas dan cocok untuk sobat tembak.Selanjutnya silahkan sobat membuat Judul artikel yang mengandung keyword yang sobat pilih tadi.

Pasang Deskripsi dan Keyword pada rancangan blog sobat : - 'Deskripsi Blog' adalah 'Gambaran tentang blog sobat di tambah keyword yang di pilih' - 'Keyword' adalah 'kata kunci yang sobat tembak'.

Tulis keyword yang sobat pilih di awal, tengah, dan akhir dalam artikel.

Tebalkan, Miringkan atau Garis Bawahi pada salah satu keyword yang sobat pilih.

Buat label pada artikel yang berisi keyword tembakan sobat.

Cari backlink dengan sobat blogger lainnya dengan link yang mengarah ke artikel sobat.

Berkomentar dengan menggunakan Nama/URL sobat, jangan gunakan akun google sobat.

Buat artikel lanjutan dengan memasang link ke Halaman artikel yang mempunyai keyword tembakan sobat tadi.

Sekian Info dari Mas Oktri yang sudah saya praktekan Dan sudah terbukti berhasil.

** Salam Belajar Blog ( yusri ) **

Cara Membuat Recent Post Muncul Seperti Notifikasi Facebook

yusrisetiawans@yahoo.com (Anonymous) — Sun, 17 Nov 2013 00:25:00 +0000

Contoh Tampilan Recent Post Seperti Notifikasi Facebook

Tutorial belajar Blogger - Cara Membuat Recent Post Muncul Seperti Notifikasi Facebook Pada Postingan ini Mas Oktri Ingin membahas bagaimana membuat recent post ( postingan terakhir ) muncul seperti notifikasi pada Facebook, tutorial ini terinspirasi dari santa mars yang kebetulan template yang Mas Oktri Gunakan Template Cloning Santa.

Tutorial ini Merupakan Request dari teman yogagj.yang kebetulan menggunakan template yang saya pakai juga.apabila sudah menggunakan template Revolution Berikut Ini Langkah - Langkah Membuat nya :

Langkah Pertama

Masuk Edit Html,

Contoh Masuk Edit Html

Cari Kode Di Bawah Ini

Masukan Kode Diatas DI psotingan Seperti Pada Gambar INi

Kemudian Publikasi

Untuk demo Recent Post, anda bisa melihat langsung di blog ini, selamat mengoprek :))

Cara Memasang Background Pada Postingan

yusrisetiawans@yahoo.com (Anonymous) — Sun, 17 Nov 2013 00:12:00 +0000

Tutorial Belajar Blogger - Pada Postingan ini saya ( Mas Oktri ) akan berbagi tips memasang background pada postingan yg mungkin bisa membantu kita saat bosan dengan background postingan kita yang warnanya putih atau hitam polos, atau mungkin sekedar ingin mencoba bereksperimen kecil maka kita boleh mencoba merubah background postingan dengan cara-cara berikut ini, karena pengetahuaan yang baru pasti sangat menyenangkan.

Nah cara membuat backgroun postingan yang saya tahu saat ini baru dua cara...

+ Pertama untuk membuat background warna

Letakkan kode berikut pada awal postingan

kode warnanya disini
">

Dan diakhir postingan, harus di tutup dengan kode seperti ini :

Tulisan kode warnanya disini anda ganti dengan kode warna yang anda inginkan.Yang perlu diperhatikan saat anda meletakkan kode tersebut, anda harus memilih tab edit HTML, jangan Compose.

Sebagai contoh backgroun dengan warna hijau...

Oktri Darmadi biasa disapa dengan Mas Oktri Lahir di Lampung,Indonesia dilahirkan di sebuah desa kecil yang mungkin masih kurang terkenal di Lampung, saya anak ke-3 dari 3 bersaudara,kebetulan saya anak bungsu.Menurut Saya Ketidak Sempurnaan adalah Seni. Ada 3 hal yg konsisten dalam hidup, yaitu ; Perubahan, Pilihan, dan Prinsip...saya hanya lah anak manusia yang tidak sempurna karena kesempernaan hanya milik ALLAH...

Hasilnya akan seperti ini :

Oktri Darmadi biasa disapa dengan Mas Oktri Lahir di Lampung,Indonesia dilahirkan di sebuah desa kecil yang mungkin masih kurang terkenal di Lampung, saya anak ke-3 dari 3 bersaudara,kebetulan saya anak bungsu.Menurut Saya Ketidak Sempurnaan adalah Seni. Ada 3 hal yg konsisten dalam hidup, yaitu ; Perubahan, Pilihan, dan Prinsip...saya hanya lah anak manusia yang tidak sempurna karena kesempernaan hanya milik ALLAH...

+ Kedua Membuat background dengan Gambar

Jika anda memiliki gambar khusus untuk dijadikan backgroud uploud dulu ke website hosting seperti photobucket atau tempat hosting lainnya untuk memperoleh URL addresnya.

Yang harus diperhatikan anda harus berada pada posisi edit HTML, berikut kode diawal postingan:

alamat gambarnya disini
) no-repeat;">

Diakhir postingan tutup dengan kode berikut:

Ganti tulisan alamat gambarnya disini dengan alamat gambar yang ingin anda tampilkan. Seperti halnya pada background dengan warna, kode inipun bisa anda tambah-tambahin sesuai dengan keinginan. Contoh, saya ingin membuat posting dengan background yang beralamat di http://i634.photobucket.com/albums/uu66/oktri_2009/L8e18979.gif, background ingin di simpan di sebelah kanan atas posting tanpa repeat, padding sebesar 10 pixel, besar huruf 90% :

http://i634.photobucket.com/albums/uu66/oktri_2009/L8e18979.gif

) no-repeat center top; text-align:justify; font-size:90%; padding:10px">

Oktri Darmadi biasa disapa dengan Mas Oktri Lahir di Lampung,Indonesia dilahirkan di sebuah desa kecil yang mungkin masih kurang terkenal di Lampung, saya anak ke-3 dari 3 bersaudara,kebetulan saya anak bungsu.Menurut Saya Ketidak Sempurnaan adalah Seni . Ada 3 hal yg konsisten dalam hidup, yaitu ; Perubahan, Pilihan, dan Prinsip...saya hanya lah anak manusia yang tidak sempurna karena kesempernaan hanya milik ALLAH...

Maka hasilnya seperti ini:

Oktri Darmadi biasa disapa dengan Mas Oktri Lahir di Lampung,Indonesia dilahirkan di sebuah desa kecil yang mungkin masih kurang terkenal di Lampung, saya anak ke-3 dari 3 bersaudara,kebetulan saya anak bungsu.Menurut Saya Ketidak Sempurnaan adalah Seni
Ada 3 hal yg konsisten dalam hidup, yaitu ; Perubahan, Pilihan, dan Prinsip...saya hanya lah anak manusia yang tidak sempurna karena kesempernaan hanya milik ALLAH...

Nah jika kita ingin mempatenkan background tersebut sebagai backgroud pada setiap postingan kita agar tak capek mengeditnya,
Caranya masuk menu pengaturan/ setting =>klik tab format=>pada bagian akhir kolom format letakkan kode diatas

Nah selamat mencoba, semoga bermanfaat!

Cara Membuat Recent Post Berjalan di Blog

yusrisetiawans@yahoo.com (Anonymous) — Sun, 17 Nov 2013 00:09:00 +0000

Cara Membuat Salam Pembuka Sesuai Waktu Berkunjung

yusrisetiawans@yahoo.com (Anonymous) — Sun, 17 Nov 2013 00:02:00 +0000

Cara Membuat Salam Pembuka Sesuai Waktu Berkunjung ,Berikut ini merupakan Script secara otomatis akan memberikan pesan atau ucapan sapaan selamat datang dengan menyesuaikan settingan waktu yang ada pada perangkat komputer .

Prinsip kerja script ini adalah memberikan pesan berdasarkan waktu, saya contohkan saat Anda membaca postingan ini maka teks pesan yang akan muncul seperti dibawah ini :

Selamat Pagi! Terima Kasih Sudah Berkunjung

-pesan pagi hari (05.00-11.00) "Selamat Pagi! Terima Kasih Sudah Berkunjung"
-pesan siang hari (12.00) "Selamat Siang ! Terima Kasih telah berkunjung"
-pesan sore hari(13.00-17.00) "Selamat Sore! Terima Kasih Sudah Berkunjung"
-pesan petang hari (18.oo-20.00) "Selamat Petang! Terima Kasih Sudah Berkunjung"
-pesan malam hari (21.00-23.00) "Selamat Malam! Terima Kasih Sudah Berkunjung"
-pesan malam mejelang pagi(00.00-04.00) "Wow, Sudah Larut Malam Anda Masih Sempat Berkunjung, Terima Kasih!"

Silahkan copy kode script dibawah ini

Note : Silahkan sesuaikan teks yang berwarna merah dengan pesan atau sapaan yang Anda inginkan.

Cara pasangnya Login blogger > Tata Letak > Tambah Gadget > Html / Javascript copy kode diatas dan paste didalamnya.

Semoga postingan ini bermanfaat untuk Anda, tunggu script menarik lainnya

Cara Membuat Link Di Blog Dengan CSS

yusrisetiawans@yahoo.com (Anonymous) — Sat, 16 Nov 2013 23:34:00 +0000

Cara membuat link di blog menggunakan CSS mungkin sepele bagi yang sudah karatan di dunia blogging. Tapi ternyata sangat banyak teman-teman pemula yang bertanya di komentar ataupun di grup facebook mengenai cara membuat link....

Jadi kali ini saya akan membagikan cara membuat link di blog. Kita mulai dari yang sederhananya dulu ya....

Cara Membuat Link Dalam Artikel Di Blogspot

Untuk membuat link dalam artikel di Blogspot yang perlu anda lakukan hanyalah menyorot teks yang ingin saudara ubah menjadi link dan lakukan prosedur di bawah ini....

Klik icon LINK pada deretan icon editor

Masukkan URL yang saudara inginkan terbuka. Pilih apakah anda ingin link terbuka di jendela baru atau tidak. Pilih juga apakah anda ingin link bersifat nofollow atau tidak.... Setelah itu klik OK dan selesai. (Yang dimaksud dengan Nofollow adalah anda tidak memberikan poin positif untuk SEO ke halaman yang dituju.)

Cara Membuat Link Dengan HTML sederhana....

Sekarang kita pelajari bagaimana cara memasang link jika bukan di dalam artikel. Untuk membuat link anda cukup memasang kode HTML sederhana pada template atau theme saudara.

Bentuk HTML dasar dari sebuah link

Di bawah ini adalah bentuk dasar HTML dari sebuah link yang melibatkan operator a, dengan properti href dan sebuah teks jangkar....

http://www.example.com/

">Situs Ujicoba Perhatikan aturan dasarnya:

Anda tinggal mengganti http://www.example.com/ dengan URL yang anda inginkan
Anda tinggal mengubah Situs Ujicoba yang adalah teks jangkar dengan kata-kata yang anda inginkan

....maka anda akan mendapatkan struktur HTML dari link yang anda butuhkan.

Cara Memasang HTML Link

Setelah anda membuat struktur linknya, maka saatnya untuk memasang link tersebut. Bagi pengguna blogspot, anda bisa memasangnya dengan berbagai cara:

Memasang link dengan menggunakan widget HTML/JAVASCRIPT

Sekarang anda tinggal membuka menu TATA LETAK pada dasbor blog saudara
Klik TAMBAHKAN GADGET pada bagian yang ingin anda pasangkan link
Akan muncul pop up, silahkan scroll ke bawah dan pilih HTML/JAVASCRIPT
Masukkan kode html dari link tadi ke dalam editor gadget dan klik SIMPAN.
Atur posisi dari gadget di tempat yang anda inginkan

Memasang Link Di Dalam Struktur Template

Untuk melakukan ini maka anda haruslah cukup berpengalaman dalam mengedit template. Jika tidak sebaiknya anda melakukan back up template, agar ada alternatif untuk pemulihan jika anda melakukan kesalahan fatal....

Yang perlu anda lakukan di sini adalah mengubah tanggal kutip ganda pada HTML menjadi tanda kutip tunggal.

'

http://www.example.com/'>Situs Ujicoba

Setelah itu buka menu TEMPLATE dan klik tombol EDIT HTML. Letakkan kode HTML yang sudah diedit tadi pada tempat yang anda inginkan di dalam bagian ...

Membuat Pengaturan Tampilan Untuk Link Dengan CSS

Jika pada template anda tidak ada pengaturan CSS untuk link, maka link akan ditampilkan menurut standar pengaturan browser yang digunakan oleh pengunjung. Tapi jika anda tertarik untuk membuat pengaturan tampilan untuk link anda, maka aturlah pada bagian CSS....

Kode CSS dasar dari link

Pertama-tama harus diperjelas dulu apa platform dari website anda..., karena ada beberapa metode memasang CSS di dalam situs anda. Tapi apapun metodenya CSS itu harus ditaruh di dalam bagian dari template anda....

Perlu dicatat bahwa operator untuk menentukan nilai sebuah link adalah a. Jadi bentuk dasar dari CSS sebuah link adalah

a { properti nilai pengatur link }

Sebagai contoh anda mau membuat linknya berwarna merah, maka masukkan nilai seperti berikut:

a { color:#ff0000; }

Ada banyak sekali properti yang bisa anda suntikkan ke dalam tanda kurung {....} yang mengapit pengaturan a di atas.... beberapa di antaranya seperti dicantumkan di bawah ini....

Properti pengatur tampilan link

Pada dasarnya link adalah teks juga, jadi untuk membuat pengaturan kita bisa memakai semua CSS pengaturan teks.... Perhatikan beberapa properti di bawah ini:

font-family (Mengatur Jenis huruf contohnya:Arial, Times New Roman, dll)
font-size (Mengatur besar dari huruf)
font-weight (Mengatur ketebalan huruf)
color (Mengatur Warna Huruf dengan menggunakan kode warna)
text-decoration (Mengatur variasi text, misalnya ...menentukan apa memakai garis bawah atau tidak)
letter-spacing (Mengatur jarak antar huruf)
text-shadow (Mengatur bayangan pada huruf)

Perhatikan bahwa nama properti selalu diakhiri titik dua (:) dan nilai properti diakhiri titik koma (;)

Praktek Membuat Pengaturan Link

Sekarang saya akan coba membuat tampilan link dengan kode CSS di bawah ini:

a { font-family: Times New Roman; font-size: 24px; font-weight: bold; color: red; text-decoration: underline; letter-spacing: 2px; text-shadow: 0px 0px 5px yellow; }

Hasilnya akan terlihat seperti di bawah ini:
Cara Membuat Link Di Blog

Membuat Pseudo-Class pada Link

Mungkin banyak teman-teman yang bingung kenapa ada link saat belum dikunjungi berwarna merah, saat disorot berwarna biru; saat dikunjungi berwarna abu-abu; dan setelah dikunjungi berwarna hitam; atau variasi warna lainnya....

Semua itu bisa terjadi karena variasi pseudo-class yang kita berikan. Ada 4 pseudo-class yang bisa anda pakai untuk membuat 4 variasi yang berbeda, yaitu:

a:link
a:hover
a:active
a:visited

Yang perlu anda lakukan hanya memasukkan properti yang anda inginkan berubah dari bentuk link dasar setelah link dikenakan perlakukan tertentu.... Link dasar dalam hal ini dinyatakan dengan pseudo-class a:link....

Lihat contoh berikut:

a:link { font-family: Times New Roman; font-size: 24px; font-weight: bold; color: red; text-decoration: underline; letter-spacing: 2px; text-shadow: 0px 0px 5px yellow; } a:hover { color: blue; } a:active { color: grey; } a:visited { color:black; }

Dari contoh di atas teman-teman bisa melihat bahwa saya hanya ingin variasi dalam hal warna. Jika saya ingin ada variasi dalam hal ukuran, warna bayangan,garis bawah, dan lain-lain, maka saya tinggal menambahkan saja perubahan apa yang saya inginkan....

Mengatur tampilan link hanya pada area tertentu dalam halaman

Hal ini bisa anda lakukan jika area tersebut dibatasi oleh sebuah class atau id, dan anda harus mengetahui apa class/id dari area tersebut.... Sebagai contoh:

...... ......

Dari kode di atas kita bisa melihat bahwa area tersebut dibatasi dengan class sidebarkanan. Oleh karena class diberi tanda titik dalam css, maka operatornya adalah .sidebarkanan

Jadi contoh kodenya sekarang adalah:

.sidebarkanan a:link { font-family: Times New Roman; font-size: 24px; font-weight: bold; color: red; text-decoration: underline; letter-spacing: 2px; text-shadow: 0px 0px 5px yellow; } .sidebarkanan a:hover { color: blue; } .sidebarkanan a:active { color: grey; } .sidebarkanan a:visited { color:black; }

Dengan seperti ini, maka hanya link-link yang berada di dalam div ber-class sidebarkanan saja yang akan terkena pengaruhnya....

Meletakkan Kode CSS pengaturan yang baru

Setelah anda selesai membuat kode CSS ini, di mana anda bisa meletakkannya? Bagi pengguna blogspot, anda hanya perlu membuka menu TEMPLATE > EDIT HTML dan cari kode

. Taruh kode tadi tepat di atas maka pengaturan link yang sebelumnya akan ditimpa. Klik SIMPAN TEMPLATE untuk melihat hasil.....

Sedangkan untuk web umumnya, anda bisa menarunya di atas kode

atau di dalam external CSS file yang mengatur tampilan dari halaman tersebut....

Ok, itu saja dulu cara membuat link di blog dengan sedikit bermain CSS, mudah-mudahan bisa membantu teman-teman.... Kalau ada yang agak pusing dengan penjelasan panjang di atas, maka lakukan pelan-pelan saja (seperti lagunya kotak)

Yusri Setiawan Simatupang

Line In PC Dan Cara Membuat Account

Cara mengukur Berat / Size Blog

Cara Mudah Membuat Rating Bintang Rich Snippets di Blog

FREE CALL ATAU TELEPON GRATIS LEWAT NIMBUZZ

Updater Terbaru Foursquare 5.5.8 untuk Smartphone BlackBerry

Unggah Foto Semudah nge-Twit dengan Camera for Twitter

Pacemaker, Aplikasi Pembuat Musik DJ untuk BlackBerry Playbook

Adobe Reader for BlackBerry 10

Siapa tidak kenal aplikasi Adobe Reader? Aplikasi yang mungkin telah terinstal di hampir setiap komputer PC atau laptop. Kini, setelah BlackBerry 10 dirilis RIM, aplikasi Adobe Reader dapat juga diinstal. Bahkan aplikasi bernama Adobe Reader for BlackBerry 10 sudah update ke v10.1.0.4...

WeChat 2.0 for BlackBerry Sudah Dirilis

[Update] Adobe Reader for BlackBerry 10

Fitur Baru dari Aplikasi BlackBerry Messenger (BBM) 8.0.0.4.4

Fitur Baru Aplikasi BlackBerry Messenger (BBM)

Free Windows 8 Template Blogger

Download Windows 8 Template Blogger NOW !!

CAMEDIA MASTER ::>>>

tips menambah emo di CBOX

script salam pembuka Blog

60 Aplikasi Blackberry Gratis Terpopuler dan Terbaik 2013

Download Aplikasi Blackberry

Cara Membuat Cursor Blog Selalu Diikuti Oleh Text

Cara Membuat Kursor Blog Di Kelilingi Tiga Bintang Berekor

Cara Membuat Energy Saving Mode di Blog Tanpa Javascript

Energy Saving Mode di Blog Tanpa Javascript PART 1,

Energy Saving Mode di Blog Tanpa Javascript PART 2,

Cara Membuat Blog Menjadi No.1 di Pencarian Google

Cara Membuat Recent Post Muncul Seperti Notifikasi Facebook

Langkah Pertama

Cara Memasang Background Pada Postingan

Cara Membuat Recent Post Berjalan di Blog

Cara Membuat Salam Pembuka Sesuai Waktu Berkunjung

Cara Membuat Link Di Blog Dengan CSS

Cara Membuat Link Dalam Artikel Di Blogspot

Cara Membuat Link Dengan HTML sederhana....

Bentuk HTML dasar dari sebuah link

Cara Memasang HTML Link

Memasang link dengan menggunakan widget HTML/JAVASCRIPT

Memasang Link Di Dalam Struktur Template

Membuat Pengaturan Tampilan Untuk Link Dengan CSS

Kode CSS dasar dari link

Properti pengatur tampilan link

Praktek Membuat Pengaturan Link

Membuat Pseudo-Class pada Link

Mengatur tampilan link hanya pada area tertentu dalam halaman

Meletakkan Kode CSS pengaturan yang baru