Cara Mengedit Kode Html Blog

Ya ya ya, posting ini dah ketinggalan jaman banget ya...

Tapi biarin aja, karena dulu waktu masih belajar blogging saya pun bingung mau ngedit kode HTML apa lagi kalo template nya dah rumit banget.

Bagi rekan2 blogger yang masih pemula, silahkan di ikuti langkah2 berikut, mudah kok!!

1. Log in di Blogger dan pilih blog yang akan di edit ( jika punya banyak blog )
2. Klik "Template" lalu klik " edit html "

3. Klik "Lanjutkan " dan Beri centang di " expand widget template "

4. Nah setelah itu kalian bisa langsung meng edit kode html, dan jika udah selesai klik "simpan"

Pasti ada yang bilang gini " Kalo gitu sih gua bisa, tapi nyari kodenya itu nyang susah ".
Saya pun dulu juga bingung mau nyari kode </head>, wkkakakaka. Tapi ternyata ada cara yang gampang sekali buat nyari kode.

Begini caranya:

a. Setelah kode Html siap di Edit, anda pencet Ctrl+F keyboard anda.
b. Tulis kode yang anda cari
c. Klik  "selanjutnya" untuk mencari kode yang lainya. ( mungkin ada lebih dari 1 kode yg sama )

Ps:

Untuk browser Firefox kotak pencarian di kiri bawah

Untuk Chrome ada di kanan atas

Untuk IExplorer saya gag pernah pake

Read more »

Template blog yang SEO Friendly

Selamat malam temen2 semua..

Karena bingung mau post apa malem ini, jadi dengan sedikit terpaksa saya bagi2 aja koleksi template blog untuk blogger yang di klaim SEO friendly.

Untuk penampilanya menurut saya cukup menarik, simpel dan enak untuk dilihat, buat kawan blogger yang mungkin masih mencari template yang sesuai untuk blog nya, template saya ini boleh di coba.

Sebenarnya template2 ini adalah premium template, tapi entah kenapa waktu saya mampir lagi di gratisin, jadi ya buru2 aja saya dowload.

Silahkan dipilih2 karena sekarang lagi cuci gudang, hehe.. untuk live demonya saya belum sempat buat, jadi kalau ada yang berminat langsung di apply aja di blog anda masing2. Tapi lebih baik di back up dulu template yang lama, siapa tahu mau dipake lagi.

Berikut adalah beberapa koleksi premium template saya yang diobral

1. Pro Design Template
Template ini sudah kelihatan profesional, seperti website bonafid aja. Sudah ada custom search box nya, ada tampilan slider gambar. Sangat cocok untuk blog yang berbau bisnis.
















2. Langit template
Template ini sederhana tapi berkesan elegan dan mewah. Sudah siap untu dipasangi Ads seperti adsense atau yang lainya.


















3. Speed Hosting Template
Bagi kalian yang punya bisnis reseller web hosting, template ini sangat cocok untuk dipakai, tampilan yang sudah web hosting banget, karena ini adalah template premium jadi tentu sudah SEO friendly.















4. Healthy system template
Kalau ada yang jadi affiliate marketer dan niche yang dipilih adalah weight loss, template ini saya rasa sangat ideal untuk diterapkan. Jadi visitor yang dateng bisa betah dan mau balik lagi.

Read more »

Cara Membuat Breadcrumb di Blogger

Malem temen2 semua, dah lama nih nggak update tentang tips blogging.

Kali ini saya ingin berbagi cara untuk membuat breadcrumb di blogger,mungkin kalian sudah familiar atau pernah dengar tentang breadcrumb.

Kalau menurut saya nih..

Breadcrumb adalah menu navigasi yang memudahkan pembaca tentang alur artikel yang mereka baca, misalnya mereka membaca artikel "Cara diet sehat dengan Bandeng", maka di menu breadcrumb akan nampak label dan judul artikel.

Untuk lebih jelasnya kita lihat skrinsut nya

Nah penampakanya seperti pada gambar diatas.
Memang kelihatanya sih sederhana, tapi kalau menurut saya itu membuat tampilan blog kita makin cantik dan profesional.

Ada pendapat dari berbagai ulama di pelosok negeri yang menyatakan bahwa breadcrumb juga mempermudah search engine atau Google untuk mengenal alur dari artikel kita tadi, dan ujung2nya membuat blog kita lebih SEO friendly.

Sudah cukup ceramahnya ya...
Sekarang kita mulai membuatnya, mudah dan simpel kok tinggal ikuti bimbingan saya ini ( hehehe)

1. Pertama kita Sign in dulu di blog kita
2. Biasa, masuk menu "template" dan "edit Html" jangan lupa untuk centang "expand widget"
    Kalo ada yang kesulitan mencari kode html, baca artikel yg judulnya cara edit kode html blog.
3. Kemudian cari kode ]]></b:skin> dan paste kan kode berikut DI ATASNYA

#breadcrumbs {padding:5px 5px 5px 0px;margin: 0px 0px 15px 0px;font-size:10px;line-height: 1.4em;border-bottom:1px dotted #CCCCCC;}

 4. Lalu cari lagi kode <b:if cond='data:post.title'> , dan lagi2 pastekan kode berikut DI ATASNYA,Ada sebagian blog yang mempunyai kode <b:if cond='data:post.title'> lebih dari satu biji, kalau menurut hemat saya pastekan kode berikut di atas setiap kodenya


<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> Browse &gt; <a expr:href='data:blog.homepageUrl'>Home</a> &gt; <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &gt; <data:post.title/></div> </b:if> </b:if>


5. Klik " Simpan " , daaaan.... jadi deh breadcrumb nya


Oiya, menu breadcrumb ini hanya muncul di halaman post saja, jadi tidak muncul di homepage kita.

