Cara Mengganti Cursor Blog Dengan CSS

Cara Mengganti Cursor Blog Dengan CSS. Mau tau gimana caranya ganti Cursor Blog. Ini sangat mudah loh, karena ini hanya menggunakan CSS saja. Jika sobat mau tau bagaimana cara mengganti cursor blog. Silakan ikutin tata cara merubahnya.

1. Login Blogger
2. Setelah itu pilih Rancangan
3. Kemudian pilih Edit HTML
4. Dan cari kode berikut, gunakan CTRL+F untuk memudahkan pencarian kodenya

body {.....}

5. Jika sudah ketemu, tambahkan kode berikut tepat didalam kurungannya

cursor: url("URL Gambar Cursor"), content;

6. Jika sudah diletakan, sekarang simpan template dan lihat hasilnya

Nah begitulah Cara Mengganti Cursor Blog Dengan CSS. Semoga bermanfaat :D

Pasang Breadcrumb Yang Cepat Terindex Google

Pasang Breadcrumb Yang Cepat Terindex Google. Breadcrumb Yang Cepat Terindex Google sebenarnya pasti kalian cari selama ini kan, ini benar-benar cepat loh. Saat saya menggunakan breadcrumb ini blog saya tambah seo dan breadcrumbnya pun sudah terindex.

Breadcrumb pada blogger atau blogspot sangat penting, disamping untuk membagun internal link yang mengarah ke homepage, breadcrumb pada blogspot juga bagus untuk SEO, dengan adanya breadcrumb yang terpasang di blogspot kamu, maka google bisa mengindex pula breadcrumb tersebut, lihat gambar dibawah ini!

Klik gambar di atas jika gambar tidak terlalu jelas. Nah di atas ABC-XP mengetikan keyword "Memanfaatkan BIU Agar Artikel Cepat Terindex Google" pada hasil pencarian google di tunjukan breadcrumb yang sudah di index oleh google.

Breadcrumb yang terindex memang memberikan kesan yang lebih singkat di hasil pencarian google. Dan jika kalian juga ingin memasang breadcrumb yang lebih seo dan cepat terindex oleh google, silahkan ikutin caranya di bawah ini.

• Login ke blogger.com.
• Klik Tata Letak.
• Pilih tab Edit HTML
• Click Download Full Template andplease back up your template first.
• Kemudian beri tanda centangpada kotak kecil di sampingtulisan Expand Template Widget.
• Silahkan cari kode ]]></b:skin>
• Letakkan kode dibawah ini tepat diatas kode ]]></b:skin>

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double
#e6e4e3;
}

• Langkah berikutnya kamu cari kode <div class='post hentry uncustomized-post-template'>
• Setelah ketemu kode diatas,kamu letakkan kode dibawah ini tepat dibawah kode <div class='post hentry uncustomized-post-template'>

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>
</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if>

• Kemudian Save Template,
• Tunggu beberapa saat sampai template anda tersimpan. Setelah selesai lihat pada posting anda tepatnya di atas judul artikel untuk menentukan berhasil tidaknya anda memasang breadcrumb-navigation. Jika berhasil maka breadcrumb-navigation nya akan tampil seperti di atas judul posting ini.

Demikian Cara Pasang Breadcrumb Yang Cepat Terindex Google dan untuk test hasil breadcrumb kamu terindex atau tidak nantinya silahkan cek di Rich Snippets Testing Tool.
semoga dengan membuat breadcrumb di blogspot,postingan kamu cepat terindex google.Kalau berhasil jangan lupa untuk berkomentar.
Semoga bermanfaat.

Memanfaatkan BIU Agar Artikel Cepat Terindex Google

Memanfaatkan BIU Agar Artikel Cepat Terindex Google. Apa itu BIU, BIU adalah Bold, Italic, and Underline sebuah fitur yang pastinya anda semua sudah mengetahuinya karena fitur ini banyak dijumpai di Ms Office,mungkin banyak orang mengira bahwa google hanya akan mengindex link yang kita posting jadi banyak orang juga yang mengunakan link-link yang akan membingungkan pembaca,padahal ada alternatife lain yang memungkinkan blog anda cepat diindex google yaitu BIU.

