nGe Hank

Tampilkan postingan dengan label blogger. Tampilkan semua postingan

Minggu, 10 November 2013

7 Ekstensi Google Chrome Terbaik Untuk Blogger

Bagi yang serius ngeblog, tentu saja berharap blognya bisa sukses. Dan ibarat maju berperang kita harus menyiapkan senjata dan peralatan yang memadai.

Chrome, seperti kita tahu, adalah salah satu browser besutan Google yang saat ini sangat populer dan banyak digunakan. Nah, bagi Anda yang menggunakan Google Chrome, seperti saya, kali ini saya ingin share beberapa ekstensi yang saya gunakan dan saya rasakan sangat bermanfaat bagi para webmaster atau blogger.

Inilah 7 ekstensi Chrome terbaik yang sangat bagus untuk para webmaster dan blogger yang siap berperang memenangkan persaingan keras di dunia blogging, hehehe....

1. Resolution Test

Ini tool yang sangat bermanfaat. Dengannya kita bisa mengetes tampilan situs / blog kita pada berbagai resolusi layar. Saya masih sering melihat blog yang bagus hanya pada resolusi tertentu, tapi ketika dibuka pada komputer dengan resolusi berbeda, tampilannya jadi berantakan. Nah, jika Anda menggunakan ekstensi ini, kiranya hal tersebut tidak perlu terjadi.

2. Chrome SEO
Ini adalah ekstensi SEO paling populer untuk Chrome. Tool ini memberikan informasi lengkap yang dibutuhkan untuk mengoptimasi konten blog Anda. Di dalamnya terdapat tool riset, backlink dan page rank checker, no-follow link, total halaman yang terindeks, detil domain, termasuk info lokasi server dan whois, dan banyak lagi. Anda perlu mencobanya.

3. Site Information Tool
Ini juga tidak kalah bagus dari ekstensi nomor 2 di atas. Menampilkan informasi-informasi penting SEO, seperti page rank, alexa, informasi IP, whois dan paremeter SEO lainnya. Satu alat untuk mendapatkan informasi penting SEO dengan mudah.

4. Speed Tracer
Kecepatan halaman merupakan salah satu faktor penting. Google sendiri selalu menyarankan untuk memangkas waktu loading sebuah blog atau situs. Nah, dengan tool yang satu ini, Anda dapat mengukur performa sebuah aplikasi web dan situs web. Speed Tracer bisa mengidentifikasi dan memperbaiki masalah kecepatan situs yang disebabkan oleh tata letak, CSS, javascript dan lain-lain. Jadi, jika Anda merasa blog atau situs Anda melambat tanpa Anda tahu sebabnya, beri kesempatan Speed Tracer untuk mencarikan solusinya untuk Anda.

5. Webpage Screenshot
Solusi Cepat dan Sederhana untuk menyimpan halaman web dalam bentuk JPG atau PNG. Sepanjang apapun halaman web, akan tersimpan dalam satu file gambar cukup dengan satu klik. Untuk para desainer, mereka dapat melakukan perubahan ukuran window sebelum melakukan menyimpan gambar.

6. Shareaholic
Satu ekstensi yang sangat bermanfaat untuk membagikan sebuah halaman web ke facebook, twitter, google+ dan banyak yang lainnya. Satu hal yang saya suka dari ekstensi ini adalah, selain sangat ringan sehingga tidak membuat berat Google Chrome, juga menyediakan kustomasi tombol keyboard untuk masing-masing layanan.

7. Chrome Editor
Jika Anda sering mengedit kode html situs Anda, ekstensi memungkinkan Anda mengeditnya langsung dari browser. Anda juga dapat menyimpan kode tersebut di komputer sebagai back-up atau referensi atau pun langsung mengirimkannya kepada seorang teman melalui email.

Nah, itulah 7 ekstensi Chrome yang menurut saya sangat bermanfaat untuk para webmaster dan para blogger demi meningkatkan produktivitas dan memangkas banyak usaha dan waktu.

Apakah Anda memiliki ekstensi favorit lainnya? Saya tunggu sharingnya melalui komentar di bawah. Semoga bermanfaat.

Salam.

Selengkapnya

Rabu, 06 November 2013

Blogger Template Kreasi BB 2 G

Blogger Template yang sekarang ini saya beri nama Kreasi BB.2 GPlus, :q; karena Template ini saya edit ulang dari Kreasi BB.2 yang sebelumnya, cuma posisi Sidebarnya saya pindahkan :z; dan yang paling penting Template ini sudah memakai Komentar Google Plus makanya saya beri nama Kreasi BB.2 GPlus