Nah sekian dulu mata kuliah hari ini dan semoga bermanfaat.

Read more »

cara membuat link bookmark site

Malem rekan2 semua, saya baru aja jalan2 ke blog lain nyari cara buat java script, belum ketemu sih tapi malah nemu artikel ini. Artikel ini gunanya untuk membuat pengunjung blog kita suka mampir di blog kita.

Kita semua tahu kalau blog akan terasa hampa tanpa pengunjung, pengunjung buat saya adalah sahabat yang membuat hidup kita semakin berwarna.


Kepanjangan ya pembukaanya? baiklah kita mulai aja diskusinya. Topik kali ini adalah membuat link bookmark site.
Apa sih bookmark itu?? Bookmark adalah cara untuk membuat browser kita seperti firefox, chrome atau IE mengingat halaman website kita. Jadi para pengunjung yang suka dengan blog kita bisa kembali lagi dengan mudah tanpa harus nyari di kosnya mbah Google, hehe.

Langsung aja kita mulai langkah2nya. Sebelumnya anda harus login di akun blogger anda lalu edit html kode nya, bagi yang masih kesulitan ngedit html bisa baca instrksinya disini.

Jangan lupa centang expand widget template nya ya!!
Setelah itu anda cari kode </head> jika sudah ketemu paste kode berikut tepat di atasnya

<script type='text/javascript'>
function bookmarksite(title,url){
if (window.sidebar)
window.sidebar.addPanel(title, url, &quot;&quot;);
else if(window.opera &amp;&amp; window.print){
var elem = document.createElement(&#39;a&#39;);
elem.setAttribute(&#39;href&#39;,url);
elem.setAttribute(&#39;title&#39;,title);
elem.setAttribute(&#39;rel&#39;,&#39;sidebar&#39;);
elem.click();
}
else if(document.all)
window.external.AddFavorite(url, title);
}
</script>

Abis itu klik save template.

Lalu gimana cara menampilkanya??

Anda bisa memasangnya dimana saja, bisa di widget atau didalam postingan anda cukup pasang kode berikut ditempat yang anda suka.
Untuk menampilkan linknya bisa anda buat dengan text link biasa atau dengan gambar, kodenya:

Text link biasa:

<a href="javascript:bookmarksite('Judul Blog', 'URL Blog')">Bookmark Blog Ini!</a>

Link dengan gambar:

<a href="javascript:bookmarksite('Judul Blog', 'URL Blog')"><img src="url-gambar-anda" border="0"/></a>

Note:
bagian yang berwarna merah harus anda ganti dulu, dan yang warna hijau itu pilihan aja boleh diganti boleh tidak.
Jika judul blog anda terdapat tanda kutip misalnya Indra's Blog, maka anda harus menambahkan sebuah backslashed di javascript link anda, sehingga menjadi:


<a href="javascript:bookmarksite('Indra\'s Blog', 'URL Blog')">Bookmark Blog Ini!</a>

Sumber : cob22.blogspot

Read more »

Kapan terakhir kali Googlebot berkunjung

Googlebot Last Access

Selamat malam para blogger sekalian, malem2 gini saya mau kasih sedikit info yang menurut saya cukup simpel tapi bermanfaat. Kali ini saya ingin mengulas tentang kapan terakhir kali GOOGLE BOT berkunjung ke blog kita.

Apa sih google bot itu??
Google bot adalah robot milik Google yang tugasnya mengindex halaman blog kita. Saat Bot datang dia akan meng-crawl semua halaman blog kita, sehingga update terbaru dari blog kita akan terindex atau muncul di mesin pencari.

Tidak setiap hari GoogleBot berkunjung ke blog kita, lalu bagaimana cara mengetahui kapan bot Google bot berkunjung ke blog atau website kita?? caranya mudah kok.
Coba pakai cara di bawah ini:

1. Masukan Url blog anda ( url homepage / sub domain aja, ex: http://ubinpetak.blogspot.com )

2. Klik "Check Google Bot Last Access"

3. Hasilnya akan muncul di sebelah.

Cara diatas adalah untuk mengetahui kapan Mbah Google mampir. Mudah bukan??


Jadi rekan2 blogger tidak perlu khawatir kalau update  blognya belum terindex ama mbah Google mungkin karena bot nya yang belum sempet mampir aja.

Read more »

Cara Membuat Blog Gratis

Selamat siang semua, wah postingan ini mungkin dah ketinggalan jaman ya?? Tapi tak pe lah.. mungkin masih ada temen2 lain yang baru mau buat blog tapi masih bingung.

Membuat blog itu sangat mudah dan tentunya gratis..!! Ini saya beri sedikit petunjuk membuat blog gratis untuk pemula, kali ini saya ingin membuat blog dari blogger. Saya lebih suka pakai blogger.com ketimbang blog lainya, kenapa?? karena blogger merupakan cucu kandungnya Google sehingga blog kita mudah ke index sama Eyang Google.

Read more »

cara membuat tanggal update otomatis

Bagi kalian yang berkecimpung di dunia bisnis online atau mempunyai website sendiri, untuk membuat suatu review terlihat selalu update maka kalian bisa memakai kode berikut untuk membuat tanggal review selalu update.

Contohnya sebagai berikut:

Read more »

Cara Mengoptimalkan On Page Seo

Cara mengoptimalkan On Page SEO

Sudahkah kalian mengetahui apa itu On Page SEO??
Betul sekali On Page SEO adalah cara untuk mengoptimalkan SEO yang berada didalam halaman blog atau website kita, sehingga saat search engine meng-crawl blog kita dia bisa menemukan keyword sesuai yang berada di dalam judul atau artikel kita.

Read more »