Kamis, 04 Agustus 2011

Cara membuat kotak dialog pembuka pada saat orang mengunjungi blog kita

jika kita ingin memunculkan kota dialog sekedar berbasa-basi ketika orang mengunjungi blog kita. Caranya adalah sebagai berikut:
  1. masuk ke tata letak
  2. tambah gadget HTML/javascript
  3. misalkan kita akan mengatakan Welcome To fabrie.blogspot.com, Bolehkah saya mengetahui namamu dan Terima kasih ya fabrie atas kunjungannya,harap menggunakan monzilla firefox demi kenyamanan.Jangan Lupa Kasih Komentar dan Tukeran Link ya.. masukkan kode html dibawah pada gadget baru tadi 
_________________________________________________
<script type="text/javascript">
var answer = prompt ("Welcome To RielVanWestJava.blogspot.com, Siapa nama mu?","RielVanwestjava");
alert ("Terima kasih ya " + answer + " atas kunjungannya,harap menggunakan monzilla firefox demi kenyamanan.Jangan Lupa Kasih Komentar dan Tukeran Link ya..")</script>
_________________________________________________
yang tulisannya hijau bisa kamu ubah sesuka kamu!

Read More Otomatis pada Template Blogger

Nah,dengan kombinasi javascript read more yang akan kita ciptakan ini akan tampil otomatis meskipun kita tidak mengeditnya kembali.
Yup,membuat read more/baca selengkapnya otomatis pada blogger adalah tema kita kali ini.
Untuk demonya sobat bisa liat di SINI.

Lalu bagaimana jika saya telah menggunakan read more secara manual?
Tidak perlu cemas gan,karena tinggal ganti kodenya dan jreng!!! :D

Langkah Cara Membuat Read More Otomatis pada Blogger dengan Bahasa Javascript


Ada dua(2) pilihan membuat readmore otomatis / auto read more pada blogger ini sob,yakni read more menggunakan gambar dan hanya menggunakan tulisan.

Untuk pertama kali,seperti biasa ya gan pilih Dashboard,lalu Tata Letak dan Contreng tulisan Expand Widget Templates.

Cara membuat readmore otomatis.
(1)

membuat read more baca selengkapnya otomatis.
(2)

otomatis read more.
(3)


Selanjutnya,cari kode </head>,setelah ketemu tepat dibawahnya letakkan kode javascript berikut:

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

Kemudian cari kembali kode <data:post.body/> atau <p><data:post.body/></p>

Setelah itu untuk Cara 1.Read More Button Otomatis menggunakan gambar,hapus kode tersebut dan gantilah dengan kode berikut:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img alt='Read More..' src='http://1.bp.blogspot.com/-IHpf1c0gAZE/TahDsOmCrCI/AAAAAAAAAy0/lOZgwgw7eHg/s1600/pelajaran%2Bblog%2Bread%2Bmore%2Botomatis.jpg'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/><br/><p align='right'>
<strong><a href='http://pelajaran-blog.blogspot.com/?cx=partner-pub-7754036656352309%3Aryy79g3xuqq&amp;cof=FORID%3A10&amp;ie=ISO-8859-1&amp;q=toko+online&amp;sa=Search#944'>| <em>Free Bussines?</em> |</a></strong></p></b:if>


Sedangkan untuk Cara 2.Read More Button Otomatis hanya berupa text,hapus kode <data:post.body/> atau <p><data:post.body/></p>
tersebut dan gantilah dengan kode berikut:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>[ Read More.. ]</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/><br/><p align='right'>
<strong><a href='http://pelajaran-blog.blogspot.com/?cx=partner-pub-7754036656352309%3Aryy79g3xuqq&amp;cof=FORID%3A10&amp;ie=ISO-8859-1&amp;q=toko+online&amp;sa=Search#944'>| <em>Free Bussines?</em> |</a></strong></p></b:if>


Lalu simpan templates dan lihat hasilnya.
Untuk yang terlanjur menggunakan read more secara manual seperti di sini,tinggal hapus kode:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>


Dan gantilah dengan kode sesuai pilihan sobat diatas,bisa menggunakan cara 1 maupun cara 2.Semoga berhasil dan selamat ngutak-atik template ya Membuat Read More Otomatis / Auto ReadMore di Blogger Selesai.

Membuat Search Engine sendiri pada Blog

Ada cara praktis untuk menemukan artikel pada blog secara singkat.Bagi yang sudah tergabung dalam Google Adsense,pasti sudah tahu ya masalah ini.

Tapi bagi anda yang belum tergabung,tapi ingin menampilkan form pencari untuk blog anda sendiri,ada kode praktis yang ga ada salahnya anda coba.
Hasilnya nanti akan seperti di bawah ini :
__________________________________________________
_______________
|______________| [Cari]
__________________________________________________

Sedangkan kodenya,copy paste kode di bawah ini :
__________________________________________________
<form id="searchform"
action="http://pelajaran-blog.blogspot.com/search"
name="searchform" method="get">
<input id="s" value="" name="q"
type="text"> <input id="searchsubmit"
value="Search"type="submit"> </form>
__________________________________________________
Kode yang berwarna hijau;http://pelajaran-blog.blogspot.com/search,gantilah dengan halaman blog anda sendiri,tapi jangan lupa tambahin kode /search ya..

Sedangkan Value "Search"anda bisa ganti menjadi "Go" atau "Cari" atau yang lain.

Membuat Disable Right Click / Anti Klik Kanan

Membuat fungsi klik kanan nonactive/disable right click,sangat cocok memang untuk menjaga document atau memproteksi gambar yang ada di blog kita,agar tidak disalah gunakan oleh pihak lain.
Meski ada shortcut tertentu yang mewakili perintah-perintah right click,nggak ada salahnya anda mencoba kode di bawah ini :
___________________________________________________________
<script>
<!--
//for legal,don't delete this warn.This code is created by pelajaran-blog.blogspot.com
var message="Maaf!Lagi nggak boleh Klik Kanan ya!";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);     
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>
_________________________________________________________
Cukup menempatkan kode di atas diantara 
<body> dan </body>
_________________________________________________________
Untuk tes melihat hasilnya,Pilih Folder Option pada komputer anda,pilih View,kosongkan check box pada Hide Extensions For Known Filetypes pilih Ok.

Copy kode diatas kedalam Notepad,Save beri nama "coba"yang hasil filenya menjadi "coba.txt".
Ganti nama file tersebut menjadi "coba.htm",selanjutnya klik kanan.

Siip khan ?

Kode ini berfungsi baik,jika di akses di IE dengan Javascript posisi Enable.

Google Banned Domain Co.CC

Dalam masa-masa evaluasi setelah google pagerank update dengan hasil hampir semua blogku terjun bebas PR nya, aku mendapatkan info bahwa Google mem-banned domain co.cc yang merupakan domain gratisan kesukaanku. Mengapa domain co.cc dibanned oleh Google?

Alasan utama mengapa google banned massal terhadap domain co.cc adalah bahwa domain gratisan tersebut dianggap sebagai sumber spam, dummy blog untuk sekedar mendapatkan backlink, dan berkualitas rendah.

Saat ini, aku punya 2 blog yang menggunakan domain co.cc yang sebenernya bukan sekedar dummy blog. Jadi mungkinkah ini salah satu penyebab mengapa hampir semua blogku terjun bebas pagerank-nya?

Entahlah, mendingan introspeksi lagi sambil mencari bahan untuk membuat artikel unik dan bermanfaat.

Comment

Like It's!

SMS-an Gratis for HP