Cara Install dan Setting Template Kreasi BB.2 GPlus

- Cara Mengganti Template

Setelah kawan Download filenya silahkan Ekstrak dulu dari yang bertype rar menjadi xml di Komputer kawan
Masuk Account Blogger dengan ID kawan
Pilih Template - Cadangkan / Pulihkan
Pilih file Kreasi BB.2 GPlus.xml yang sudah di ekstrak di komputer tadi terus Unggah, tunggu sampai selesai pengunggahan
Selanjutnya pilih Tata Letak untuk memindahkan Widget / Gadget sesuai selera kawan

- Cara Setting Template

Pilih Template - Edit HTML
Tambahkan Keyword dan Discription serta yang lainnya [Perhatikan]

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html expr:dir=data:blog.languageDirection xmlns=http://www.w3.org/1999/xhtml xmlns:b=http://www.google.com/2005/gml/b xmlns:data=http://www.google.com/2005/gml/data xmlns:expr=http://www.google.com/2005/gml/expr>
<head>
<link href=http://fonts.googleapis.com/css?family=Oswald rel=stylesheet type=text/css/>
<b:if cond=data:blog.pageType == "index">
<b:if cond=data:blog.pageType == "item">
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> | Your Blog Description</title>
</b:if>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:if cond=data:blog.url == data:blog.homepageUrl>
<meta content=Your Blog Description here! name=description/>
<meta content=Your Keywords here! name=keywords/>
<meta content=Author Name here! name=Author/>
<meta content=general name=rating/>
<meta content=all name=robots/>
<meta content=index, follow name=robots/>
<meta content=id name=geo.country/>
<meta content=1 days name=revisit-after/>
<meta content=Indonesia name=geo.placename/>
</b:if>

Selanjutnya cari ]]></b:skin> dan ganti ID Google+ punya saya - lihat contoh

]]></b:skin>
<link href=https://plus.google.com/101141011579420362463 rel=author/>

Terakhir cari <div class=ad> yang selengkapnya kurang lebih sebagai berikut

<div class=ad>
<b:section class=headeradsense id=headeradsense preferred=yes showaddelement=no/>
<br/>
<div id=Navmenu-menggulung>
<div class=item>
<a class=link icon_cari/> <div class=item_content> <h2><div id=search>
<form action=/search id=searchform method=get style=display:inline;>
<input id=searchbox maxlength=160 name=q onblur=if (this.value == "") {this.value = "Search...";} onfocus=if (this.value == "Search...") {this.value = ""} type=text value=Search.../>
</form></div></h2> </div> </div>
<div class=item>
<a class=link icon_test/> <div class=item_content> <h2><a href=https://developers.google.com/speed/pagespeed/insights>TEST BLOG</a></h2> </div> </div>
<div class=item>
<a class=link icon_kontak/> <div class=item_content> <h2><a href=http://blogspot.com/2012/01/contact-us.html target=_blank> KONTAK BBC </a></h2> </div> </div>
<div class=item>
<a class=link icon_daftar/> <div class=item_content> <h2><a href=http://blogspot.com/2012/01/site-map-html target=_blank>DAFTAR ISI</a></h2> </div> </div>
<div class=item>
<a class=link icon_beranda/> <div class=item_content> <h2><a href=http://blogspot.com/>BERANDA</a></h2> </div> </div>
<div style=clear:both;/> </div>
<script type=text/javascript>
function collapse(a){var b=1440;var c=setInterval(function(){if(b==0){clearInterval(c);return}b-=40;$('.link',a).stop().animate({rotate:'+=40deg'},0)},10);a.stop().animate({width:'38px'},1e3).find('.item_content').stop(true,true).fadeOut().find('p').stop(true,true).fadeOut()}function expand(a){var b=0;var c=setInterval(function(){if(b==1440){clearInterval(c);return}b+=40;$('.link',a).stop().animate({rotate:'+=-40deg'},0)},10);a.stop().animate({width:'178px'},1e3).find('.item_content').fadeIn(400,function(){$(this).find('p').stop(true,true).fadeIn(600)})}$('.item').hover(function(){var a=$(this);expand(a)},function(){var a=$(this);collapse(a)});
</script>
</div>
</div> </div>

Ganti semua URL / Link saya dengan punya kawan

Kalau semuanya sudah selesai jangan lupa simpan Template kawan

Selengkapnya