Minggu, 12 Mei 2013

Cara Membuat Tampilan Posting Lebih Cantik Dan Fresh

Beberapa paragraf dari beberapa posting Tutorial Blogspot di hias dengan beraneka warna background. Hal itu saya lakukan supaya posting saya terlihat indah untuk membuat pengunjung blog merasa lebih nyaman dan senang di dalam membaca setiap paragraf di dalam posting tersebut.

Kalau materi posting tidak dapat menarik minat pengunjung untuk membaca posting kita, paling tidak tampilan posting kita yang fresh dapat menggantikan semua itu.

Nah... Untuk membuat warna yang berbeda pada setiap paragraf di dalam posting, sobat blogger kudu menyisipkan kode di bawah ini SEBELUM dan SETELAH paragraf dalam mode HTML (Bukan dalam mode compuse).
<div style="background:#FFE1FF; padding:5px 8px 5px 8px;">
Letakkan teks atau paragraf sobat disini
</div>

Contoh :
<div style="background:#FFE1FF; padding:5px 8px 5px 8px;">
Jadilah yang terdepan dalam melakukan segalanya. Lihat rekan kerja atau mitra yang mengunggah foto, memperbarui spreadsheet, atau menyempurnakan paragraf, dalam waktu nyata, dari jarak ribuan kilometer. Layanan Google Documents dapat dipakai dengan memiliki Akun Google.
</div>

Hasilnya akan terlihat seperti ini :
Jadilah yang terdepan dalam melakukan segalanya. Lihat rekan kerja atau mitra yang mengunggah foto, memperbarui spreadsheet, atau menyempurnakan paragraf, dalam waktu nyata, dari jarak ribuan kilometer. Layanan Google Documents dapat dipakai dengan memiliki Akun Google.

Kalau sobat blogger ingin menambahkan bingkai, sobat blogger tinggal menambahkan kode border-style: ridge; pada kode pertama. Sehingga bentuk dari kode di atas seperti ini :
<div style="background:#FFE1FF; border-style: ridge; padding:5px 8px 5px 8px;">
Letakkan teks atau paragraf sobat disini
</div>

Dan hasilnya akan terlihat seperti ini!
Jadilah yang terdepan dalam melakukan segalanya. Lihat rekan kerja atau mitra yang mengunggah foto, memperbarui spreadsheet, atau menyempurnakan paragraf, dalam waktu nyata, dari jarak ribuan kilometer. Layanan Google Documents dapat dipakai dengan memiliki Akun Google.

Tambahan :
Untuk mengganti warna background tersebut, silahkan ganti #FFE1FF dengan kode warna yang lain. Untuk melihat kode warna silahkan klik salah satu link di bawah ini!
  1. Web Color Chart
  2. Hex Color Code Generator

Jumat, 10 Mei 2013

Memaksimalkan Judul Blog Untuk Index Yang Lebih Baik

Template blog yang SEO Friendly akan menjadikan nama/judul blog sebagai H1, dan judul posting sebagai H2 atau H3. Oleh karena itu, hendaklah seorang blogger menentukan judul yang baik untuk blognya sehingga di hasil penelusuran search engine, blog kita mendapatkan posisi yang bagus. Judul yang baik untuk blog paling tidak memiliki lima kriteria sebagai berikut :
  1. Judul mengandung keyword
  2. Jumlah karakter yang terdapat di judul tidak terlalu banyak. Saya sarankan untuk menggunakan karakter tidak lebih dari 60 karakter. Karena jika jumlah karakter lebih dari 60, judul blog akan terpenggal di Search Result Search Engine.
  3. Judul blog relevant dengan konten blog
  4. Judul blog mudah untuk di ingat
  5. Judul blog tidak menggunakan karakter yang sulit di baca oleh Search Engine seperti %, *, #, @, ^,~,$, dan lain-lain.
judul blog,blog title,nama blog
Coba sobat blogger perhatikan sepuluh contoh website/situs di bawah ini. Dari sepuluh contoh di bawah ini, sobat blogger akan mendapatkan inspirasi bagaimana menentukan judul yang baik buat blog sobat. Lima dari sepuluh contoh di bawah ini menggunakan Judul Singkat (Short Title).

NoURLJudul
1www.alexa.comAlexa - The Web Information Company
2www.blogger.comBlogger: Create your free Blog
3www.facebook.comWelcome to Facebook - Log In, Sign Up or Learn More
4www.o-om.comBlogger Tutorial Plus Free Blogger Templates | OOM
5www.microsoft.comMicrosoft Home Page | Devices and Services
6www.wikipedia.orgWikipedia
7www.bing.comBing
8www.google.comGoogle
9www.youtube.comYouTobe
10www.apple.comApple

Rabu, 08 Mei 2013

Cara Membuat Laman Error 404 Not Found Yang Super Keren

