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

Cara membuat recent coment (komentar terbaru) di blog.


Cara memasang recent coment di blog ~ Widget ini sangat di butuhkan di blog kita, untuk memudahkan pengunjung ataupun kita untuk melihat berbagai macam komentar yang baru saja di kirim oleh pengunujung. Recent coment yang saya bagikan kali ini dilengkapi oleh thumbnail ( gambar ) orang yang mengirimkan komentar tersebut, sehingga kita lebih mengenal orang yang mengirimnya, selain itu masih banyak kelebihan recent coment yang kali ini.

Cara memasang :

1. tentunya anda harus login terlebih dahulu ko blog anda.
2. anda pergi ke tata letak --> tambah widget --> HTML java scrip.


3. Lalu anda copy paste code di bawah ini:
 <div style="overflow:auto;width:100%;">
<style type="text/css">
ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
.w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: none;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 40,
roundAvatar = true,
characters = 100,
defaultAvatar = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://tipstrikblogging.googlecode.com/files/RecentComment-W-Gravatar.js"></script>
<script type="text/javascript" src="http://diandiki.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=6"></script>
</div>

 Ket:
  • Warna Hijau anda tukar dengan jumlah recent post yang anda inginkan
  • Warna Merah =  digunakan untuk mengunakan gambar atau tidak, jika tidak menggunakan gambar anda tukar kode di atas dengan false
  • Warna Orange di tukar untuk ukuran gambar
  • Warna kuning di tukar dengan nama blog anda
 4. Jika semua Proses di atas selesai silahkan anda klik tombol simpan
5. Dan selesai :)





0 comments

Cara membuat email di Gmail


Yang sama-sama kita ketahui mengirim surat melalui pos kini tidaklah zamannya.
Biasanya kita mengirim pesan atau surat, ke teman ,ke keluarga, biasanya menggunakan SMS.. Dan pernahkah anda mendengar kata-kata e-mail?? Pasti nya iya... Dan sudah punya kah anda aku akun e-mail gmail?? jika belum mari ikuti tautan berikut..
Layayanan yang menyidiaka email sangatlah bayak diantaranya yahoo ,gmail dan masih banyak lainnya. Dan kini kita akan membahas tentang cara membuat email di gmail
Gmail adalah sebuah aplikasi keluaran google yang menyediakan e-mail (surat elektronik), yang memiliki fungsi untuk saling mengirim surat.
Berikut beberapa keuntungan email gmail yang saya ketahui:
1. Keuntungan email pada umumnya adalah gratis.

2. untuk gmail kita akan mendapatkan kapasitas menyimpan surat sebanyak 15 GB
3. Gmail mampu mncegah pesan-pesan yang tidak diinginkan(spam) dengan ketat.
4. Dengan google kita dapat mendaftar di situs-situs yang dikeluarkan oleh google seperti blogger, google +.
5.dll.
Setiap kita mendaftar di situs-situs seperti jejaring sosial (facebook, twitter, google+, dll) situs tersebut meminta kita untuk mengisi email. Gunanya adalah, jika akun jejaring sosial kita di blokir, atau lupa password, jejaring sosial tersebut akan mengirim konfirmasinya ke email.

OK kini kita akan mempelajari tahap-tahap pembuat email gmail.:
1. pertama anda harus masuk ke gmail.com atau bisa mengklik nya langsung disini
akan keluar gambar tamplan seperti ini.
2. Anda klik buat akun di atas bagian kanan.
akan redapat formulir seperti di bawah ini
 3.Anda isi formulir tersebut.

5.Lalu anda klik saya menyetujui, dan kilk langkah berikutnya.
6.Yang terakhir klik lanjutkan ke gmail.
7. akan tampak halan kotak masuk. dipertama pembuatan gmail anda akan mendapatkan 3 kotak masuk,
Kotak masuk tersebut berisi tentang cara menukar latar belakang silahkan dibaca..

kalau ada yang belum mengerti anda bisa mengirim email ini email saya: rahmana502@gmail.com
Tunggu ya postingan selanjutnya...
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