Tampilkan postingan dengan label blog. Tampilkan semua postingan
Tampilkan postingan dengan label blog. Tampilkan semua postingan
Rabu, 06 November 2013
Cara membuat memasang navigasi breadcrumbs terindex Google di blog
Cara membuat / memasang navigasi breadcrumbs terindex Google di blog agar terlihat di dalam mesin pencari Google (Google search), beberapa waktu lalu saya pernah menjelaskan tentang cara membuat breadcrumb seo friendly yang tujuannya untuk memudahkan visitor menjelajahi halaman demi halaman pada blog anda sesuai dengan kategori yang ada
Sekarang saya akan membahas sedikit tentang perbedaan menu navigasi breadcrumbs seo friendly yang pernah saya tulis sebelumnya dengan yang akan kita terapkan sekarang. Mungkin sebelumnya anda sudah memasang breadcrumbs yang saya jelaskan dulu tetapi hasilnya tidak terlihat didalam pencarian Google seolah-olah tidak di index oleh Google, memang membutuhkan waktu yang sangat lama baginya untuk meng-indeks breadcrumbs yang seperti itu bahkan saya sempet dengar blog anda harus ber-pagerank 3 atau lebih. Tetapi sekarang hal itu tidak perlu dipersoalkan lagi meskipun blog anda belum mempunyai pagerank karena navigasi breadcrumbs yang satu ini akan terlihat di mesin pencari Google dengan waktu yang singkat dan semua label blog akan ter-index olehnya, nah untuk membuatnya anda ikuti tips dan trik blogger dibawah ini
Sekarang saya akan membahas sedikit tentang perbedaan menu navigasi breadcrumbs seo friendly yang pernah saya tulis sebelumnya dengan yang akan kita terapkan sekarang. Mungkin sebelumnya anda sudah memasang breadcrumbs yang saya jelaskan dulu tetapi hasilnya tidak terlihat didalam pencarian Google seolah-olah tidak di index oleh Google, memang membutuhkan waktu yang sangat lama baginya untuk meng-indeks breadcrumbs yang seperti itu bahkan saya sempet dengar blog anda harus ber-pagerank 3 atau lebih. Tetapi sekarang hal itu tidak perlu dipersoalkan lagi meskipun blog anda belum mempunyai pagerank karena navigasi breadcrumbs yang satu ini akan terlihat di mesin pencari Google dengan waktu yang singkat dan semua label blog akan ter-index olehnya, nah untuk membuatnya anda ikuti tips dan trik blogger dibawah ini
Cara membuat Breadcrumbs di Blogspot / Blogger
- Login di Blogger
- Pilih Template
- Pilih Edit HTML (lebih baik back up template dulu untuk menghindari kesalahan)
- Centang Expand Widget Templates
- Kalau sebelumnya anda sudah memasang breadcrumbs silahkan dihapus dulu kode breadcrumb yang lama
- Kemudian cari kode ]]></b:skin>
- Copy kode di bawah ini dan paste tepat di atas kode ]]></b:skin>
.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}
- Kemudian cari kode <b:includable id=main var=top> gunakanlah CTRL+F untuk mempermudah pencarian
- Ganti kode <b:includable id=main var=top> dengan kode yang dibawah ini
<b:includable id=breadcrumb var=posts><b:if cond=data:blog.homepageUrl != data:blog.url>Terakhir simpan template anda dan navigasi breadcrumbs akan siap di index Google
<b:if cond=data:blog.pageType == "static_page">
<div class=breadcrumbs><span><a expr:href=data:blog.homepageUrl rel=tag>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond=data:blog.pageType == "item">
<!-- breadcrumb for the post page -->
<b:loop values=data:posts var=post>
<b:if cond=data:post.labels>
<div class=breadcrumbs xmlns:v=http://rdf.data-vocabulary.org/#>
<span typeof=v:Breadcrumb><a expr:href=data:blog.homepageUrl property=v:title rel=v:url>Home</a></span>
<b:loop values=data:post.labels var=label>
» <span typeof=v:Breadcrumb><a expr:href=data:label.url property=v:title rel=v:url><data:label.name/></a></span>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class=breadcrumbs><span><a expr:href=data:blog.homepageUrl rel=tag>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond=data:blog.pageType == "archive">
<!-- breadcrumb for the label archive page and search pages.. -->
<div class=breadcrumbs>
<span><a expr:href=data:blog.homepageUrl>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond=data:blog.pageType == "index">
<div class=breadcrumbs>
<b:if cond=data:blog.pageName == "">
<span><a expr:href=data:blog.homepageUrl>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href=data:blog.homepageUrl>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id=main var=top>
<b:include data=posts name=breadcrumb/>
Selasa, 05 November 2013
Bagaimana Rahasia Membuat Blog Tampil Profesional
Sebuah blog memang didesain untuk digunakan sebagai media penyaluran ekspresi diri. Blog memiliki konsep sebagai media ataupun sebagai ladang bisnis. Seiring dengan makin berkembangnya blog semakin luas pula tujuan seseorang melakukan blogging. Seseorang mulai berpikir bagaimana dia bisa menghasilkan uang dari blog yang dikelolanya.
Rahasia agar blog ramai dikunjungi salah satunya dengan cara mendesain template se-profesional mungkin dan perlu diperhatikan pula bahwa tidak semua hal dalam layout kita terlihat bagus menjadi hal yang bagus juga bagi para pengunjung.
Berikut kiat-kiat untuk membuat blog tampil profesional :
1. Jangan Berlebihan
Terlalu berlebihan itu tidak baik. maksudnya Jangan memasang aksesoris terlalu banyak. Hal ini akan membuat pengunjung menjadi bingung saat melihat halaman blog kita. Mereka akan kebingungan saat mereka harus berbuat apa melihat begitu banyaknya aksesoris yang kita pamerkan selain itu dapat memperberat loading blog. pasanglah aksesoris yang memang dibutuhkan untuk memperjelas pengunjung dalam mengakses apa saja yang ada dalam blog kita contohnya : populer post, recent post, relate post dll.
2. Jawab setiap komentar pembaca dengan etika yang baik
Setidaknya hal ini dapat menunjukan jika kita sangat komunikatif, apresiatif, dan responsif dalam menanggapi setiap masukan dari pembaca kita. Dengan begitu komunikasi yang baik akan tetap terjaga antara kita dengan pembaca dan hal ini pun akan membuat blog kita terlihat lebih hidup/dinamis.
3. Jangan hanya copy-paste
Pada dasarnya tindakan copy paste atau menyalin artikel dari blog milik orang lain adalah sebuah tindakan yang kurang menguntungkan. Saya tidak melarang anda untuk melakukan copy-paste, jika memang dilakukan sebaiknya perbaiki juga code scriptnya, hargai jerih payah penulis sebenarnya dan sertakan link sumbernya karna jika hanya copy-paste tulisannya tidak bakal terlihat rapi dan membuat diri tidak berkembang.
4. Jangan merendahkan diri
Jangan melakukan hal-hal yang dapat menurunkan citra kita sebagai pemilik blog di mata para pembaca. Contohnya kita menyuruh kepada pengunjung untuk mengklik iklan yang kita tampilkan atau memaksa setiap pembaca untuk mengomentari postingan blog kita. Biarkan lah semua mengalir apa adanya tanpa paksaan. Wibawa pemilik blog yang baik akan sedikit banyak mendongkrak popularitas blog kita di mata pengunjung.
5. Perhatikan gaya bahasa dan tanda baca
Jika blog kita hendak mendapatkan predikat blog yang profesional, perhatikan semua unsur mulai dari unsur yang paling kecil sekalipun. Perhatikan bagaimana gaya bahasa yang kita gunakan dalam menulis. Tidak usah dibuat-buat, menulis lah apa adanya, menulislah seperti pada saaat kita berbicara. Perhatikan tulisan anda apakah sudah benar tanda bacanya. Kesalahan dalam titik koma saja akan berakibat mempunyai arti yang berbeda. korelasi antar kalimatnya, apakah ada link yang mati/dead link atau tidak, bagaimana diksi atau pemilihan katanya, hingga bagaimana pemilihan topik menarik yang kita pilih.
6. Jangan memasang iklan yang berserakan
Iklan yang banyak memang sangat menguntungkan, namun jangan sampai isi halaman anda hanya iklan dan iklan. Pasang iklan sewajarnya saja dan tahukah anda pengunjung sangat risih dengan adanya iklan yang telihat melebihi kapasitas dari isi halaman blog anda.
7. Blog Bermanfaat
Apapun alasan anda membuat blog jadikanlah blog yang anda buat menjadi Blog Bermanfaat untuk diri sendiri dan untuk orang lain.
Itu lah beberapa hal yang bisa dilakukan agar blog tampil profesional di mata pengunjung. Terimaksih,semoga bermanfaat.
Sabtu, 19 Oktober 2013
Pasang Emoticon Kucing Lucu Pada Postingan Blog
hehehe Lucu kan. Biasanya emoticon kakay gini di pasang di kotak komentar blog, namun sekarang aku pingin berbagi ilmu (bahasanya kayak pinter aja hehehe) buat emoticon pada postingan blogCaranya gampang kok, pada saat kamu ingin memosting artikel (pastikan ada dalam edit HTML) kamu taruh kode dibawah ini
<img border=0 src=http://i496.photobucket.com/albums/rr329/grandisyf/capek.gif/>
<img border=0 src=http://i496.photobucket.com/albums/rr329/grandisyf/bigsmile.gif/>
<img border=0 src=http://i496.photobucket.com/albums/rr329/grandisyf/hi.gif/>
<img border=0 src=http://i496.photobucket.com/albums/rr329/grandisyf/kagum.gif/>
<img border=0 src=http://i496.photobucket.com/albums/rr329/grandisyf/love.gif/>
<img border=0 src=http://i496.photobucket.com/albums/rr329/grandisyf/malu.gif/>
<img border=0 src=http://i496.photobucket.com/albums/rr329/grandisyf/marah.gif/>
<img border=0 src=http://i496.photobucket.com/albums/rr329/grandisyf/bingung.gif/>
<img border=0 src=http://i496.photobucket.com/albums/rr329/grandisyf/mumet.gif/>
<img border=0 src=http://i496.photobucket.com/albums/rr329/grandisyf/muntah.gif/>
<img border=0 src=http://i496.photobucket.com/albums/rr329/grandisyf/mentok.gif/>
<img border=0 src=http://i496.photobucket.com/albums/rr329/grandisyf/ngakak.gif/>
<img border=0 src=http://i496.photobucket.com/albums/rr329/grandisyf/sedih.gif/>
<img border=0 src=http://i496.photobucket.com/albums/rr329/grandisyf/senang.gif/>
<img border=0 src=http://i496.photobucket.com/albums/rr329/grandisyf/tolong.gif/>
<img border=0 src=http://i496.photobucket.com/albums/rr329/grandisyf/wow.gif/>
Pilih salah satu yg kamu inginkan, kalo mau emoticon gini kamu pake kode yg ini <img border=0 src=http://i496.photobucket.com/albums/rr329/grandisyf/bingung.gif/> dan seterusnya
Kalo udah puas lihat hasilnya di compose, kalo berhasil postingan udah siap di terbitkan, dan keren abis
Oke sekian dulu yaa, semoga bermanfaat
Kamis, 10 Oktober 2013
Membuat Buku Tamu Tersembunyi Pada Blog Tapi Tetep Terisi
Siapa yg gak tau buku tamu atau chatbox??? kayaknya semua teman blogger udah pada tau tuh. Buku tamu atau chatbox ini memang memilik peran penting dalam hal berinteraksi dengan pengunjung blog, namun jika dilihat-lihat sepertinya buku tamu ini sedikit menggangu penampilan blog kita yaa, mau di hapus,,,tapi kasihan juga. Mending sembunyiin aja yuk, madsud disembunyiin itu kayak buku tamu punyaku ini lho, coba lihat dulu
Gimana bagus kan ??? yg kepingin buku tamunya digituin ikuti langkah-langkah berikut yaaa
2. Segera meluncur ke Rancangan lalu pilih elemen halaman
3. Pilih tambah gadget, lalu pilih HTML/Java script
4. Tambahin kode ini di bawah ini
<!-- left hidden chatbox by http://gadogadorahma.blogspot.com START -->
<style>
#hcl { position:fixed;
top:100px;
left:0px; z-index:+1000; }
* html #hcl {position:relative;}
.hcltab {
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYRd8Bw5ATPhIB-YR45o3oLhyphenhyphenXMXzS8JQIeeKMP_gWS8HDFxswWKlmvOpRtJrNsiBKr8ZkDx7-FKeJJs3yoBnU5x8tEZP11KX-Iz31U2kieigAhikdyBoWOsHt7hHx8D7lfIdRhN9PfqA/s400/cbred-LEFT.png)
no-repeat;
}
.hclcontent {
float:left;
border:2px solid #790909;
background:#f3f6f7;
padding:10px;
}
.hc-credit {
font-size:9px
}
.hc-credit a {
text-decoration:none
}
</style>
<script type="text/javascript">
function showHidehcl(){
var hcl = document.getElementById("hcl");
var w = hcl.offsetWidth;
hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0);
hcl.opened = !hcl.opened; } function movehcl(x0, xf){
var hcl = document.getElementById("hcl");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir; hcl.style.left = x.toString() + "px"; if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);}
}
</script>
<div id="hcl"> <div class="hclcontent">
<!-- KODE BUKU TAMU PUNYAMU -->
<br />
<div class="hc-credit">
<span style="float:left">
<!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->
<a href="http://gadogadorahma.blogspot.com" target="_blank">
Get this widget! </a>
</span>
<span style="float:right">
<a href="javascript:showHidehcl()"> [close]
</a>
</span>
</div>
</div>
<div class="hcltab" onclick="showHidehcl()">
</div>
</div>
<script type="text/javascript">
var hcl = document.getElementById("hcl"); hcl.style.left = (30-hcl.offsetWidth).toString() + "px";
</script>
<!-- left hidden chatbox by http://gadogadorahma.blogspot.com END -->
5. Ganti tulisan yg berwarna biru dengan kode sript buku tamu yg pingin disembunyiin
6. Kalo udah simpan
Lihat deh hasilnya, bagus kan
Sekian dulu yaa, kalo ada masalah silahkan tinggalkan pesan kalian di kotak komentar, semoga bermanfaat
Rabu, 02 Oktober 2013
Hal Hal yang tidak disukai pengunjung blog web
Black Line - Banyak pengunjung adalah salah satu tujuan seseorang membuat blog atau website . Namun kita tidak tau apakah pengunjung tersebut senang atau tidak mengunjungi website kita . Berikut adalah beberapa hal yg tidak disukai orang-orang yg mengunjungi website kita
1 . Iklan Pop-up
2 . Kewajiban untuk registrasi atau login untuk melihay halaman website tersebut
3 . Lambatnya muncul halamam web tersebut
4. Link yg tak bisa diakses
5 . Navigasi atau tampilan yg membingungkan
6 . Informasi yg gak diupdate (kayak blog ini)
7 . Musik yg tiba-tiba aja nongol tanpa sebab
8 . Browser yg gak bisa diklik back
9 . Flash atau widget yg berlebihan hingga loading halaman lambat
10 . Teks bergerak
11 . Tampilan yg monoton
Buat kalian yg websitenya seperti itu sebaiknya berpikir untuk menghilangkan atau membenahi blog atau website kalian , kalo gak ingin pengunjung setianya kabur kalang kabut hehehehe : )
Langganan:
Postingan (Atom)