Dengan Memanfaatkan BIU Agar Artikel Cepat Terindex Google dan kita dapat memberikan pada kalimat yang akan anda jadikan “keyword” pada posting anda,sebagai contoh pada artikel ini saya member atribut italic pada beberapa kalimat yang akan saya jadikan keyword untuk artikel ini,tapi perlu diingat kita tidak boleh memberi atribut double artinya jika kita suudah memakai underline kita tidak boleh menambahkan Bold ditulisan yang sama,begitupun sebaliknya.

Bagaimana tertarik tidak? Kalau saya lebih menyukai mengunakan atribut BIU dari pada memasang suatu link,karena akan sangat memberi kenyamanan kepada pembaca artikel kita, sehinga pembaca akan loyal dan betah berlama-lama di blog kita

Cara Membuat Semua Gambar Blur Pada Blog

Cara Membuat Semua Gambar Blur Pada Blog. Daripada nggak posting (bingung posting) mending posting tentang Tricks Blog dengan judul Cara Membuat Semua Gambar Blur Pada Blog. Blur maksudnya gambar akan menjadi gelap jika kita menyorot gambar tersebut dan akan menjadi terang jika kita tidak menyorot gambar tersebut dengan kursor mouse. lebih bagusnya ini tidak membuat blog menjadi berat karena Cara ini menggunakan CSS.

Sebelum anda melihat hasilnya pada blog anda sendiri, anda juga dapat melihat hasilnya pada blog ini. Silakan sorot gambar DBP di bawah ini:

1. Login Blogger
2. Pilih Rancangan
3. Kemudian Pilih Edit HTML
4. Lalu anda cari kode ]]></b:skin> Cari kode tersebut dengan menggunakan CTRL+F. Dan Copy kode di bawah tepat di atas kode ]]></b:skin>

img:hover{opacity:0.5;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;}img{opacity:1.0;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;}

5. Jangan lupa untuk Menyimpan Templatenya dan lihat hasilnya


Selamat Mencoba dan Semoga Berhasil :D
Rating: 5

Cara Paling Ampuh Mendapatkan Backlink

Cara Paling Ampuh Mendapatkan Backlink. Bagaimana Cara Mendapatkan Backlink dengan cara yang baik dan benar? jawabannya nanti saja kita bahas dulu apa itu backlink? Backlink adalah Link Balik yang akan menuju ke blog kita dari blog orang lain, itu juga bisa kita sebut sebagai Link Masuk.

 Nah bila sudah mengerti apa itu backlink. Sekarang abc-xp akan menjelasakan Cara Paling Ampuh Untuk Mendapatkan Backlink Dengan Cara Yang Baik Dan Benar. Bagaimana kira-kira menurut sobat tentang cara mendapatkan backlink dengan cara yang baik dan benar, dan ini adalah cara saya sendiri. Mungkin ini adalah cara saya dan bukan cara orang lain. Mungkin saja cara orang lain berbeda dengan cara saya yang unik ini :D baiklah mungkin kalian sudah tidak sabar untuk mendapatkan Backlink dengan cara saya sendiri yang bisa di bilang unik wkwkwk.

Hanya ada satu Cara Paling Ampuh Untuk Mendapatkan Backlink Dengan Cara Yang Baik Dan Benar itupun menurut saya yaitu dengan cara memberikan Award atau Penghargaan kepada Blog orang lain dengan begitu Link Blog kita akan di pasang oleh admin blog yang telah kita berikan Award kepada orang pemilik blog tersebut dan hasilnya sangat baik untuk blog kita yang telah mendapatkan cukup banyak backlink. Jika kita memberikan Award kebanyak para pemilik blog hasilnya akan lebih besar.

Jika kalian melakukan Cara di atas, Awardnya Share kesini ya :D

Nah itu saja yang dapat saya share untuk kali ini mungkin artikel yang satu ini sangat bermanfaat bagi kalian semua dan saya ucapkan Terima Kasih. Happy Blogging :D

Cara Mendapatkan Pengunjung Dengan Sekali Klik

Bagaimana caranya mendapatkan pengunjung hanya dengan sekali klik ? waw itu adalah hal yang sangat bagus untuk blog kita. Siapa sih yang nggak mau dapet pengunjung blog hanya dengan sekali klik ! Coba deh bayangin betapa senangnya kita hohoho lebay. Pasti sobat udah penasaran nih gimana caranya dapet pengunjung blog hanya dengan sekali klik. Langsung saja kepenjelasannya.

