Cara Membuat Pesan Pembuka dan Penutup Pada Blog

Capek juga main bola.....
Tapi kalau buat posting saya masih tetep semangat kok,, hehehehe

ok deh langsung saja pada pokok pembahasan yaitu Cara Membuat Pesan Pembuka dan Penutup Pada Blog.


Langkah-langkahnya membuat pesan pembuka :

1. login blog
2. klik Rancangan --> EDIT HTML
3. cari kode <head>
4. taruh kode dibawah ini tepat dibawah kode <head>

<script type='text/javascript'>
alert("welcome to http://vikrymadz.blogspot.com")
</script>

NB : ganti kata welcome to http://Izzihanif.blogspot.com dengan kata" sesuka sobat.

kalau sobat pengen tambah dengan pesan penutup. dibawah ini ada juga langkah"nya.

Langkah-langkahnya membuat pesan penutup :

<script type="text/javascript">
// goodbye alert
function goodbye(){
alert(&#39;Thankz for your visit.... good bye&#39;);
}
parent.window.onunload=goodbye;
</script>

NB : ganti kata Thankz for your visit.... good bye dengan kata" sesuka sobat.

5. simpan templates..

good luck sob.... ^_^

»»  READMORE...

Cara Membuat Efek Bintang Berjatuhan Dari Cursor

Cara Membuat Efek Bintang Berjatuhan Dari Cursor. yups kali ini saya akan share mengenai Cara Membuat Efek Bintang Berjatuhan Dari Cursor.

Cara ni sebenarnya cukup mudah kok karena sobat hanya tinggal memasukkan beberapa kode saja didalam template sobat.


Udah deh basa-basinya, heheheheh ok lah langsung saja pada pokok bahasan kita yaitu Cara Membuat Efek Bintang Berjatuhan Dari Cursor.

Mungkin efek ini sudah tidak asing lagi bagi kita, tapi kalau sobat-sobat pengen lebih mempercantik blog kita, mungkin tips ini patut unutk dicoba.

Ok langsung pada langkahnya :

1. login blog
2. Rancangan --> Edit HTML --> cari kode ]]></b:skin>

lalu copy kode dibawah ini dan taruh dibawah kode ]]></b:skin>

Untuk yang berwarna Merah

<script src='http://vikrymadz.googlecode.com/files/Red.js' type='text/javascript'/>

Untuk yang berwarna Biru

<script src='http://vikrymadz.googlecode.com/files/Blue.js' type='text/javascript'/>

3. simpan template


Good Luck......

»»  READMORE...

Cara Mengetahui Jumlah Pengunjung Blog

langsung saja ea.... Sebenernya postingan ane kali ini adalah request pengunjung di buku tamu ane.

Cara ini sebenernya cukup gampang, karena kita hanya memerlukan kode HTML/JavaScript untuk menampilkan jumlah pengunjung yang online di blog kita.

Disini saya akan memanfaatkan jasa dari situs whos.amung.us. Karena selain Real Time dalam melihat pengunjung yang online di blog kita, whos.amung.us juga memilki fasilitas yaitu kita bisa mengetahui halaman apa saja yang dilihat para pengunjung diblog kita.

Ok langsung yookkk meluncur ke whos.amung.us

atau juga bisa lihat kode scriptnya dibawah ini.

 

<script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('2pbd8bpawrlj', 'left-upper')</script>

<script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('2pbd8bpawrlj', 'left-middle')</script>

 

<script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('2pbd8bpawrlj', 'left-lower')</script>

 

<script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('2pbd8bpawrlj', 'bottom-left')</script>

 

<script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('2pbd8bpawrlj', 'bottom-center')</script>

 

<script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('2pbd8bpawrlj', 'bottom-right')</script>

 

<script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('2pbd8bpawrlj', 'right-upper')</script>

 

<script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('2pbd8bpawrlj', 'right-middle')</script>

 

<script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('2pbd8bpawrlj', 'right-lower')</script>

Lalu :
1. login blog
2. klik rancangan
3. edit HTML >> cari kode ]]></b:skin>
4. pilih salah satu kode diatas dengan mengcopy kode HTMLnya yang ada dibawah gambar lalu letakkan dibawah kode ]]></b:skin>

