Cara Membuat Efek Spesial Idul Fitri Di Blog

10:12:00
Cara Membuat Efek Spesial Idul Fitri Di Blog
Cara Membuat Efek Spesial Idul Fitri Di Blog
Cara Membuat Efek Idul Fitri Di Blog



Selamat datang agan atau aganwati kali ini saya akan berbagi tips blogging yaitu cara membuat efek spesial idul fitri di blog, untuk menerapkannya di blog silakan ikuti beberapa langkah di bawah ini;



Langkah


1. Login pada blog anda masing-masing,

2. Lalu pada menu dashboard blog pilih menu template,

3. Pilih menu edit html,

4. Lalu cari kode </body> dengan cara
Ctrl
+
F
,

5. Copy script di bawah ini,

 <script type='text/javascript'>
//<![CDATA[
var no=100;var hidesnowtime=0;var snowdistance='pageheight';var ie4up=(document.all)?1:0;var ns6up=(document.getElementById&&!document.all)?1:0;function iecompattest(){return(document.compatMode&&document.compatMode!='BackCompat')?document.documentElement:document.body}var dx,xp,yp;var am,stx,sty;var i,doc_width=800,doc_height=600;if(ns6up){doc_width=self.innerWidth;doc_height=self.innerHeight}else if(ie4up){doc_width=iecompattest().clientWidth;doc_height=iecompattest().clientHeight}dx=new Array();xp=new Array();yp=new Array();am=new Array();stx=new Array();sty=new Array();for(i=0;i<no;++i){dx[i]=0;xp[i]=Math.random()*(doc_width-50);yp[i]=Math.random()*doc_height;am[i]=Math.random()*20;stx[i]=0.02+Math.random()/10; sty[i]=0.7+Math.random();if(ie4up||ns6up){document.write('<div id="dot'+i+'" style="POSITION:absolute;Z-INDEX:'+i+';VISIBILITY:visible;TOP:15px;LEFT:15px;"><span style="font-size:18px;color:#fff">*</span><\/div>')}}function snowIE_NS6(){doc_width=ns6up?window.innerWidth-10:iecompattest().clientWidth-10;doc_height=(window.innerHeight&&snowdistance=='windowheight')?window.innerHeight:(ie4up&&snowdistance=='windowheight')?iecompattest().clientHeight:(ie4up&&!window.opera&&snowdistance=='pageheight')?iecompattest().scrollHeight:iecompattest().offsetHeight;for(i=0;i<no;++i){yp[i]+=sty[i];if(yp[i]>doc_height-50){xp[i]=Math.random()*(doc_width-am[i]-30);yp[i]=0;stx[i]=0.02+Math.random()/10;sty[i]=0.7+Math.random()}dx[i]+=stx[i];document.getElementById('dot'+i).style.top=yp[i]+'px';document.getElementById('dot'+i).style.left=xp[i]+am[i]*Math.sin(dx[i])+'px'}snowtimer=setTimeout('snowIE_NS6()',10)}function hidesnow(){if(window.snowtimer){clearTimeout(snowtimer)}for(i=0;i<no;i++)document.getElementById('dot'+i).style.visibility='hidden'}if(ie4up||ns6up){snowIE_NS6();if(hidesnowtime>0)setTimeout('hidesnow()',hidesnowtime*1000)}
//]]>
</script>



