Tutorial Blog Unik: June 2014

Cara Membuat Tiga Warna Berputar Mengelilingi Kursor

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Cara Membuat Tiga Warna Berputar Mengelilingi Kursor</b> - Kali ini, saya akan menjelaskan <a href="http://www.fahmifanirius.ga/2014/06/cara-membuat-tiga-warna-berputar.html" target="_blank">Cara Membuat Objek Keren Berputar Mengelilingi Kursor</a>. Objek atau wiget ini mempunyai 3 warna yg akan berputar dan mengelilingi kursor. Ini, menurut saya sih, keren. Tujuannya, sebagai penghias saja. </span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span> <span style="font-family: Arial, Helvetica, sans-serif;">Dengan objek atau widget ini, mungkin bisa membuat orang tidak bosan buat template web Anda yang sekiranya terlihat polos atau yang dimaksudkan adalah membosankan. Karena objek atau widget ini terdiri dari tiga warna.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span> <span style="font-family: Arial, Helvetica, sans-serif;">Objek ini mungkin juga bisa menghibur visitor Anda untuk melihat lebih dekat lagi. Karena objek atau widget ini bisa memusingkan visitor web Anda. (¬_ ¬)</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span> <span style="font-family: Arial, Helvetica, sans-serif;">Mungkin, Anda bisa mencobanya. </span></div>
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div>
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span> <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpyDjcW1eB-k8nkdjP0lyuCFMEAQBY1NFuC0fpwaaP-ioqiAuXRLhHvFo__YDZJS9vGR5HKxRIcfwtF0VMYne_UTfPCDg_qpFajIGpTZtvR7TEsPpCsnwKXi5TKLipnmEa8XyguIvhyOCa/s1600/aa.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Cara Membuat Tiga Warna Berputar Mengelilingi Kursor" border="0" height="89" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpyDjcW1eB-k8nkdjP0lyuCFMEAQBY1NFuC0fpwaaP-ioqiAuXRLhHvFo__YDZJS9vGR5HKxRIcfwtF0VMYne_UTfPCDg_qpFajIGpTZtvR7TEsPpCsnwKXi5TKLipnmEa8XyguIvhyOCa/s1600/aa.gif" title="Cara Membuat Tiga Warna Berputar Mengelilingi Kursor" width="320" /></span></a></div>
</div>
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div>
<div style="text-align: center;">
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">1. Login blogger</span></div>
</div>
<div style="text-align: center;">
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">2. Tata letak/layout</span></div>
</div>
<div style="text-align: center;">
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">3. Add gadget</span></div>
</div>
<div style="text-align: center;">
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">4. HTML/JavaScript</span></div>
</div>
<div style="text-align: center;">
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">5. Copy paste kode berikut ini pada kolom HTML/JavaScript</span></div>
</div>
<div style="background: #e0eff7; border: 3px dashed #0159f8; height: 400px; overflow: auto; padding: 10px; text-align: left; width: auto;">
<pre><code><span style="font-family: Arial, Helvetica, sans-serif;"><span class="fullpost"><script language="JavaScript" type="text/javascript"></span></span><span style="font-family: Arial, Helvetica, sans-serif;"><span class="fullpost">
</span><span class="fullpost">var xCol = "<span style="color: red;"><b>#FF0000</b></span>";</span></span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">var yCol = "<span style="color: yellow;">#FFFF00</span>";</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">var zCol = "<span style="color: blue;">#0000FF</span>";</span>
<span style="font-family: Arial, Helvetica, sans-serif;"><span class="fullpost">
</span> <span class="fullpost">var n = 6;   //number of dots per trail.</span></span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">var t = 40;  //setTimeout speed.</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">var s = 0.2; //effect speed.</span>
<span style="font-family: Arial, Helvetica, sans-serif;"><span class="fullpost">
</span> <span class="fullpost">var r,h,w;</span></span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">var d = document;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">var my = 10;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">var mx = 10;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">var stp = 0;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">var evn = 360/3;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">var vx = new Array();</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">var vy = new Array();</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">var vz = new Array();</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">var dy = new Array();</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">var dx = new Array();</span><span style="font-family: Arial, Helvetica, sans-serif;"><span class="fullpost">
</span><span class="fullpost">var pix = "px";</span></span><span style="font-family: Arial, Helvetica, sans-serif;"><span class="fullpost">
</span><span class="fullpost">var strictmod = ((document.compatMode) &&</span></span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">document.compatMode.indexOf("CSS") != -1);</span>
<span style="font-family: Arial, Helvetica, sans-serif;"><span class="fullpost">
</span> <span class="fullpost">var domWw = (typeof window.innerWidth == "number");</span></span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">var domSy = (typeof window.pageYOffset == "number");</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">var idx = d.getElementsByTagName('div').length;</span>
<span style="font-family: Arial, Helvetica, sans-serif;"><span class="fullpost">
</span> <span class="fullpost">for (i = 0; i < n; i++)</span></span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">{</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">var dims = (i+1)/2;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">d.write('<div id="x'+(idx+i)+'" style="position:absolute;'</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">+'top:0px;left:0px;width:'+dims+'px;height:'+dims+'px;'</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">+'background-color:'+xCol+';font-size:'+dims+'px"><\/div>'</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">+'<div id="y'+(idx+i)+'" style="position:absolute;top:0px;'</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">+'left:0px;width:'+dims+'px;height:'+dims+'px;'</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">+'background-color:'+yCol+';font-size:'+dims+'px"><\/div>'</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">+'<div id="z'+(idx+i)+'" style="position:absolute;top:0px;'</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">+'left:0px;width:'+dims+'px;height:'+dims+'px;'</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">+'background-color:'+zCol+';font-size:'+dims+'px"><\/div>');</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">}</span>
<span style="font-family: Arial, Helvetica, sans-serif;"><span class="fullpost">
</span> <span class="fullpost">if (domWw) r = window;</span></span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">else</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">{</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">if (d.documentElement &&</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">typeof d.documentElement.clientWidth == "number" &&</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">d.documentElement.clientWidth != 0)</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">r = d.documentElement;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">else</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">{</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">if (d.body && typeof d.body.clientWidth == "number")</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">r = d.body;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">}</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">}</span>
<span style="font-family: Arial, Helvetica, sans-serif;"><span class="fullpost">
</span> <span class="fullpost">function winsize()</span></span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">{</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">var oh,sy,ow,sx,rh,rw;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">if (domWw)</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">{</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">if (d.documentElement && d.defaultView &&</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">typeof d.defaultView.scrollMaxY == "number")</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">{</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">oh = d.documentElement.offsetHeight;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">sy = d.defaultView.scrollMaxY;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">ow = d.documentElement.offsetWidth;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">sx = d.defaultView.scrollMaxX;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">rh = oh-sy;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">rw = ow-sx;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">}</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">else</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">{</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">rh = r.innerHeight;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">rw = r.innerWidth;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">}</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">h = rh;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">w = rw;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">}</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">else</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">{</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">h = r.clientHeight;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">w = r.clientWidth;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">}</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">}</span>
<span style="font-family: Arial, Helvetica, sans-serif;"><span class="fullpost">
</span> <span class="fullpost">function scrl(yx)</span></span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">{</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">var y,x;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">if (domSy)</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">{</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">y = r.pageYOffset;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">x = r.pageXOffset;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">}</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">else</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">{</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">y = r.scrollTop;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">x = r.scrollLeft;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">}</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">return (yx == 0)?y:x;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">}</span>
<span style="font-family: Arial, Helvetica, sans-serif;"><span class="fullpost">
</span> <span class="fullpost">function mouse(e)</span></span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">{</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">var msy = (domSy)?window.pageYOffset:0;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">if (!e) e = window.event;    </span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">if (typeof e.pageY == 'number')</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">{</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">my = e.pageY - msy + 16;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">mx = e.pageX + 6;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">}</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">else</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">{</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">my = e.clientY - msy + 16;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">mx = e.clientX + 6;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">}</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">if (my > h-65) my = h-65;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">if (mx > w-50) mx = w-50;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">}</span>
<span style="font-family: Arial, Helvetica, sans-serif;"><span class="fullpost">
</span> <span class="fullpost">function assgn()</span></span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">{</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">for (j = 0; j < 3; j++)</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">{</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">dy[j] = my + 50 * Math.cos(stp+j*evn*Math.PI/180) *</span>
<span style="font-family: Arial, Helvetica, sans-serif;"><span class="fullpost">
</span> <span class="fullpost">Math.sin((stp+j*25)/2) + scrl(0) + pix;</span></span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">dx[j] = mx + 50 * Math.sin(stp+j*evn*Math.PI/180) *</span>
<span style="font-family: Arial, Helvetica, sans-serif;"><span class="fullpost">
</span> <span class="fullpost">Math.sin((stp+j*25)/2) * Math.sin(stp/4) + pix;</span></span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">}</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">stp+=s;</span>
<span style="font-family: Arial, Helvetica, sans-serif;"><span class="fullpost">
</span> <span class="fullpost">for (i = 0; i < n; i++)</span></span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">{</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">if (i < n-1)</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">{</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">vx[i].top = vx[i+1].top; vx[i].left = vx[i+1].left;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">vy[i].top = vy[i+1].top; vy[i].left = vy[i+1].left;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">vz[i].top = vz[i+1].top; vz[i].left = vz[i+1].left;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">}</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">else</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">{</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">vx[i].top = dy[0]; vx[i].left = dx[0];</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">vy[i].top = dy[1]; vy[i].left = dx[1];</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">vz[i].top = dy[2]; vz[i].left = dx[2];</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">}</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">}</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">setTimeout(assgn,t);</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">}</span>
<span style="font-family: Arial, Helvetica, sans-serif;"><span class="fullpost">
</span> <span class="fullpost">function init()</span></span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">{</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">for (i = 0; i < n; i++)</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">{</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">vx[i] = document.getElementById("x"+(idx+i)).style;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">vy[i] = document.getElementById("y"+(idx+i)).style;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">vz[i] = document.getElementById("z"+(idx+i)).style;</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">}</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">winsize();</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">assgn();</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">}</span>
<span style="font-family: Arial, Helvetica, sans-serif;"><span class="fullpost">
</span> <span class="fullpost">if (window.addEventListener)</span></span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">{</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">window.addEventListener("resize",winsize,false);</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">window.addEventListener("load",init,false);</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">document.addEventListener("mousemove",mouse,false);</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">}  </span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">else</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">if (window.attachEvent)</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">{</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">window.attachEvent("onload",init);</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">document.attachEvent("onmousemove",mouse);</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">window.attachEvent("onresize",winsize);</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;">}</span>
<span class="fullpost" style="font-family: Arial, Helvetica, sans-serif;"></script></span></code></pre>
</div>
<span style="font-family: Arial, Helvetica, sans-serif;">6. Simpan perubahan </span><br />
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div>
<div style="text-align: justify;">
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">*Keterangan: jika sobat kurang suka dengan warna <span style="color: red;"><b>Merah</b></span>, <span style="color: yellow;">Kuning</span>, dan <span style="color: blue;"><b>Biru</b></span>. Sobat dapat menggantikannya dengan warna yang sobat suka. <b><span style="color: red;">(#FF0000 </span></b><b><span style="color: yellow;">#FFFF00</span></b><b><span style="color: blue;"> #0000FF) </span></b><span style="color: blue;"><span style="color: black;">Silahkan sobat bisa buka <a href="http://www.fahmifanirius.ga/p/blog-page_8.html" target="_blank">KODE WARNA</a> untuk mengetahui kode-kode dari warna yang sobat inginkan.</span></span></span></div>
</div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span> <span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span> <span style="font-family: Arial, Helvetica, sans-serif;">Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span> <br />
<div style="text-align: right;">
<b><a href="http://www.fahmifanirius.ga/p/tutorial-blogger.html" target="_blank"><span style="font-family: Arial,Helvetica,sans-serif;"><strike>Tutorial Blogger</strike></span></a></b></div>
<div class="content-box-infoindong">
<div itemscope="" itemtype="http://schema.org/Review">
<div itemprop="itemReviewed" itemscope="" itemtype="http://schema.org/Thing">
</div>
<table><tbody>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Judul </span></td> <td width="60%"><div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara Membuat Tiga Warna Berputar Mengelilingi Kursor.</span></div>
</td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Deskripsi </span></td> <td width="60%"><div style="text-align: justify;">
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Cara membuat objek tiga warna berputar mengelilingi kursor blog yang dapat membuat pengunjung Anda pusing dan sebagai penghias blog.</span></div>
</div>
</td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Author </span></td> <td width="60%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span itemprop="author">Google</span></span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Author Rating </span></td> <td width="60%"><div itemprop="reviewRating" itemscope="" itemtype="http://schema.org/AggregateRating">
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span itemprop="ratingValue">82%</span>/       <span itemprop="bestRating">100%</span> Suara Dari 1362 votes</span></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
</div>