Good Luck Sobat.... ^_^

»»  READMORE...

Cara Membuat Menu Drop Down

Wah wah.... lama juga nih saya gak posting tentang tips blogging. Ok deh kali saya posting aja mengenai Cara Membuat Menu Bar Drop Down. Postingan ini sebenernya saya buat berdasarkan request dari sobat saya melalui komentar... Ok deh jadi langsung saya share disini saja.

Ok sob langsung saja.

Cara Membuat Menu Bar Drop Down
1. login blog
2. rancangan >> edit HTML
3. cari kode </head> tekan ctrl+f untuk memudahkan mencarinya
4. lalu taruh kode dibawah ini diatas kode </head>

<link rel="stylesheet" type="text/css" href="http://dsai.588.googlepages.com/slidemenu_hori.css" />


<!--[if lte IE 7]>
<style type="text/css">
html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/
</style>
<![endif]-->


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript" src="http://dsai.588.googlepages.com/slidemenu_horiz.js"></script>

5. simpan.
6. lalu buka menu elemen halaman (tata letak)
7. tambah gadget pilih HTML/JavaScript
8. masukkan kode dibawah ini

<div id="myslidemenu" class="jqueryslidemenu">
<ul>
<li><a href="http://vikrymadz.blogspot.com">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Folder 1</a>
<ul>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
</ul>
</li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Folder 2</a>
<ul>
<li><a href="#">Sub Item 2.1</a></li>
<li><a href="#">Folder 2.1</a>
<ul>
<li><a href="#">Sub Item 2.1.1</a></li>
<li><a href="#">Sub Item 2.1.2</a></li>
<li><a href="#">Folder 3.1.1</a>
<ul>
<li><a href="#">Sub Item 3.1.1.1</a></li>
<li><a href="#">Sub Item 3.1.1.2</a></li>
<li><a href="#">Sub Item 3.1.1.3</a></li>
<li><a href="#">Sub Item 3.1.1.4</a></li>
<li><a href="#">Sub Item 3.1.1.5</a></li>
</ul>
</li>
<li><a href="#">Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="http://vikrymadz.blogspot.com">Item</a></li>
</ul>
<br style="clear: left" />
</div>

9. simpan, lalu letakkan gadget ini persis dibawah header lalu save lagi :)

»»  READMORE...

Cara Membuat Widget Top Komentator Cloud

berbeda dengan widget top komentator yang biasa, nah widget top komentator yang saya share kali ini adalah widget Top Komentator yang tampilannya seperti gambar disamping.
OK deh langsung aja deh, lagi males basa-basi nih .. hehehehe

1. Login blogger
2. Rancangan >> Elemen halaman
3. add gadget (HTML/JavaScript)
4. copy kode dibawah ini

<!-- Top Commentators Cloud Start -->
<div style="text-align:justify;line-height:1.2;"><script type="text/javascript">
function cCloud(feed) {
max = 0;
min = 10000;
//finding highest and lowest count
for (i=0;i<feed.count;i++)
{
ccCount = feed.value.items[i].commentcount * 1;
if (ccCount > max){
max = ccCount;
}
if (ccCount < min)
{
min = ccCount;
}}
ccCountD = "";
display = "";
for (j=0;j<feed.count;j++)
{
ccdiff = feed.value.items[j].commentcount - min;
ccFontsize = 80 + (ccdiff * 100) / (max - min) + "%";
ccUrl = "'" + feed.value.items[j].authorurl + "'";

ccCountD = "(" + feed.value.items[j].commentcount + ")";//comment count

ccName = feed.value.items[j].title + ccCountD;
ccLName = "<a style='text-decoration:none;font-size:" + ccFontsize + "' href=" + ccUrl + " target='_blank'>" + ccName + " </a>";//clickable commentator name
display = display + ccLName;
}
document.write(display);}</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://blogsobat.blogspot.com
&Exclusions=Anonymous,
&ShowHowMany=10
&Order=alphabet
&_callback=cCloud&_id=cfa196644e1d6159c9183548c4b5e2f5
&_render=json"
type="text/javascript"></script></div>
<!-- Top Commentators Cloud End -->

Keterangan:

