August 11, 2012

Widget Salam Otomatis Berdasarkan Waktu

Kali ini Saya coba buat salam berdasarkan waktu, misalnya, selamat pagi, terima kasih atas kunjungan anda---selamat siang, terimakasih atas kunjungan anda---selamat sore, terimakasih atas kunjungan anda, dan seterusnya. ucapan tersebut akan terinstal secara otomatis berdasarkan waktu bila anda atur pada scriptnya. nah untuk mengaturnya terserah anda, misalnya...selamat malam, malam-malam begini enaknya ngapain yaaa...hee:)...pokoknya terserah anda. 

cara pemasangannya :
1. Login ke akun Blogger
2. Pilih menu design atau rancangan
3. Pada page element pilih Add a Gadet
4. Pilih HTML/javascript

<script>
var Digital=new Date()
var hours=Digital.getHours()
if (hours>=5&&hours<=11) //pesan pagi hari
 (05.00-11.00)
document.write('<b>
Selamat Pagi! Terima Kasih Atas Kunjungan Anda</b>')
else if (hours==12) //
pesan siang hari (12.00)
document.write('<b>
Selamat Siang ! Terima Kasih Atas Kunjungan Anda</b>')
else if (hours>=13&&hours<=17) //
pesan sore hari(13.00-17.00)
document.write('<b>
Selamat Sore! Terima Kasih Atas Kunjungan Anda</b>')
else if (hours>=18&&hours<=20) //
pesan petang hari (18.oo-19.00)
document.write('<b>
Selamat Petang! Terima Kasih Atas Kunjungan Anda</b>')
else if (hours>=21&&hours<=11) //
pesan malam hari (20.00-23.00)
document.write('<b>
Selamat Malam! Terima Kasih Atas Kunjungan Anda</b>')
else //
pesan malam menjelang pagi (00.00-04.00)
document.write('<b>
Wow, Sudah Larut Malam Anda Masih Sempat Berkunjung, Terima Kasih!</b>')</script>
6. Save dan lihat hasilnya
Warna Merah adalah keterangan waktu pesan, dan pesan akan berubah secara otomatis ketika memasuki waktu yang sudah di tentukan. Warna Biru adalah teks salam yang akan di tampilkan, silahkan robah menurut keinginan anda, yang penting jangan merubah  scriptnya nanti malah gak berhasil...

Seluruh Label Breadcrumbs Terindex Google

Breadcrumbs memang sangat ampuh untuk menunjang SEO yang ada diblog kita. Dan saya pun sudah merasakan manfaatnya. Tutorial kali ini saya dapatkan setelah  saya keliling di google dengan maksud untuk blogwalking dan saya mendapat suatu trik yang sangat menarik yaitu Cara Agar Semua Label Breadcrumbs Terindex Google. Mungkin sobat sudah memasang kode breadcrumbs yang sebelum nya saya posting yaitu Cara Agar Breadcrumbs Terindex Google ,tapi kelemahan dari breadcrumb yang saya pasang sebelumnya adalah hanya ditampilkan satu label saja yang terindeks. Kali ini saya akan memposting Cara Agar Seluruh Breadcrumb terindeks Google.

previewnya:

Berikut Cara pemasangannya :
1. Login ke akun blogger sobat,
2. Pilh Design atau Rancangan,
3. ke menu Edit Html
4. Jangan lupa centang Expand Widget Template
5. Cari kode ]]></b:skin> 
    letakkan kode berikut diatasnya :
.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}
6. Cari kode <b:includable id='main' var='top'> dan kode tersebut dengan kode berikut :

<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'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</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>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
7. Klik

untuk melihat hasilnya, lihat

Twitter Delicious Facebook Digg Stumbleupon Favorites More