404 Not Found merupakan sebuah pesan Error atau kesalahan dari Hypertext Transfer Protocol (HTTP) yang mengindikasikan bahwa laman/URL yang dituju tidak dapat ditemukan. Error 404 Not Found dapat menyebabkan pengunjung blog merasa tidak nyaman, kecewa atau kesal sehingga Google melalui blogger.com menyarankan setiap pemilik blog untuk membuat catatan kecil (Dalam bentuk gambar/teks) sebagai penyejuk hati pengunjung blog atas kekecewaan yang mereka rasakan ketika mereka mendapatkan 404 Not Found. Berikut ini pesan singkat Google tentang 404 Not Found : "Masukkan pesan HTML yang akan ditampilkan pada laman, Laman Tidak Ditemukan (404 Not Found ), sebagai pengganti pesan yang umum."

Untuk itu, saya akan berbagi tutorial blog kepada sobat semua tentang bagaimana membuat pesan 404 Not Found yang cantik di blog tanpa harus melakukan penambahan kode pada template. ini contoh tampilan Error 404 Not Found yang akan kita buat.

page doesn't exist,404,not found,error 404,laman tidak ditemukan,laman kosong,laman tidak ada,pesan 404,kesalahan 404,peringatan 404,warning 404


Cara Pasang Error 404 Not Found Di Blogger

  • Sign In di blogger.com
  • Pada menu bilah samping, pilih Setelan
  • Pilih Preferensi Penelusuran
  • Klik "Edit" pada Pesan Khusus untuk Laman Tidak Ditemukan
  • Preferensi Penelusuran,setting blogger,pengaturan blogger,setelan blogger,edit
  • Copy paste kode berikut pada kotak yang tersedia
<style type="text/css"> #error-404 { border: 20px solid #1B1B1B; border-radius: 240px 240px 240px 240px; height: 240px; margin: 0 auto 40px; text-align: center; transition: all 0.8s ease 0s; width: 240px; } #error-404:hover { border-color: #333; } #error-404 span { color: #FA4C29; font-size: 100px; font-weight: bold; line-height: 240px; } .large-heading { font-size: 48px; line-height: 1.2em; } .light-heading { font-weight: 400; } .status-msg-bg { background-color: transparent; } .sidebar-wrapper, .page-header { display: none; } .main-wrapper { margin-right: 0; } .outer-wrapper { min-height: 0; } .status-msg-border { border: 0 none; } </style> <div id="error-404"> <span>404</span>
</div> <h1 class="large-heading" style="text-align: center;">LAMAN TIDAK DITEMUKAN</h1> <h2 class="light-heading" style="text-align: center;">Kami mohon maaf atas ketidaknyamanan ini</h2>
  • Terakhir, klik tombol "Simpan Perubahan"

Untuk melihat hasil akhir dari laman 404 yang sobat blogger buat, masukkan URL blog sobat pada kotak pencarian Google di tambahkan dengan akhiran "/404". Contoh : http://www.tutorialblogspot.com/404 (Jangan lupa klik tombol Enter).

Senin, 06 Mei 2013

Definisi Blog

Definisi Blog Menurut Wikipedia :
  • Blog adalah sebuah situs diskusi atau informasi yang dipublikasikan di World Wide Web dan terdiri dari entri diskrit (Posting) yang biasanya ditampilkan dalam urutan kronologis terbalik.

Definisi Blog Menurut Blogger :
  • Blog adalah buku harian pribadi.
  • Blog merupakan situs web tempat pengguna internet dapat terus menulis tentang berbagai hal yang mana hal terbaru akan ditampilkan paling atas agar pengunjung dapat membaca yang baru.

blogger,blog,website,situs,web,definisi blog,pengertian blog,apa itu blog

Definisi Blog Menurut beberapa pemilik Blog :
  • Blog adalah tempat mengumpulkan dan berbagi hal-hal yang dianggap menarik — baik itu komentar politik, catatan harian pribadi, atau tautan ke situs web yang ingin di ingat.
  • Blog adalah singkatan dari web log
  • Blog adalah jurnal pribadi online bagi pemilik blog itu sendiri

Sabtu, 04 Mei 2013

Tips Mempercepat Loading Google Chrome

Media browser yang tenar di antara pengguna Internet adalah Mozilla Firefox, Internet Explorer, Safari, Google Chrome dan Opera. Jika pengguna Internet di tanya tentang media browser apa yang paling cepat? Sebagian besar di antara mereka pasti akan menjawab Mozila Firefox. Jawaban saya berbeda dengan sebagian besar pengguna Internet, karena menurut saya, Google Chrome merupakan media browser tercepat alias tergesit. Saya merasa Google Chrome memiliki kecepatan lebih ketimbang Firefox semenjak saya merubah default setting (Pengaturan Default) yang terdapat pada Chrome.

google chrome,chrome,hak cipta chrome

Berikut ini beberapa trik untuk mempercepat laju Google Chrome :
  • Rubah Setting Default Chrome.  Setting yang mesti di rubah pada Google Chrome :
Hilangkan tanda centang pada :
  • Tanya apakah laman yang tidak saya pahami ingin diterjemahkan
  • Aktifkan perlindungan phishing dan malware
  • Otomatis kirim statistik pemakaian dan laporan kemacetan sistem ke Google
  • Selain merubah Default Setting sobat juga harus secara rutin meng-update Google Chrome sobat.
  • Setiap selesai menjelajah Internet menggunakan Chrome, Hapus Cookies/History/Riwayat yang tersimpan.
  • Aktifkan "Pemaduan GPU pada semua laman Mac, Windows, Linux" (Menggunakan pemaduan yang dipercepat GPU di semua laman, tidak hanya yang berisi lapisan yang dipercepat GPU).