• Hapus tulisan yang berwarna merah jika sobat tidak ingin menampilkan jumlah komentar.
• Angka 10 adalah jumlah top komentator di blog sobat.
• Ganti http://bloganda.blogspot.com dengan url blog sobat.
• Anonymous adalah nama-nama yang tidak ingin ditampilkan dalam top komentatorsobat, sobat dapat mengubahnya atau menambahkan dengan nama sobat sendiri ketika berkomentar (besar kecilnya huruf berpengaruh).
• Alphabet adalah urutan top komentator berdasarkan abjad atau huruf, silahkan ganti dengan "frequency" jika ingin mengurutkannya berdasarkan banyaknya komentar.

»»  READMORE...

Cara Memberi Hak Cipta pada Semua Artikel Blog Kita

Cara Memberi Hak Cipta pada Semua Artikel Blog Kita. ok sesuai dengan judulnya kali ini ::IzziClopedya:: akan share mengenai Cara Memberi Hak Cipta pada Semua Artikel Blog Kita.

Cara Memberi Hak Cipta pada Semua Artikel Blog Kita ini cara penggunaannya adalah dengan memakai script. Dan cara kerja script itu sendiri adalah secara otomatis akan menampilkan url (http) artikel kita bila ada orang lain yang mengcopy tulisan artikel kita lalu mempastekannya.



masih bingung??? wkwkwkwk saya aja yang nerangin juga bingung sendiri kok.. wkwkwkwk
ok deh langsung praktek aja ya... hihihhi

Cara Memberi Hak Cipta pada Semua Artikel Blog Kita
1. login blog
2. rancangan -> edit HTML
3. cari kode <head>
4. lalu letakkan kode script dibawah ini tepat dibawah kode <head>

<script type='text/javascript'>
function addLink() {
var body_element = document.getElementsByTagName(&#39;body&#39;)[0];
var selection;
selection = window.getSelection();
var pagelink = &quot;<br/><br/> Original Post at: <a href='&quot;+document.location.href+&quot;'>&quot;+document.location.href+&quot;</a>&quot;; // change this if you want
var copytext = selection + pagelink;
var newdiv = document.createElement(&#39;div&#39;);
newdiv.style.position=&#39;absolute&#39;;
newdiv.style.left=&#39;-99999px&#39;;
body_element.appendChild(newdiv);
newdiv.innerHTML = copytext;
selection.selectAllChildren(newdiv);
window.setTimeout(function() {
body_element.removeChild(newdiv);
},0);
}document.oncopy = addLink;
</script>

5. simpan.
6. lalu coba tes dengan cara sobat copy beberapa kata dari blog sobat, lalu paste dimana sobat mau (notepad, address bar, dll)
7. nah klo cara td berhasil maka akan muncul link sobat secara otomatis.

»»  READMORE...

Cara Memasang Widget I Love Indonesia

Indonesia kebangsaanQ
Indonesia kebanggaanQ
Indonesia Jiwa RagaQ
Aku Blogger Indonesia

apakah sobat-sobat juga begitu??? wkwkwkwkw

klo emang sobat kayak gitu, yuk mari buruan pasang widget ini.

ya hitung-hitung sebagai tanda klo kita adalah Blogger Indonesia SEJATI

Cara Memasang Widget "I Love Indonesia"
1. login blog
2. buka menu rancangan >> edit HTML
3. lalu cari kode ]]></b:skin>
4. lalu taruh kode dibawah ini tepat dibawah kode ]]></b:skin>

<script language='JavaScript' src='http://vikrymadz.googlecode.com/files/widget.js' type='text/javascript'> </script> <script language='JavaScript' type='text/javascript'> cot(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj19qf7l2oLsopO2sg15EV9aeQ5M59DJbyYhIoHOblzjtdPk2isC7tN8_9JN5oA3ArFZvR9BVuQanVRCrcQYZiIw1Md6IWPmhi7ue_KY1oRIuMJ0C-8P0oUcm-y6aKC8b92DFq3V1Z18bQ/s320/iluvindonesia.png&quot;)</script>

5. simpan dan lihat hasilnya

NB : jika sobat ingin merubah gambarya, sobat bisa ganti pada kode yang berwarna merah.

Good Luck ^_^

»»  READMORE...