Kursor Tutorial Blogger Widget Cara Membuat Tiga Warna Berputar Mengelilingi Kursor

Cara Membuat Tiga Warna Berputar Mengelilingi Kursor - Kali ini, saya akan menjelaskan Cara Membuat Objek Keren Berputar Mengelilingi Ku...

Cara Mudah Memasang Komentar Facebook Di Blog

6:18 AM Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><b>Cara Mudah Memasang Komentar Facebook Di Blog</b></span> - Pada kesempatan ini, saya akan menjelaskan bagaimana <a href="http://www.fahmifanirius.ga/2014/06/cara-memasang-komentar-facebook.html" target="_blank">Cara Mudah Membuat / Menambahkan Komentar Facebook Berdampingan dengan Blogger</a> tujuannya, agar pengguna facebook yang akan melihat blog kita akan diberi kemudahan untuk berkomentar diblog kita.<br />
<br />
Mungkin, para pengunjung sobat kebanyakan bukan para publisher Blogger, atau masih belum mempunyai akun email gmail di Google. Jadi, mereka gak bisa berkomentar di <b>kotak komentar facebook</b> yang sudah sobat buat. Dan, sangat tidak mungkin sekali, para pengunjung blog sobat gak punya akun facebook. Pastinya semua punya akun facebook. (<span class="Apple-style-span" style="color: red;"><b>Baca juga</b></span>: <span class="Apple-style-span" style="font-weight: 500; line-height: 24px;"><span class="Apple-style-span" style="font-family: inherit;"><a href="http://www.fahmifanirius.ga/2014/11/cara-membuat-email-baru-gmail-mudah-di.html" target="_blank">Cara Membuat Email Baru Gmail Mudah Di Google Terbaru 2014)</a></span></span><br />
<br />
Nah, maka dari itu untuk mengikuti tutorial ini <b>Cara Mudah Membuat Komentar Facebook Di Blog </b>memudahkan pengunjung untuk berkomentar di blog sobat. Mungkin saja, pengunjung sobat tertarik untuk berkomentar di <b>kotak komentar facebook yang berdampingan dengan blogger</b> karena artikel atau konten sobat unik dan menarik. Maka dari itu, pengunjung tertarik untuk berkomentar.</div>
<br />
Tutorial ini khusus buat Anda visitor setia maupun baru-baru ini membuka web saya untuk pertama kalinya. (―˛―“) Kenapa khusus? Karena saya sering blogwalking, atau ngeliat-liat tutorial blog seperti ini lebih rumit dan saya coba ternyata tidak bisa atau tidak terpasang (error). Oleh karena itu, tutorial yang satu ini spesial. Dijamin, tutorial ini akan berhasil dan mempermudah.<br />
<br />
<b>Komentar facebook ini berdampingan, atau bersebelahan dengan komentar blogger</b>. Jika ditemplate Anda sudah ada, ya sudah... Saya cuma ingin memberitahu kepada teman-teman yang belum terpasang komentar facebook. Sangat mudah sekali ini kawan... </div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8pvzbXal7YzwIDtM557pF2GHXPbUsL2D-NB3QrQTcuvMigvvo6bO-I58GrsQMq6E2CHnhOA3RV6Y8KyVH_kTQZzO7oxJf270qHEg2E6cMZUgiikdTQdRmtc8BiFOF8YHA8xhKGs2ramhT/s1600/Screenshot_4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Mudah Memasang Komentar Facebook Di Blog" border="0" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8pvzbXal7YzwIDtM557pF2GHXPbUsL2D-NB3QrQTcuvMigvvo6bO-I58GrsQMq6E2CHnhOA3RV6Y8KyVH_kTQZzO7oxJf270qHEg2E6cMZUgiikdTQdRmtc8BiFOF8YHA8xhKGs2ramhT/s1600/Screenshot_4.png" title="Cara Mudah Memasang Komentar Facebook Di Blog" width="400" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: center;">
1. Anda harus tau nomor ID facebook milik Anda. Caranya: </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Buka kronologi/profil facebook Anda. Dibagian kotak URL, sudah tersedia ID facebook Anda. Seperti gambar dibawah ini: tertera Fahmifanirius</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCUgPn8M-tnRGZZF3FWYXcONAIwNSnGXOwsvKU0_d8Mzd8vBXbrpMnd993iuWKUWXNX0NPoq8f0LoMCLTjPZtZuqP-5HT_g0vgkPJfv7yk5P4uj4FOJh5dbV7_CF195BCHKxBdgh-2kqNh/s1600/Screenshot_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Mudah Memasang Komentar Facebook Di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCUgPn8M-tnRGZZF3FWYXcONAIwNSnGXOwsvKU0_d8Mzd8vBXbrpMnd993iuWKUWXNX0NPoq8f0LoMCLTjPZtZuqP-5HT_g0vgkPJfv7yk5P4uj4FOJh5dbV7_CF195BCHKxBdgh-2kqNh/s1600/Screenshot_2.png" title="Cara Mudah Memasang Komentar Facebook Di Blog" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
Langkah selanjutnya, buka <b><span style="color: red;">https://graph.facebook.com/</span><span style="color: red;"><span style="color: #274e13;">ID Facebook</span> </span></b><span style="color: red;"><span style="color: black;">Ganti tulisan </span></span><span style="color: red;"><span style="color: black;"><b><span style="color: red;"><span style="color: #274e13;">ID Facebook </span></span></b>dengan ID facebook tadi. Contoh: </span></span><span style="color: red;"><span style="color: black;"><b><span style="color: red;">https://graph.facebook.com/</span><span style="color: red;"><span style="color: #274e13;">Fahmifanirius </span></span></b></span></span><br />
<br />
<span style="color: red;"><span style="color: black;"><span style="color: red;"><span style="color: #274e13;"><span style="color: black;">Setelah itu, Anda akan menemukan nomor ID facebook Anda</span></span></span></span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIdOiME3MFfjPoAeBM-_BDViDQ57uxHsdg1BNnP_B7SWs2GO4GttSTg0jpGF5DlAox3tj1yn5I1JsEhUXstKgH1B-jv5fQsUou0pcMFVkkTq6YzRggQiHNyiFgjhTBONZewxvx2xmSlKyw/s1600/Screenshot_3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Mudah Memasang Komentar Facebook Di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIdOiME3MFfjPoAeBM-_BDViDQ57uxHsdg1BNnP_B7SWs2GO4GttSTg0jpGF5DlAox3tj1yn5I1JsEhUXstKgH1B-jv5fQsUou0pcMFVkkTq6YzRggQiHNyiFgjhTBONZewxvx2xmSlKyw/s1600/Screenshot_3.png" title="Cara Mudah Memasang Komentar Facebook Di Blog" /></a></div>
<div style="text-align: center;">
Setelah ketemu nomor ID Facebook, mari lanjut ketahap selanjutnya. </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
2. Login Blogger </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
3. Template </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
4. Edit HTML </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
5. Cari kode <span style="color: blue;"><b><span style="background-color: #073763;"><span style="color: cyan;"><div class='comments' id='comments'></span></span> </b><span style="color: black;">(agar lebih memudahakan pencarian, klik Ctrl+F secara bersamaan pada keyboard) </span></span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="color: blue;"><span style="color: black;">6. Setelah ketemu kode diatas, letakkan kode dibawah ini tepat DIBAWAH kode</span></span><span style="color: blue;"><span style="color: black;"><span style="color: blue;"><b> <span style="background-color: #073763;"><span style="color: cyan;"><div class='comments' id='comments'> </span></span></b></span></span></span></div>
<br />
<span style="color: white;"><span style="color: black;">
</span></span>
<br />
<div style="background: #e0eff7; border: 3px dashed #0159f8; height: 400px; overflow: auto; padding: 10px; text-align: left; width: 500px;">
<blockquote class="tr_bq">
<span style="color: white;"><span style="color: black;"><div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'></span></span><br />
<span style="color: white;"><span style="color: black;"><img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><fb:comments-count expr:href='data:post.url'/> Comments</div></span></span><br />
<span style="color: white;"><span style="color: black;"><div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'></span></span><br />
<span style="color: white;"><span style="color: black;"><img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments</div></span></span><br />
<span style="color: white;"><span style="color: black;"><div class='clear'/></span></span><br />
<span style="color: white;"><span style="color: black;"></div></span></span><br />
<span style="color: white;"><span style="color: black;"><div class='comments-page' id='fb-comments-page'></span></span><br />
<span style="color: white;"><span style="color: black;"><b:if cond='data:blog.pageType == "item"'><div id='fb-root'/></span></span><br />
<span style="color: white;"><span style="color: black;"><fb:comments expr:href='data:post.url' num_posts='2' width='500'/></b:if></div></span></span><br />
<span style="color: white;"><span style="color: black;"><div class='comments comments-page' id='blogger-comments-page'></span></span><br />
<span style="color: white;"><span style="color: black;"><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='<b><span style="color: blue;">Nomor ID Facebook</span></b>' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(".comments-tab").addClass("inactive-select-tab");$(selectTab).removeClass("inactive-select-tab");$(".comments-page").hide();$(selectTab + "-page").show();}</script><style>.comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}</style></span></span></blockquote>
</div>
<span style="color: white;"><br /><b><br /></b></span><br />
<div style="text-align: center;">
<span style="color: blue;"><span style="color: black;">*Tulisan <span style="color: blue;"><b>Nomor ID Facebook</b></span>, ganti dengan nomor ID Facebook yg sudah Anda cari tadi.</span></span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="color: blue;"><span style="color: black;">7. Simpan perubahan </span></span><br />
<br />
<br />
<br />
<div style="text-align: left;">
<span class="Apple-style-span" style="font-size: x-small;">Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. </span></div>
<div style="text-align: left;">
<span class="Apple-style-span" style="font-size: x-small;">Semoga berhasil... ˆ⌣ˆ</span></div>
<span class="Apple-style-span" style="font-size: x-small;"><br /></span>
<br />
<div style="text-align: right;">
<b><a href="http://www.fahmifanirius.ga/p/tutorial-blogger.html" target="_blank"><span style="font-family: Arial,Helvetica,sans-serif;"><strike><span class="Apple-style-span" style="font-size: x-small;">Tutorial Blogger </span></strike></span></a></b></div>
</div>
</div>