Sebenarnya sobat sudah mengkliknya sekali yaitu link post blog ini. Pasti sobat akan bertanya "Bagaimana Cara Mendapatkan Pengunjungnya ?" nah itu, sebenarnya saya yang telah mendapatkan pengunjungnya plus mungkin juga dikasih sedikit komentar hohoho.

Nah itu penjelasan dari saya tentang mendapatkan pengunjung hanya dengan sekali klik.
Rasanya tidak mungkin kalo mendapatkan pengunjung hanya dengan sekali klik hohoho.

Just For Fun :D
Post kali ini saya hanya ingin menarik pengunjung untuk membaca tips ini yang sangat membuat penasaran para pengunjung blog ini plus belajar nembak keyword tentang pengunjung pada blog ini.
Jadi untuk caranya yang asli mungkin hanya banyak berdo'a dan seringnya promosi di blogwalking.

Sekian dari saya karena capek mengetik dan semoga bermanfaat dan tolong berikan sedikit komentar pada post yang keren ini :D Terima Kasih.

Tips Membuat Blog Lebih Valid XHTML

Sudahkah Template Blog anda Valid kalo belom buatlah template blog anda lebih valid dengan Tips yang saya akan Share untuk kalian semua - Tips Membuat Blog Lebih Valid,, Ikutin Tipsnya Masbro...
Sebelum membuat blog lebih valid, coba cek dulu seberapa validnya blog kalian.. disini

1. Merubah 'deklarasi DOCTYPE Strict' menjadi 'Transisi XHTML delcaration DOCTYPE" dan menambahkan meta tag default blogger. Cari kode dibawah..

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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'>

Hapus semua kode diatas dan ganti dengan kode berikut..

<?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 lang='en' xml:lang='en' 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'>

2. Menghapus comment declaration yang ada pada CSS Cari kode dash ( ----- ) dan hapus semuanya. contoh:

/* -----------------------------------------------
Blogger Template Style Name: Minima
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

Hasilnya menjadi..

/* Blogger Template Style
Name: Minima
Date: 26 Feb 2004
Updated by: Blogger Team */

3. Menghapus Navigasi Bar bawaan blogger cari kode dan tambahkan kode berikut tempat dibawahnya

<!-- <body><div></div> -->

Nanti akan muncul peringatan untuk menghapus navbar, langsung klik Hapus saja.

4. Menghapus Icon Quickedit atau gambar obeng cari kode <b:include name='quickedit'/> kalo sudah ketemu hapus semua tanpa terkecuali, jangan lupa kalo besoknya menambahkan widget baru hapus lagi kode tersebut.&n bsp;

5. Menghapus Post icon cari kode berikut..

<span class='post-icons'>
        <!-- email post links -->
        <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
              <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
          </a>
          </span>
        </b:if>
        <!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
      </span> <div class='post-share-buttons'>
        <b:include data='post' name='shareButtons'/>
      </div> </div>

Hapus dan ganti dengan kode berikut..

<span class='post-icons'>
        <!-- email post links -->
        <b:if cond='data:post.emailPostUrl'>
        </b:if>

      </span>
      </div>

6. Menambahkan jenis type="text/javascript" pada semua kode JavaScript yang ada. Contoh:

<script src="http://icewahyu.googlecode.com/files/SakuraRain.js"></script>

Ubahlah Menjadi:

<script type="text/javascript" src="http://icewahyu.googlecode.com/files/sesuatu.js"></script>

7. Menyembunyikan page navigation di halaman utama
cari kode..

<b:include name='nextprev'/>

Hapus dan ganti seperti kode berikut..

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<!-- navigation -->
<b:include name='nextprev'/>

</b:if>

8. Menambahkan atribut Alt pada semua gambar termasuk saat posting artikel
contoh:

<img href="http://1.bp.blogspot.com/-n2OIL8Xv3ZI/TlvP2WEe4mI/AAAAAAAAAAU/gskf9ZSuiAc/s1600/dofollowlogo.jpg">

Ganti menjadi seperti berikut..

