Cara Membuat Ucapan Selamat Datang di Blog Saat Dikunjungi - Cara/trik membuat/memasang ucapan welcome di blog dengan mudah dan cepat atau cara memberi/menambah ucapan selamat datang di blogger atau cara agar di blog bisa muncul ucapan selamat datang ketika dikunjungi.

Hay sobat.. Kali ini saya akan posting kembali artikel seputar trik-trik menghias blog yang pastinya seru untuk diikuti dan sayang untuk dilewatkan. hehe.. Setelah sebelumnya saya update artikel seputar menghias blog, yaitu artikel cara memasang jam di wordpress, maka pada kesempatan posting kali ini saya akan membahas mengenai cara membuat ucapan welcome di blog.

Sobat pastinya pernah kan menjumpai blog yang ketika dibuka muncul tulisan di tengah layar, misalnya "Selamat dataing di Blogku" atau "Welcome to my Blog" atau yang lainnya. Nah itu namanya ucapan selamat datang dan membuatnya sangat mudah sekali. Bagi yang tertarik memasang seperti itu, berikut ini cara memasang ucapan selamat datang di blog kita:

1. Login ke akun Blogger sobat.
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).

3. Cari kode </head> di template sobat

4. Pastekan kode di bawah ini tepat di atas kode nomor 3 tadi

<b:if cond='data:blog.Url == data:blog.homepageUrl'> <script language='javascript'>alert ("Pesan sobat disini"); </script> </b:if>

5. Simpan template sobat dan lihat hasilnya.

Ket:

Ganti tulisan berwarna merah dengan kata-kata/kalimat yang sobat inginkan. Bagaimana? Mudah sekali bukan? :)
Nah, itulah postingan mengenai cara membuat ucapan selamat datang di blog saat dikunjungi. Semoga bermanfaat buat sobat semua.

Source: http://amronbadriza.blogspot.com/2012/10/cara-membuat-ucapan-selamat-datang-di.html#ixzz2EqINf5D4

 

Cara memasang widget animasi ke blog :
1. Pilih script yang tersedia

2. Di Dashboard blogger pilih Rancangan - Elemen halaman

 Catatan:
Untuk tampilan blogger yang baru Pilih Tata Letak

3. Selanjutnya pilih Tambah Gadget

4. Kemudian pilih HTML/Javascript

5. Masukkan script animasi ke dalam kotak kontent HTML/Javascript

Jangan lupa klik tombol Save

Catatan:


1.Contoh blog yang sudah terpasang widget di atas bisa dilihat disini widget animasi atau disini widget blog
2. Untuk mengganti posisi widget dari sebelah kiri ke kanan ganti tag left menjadi right
Untuk mengubah posisi dari kiri ke kanan ganti tag right menjadi left
Contohnya bisa dilihat di bawah ini

<div style="position: fixed; bottom: 0px; left: 30px;width:160px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>

Cara Memasang Jam di Wordpress - Cara memberi/menambah widget jam/clock di blog wordpress - Sebenarnya beberapa waktu lalu saya pernah posting artikel berjudul cara memasang widget jam di blog, tapi tutorial tersebut untuk blog di blogspot. Dan kali ini saya akan posting tutorial khusus untuk wordpress. Oke lanjut.. Memasang widget jam merupakan salah satu cara mempercantik tampilan blog, karena dengan widget ini kita sebagai pemilik blog ataupun pengunjung bisa mengetahui waktu terkini sehingga bisa lebih mengontrol waktu. Langsung saja berikut cara memberi widget jam di wordpress:

1. Kunjungi situs http://www.clocklink.com
2. Setelah sobat sampai di situs tersebut, silahkan sobat lihat bagian sidebar sebelah kiri situs tersebut. Disitu ada beberapa pilihan aneka jenis jam yang bisa sobat pilih. Misal analog, digital, animal dan lain-lain. Silahkan sobat pilih sesuai keinginan sobat.
3. Setelah sobat pilih, maka akan muncul aneka bentuk jam yang bisa dipilih.
4. Setelah sobat memilih salah satu jam, maka selanjutnya klik View HTML Tag di bawah gambar jam yang sobat suka.
5. Maka akan terbuka halaman baru persetujuan, klik Accept untuk mendapatkan kodenya.
6. Atur kode area berdasarkan area di daerah sobat.

7. Copy kode yang di "If the above does not work, please try the following code." Seperti contoh di bawah ini dan paste di notepad terlebih dahulu.

<embed src="http://www.clocklink.com/clocks/0009-dkbrown.swf?TimeZone=Indonesia_Jakarta&"  width="250" height="250" wmode="transparent" type="application/x-shockwave-flash">

8. Hapus bagian "<embed" dan penutup ">"dan ganti dengan "[gigya" dan "]". Agar widget berada di tengah tambahkan "center" sehingga kodenya akan menjadi seperti ini:

<div style="text-align:center;">[gigya src="http://www.clocklink.com/clocks/0009-dkbrown.swf?TimeZone=Indonesia_Jakarta&"  width="250" height="250" wmode="transparent" type="application/x-shockwave-flash"]</div>

9. Masuk ke halaman wp-admin (dasbor) blog WordPress.