<div style="float:left;margin:5px;">
<script id="_wau779">var _wau = _wau || []; _wau.push(["small", "wj4qhqsaf3xu", "779"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/small.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script></div>

<img title="Idul Fitri" alt="Idul Fitri" style="position:fixed;z-index:9999;top:0;left:0" src="http://3.bp.blogspot.com/-sBQ6hfofgGA/VWkizX2GsLI/AAAAAAAACGk/Nd8_XKFWmhU/s1600/left-ketupat123.png"/>
<img title="Idul Fitri" alt="Idul Fitri" style="position:fixed;z-index:9999;top:0;right:0" src="http://1.bp.blogspot.com/-tnTF3utDNgE/VWkR60IsVrI/AAAAAAAACFE/So2z_CYAF9I/s1600/ketupat_right_bottom.png"/>
<div title="Idul Fitri" alt="Idul Fitri" style="position:fixed;z-index:9999;bottom:-50px;left:0;width:100%;height:104px;background:url(http://1.bp.blogspot.com/-QMaoKtD-U74/UqUiYNtnz0I/AAAAAAAABxE/3BVD-f1E1uE/s1600/vbbstyle.net---footer.png) repeat-x bottom left;"></div>
<img title="Idul Fitri" alt="Idul Fitri" style="position:fixed;z-index:9999;bottom:20px;left:20px" src="http://4.bp.blogspot.com/-eird8cruY7Y/VWkXZWwjVeI/AAAAAAAACF4/XiWyWGd0sZs/s1600/ketupat_indo-uniline.png"/> 



6. Paste script tersebut di atas kode </body>,

7. Simpan.




Nah itu saja dari saya semoga bermanfaat, jangan lupa bagikan serta tinggalkan komentar anda.

Share this

I'm CEO & Founder in http://caritema.com & http://renaldyways.blogspot.com/


Artikel Menarik Lainnya

Next Article
Next Post
Previous Article
Previous Post
Cara style text di komentar Disqus dan Blogger:
  • Untuk menulis huruf bold silahkan gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic silahkan gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline silahkan gunakan <u></u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike></strike>.
  • Untuk menulis kode HTML silahkan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silahkan parse dulu kodenya pada kotak parser di bawah ini.
  • Untuk menggunakan emoji di bawah ini cukup copy kode tersebut dan beri jarak 1 spasi untuk menampilkan emoji pada kolom komentar Blogger.
Parser Kode
FAQ
Emotikon

Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger
Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

25 Comments

pikr smad 30 May 2015 at 22:51

OOT gan... cara membuat emo kaskus gimana..?

Renaldy Ramadani 31 May 2015 at 10:14

dengan cara mengganti url emo default dengan emo kaskus :2thumbup

Gan CARA Membuat Tombol View Di Gambar Gimana Sama Tolong bantuin Perbaikin Blog ane kok Jumlah post di Beranda Cuma 3 doang terus setelah ke halaman ke 2 malah normal tolong bantuin Gan Please :2thumbup

Sekalian Chat G-Mail Ane Gk Di Bales sih tentang emoticon :ngakak

Renaldy Ramadani 8 June 2015 at 22:09

ini kalau yang gambar view http://renaldyways.blogspot.com/2014/12/cara-membuat-efek-hover-keren-pada.html

kalo 3 posting di beranda coba agan cek di menu tata letak, pada bagian posting edit, jumlah posting di halaman utama ___ :2thumbup

Masih kgk bisa bang Liat aja Blog ane Pas Halaman Ke 1 klo ke halaman 2 gk normal -_-

ciee Page Source tamilan Pesan Komentar Bagus lah (y) Tapi emotikon nya masih kebawa Dari sana

Anonymous 9 June 2015 at 12:57

Kgk bisa nie Gan Trik nya Ada yg laen kgk Coba mampir blog ane:ngakak

Renaldy Ramadani 9 June 2015 at 17:35

link blog gan? :2thumbup

Renaldy Ramadani 9 June 2015 at 17:40

coba lu posting artikel lagi :2thumbup

Ty Gan Dah bisa :2thumbup

Renaldy Ramadani 10 June 2015 at 06:50

yoi gan :2thumbup

kahfi rafsanjani 21 June 2015 at 06:31

Yey, bisa pake buat sebulan ini nih. Tapi gak berat tuh scriptnya mas?

Renaldy Ramadani 21 June 2015 at 11:27

loadingnya tambah berat sekitar 5% an dari loading biasanya :2thumbup

Biloeganz 15 July 2015 at 15:14

Mantap gan izin pasang deh di blog dummy satunya :D :thumbup

SCOUTRIP 15 July 2015 at 15:35

Makasih gan..
tpi syang , loading nya berat.. tpi gpp lah tetep keren kok .. di pasang pas H-3 Smpai H+3 ..
thanks yak..

GNius Bakhan 15 July 2015 at 15:36

izin Bookmark :D

SCOUTRIP 15 July 2015 at 15:55

Maaf ni gan sebelumnya.. krna komen 2 kali.. -/\- ane cma ngasih saran.. krna mngkin trik ini mengakibatkan blog jdi berat tpi , ini tdi ane coba hilangin salju yg jatuh , trnyta jdi gk berat.. mngkin berat krna ada efek saljunya..
hilangkan script yg awala > "script type= . . . . . smpai
*cma Js.nya aja.. *Line 1 - 5

maaf yah gan .. ane cuma ngasih saran aja..
Thanks...

Renaldy Ramadani 15 July 2015 at 16:29

yoi gan :2thumbup

Renaldy Ramadani 15 July 2015 at 16:30

sama2 gan senang membantu :cendol

Renaldy Ramadani 15 July 2015 at 16:32

yoi gan :2thumbup

Renaldy Ramadani 15 July 2015 at 16:33

thanks gan atas sarannya :shakehand

DKOMPILEPI 15 July 2015 at 19:18

Ada demo blog nya gak gan?

SCOUTRIP 16 July 2015 at 08:50

oke.. sama2

Renaldy Ramadani 16 July 2015 at 09:45

dulu sih ada gan, tapi udah ane hapus blognya, bisa dilihat dari gambar diatas gan :2thumbup