<img alt="dofollow logo" href="http://1.bp.blogspot.com/-n2OIL8Xv3ZI/TlvP2WEe4mI/AAAAAAAAAAU/gskf9ZSuiAc/s1600/dofollowlogo.jpg">

9. Memperbaiki atribut title dan alt pada link bergambar
sebagai contoh:

<a href="http://www.getfreebl.com" alt="free backlink generator powered by http://www.getfreebl.com" target="_blank"><img src="http://www.getfreebl.com/services/backlink/backlink.php?aut=EF60387089C968920487F89D5739455201155A64B924A54A750E6D8DD2AD0BC1854A7AD421A02FC8C133214B6D89C17132344F7139C830162C23D81597BA7B4BBFE8" title="Free backlinks for your site powered by http://www.getfreebl.com" border="0" /></a>

Rubah posisi atribut title dan alt..

<a href="http://www.getfreebl.com" title="free backlink generator powered by http://www.getfreebl.com" target="_blank"><img src="http://www.getfreebl.com/services/backlink/backlink.php?aut=EF60387089C968920487F89D5739455201155A64B924A54A750E6D8DD2AD0BC1854A7AD421A02FC8C133214B6D89C17132344F7139C830162C23D81597BA7B4BBFE8" alt="Free backlinks for your site powered by http://www.getfreebl.com" border="0" /></a>

Untuk kasus diatas jangan lupa untuk link atributnya title dan target, untuk gambar alt dan border jagan sampe terbalik-balik.

Baca dengan Teliti,, jangan sampe salah baca atau keliru...
Mungkin hanya segitu saja juga sudah cukup,, Semoga bermanfaat bagi kalian semua,, Terima Kasih

Tampilan Blogroll Seperti Koran Ice Wahyu

Bagaimana Cara Mempercantik Tampilan Blogroll,, kini Saya akan Share artikel yang diinginkan pengunjung. Dia menginginkan Tampilan Blogroll Seperti Koran Ice Wahyu. Hei tanpa Basa-basi langsung di Praktekin... Cekidot...

1. Yang Pertama yang pasti Login Blogger [i]
2. Pilih/Klik Template
3. Pilih/Klik Edit HTML >> Lanjutkan
4. Copy bin Paste Kode di Bawah

#wahyu_roll{background:transparent;height:155px;overflow:auto;padding:1px;} #wahyu_roll li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHg11IyLkD5ihQj27DUeUjkC11dN2wJTgYFY8Btnax7rn2wdbQSBxKXjoH4fgHrLj96RLnr9TA6CEcd_8WGz8bsE8wWhG8fC0KkY0MD9UiWcN578eEnR-CAwoFdFcKh2bSULoG_epbQ_sm/s1600/bg-noise.jpg);width:0%;color:#000; display:block; -webkit-transition:all 0.120s ease-in-out;-moz-transition:all 0.120s ease-in-out;transition:all 0.120s ease-in-out}#wahyu_roll li:hover{width:90%;-webkit-transition:all 0.20s ease-in-out; -moz-transition:all 0.20s ease-in-out; transition:all 0.20s ease-in-out;-ms-transition:all 0.20s ease-in-out; transition:all 0.20s ease-in-out;-o-transition:all 0.20s ease-in-out; transition:all 0.20s ease-in-out;border-left:5px solid blue;padding-left:10px;color:#fff; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHg11IyLkD5ihQj27DUeUjkC11dN2wJTgYFY8Btnax7rn2wdbQSBxKXjoH4fgHrLj96RLnr9TA6CEcd_8WGz8bsE8wWhG8fC0KkY0MD9UiWcN578eEnR-CAwoFdFcKh2bSULoG_epbQ_sm/s1600/bg-noise.jpg);} #wahyu_roll li a{text-transform:none; display:block;color:#000;font-size:1em;padding:0.5em;margin:0.5em;text-decoration:none;white-space:nowrap}

5. Letakan Kode di Atas Tepat di Atas Kode ]]></b:skin>
6. Simpan Template
7. Letakan Kode ini <div id='wahyu_roll'> Tepat di Paling Atas Kode Link Blogroll dan Kode ini </div> Tepat di Paling Bawah Kode Link Blogroll.
8. Simpan Widget.

Ya sudah cukup, ditunggu komentarnya...
Terima Kasih dan Semoga Bermanfaat.