10. Klik Tampilan >> Widget.

11. Pilih widget "Teks" kemudian seret ke bagian sidebar untuk mengaktifkannya.

12. Beri judul sesuai keinginan sobat.

13. Masukkan kode pada langkah nomor 7.

14. Klik tombol Simpan.

15. Selesai.

Nah, selesai juga posting artikel berjudul cara memasang jam di wordpress. Semoga bermanfaat untuk semua..

Source: http://amronbadriza.blogspot.com/2012/07/cara-memasang-jam-di-wordpress.html#ixzz2EqJrtfx0

cara menciptakan link warna warni di blog dengan mudah:

Cara I

1. Login ke akun Blogger sobat.

2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).

3. Search kode berikut </head>  ( untuk mempermudah pencarian tekan Ctrl + F ).

4. Letakkan script berikut tepat di atas kode no.3 tadi

<script type='text/javascript'>
//<![CDATA[
var rate = 20;
if (document.getElementById)
window.onerror=new Function("return true")
var objActive; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID
if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}
if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
objActive.style.color = makeColor();
}
function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?
// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return '#' + elmR + elmG + elmB;
}
//]]>
</script>

5. Simpan template sobat dan lihat hasilnya.

Cara II

1. Masuk ke dashbor blog sobat.

2. Klik Tata Letak >> Tambah Gadget >> Pilih HTML/Java Script.

3. Pastekan kode berikut ke dalam box HTML/java Script tadi

<script src='http://sabarmuanas.googlecode.com/files/infonetmu.blogspot.com.mousepelangi.js' type='text/javascript'>
</script>

4. Simpan dan lihat hasilnya.

Saya rasa cukup postingan mengenai cara mudah membuat link warna warni di blog kali ini. Semoga bisa bermanfaat dan menambah wawasan sobat.

Source: http://amronbadriza.blogspot.com/2012/10/cara-mudah-membuat-link-warna-warni-di.html#ixzz2EqKkuCcQ

Cara Mudah Membuat Daun Berjatuhan di Blog - Cara/trik memberi/menambah/menciptakan daun berjatuhan di blogger atau cara agar di blog kita muncul daun yang berjatuhan ketika dikunjungi.

Hay sobat.. Apa kabar kalian hari ini? Saya harap baik-baik aja :)

Setelah beberapa waktu lalu saya posting artikel mengenai cara membuat efek salju di blog, maka di postingan kali ini saya akan membahas artikel mengenai trik memberi daun berjatuhan di blogger.

Memberi daun berguguran di blog memang bisa mempercantik tampilan blog agar mempunyai nilai seni lebih tinggi, selain itu trik ini juga tidak terlalu memberatkan blog atau malah bisa dikatakan ringan. Oke, langsung saja berikut ini cara memberi efek daun berjatuhan di blog kita:

1. Login ke akun Blogger sobat.
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).

3. Cari kode </head> di template sobat.

4. Pastekan kode di bawah ini tepat di atas kode nomor 3 tadi

<script type="text/javascript" src="http://amronbadriza.googlecode.com/files/daun-berjatuhan-di-blog.js"></script>

 5. Simpan template sobat. 

Selesai deh. Gampang sekali kan?

Demikianlah postingan mengenai cara mudah membuat daun berjatuhan di blog. Semoga bermanfaat buat semua.

Source: http://amronbadriza.blogspot.com/2012/10/cara-mudah-membuat-daun-berjatuhan-di.html#ixzz2EqL8Yaig

 

Cara Membuat Anti Copy Paste Di Blog - Cara/trik mengatur blog menjadi anti copas/copy paste atau cara mengubah/merubah blog menjadi anti copy paste atau cara agar blog kita tidak bisa dicopas.

Membuat blog menjadi anti copy paste merupakan salah satu cara menjaga keamanan/privasi blog kita. Selain blog, kita juga bisa bisa memproteksi elemen-elemen atau widget-widget blog kita dari orang-orang jahil, misalnya memproteksi counter histats. Baca: cara private counter histats. Nah, kali ini saya akan membahas mengenai trik mengatur blog menjadi anti copy paste menggunakan sript. Oke, langsung saja.. Cara kerja script ini adalah menonaktifkan fungsi blok pada posting sehingga copy paste terhadap blog kita dapat diminimalisir. Tapi saya sarankan jika blog sobat bertema "blog tutorial" sebaiknya jangan menggunakan script ini, karena script/kode yang ada pada tutorial sobat tidak akan bisa di blok. Baik langsung berikut cara mengubah blog menjadi anti copy paste:

1. Login ke akun Blogger sobat.
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
3. Cari kode </head> (gunakan ctrl+f).
4. Copy paste script berikut tepat di bawah kode nomor 3 tadi
   

   <SCRIPT type="text/javascript">
   if (typeof document.onselectstart!="undefined") {
   document.onselectstart=new Function ("return false");
   }
   else{
   document.onmousedown=new Function ("return false");
   document.onmouseup=new Function ("return true");
   }
   </SCRIPT>

5. Simpan template dan lihatlah hasilnya.

Source: http://amronbadriza.blogspot.com/2012/10/cara-membuat-anti-copy-paste-di-blog.html#ixzz2EqLMP64Q