Komentar Tutorial Blogger Widget Cara Mudah Memasang Komentar Facebook Di Blog

Cara Mudah Memasang Komentar Facebook Di Blog - Pada kesempatan ini, saya akan menjelaskan bagaimana Cara Mudah Membuat / Menambahkan Ko...

Cara Membuat Post Popular Warna Warni

10:23 PM Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div style="text-align: left;">
<b><span style="font-family: Arial,Helvetica,sans-serif;">Cara Membuat Post Popular Warna Warni</span> </b>- Bagi kalian pecinta warna warni/colorful beruntung sekali. Saya akan menjelaskan <a href="http://www.fahmifanirius.ga/2014/06/cara-membuat-post-populer-warna-warni.html" target="_blank">Cara Membuat Widget Post Popular Warna Warni</a> post/artikel populer digunakan untuk menayangkan artikel pada web Anda yang sering dikunjungi oleh visitor. Tapi, kali ini widget populernya warna warni. </div>
<br />
Bagaimana menurut Anda? Saya yakin banyak sekali para pembuat web yang membuat <b>populer post/most populer dengan tampilan warna-warni</b> seperti gambar dibawah ini. Tapi tentu orang yang awam tentang blog yang sangat ingin membuat popular post warna-warni kebingungan. Apakah termasuk Anda?<br />
<br />
Kalau iya, ini nih, caranya:</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyNAea2Yo1aAcO_nxM59wUt5srt2eL46hDPZSbdvWoknGfbchao_c7X_prnl92De6qGJhNH5PqIHcSgbF3rcybK59tax0SeylQNytpzKy_s9MTciS_7ip-20Y9fba3W8Em6MNzIL5YPU4J/s1600/Screenshot_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Post Popular Warna Warni" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyNAea2Yo1aAcO_nxM59wUt5srt2eL46hDPZSbdvWoknGfbchao_c7X_prnl92De6qGJhNH5PqIHcSgbF3rcybK59tax0SeylQNytpzKy_s9MTciS_7ip-20Y9fba3W8Em6MNzIL5YPU4J/s1600/Screenshot_1.png" title="Cara Membuat Post Popular Warna Warni" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: center;">
1. Login Blogger</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
2. Tata letak/layout</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
3. Add gadget</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
4. Pilih "Entri Populer" atau Popular Post (dalam bhs Inggris)</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
5. Hilangkan centang pada tulisan "Thumbnail Gambar" atau Image Thumbnail</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
6. Atur berapa entri/post sesuai dengan keinginan kalian</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
7. Simpan perubahan</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
8. Tetap diTata letak/layout, pilih add gadget</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
9. HTML/JavaScript</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
10. Copy paste kode dibawah ini pada kolom HTML/JavaScript</div>
<br />
<div style="background: #e0eff7; border: 3px dashed #0159f8; height: 400px; overflow: auto; padding: 10px; text-align: left; width: 500px;">
<blockquote class="tr_bq">
<span style="background-color: #0b5394;"><span style="color: cyan;"><style type='text/css'>
</span></span><br />
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">/*----- popular post warna warni by warnarozack.blogspot.com-----*/</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; 
-webkit-text-stroke-width: 0px; color: #333333; display: block; 
font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; 
font-style: normal; font-variant: normal; font-weight: normal; 
letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; 
min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; 
text-decoration: none !important; text-indent: 0px; text-transform: 
none; white-space: normal; widows: 2; word-spacing: 0px;}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li 
.item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child:after,</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li:after,</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li:after,</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li:after,</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li:after,</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li + li:after,</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li
 + 
