Featured Post Today
print this page
Latest Post

Cara Membuat Navigasi Breadcrumbs Terdetiksi Google di Blog



Navigasi Breadcrumbs berfungsi untuk melihat di mana kita meletakkan artkel kita tersebut jika kita meletakkan artikel kita di label widget maka kita akan melihat denah diman kita letakkan artikel tersebut.

Kali ini saya akan shere Navigasi yang terdetiksi oleh google, Lalau apa kelebihannya ??? jika kita memasang Navigasi yang terdetiksi oleh google maka google akan mudah mencari blog kita , dan blog kita pun akan mendapat banyak pengunjung..

Baiklah begini cara nya :

1. Login ke blogger >> Template >> edit HTML
2. Cari  kode ]]></b:skin> dan pastekan kode di bawah ini di atas kode tersebut


.breadcrumbs
{
padding:5px 5px 5px 0;
margin: 0 0 5px;
font-size:inherit;
font-family: Georgia, trebuchet ms, Verdana;
line-height: 1.4em;
border-bottom:4px double #000000;
}

3. Cari kode berikut:
<b:include data='top' name='status-message'/>
4. Pastekan kode di bawah ini di atas kode di atas jika kode tersebut ada dua maka pastekan kode tersebut di atas kedua kode
 <b:include data='posts' name='breadcrumb'/>
5. Cari kode  <b:include  id='main'  var='top'>
6. Pastekan kode di bawah ini di atas kode tersebut

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- 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'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
 &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
 &#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if></div></b:if></b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
 
 

7. Simpan
8. sekarang kita tinggal mengecek hasilnya di sini http://www.google.com/webmasters/tools/richsnippets

9. tinggal masukkan salah satu postingan anda jika gambarnya sudah seperti berarti itu berhasil :


0 comments

Cara Membuat Penanda Postingan Baru di Blog

Haii Sobat New diandiki dah lama nih nggak upload kali ini saya mau shere tentang cara penanda bagaimana cara melihat postingan baru dan postingan lama, ini sangat berfunsi bagi pengunjung blog anda untuk melihat bagaimanakah cara menentukan ini postingan lama atau ini postingan baru.

Kali ini saya minta maaf bahwa saya tidak bisa memberikan demo yang bagus , walaupun begitu hasil yang dihasilkan oleh widget kali cukup memuaskan,untuk demonya anda bisa melihatnya di sini : Demo

Nah kali ini langsung aja kita lihat caranya

1. yang pasti login dulu ke blogger
2. Template > Edit HTML
3. Cari Kode  </head>  
 letakkan kode di bawah ini di atas kode tersebut:
<style>.post{position:relative;}</style>
4. cari kode

<div class='post hentry'>
5. Lalu paste kode di bawah ini di bawah kode tersebut

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.isFirstPost'> 
<span style='display:block;position: absolute;top: -4px;right: -4px;margin: 0;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5lt2nsopIDLG6OGgb9C1AEbSxy70PwD_UN4QuIfqfptSasCgNf9qE5L6cMhEhshuxMacX3dZ-P04_SEnD3g86k5LArZGZah_toqb9o6a4xQs03D3uP2ci93LKaX1mFeTnxalsL7Vz6Q/s56/New-Ribbon-By-EXEIdeas.png);width: 56px;height: 56px;'/>
<b:else/>
<span style='display:block;position: absolute;top: -4px;right: -4px;margin: 0;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLAao0tRQBO_Q4JbLXEZfxntm-SGfvzwoZ-dliP-gdVtTCV7D7bMq-VJYGPNHdE0WDaYLmnlYLrUcEAy73hQsS9qJ5-RQCKHiuMfrKbiHXKjFop3LaeCviq0YUWL9LTiFnjnfzU0w0fg/s56/Old-Ribbon-By-EXEIdeas.png);width: 56px;height: 56px;'/> 
</b:if></b:if></b:if>
Ket : Kode yang saya shere kali ini adalah kode yang menujukkan pita hanya di layar homepege saja , jika anda ingin pita juga berada pada layar postingan anda bisa menghapus tanda merah di atas.

6. simnpan, dan lihatlah hasilnya ....



0 comments

Cara Membuat Efek Foto Bergetar

Efek-efek menarikpada gambar tentu bisa membuat blog kita menjadi lebih bagus, efek yang kali ini saya shere adalah efek foto bergetar. Bergetar, jika kita letakkan kursor ke gambar tersebut maka gambar akan bergoyang ke memutar, keren bukan ??

Untuk contoh gambar dibawah ini bisa anda jadikan contoh, letakkan kursor di pada gambar dibawah ini, dan lihatlah hasilnya.




Baiklah begini caranya :

Caranya:

1. anda masuk ke blogger
2. tata letak--> tambah gadget --> copy paste kode dibawah ini :
<style type="text/css">
.img_OW{
position:relative
}
</style>
<script src="http://otowebsite.googlecode.com/files/Getar.js.txt" type="text/javascript"></script>
<a href="http://newdiandiki.blogspot.com/" target="blank"> <img class="img_OW" onclick="top.focus()" onmouseout="stoprattle(this);top.focus()" onmouseover="init(this);rattleimage()" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqSfukB-u-tYpUxsRLdGDU6q3_UlNrITItsPt8nrJSBCLVkxScLe-1G25wryswZl6LUXZy3PbP7oKy0puTGJbiFJhW15NlHzpBVimkHjf_tHc6fHjrcsIVapvweznUEWuNnv_QdTlQF6Y/s640/Pemandangan_Air+Terjun_plitvice.jpg" /></a>

