Membuat Pop Up Message Box Alert di Bloger

Pada postingan kali ini, kami akan menjelaskan tetang trik membuat Pop Up Message Box Alert di Blogger.  Message Box "Alert" banyak difungsikan oleh blogger sebagai pesan pembuka yang berisikan beberapa hal antara lain : Ucapan Selamat datang, Info muatan blog, dan masih banyak lagi ( perhatikan gambar dibawah )

Masuk ke Proses / cara membuat Message Box Alert :

• Loggin Blogger > Dasbor > rancangan.
• Pilih Add New Widget > add HTML/JAVAscript

  

•  Copy Paste Kode di bawah ini ke dalam HTML/JAVAscript tersebut, simpan kemudian lihat hasilnya

<script language="JavaScript">
alert ("Selamat Datang di Blog Saya")
alert ("Jangan lupa tinggalkan komentar")
alert ("Semoga Bermanfaat")
</script>

Catatan : ganti kalimat yang berwarna merah dengan  Pesan yang ingin kamu tampilkan.

"Selamat Mencoba"

Membuat Widget Recent Post dengan scroll menu

Recent Post adalah daftar entri Blog atau situs yang pernah dibuat sebelumnya, baik itu berupa Info, tutorial, maupun berbentuk artikel. Fungsi dari Recent Post sendiri adalah mempermudah penungunjung untuk mencari/ menelusuri daftar artikel yang telah kita buat atau posting sebelumnya. Namun terkadang semakin banyak artikel atau entri yang kita buat, apabila diurutkan ke dalam widget "Recent Post" akan membuat  daftar terlihat penuh dan mengurangi keindahan bentuk "Template Blog". 

Untuk menanggulangi masalah tersebut adalah tentu saja dengan membuat ringkas "Recent Post" tersebut dengan menggunakan "Scroll menu", sehingga untuk melihat sekian banyak artikel pengunjung cukup menggunakan scroll tersebut :

Menambah 2 Kolom Widget di atas pada elemen laman Blog

Tadinya saya bingung dengan tampilan banyak blog atau web yang saya kunjungi dengan tampilan 2 sampai 3 colom widget di atas postingan. Saya coba menelusuri di "Perancang Template" bloger dan tata letak, namun ternyata menu 2 -3 kolom diatas tersebut tidak disediakan.

Saya mencoba menelusuri beberapa Artikel melalui penelusuran di "mbah Google" dan ternyata malah banyak yang bikin bingung karena proses meletakkan kode css/javascript yang rumit alias taruh disana, taruh disini, rubah disana-rubah disini. yang terkadang

Membuat MetaTag di Blogger

PENGERTIAN META TAG

Meta tags adalah kode-kode HTML/ javascript yang terdapat pada sebuah halaman web/blog . Karena sifatnya yang tersembunyi, maka tidak sedikit dari para blogger terutama pemula (gw jg ngerasa nich ) yang tidak mengetahui Kode HTML/Javascript "meta tag ini". Pada umumnya

Membuat entry pada postingan berbentuk scroll

Pengen postingan kamu berisi sperti di bawah ????

PENGEN AJA DAH PENGEN AJA DAH PENGEN AJA DAH PENGEN AJA DAH PENGEN AJA DAH PENGEN AJA DAH PENGEN AJA DAH PENGEN AJA DAH PENGEN AJA DAH PENGEN AJA DAH

Nih Gw kasih tau caranya :

TUTORIAL MEMASANG WIDGET JAM DI BLOGGER

<script src="http://www.clocklink.com/embed.js"> </script><script type="text/javascript" language="JavaScript"> obj=new Object;obj.clockfile="0001-red.swf";obj. TimeZone="JST";obj.width=150;obj.height=150;obj.Place="";obj.wmode="transparent";showClock(obj);</script>






<script src="http://www.clocklink.com/embed.js"> </script><script type="text/javascript" language="JavaScript"> obj=new Object;obj.clockfile="0001-red.swf";obj. TimeZone="JST";obj.width=150;obj.height=150;obj.Place="";obj.wmode="transparent";showClock(obj);</script> Perhatikan gambar di atas -Gambar 1 adalah Jam dengan Zona Waktu  untuk Indonesia bagian barat (WIB) -Gambar 2 adalah Jam dengan zona waktu untuk Indonesia bagian Tengah (WITA) - Letakkan Kode HTML/ JAVA script yang tertera di atas pada sidebar "widget" Selamat Mencoba

Jumping Teks / Teks loncat-loncat

Caranya : 1. Login Blog > Dasbor > 2. Fikirkan kamu mau taroh dimana !!! 3. kalo Di widget tentunya tau dong harus pilih yang mana 4. Kalau kamu mau pakai dalam postingan, kamu harus bekerja pada metode "edit HTML, bukan compose.

Masukkan kode di bawah ini

<div style="color:#8B0000;font-size:16px;font-family:Bodoni MT Black;" id="jumpx"></div>

<script type="text/javascript">
message="CONTOH TEKS MELOMPAT";
mes=new Array();
mes[0]=-1;
mes[1]=-4;
mes[2]=-7;
mes[3]=-10;
mes[4]=-7;
mes[5]=-4;
mes[6]=-1;
num=0;
num2=0;
txt="";

function jump0()
{
   if (message.length > 6)
   {
      for(i=0; i!=message.length; i++)
      {
         txt = txt + "<span style='position:relative;' id='n"+i+"'>"+message.charAt(i)+"</span>";
      }
      jump = document.getElementById("jumpx");
      jump.innerHTML = txt;
      txt = "";
      jump1a();
   }
}

function jump1a()
{
   nfinal = document.getElementById("n0");
   nfinal.style.left = (-num2).toString() + "px";
   if (num2 != 9)
   {
      num2 = num2 + 3;
      setTimeout("jump1a()", 50);
   }
   else
   {
      jump1b();
   }
}

function jump1b()
{
   nfinal = document.getElementById("n0");
   nfinal.style.left = (-num2).toString() + "px";
   if (num2 != 0)
   {
      num2 = num2-3;
      setTimeout("jump1b()",50);
   }
   else
   {
      jump2();
   }
}

function jump2()
{
   txt = "";
   for(i=0;i != message.length; i++)
   {
      if (i+num > -1 && i+num < 7)
      {
         txt = txt + "<span style='position:relative;top:" + mes[i+num] + "px'>" + message.charAt(i) + "</span>";
      }
      else
      {
         txt = txt + "<span>" + message.charAt(i) + "</span>";
      }
   }
   jump = document.getElementById("jumpx");
   jump.innerHTML = txt;
   txt = "";
   if (num != (-message.length))
   {
      num--;
      setTimeout("jump2()",50);
   }
   else
   {
      num=0;
      setTimeout("jump0()",50);
   }
}
jump0();

</script>

Lihat Hasilnya di bawah