Caranya adalah :
  • Masukkan URL berikut pada kotak pencarian chrome "chrome://flags/" kemudian klik Enter.
  • Cari "Pemaduan GPU pada semua laman Mac, Windows, Linux". Terdapat tiga pilihan disana yaitu Default, Diaktifkan dan Dinonaktifkan. Pilih Diaktifkan
  • Klik tombol "Luncurkan Ulang Sekarang"

Kamis, 02 Mei 2013

Cara Mengetahui Versi Google Chrome Yang Kita Gunakan

Bagaimana cara kita mengetahui versi dari Google Chrome yang kita gunakan? Adakah diantara sobat semua yang tahu jawaban dari pertanyaan itu? Pertanyaan itu sangatlah mudah, tapi karena kita jarang mengotak-atik Google Chrome kita, kita pun bingung ketika muncul pertanyaan seperti itu. Ada dua cara yang bisa sobat lakukan untuk mengetahui versi Chrome yang terpasang di komputer atau Laptop sobat, yaitu melalui menu Setting dan melaui URL. Berikut ini penjelasan singkatnya.

1. Melalui Menu Setting
  • Klik menu dan pilih “Tentang Google Chrome” (Kalau komputer sobat saat itu terhubung dengan Internet, maka secara otomatis Chrome akan melakukan Update).

Info Chrome

  • Disana sobat bisa melihat secara langsung jenis atau versi dari Chrome yang terpasang.

Chrome Version,versi google chrome,update chrome


2. Melaui URL (Tanpa http//: atau akhiran domain)

Tentang Google Chrome,setting chrome,pengaturan Google Chrome,about google chrome

  • Masukkan kode berikut “chrome://version/” pada kotak pencarian sobat dan klik Enter (Jangan gunakan tanda petik).
  • Versi Google Chrome akan ditampilkan secara lengkap seperti di bawah ini!

Google Chrome 26.0.1410.43 (Pembuatan Resmi 189671) m
OS Windows
WebKit 537.31 (@146258)
JavaScript V8 3.16.14.9
Flash 11.6.602.180
Agen Pengguna Mozilla/5.0 (Windows NT 6.2) AppleWebKit/537.31 (KHTML, like Gecko) Chrome/26.0.1410.43 Safari/537.31
Baris Perintah "C:\Program Files\Google\Chrome\Application\chrome.exe" --flag-switches-begin --force-compositing-mode --sync-keystore-encryption --flag-switches-end
Jalur Yang Dapat Dijalankan C:\Program Files\Google\Chrome\Application\chrome.exe
Jalur Profil C:\Users\Lia and Didik\AppData\Local\Google\Chrome\User Data\Default
Variasi 5f9f065f-15eb91be
95c1ed7-f23d1dea
b03ddc1f-75e383c2
f9b252d0-fd526c81
dca78d1b-ca7d8d80
6b981c71-4ad60575
ca6785ad-766fa2d
3709139-766fa2d
ff3fc1a6-766fa2d
d86b76a4-766fa2d
7f6da4bf-92e135fa
75f7fb7e-766fa2d
ad0f4b69-83e4f49c
24dca50e-837c4893
ca65a9fe-91ac3782
82d91892-3d47f4f4
311b154d-3f4a17df
5a3c10b5-e1cc0f14
244ca1ac-4ad60575
5e29d81-cf4f6ead

Rabu, 01 Mei 2013

Google Adsense Meluncurkan Iklan Ukuran Baru

Beberapa hari yang lalu, Google meluncuran ukuran iklan baru untuk iklan AdSense yaitu dengan ukuran 970 × 90. Ukuran 970 × 90 merupakan ukuran standar IAB yang dikenal dengan nama “super leaderboards”. Dengan adanya ukuran baru iklan Adsense ini, tentunya akan mendatangkan hal yang positif bagi publisher Adsense, karena tampilan iklan yang lebih luas akan lebih memancing pengunjung untuk melakukan klik terhadap iklan itu.

Beberapa tim dari Google Adsense seperti Omer Gimenez Llach (A software engineer) dan Johan Land (A product manager) mengatakan "Ini adalah ukuran iklan yang lebih besar dari ukuran-ukuran sebelumnya dan penempatan iklan akan berpengaruh terhadap pengiklan itu sendiri untuk mempromosikan layanan/produk mereka dalam tampilan iklan yang lebih luas".

Adsense ukuran baru, ukuran 970*90,adsense new size
Screenshot Adsense ukuran 970*90

Kedua tim dari Adsense itu juga menambahkan "Iklan Adsense leaderboard dapat menampilkan hingga empat iklan teks yang terorganisir dalam kolom layout tapi, dengan ukuran iklan yang lainnya, jumlah iklan teks per unit dapat bervariasi menurut impresi yang ditinggalkan.