li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px
 solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px 
#000;-moz-box-shadow: 0px 0px 5px 
#000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li + li:after{content:"3"}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child + li:after{content:"2"}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li:first-child:after{content:"1"}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;">#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 
0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px 
#000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}</span></span></div>
<div>
<span style="background-color: #0b5394;"><span style="color: cyan;"></style></span></span></div>
</blockquote>
</div>
<br />
<div style="text-align: center;">
11. Simpan perubahan </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Lihat hasilnya.</div>
<div style="text-align: center;">
<br /></div>
<br />
<div style="text-align: left;">
Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. </div>
<div style="text-align: left;">
Semoga berhasil... ˆ⌣ˆ</div>
<br />
<div style="text-align: right;">
<b><a href="http://www.fahmifanirius.ga/p/tutorial-blogger.html" target="_blank"><span style="font-family: Arial,Helvetica,sans-serif;"><strike>Tutorial Blogger </strike></span></a></b></div>
</div>

Post Tutorial Blogger Warna Warni Widget Cara Membuat Post Popular Warna Warni

Cara Membuat Post Popular Warna Warni - Bagi kalian pecinta warna warni/colorful beruntung sekali. Saya akan menjelaskan Cara Membuat Wi...

Cara Membuat Tiga Warna Berputar Mengelilingi Kursor

Cara Mudah Memasang Komentar Facebook Di Blog

Cara Membuat Post Popular Warna Warni

Terpopuler

Kategori

Arsip Blog