Ket :
  • Warna Merah anda tukar dengan alamt yang dituju jika di klik 
  • Warna Hijau anda tukar dengan URL foto yang ingin di tampilkan 
 3. Simpan

<<<<Widget ini bisa anda jadi kan widget di sidebar ataupun dilatakkan ke dalam postingan >>>
2 comments

Membuat Cursor Menjadi Bertaburan Bintang



kursor kita akan lebih keren jika ada bindang yang bertaburan ketika kursor di gerakkan, semakin banyak kita mengerakkan kursor kita maka semakin banyak pulah bintang yang bertaburan, bagaimana keren kan ??
Untuk Contoh anda bisa lihat gambar di atas atau melihat demonya


Baiklah begini caranya :

1. Masuk ke blog
2. tata letak
3. Tambah gadget
4. HTML/ java scrip
5. Copy paste kode di bawah ini
<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-hijau.js" type="text/javascript"></script>

Ket :
  • Warna merah bisa anda ubah dengan warna kesukaan anda yang ada di bawah ini : 
  1.  merah, 
  2. ungu, 
  3. silver, 
  4. kuning, 
  5. hitam
  6. biru
6. ^ ___ ^  Simpan :)
0 comments

Cara Aendaftar Google Adsense Melalui Blogger


Jika kita ingin blog kita bisa menghasilkan uang maka kita tentunya harus memasang iklan di blog kita, jadi untuk memudahkan kita mencari iklan , kita bisa memakai CPC (cost  per clik) google adsense di blog kita, lalu bagaimana cara mendaftar melalui blogger.

Jika kita tidak menggunakan blogger kita bisa langsung mendaftar di Google Adsense, tapi bagi anda yang memakai blogger anda harus mendaftar terlebih dahulu melalui blogger.

Baiklah saya akan menunjukkan caranya :

Caranya


1. Anda harus masuk ke blogger terlebih dahulu
2. Pilih menu Setelan --> bahasa dan pemformatan
3. Lalu ubah bahasa menjadi bahasa inggris, pilih salah satu antar , Bahasa inggris (inggris)/ bahasa inggris (amerika )
4. Simpan Setelan, lalu Refresh
5. Setelah anda reffresh akan ada menu baru yaitu menu penghasilan
6. Lalu Pilih Daftar adsense
7. Silahkan anda masukkan email anda
8.  Lalu anda selesaikan tahap -tahap berikutnya
10 setelah anda menyelesaikan tahapnya maka anda tinggal menunggu email yang dikirim oleh google adsense, apakah diterima atau di tolak , jika diterima, saya ucapkan SELAMAT. Jikan anda belum di terima, jangan menyerah dan tetap berusaha memenuhi apa yang di inginkan oleh google adsense.

Selamat mencoba :)
0 comments

Cara Membuat Klik Kanan Tidak Berfungsi di Blog


Jika kita benar-benar mengisi blog kita dengan tulisan sendiri (artikel asli buatan kita ) tentu kita tidak ingin artikel kita di copas 100 % tanpa memberi link asli pembuatnya. Lalu bagaimana cara mengatasi nya??

Sebenarnya sangat banyak cara mengatasi nya dengan cara memblokir artikal yang mengcopas artikel kita, memperingati orang yang mengcopas artikel kita agar mencantumkan link asli, membuat anti klik kanan, dan masih banyak lagi. Kali ini saya akan menunjukkan cara membuat anti klik kanan di blog kita.

Baiklah begini caranya

 1. Login ke blog anda masing - masing
2.  Pilih  tata letak --> tambah gadet --> HTML/javascrip

3. Copy paste kode di bawah ini
<SCRIPT language=JavaScript>
<!-- http://www.spacegun.co.uk -->
    var message = "function disabled";
    function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){     alert(message); return false; }
    if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) {     alert(message);     return false; } }
    document.onmousedown = rtclickcheck;
</SCRIPT>

4. Simpan Dan selesai

Silahkan di coba



0 comments

Cara Membuat Efek Love Bertaburan di Blog


Widget kali ini sangat unik karena widget ini bisa menghasilkan banyak love ( hati ) dari atas blog kita, sehingga membentuk hati yang bertaburan, widget ini bisa mempercantik blog kita sehingga enek di lihat oleh mata pengunjung, Proses terjatuh nya love ini di awali dengan jatuhnya yang lambat dan hingga ke bawah jatuh love ini semakin cepat unik kan ...

Jika anda ingin demonya anda bisa di lihat demonya di bawah ini :

Jika anda sangat tertarik widget ini selahkan ikuti cara berikut

Cara Memasang:

1. Pertama anda harus masuk ke blog anda
2. Masuk ke Template --> edit HTML
3. Cari kode ini  </body> untuk memudahkan anda silahkan menggunakan Ctrl + F
4. Copy code di bawah ini di atas kode </body>
<script src='http://wadah-tutorial.googlecode.com/files/hearts.js' type='text/javascript'/>
5. Pratinjau terlebih dahulu, setelah sesuai dengan keinginan anda lalu kita
6. Simpan

0 comments
 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. New diandiki - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger