Showing posts with label Trik Blog. Show all posts
Showing posts with label Trik Blog. Show all posts

Cara Membuat Pointer menampilkan dan Mengeluarkan Salju

Cara Membuat Pointer menampilkan dan Mengeluarkan Salju

Cara Membuat Pointer Mengeluarkan Salju - cara bagaimana membuat pointer yang bisa mengeluarkan salju..

  1. login
  2. Sudah masuk ke dashboard
  3. Terus pilih menu Design.
  4. Masuk ke template.
  5. Terus klik add gadget
  6. NExt pilih HTML/JavaScript
  7. Terus isi Code HTML di bawah ini
<script type='text/javascript'>
// <![CDATA[
var colour="black";
var sparkles=100;

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";

star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}

}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {


tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

<a href="http://www.infosantai.co.cc">infosantai.co.cc</a>

Setelah itu Kalian Save...

Membuat 5-Star Rating Widget

Membuat 5-Star Rating Widget


Kalau kamu ingin mengetahui rating posting-an kamu dari penilaian pengunjung maka sekarang ada widget yang cukup menarik yaitu The Outbrain Widget. Biasanya pengunjung agak sedikit males untuk memberi komentar mengenai posting kamu tapi dengan adanya widget ini, pengunjung tinggal mung-klik icon bintang yang terdapat dibawah posting.
Untuk mendapatkan widget ini cukup praktis dan gratis, silahkan klik disini kemudian pilih icon blogger dan kamu tidak perlu mendaftar cukup salin kode scriptnya di blog kamu.

Selamat mencoba...!

CARA membuat efek rusak pada browser ketika masuk

CARA membuat efek rusak pada browser ketika masuk

membuat efek rusak pada browser ketika masuk

Saetu lagi efek asyik dan keren pada blog yang aq temukan di blog teman.Efeknya yaitu window akan berputat putar pada saat awal dibuka.

Jadi windows seperti error gitu.Penasaran ya !!!! liat langsung di sini efeknya

cara buatnya gampang banget

ikuti langkah-langkan sbb:

1. Sign in di blogger.

2. Klik menu Template

3. Klik menu Edit HTML

4. Copy seluruh kode template yang ada, lalu save untuk backup data

5. Cari kode yang ada di bawah ini : <head>

6.Kemudian copy kode yang yang ada di bawah ini :

karena kode yang sangat panjang jadi silakan download di sini

7. Setelah itu paste kode tadi tepat dibawah kode :
<head>

8. Klik tombol Simpan Perubahan Template

9. Selesai. Silahkan lihat hasilnya.

Semoga berhasil


source

Menambahkan TV Online Pada Blog

Menambahkan TV Online Pada BlogMau lihat TV sekarang tidak sulit lagi. Sudah banyak stasius televisi yang membuat TVnya menjadi streaming yang bisa dinikmati secara online. Sehingga jangkauannya akan semakin luas. Dengan internet orang dibelahan negara lain bisa menikmati acara-acara TV Indonesia. Mau menambahkan TV online di blog kita? Siapa tahu akan membuat pengunjung bisa menikmati siaran TV-TV yang sudah streaming. Mungkin dengan menambahkan TV Online ini akan membuat blog kita semakin berat. Jadi perhitungkan kembali. Juga koneksi internet yang ada di Indonesia masih terkenal sangat lambat, siarannya pun tak bisa dinikmati secara nyaman. Tapi jika koneksi internet kita cepat sekali bisa jadi kita bisa menikmati TV online dengan enak.

Cara Menambahkan TV Online Pada Blog
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode script berikut ini:


<div id="NamaTV"></div><div id="TVstyle"></div><div class="tvborder"><iframe id="fsTVframe" scrolling="no" frameborder="0" name="TVPlayerWb" allowtransparency="true"></iframe></div><ul id="fsTVOnline"></ul><div class="clear"></div><span id="TVsource"></span><style>#wb_fs_tvinternetplayers{display:none;visibility:hidden;}</style><a id="wb_fs_tvinternetplayers" href="http://www.warungbebas.com/2010/12/nonton-banyak-channel-tv-online.html">TV Streaming Indonesia</a><script type="text/javascript" src="http://dns.warungbebas.com/4you/wb_fs_scriptwidget.js"></script><script type="text/javascript">wbwidget('loadtvcodeinternetplayers','calltvcodeonlineindonesia',4,2,10)</script><script type="text/javascript">fsCallListTVOnline(255,200,35,1);</script>

5. Simpan jika sudah selesai.

Kita dapat mengganti ukuran TV online yang kita tambahkan, yaitu dengan mengubah (255,200,35,0). 255 adalah lebarnya, 200 adalah tingginya 35 adalah ukuran logo TV.
    TV Streaming Indonesia

    Cara Mudah Pasang Menu Horizontal Di Blogger

    Cara Membuat Menu Horizontal Di Blogger

    Selamat petang sobat, semoga masih tetap semangat meski mentari telah sembunyi. Tetap semangat meski begitu banyak yang dihadapi, dan tetap semangat untuk terus meanjutkan membaca ccelotehanku ini. hehehe

    Berkaitan dengan judul postingan ini, kali ini saya akan mencoba berbagi pengalaman kepada sobat yang kebetulan mampir di sini. Mungkin bagi sobat yang sudah lama menggunakan blogger sudah tidak asing lagi dengan yang akan saya utarakan di sini, dan mungkin tidak lagi membutuhkannya lagi. Tapi mungkin bagi newbie seperti saya ini masih perlu mempelajaari hal yang satu ini.

    Okelah kalau begitu, mari kita pelajari bagaimana cara bikin ( lebih tepatnya : cara pasang ) Menu Horizontal di blog kita.

    Ikuti langkah berikut :
    1. Pertama silahkan kunjungi website berikut : http://www.mycssmenu.com/
      Di web itulah kita akan mendapatkan kode CSS dan HTML Menu Horizontal, Caranya??? Okey, lanjut ke langkah berikutnya
    2. Di halamn utama web tersebut akan kita temu berbagai macam variasi betuk menu horizontal maupun yang vertical. Kita tinggal pilih yang mana yang akan kita gunakan. Perhatikan pada gambar berikut ini, saya ambil satu contoh saja.
    3. Untuk mengambil kode dan mengatur tampilan Menu Horizontal silahkan klik customize seperti yang telah saya tunjukkan pada gambar diatas.
    4. Setelah di klik akan muncul jendela baru. Maka akan terlihat tampilan seperti berikut :



      Sedikit akan saya jelaskan, di sisi sebelah kiri tersebut telah disediakan tempat untuk mengedit warna dan lain sebagainya, silahkan di coba saja. Dan setelah selesai mengedit kita bisa langsung mengambil kode CSS dan HTMLnya di Sisi bagian kanan yaitu pada tab CSS dan HTML.

      Silahkan copy semua kode jangan sampai ada yg terlewat.
    5. Kemudian buka akun blogger anda dan silahkan menuju ke bagian "LAYOUT". Kemudian tambahkan WIDGET / GADGET baru pada template sobat. Pilihlah yang bisa untuk edit HTML dan JavaScript. Kemudian Paste kode tadi pada GADGET baru tersebut, kemudian simpanlah..

    Lihatlah hasilnya.

    Saya akhiri sampai disini dulu postinganku kali ini, saya yakin sobat pasti bisa dengan sedikit mempelajari kodenya, nanti akan tahu bagaimana cara mengeditnya dan dibagian mana yang harus diubah. Jika masih bingung dan ada yang kurang jelas silahkan gunkan kotak komentar untuk bertanya. (Maaf soalnya lagi buru-buru neh, ada acara pengajian)

    Cara Memasang Animasi Label Berputar


    Berikut ini cara memasangnya :

    1. Login ke Akun Blog Anda
    2. Klik Rancangan ---> Edit HTML
    3. Download Template Anda Untuk Mengurangi Resiko Kesalahan Penulisan Scipt
    4. Klik CTRL + F   cari kode
    <b:section class='sidebar' id='sidebar' preferred='yes'>
    5. Copy and Paste Scipt berikut di bawahnya
    <b:widget id='Label99' locked='false' title='Labels' type='Label'>
    <b:includable id='main'>
    <b:if cond='data:title'>
    <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
    <div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
    <script type='text/javascript'>
    var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
    // uncomment next line to enable transparency
    //so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
    so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
    so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
    so.addVariable(&quot;distr&quot;, &quot;true&quot;);
    so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
    so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
    so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
    so.write(&quot;flashcontent&quot;);
    </script>
    <b:include name='quickedit'/>
    </div>
    </b:includable>
    </b:widget>

    6. Setting Ukuran sesuaikan dengan ukuran Sidebar anda :

    240       = Lebar
    300       = Tinggi
    ffffff    = Warna Background
    333333 = Warna Text
    100       = Animasi Speed
    12         = Ukuran Text

    7. Simpan Template Anda
    8. Rubah Tata Letak Jika Perlu
    Selamat Mencoba

    source

    Cara Lain Memasang Penghitung (Counter) Kunjungan Blog dengan Bentuk Teks

    counter blogBlogger belum lama ini telah menambahkan gadget baru berupa Statistik Blog. Dengan memasang gadget ini kita bisa mengetahui berapa jumlah pengunjung yang telah mampir ke blog kita. Namun bila kawan merasa tidak cocok dengan bentuk tampilannya, ada cara lain yang bisa digunakan. Yaitu dengan memanfaatkan situs pihak ketiga penyedia jasa layanan counter.

    Penghitung (counter) kunjungan blog dari pihak ketiga, mayoritas memberikan bentuk gambar (image counter). Tapi dengan menggunakan situs ini kita bisa merasakan tampilan penghitung yang berbentuk teks seperti tampilan pada Wordpress.

    Berikut cara memasang penghitung kunjungan blog dengan bentuk teks dari situs StatCounter.com

    1. Kunjungi StatCounter.com atau klik disini, kemudian klik Register Now


    2. Isi kolom akun, lalu centang I accept the terms and conditions, dan klik Register My Account


    3. Pilin zona waktu, lalu klik Proceed & Add a Project


    4. Isi judul blog, alamat blog, dan pilih kategori blog, pada kolom Project Setting. Kemudian klik Next


    5. Proyek telah dibuat, klik Configure & Install Code


    6. Pilih Visible Counter, lalu klik Next


    7. Pilih Every Pageload, isi Unique Visits dan Pageloads untuk nilai awal counter sesuai keinginan. Klik Next


    8. Pilih Text Counter, klik Next


    9. Tentukan format teks, klik Next


    10. Pilih Blogger/Blogspot, klik Next


    11. Copy Kode HTML yang diberikan


    12. Paste di gadget HTML/JavaScript

    sumber:http://planetcaang.blogspot.com/2010/11/cara-lain-memasang-penghitung-counter.html

    Membuat Emoticon di Kotak Komentar

    Membuat Emoticon di Kotak Komentar
    Membuat Emoticon di Kotak Komentar Akhirnya posting juga setelah beberapa hari M2 ngadat, capek deh.. maaf ya maz..! baru saya posting. Posting kali ini adalah request dari ƒôèzîäñx salah satu blogger indonesia huehehe.. gini ne requestnya 'oiya, cara bikin smile nie gmna... :} bikin posting lagi yaaa tentang itu'. dan ini ini juga ' saya mao nanya tentag smile koment nich... kyak di atas... cara nya gimna bikinnya... makasih sebelum nya... tolong dibalas yaaa.... soalnya saia masih pemula.....' jadi saya posting deh tutorial ini. Sebenarnya udah banyak blogger yang membahas tentang tutorial ini tapi ga papa lah.. judul blognya aja BERBAGI BERSAMA, masak ga boleh berbagi ;} langsung aja ya... gini caranya
    Karena emoticon dari mas kendhin lagi trouble jadi saya guna'in dari Sobatini.
    Untuk memasang berbagai icon di kotak komentar memang perlu sedikit ngedit.
    1. Pertama backup templatemu dulu
    2. Berdo'a :)
    3. Login ke blogspot, masuk ke "Layout (Tataletak) --> Edit HTML "
    4. Beri tanda centang pada kotak "expand widget template"
    5. Lalu letakkan kode2 berikut setelah kode <p class="comment-footer">
    yang kedua. INGAT Kodenya itu ada 2, letakkan di yang urutan kedua, tepatnya di (setelah kode yang cetak tebal)
    <p class='comment-footer'>
    <b:if cond='data:post.embedCommentForm'>
    <b:include data='post' name='comment-form'/>
    <b:else/>
    <b:if cond='data:post.allowComments'>
    <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
    </b:if>
    </p>

    Berikut ini script yang harus kamu letakkan:

    <b><img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04210.gif' width='40'/>
    :a:
    <img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04212.gif' width='40'/>
    :b:
    <img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04213.gif' width='40'/>
    :c:
    <img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04219.gif' width='40'/>
    :d:
    <img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04220.gif' width='40'/>
    :e:
    <img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04224.gif' width='40'/>
    :f:
    <img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04231.gif' width='40'/>
    :g:
    <br/><img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04233.gif' width='40'/>
    :h:
    <img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04247.gif' width='40'/>
    :i:
    <img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04235.gif' width='40'/>
    :j:
    <img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04241.gif' width='40'/>
    :k:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04236.gif' width='40'/>
    :l:
    <img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04217.gif' width='40'/>
    :m:
    <img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04237.gif' width='40'/>
    :n:
    </b>

    <b><img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons0084.gif' width='40'/>
    :a:
    <img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons0088.gif' width='40'/>
    :b:
    <img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00810.gif' width='40'/>
    :c:
    <img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00812.gif' width='40'/>
    :d:
    <img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00813.gif' width='40'/>
    :e:
    <img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00817.gif' width='40'/>
    :f:
    <img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00818.gif' width='40'/>
    :g:
    <br/><img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00819.gif' width='40'/>
    :h:
    <img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00822.gif' width='40'/>
    :i:
    <img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00827.gif' width='40'/>
    :j:
    <img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00829.gif' width='40'/>
    :k:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00828.gif' width='40'/>
    :l:
    <img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00826.gif' width='40'/>
    :m:
    <img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons0082.gif' width='40'/>
    :n:
    </b>

    6. Kemudian letakkan script berikut sebelum kode  < /body >




    Lalu save kemudian lihat hasilnya.
    * Kalau blm berhasil silahkan ulangi dengan teliti. Jika masih belum berhasil, mungkin hasil dari kode2 tersebut tidak berhasil dikarenakan setiap template mempunyai kode yang beda atau javascriptnya bermasalah. 

    SUMBER:http://www.feryfadly.com/2009/03/membuat-emoticon-di-kotak-komentar.html