Tampilan Baru Google Plus (Google+)

Pada hari Rabu, di San Francisco, Wakil Presiden Senior Google, Vic Gundotra mengumumkan 41 fitur baru untuk situs jejaring sosial perusahaan mereka yakni Google Plus. Untuk selanjutnya, Google+ akan menerima lagi redesign lain yang terlihat akan menyatukan website di smartphone, tablet dan komputer desktop . Redesign beradaptasi didasarkan pada ukuran layar perangkat dari satu kolom saat melihat pada smartphone dengan dua sampai tiga kolom ketika pada tablet atau laptop. Salah satu fitur baru Google yang ditambahkan disebut dengan "“related hashtags" yang dapat menganalisis konten tulisan dan secara otomatis menerapkan hashtag kepada konten tulisan. Fitur lain, yang dikenal sebagai Auto Enhance, akan menganalisis foto yang diunggah dan membantu membuat foto terlihat lebih baik dengan menyesuaikan tingkat saturation, kecerahan, kontras dan warna.

Perubahan tampilan Google Plus secara total membuat banyak pengguna Google plus kebingungan, kaget dan ada juga yang merasa bahagia. Semua ini bisa terlihat dari status yang mereka buat langsung di situs jejaring sosial Google+. Bagaimana dengan Anda? Apa tanggapan Anda terhadap perubahan tampilan Google+?

Google Chrome Versi Windows 8

Kabar terbaru buat pengguna Chrome, kini Google Chrome terlihat lebih mantap jika diluncurkan dalam tampilan atau dalam mode Windows 8. Perkembangan terbaru Chrome ini bisa bekerja dalam mode Windows 8 jika Chrome merupakan browser default. Fitur terbaru Chrome yang seperti ini mulai berkembang semenjak Microsoft meluncurkan Windows 8. Bagaimana cara merubah mode standar Chrome menjadi mode Windows 8 bisa ditonton melalui video Youtobe di bawah ini. Video tutorial ini saya unggah pada tanggal 22 April 2013.



Untuk memasukkan video ini ke situs web anda, masukkan kode yang ada di bawah ini. Untuk lebih jelasnya baca tutorial tentang "Cara Memasang Video YouTobe Ke Dalam Postingan Blog".

<iframe width="640" height="360" src="http://www.youtube.com/embed/ZuOozGFtWm0?feature=player_detailpage" frameborder="0" allowfullscreen></iframe>

Cara Membuat Widget Popular Post Berwarna Warni Di Blogger

Multi-colored popular post widget adalah widget default blogger untuk menampilkan beberapa posting yang paling populer dengan modifikasi tampilan yang berwarna warni. Warna background yang digunakan oleh widget ini adalah Merah, kuning, hijau, biru, ungu, orange, pink, dan banyak lagi warna lainnya. Widget populer post ini memiliki tampilan yang sangat indah dan sangat menyejukkan mata sehingga tidak mengherankan kalau banyak situs atau blog manca negara yang memasang widget ini.

Untuk memodifikasi tampilan widget populer post, sobat blogger hanya menambahkan kode CSS (Cascading Style Sheet). Jadi, sobat blogger tidak perlu edit template, karena kode CSS tersebut dapat kita masukkan melalui laman Blogger Template Designer. Untuk lebih jelasnya, ikuti saja tutorial blogger di bawah ini!

---

Cara Membuat Multi-Colored Popular Posts Widget

---

Langkah Pertama

1. Sign In blogger.com
2. Pada Menu drop down, pilih layout
3. Klik add a gadget lalu pasang widget Populer post dengan setting atau pengaturan seperti gambar di bawah ini!

Langkah Kedua

• Sign in di blogger.com
• Pada menu drop down pilih template.
• Klik tombol Costumize
• Klik Advanced dan klik Add CSS
• Pada kolom yang tersedia, copy paste kode yang ada di bawah ini!

#Label1 ul li a:hover{color:#fff;text-decoration:none}
#Label1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding-top: 10px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
#Label1 ul li:first-child:after,
#Label1 ul li:first-child + li:after,
#Label1 ul li:first-child + li + li:after,
#Label1 ul li:first-child + li + li + li:after,
#Label1 ul li:first-child + li + li + li + li:after,
#Label1 ul li:first-child + li + li + li + li + li:after,
#Label1 ul li:first-child + li + li + li + li + li + li:after,
#Label1 ul li:first-child + li + li + li + li + li + li + li:after,
#Label1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#Label1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#Label1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}
#Label1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#Label1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}
#Label1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#Label1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}
#Label1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#Label1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}
#Label1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#Label1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}
#Label1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#Label1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}
#Label1 ul li:first-child + li + li + li + li:after{content:"5"}
#Label1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}
#Label1 ul li:first-child + li + li + li:after{content:"4"}
#Label1 ul li:first-child + li + li{background:#ffde4c;width:90%}
#Label1 ul li:first-child + li + li:after{content:"3"}
#Label1 ul li:first-child + li{background:#ff764c; width:90%}
#Label1 ul li:first-child + li:after{content:"2"}
#Label1 ul li:first-child{background:#ff4c54 ;width:90%}
#Label1 ul li:first-child:after{content:"1"}
#Label1 ul{margin:0;padding:0px 0;list-style-type:none}
#Label1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}

• Klik tombol Apply To Blog

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

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.

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).

No	URL	Judul
1	www.alexa.com	Alexa - The Web Information Company
2	www.blogger.com	Blogger: Create your free Blog
3	www.facebook.com	Welcome to Facebook - Log In, Sign Up or Learn More
4	www.o-om.com	Blogger Tutorial Plus Free Blogger Templates | OOM
5	www.microsoft.com	Microsoft Home Page | Devices and Services
6	www.wikipedia.org	Wikipedia
7	www.bing.com	Bing
8	www.google.com	Google
9	www.youtube.com	YouTobe
10	www.apple.com	Apple

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.

---

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

• 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).

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.

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