e-amik - Pada tutorial sebelumnya saya telah menjelaskan tentang Dasar-Dasar HTML, dalam tutorial kali ini saya akan melanjutkannya dengan memberi style pada beberapa tag tersebut misalnya: Memberi warna pada text, table, header.| No | Nama | Alamat |
|---|---|---|
| 1 | Busra Ahmad | Lembang |
| 2 | Umi Setiyani | Lembang |
| 3 | Saddam Husain | Pakkola |
| 4 | Kaco' | Austria |
<html>
<head>
<title>Tag Style Html</title>
<style type="text/css">
.judul {
font-family: Verdana, Geneva, sans-serif;
color: #096;
}
#mahasiswa
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:300px;
border-collapse:collapse;
text-align: center;
}
#mahasiswa td, #mahasiswa th
{
font-size:1em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
text-align: left;
}
#mahasiswa th
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
}
#mahasiswa tr.alt td
{
color:#000000;
background-color:#EAF2D3;
}
.teks-biru {
color: #00F;
}
.teks-merah {
color: #F00;
}
</style>
</head>
<body>
<h1 class="judul">Table Mahasiswa </h1>
<span class="teks-biru">Cara Memberi Style pada tabel</span>
<br>
<span class="teks-merah">Contoh Tabel:</span>
<br>
<table id="mahasiswa">
<tr>
<th>No</th>
<th>Nama</th>
<th>Alamat</th>
</tr>
<tr>
<td>1</td>
<td>Busra Ahmad</td>
<td>Lembang</td>
</tr>
<tr class="alt">
<td>2</td>
<td>Umi Setiyani</td>
<td>Lembang</td>
</tr>
<tr>
<td>3</td>
<td>Saddam Husain</td>
<td>Pakkola</td>
</tr>
<tr class="alt">
<td>4</td>
<td>Kaco</td>
<td>Austria</td>
</tr>
</table>
</body>
</html>
Untuk mencari software atau sistem operasi gunakan format intitle:"index of/" (rar|zip|iso) nama.software.versi2. Pencarian Makalah, atau file dalam bentuk word atau pdf dan aplikasi office lainnya.
misalnya:
Saya akan mencari windows 8.1 maka format yang digunakan adalah
intitle:"index of/" (rar|zip|iso) windows.8.1
Saya akan mencari game pes2014 maka format yang digunakan adalah
intitle:"index of/" (rar|zip|exe) pes2014
Format pencariannya adalah [tipe]judul pencarian
type file: pdf (file pdf), doc (file word), ppt (file powerpoint), xlsx (file excel) dll
Misalnya:
Pencarian dengan file word: [doc]makalah pendidikan
<h1> INI ADALAH HEADING1</h1> <h1> </h1> <h2> INI ADALAH HEADING2</h2> <h2> </h2> <h3> INI ADALAH HEADING3</h3> <h3> </h3> <h4> INI ADALAH HEADING4</h4> <h4> </h4> <h5> INI ADALAH HEADING5</h5> <h5> </h5> <h6> INI ADALAH HEADING6</h6>
<p>Isi dari penjelasan ini merupakan suatu paragraf, jadi defenisi dari paragraf adalah isi dari dokumen atau artikel yang kita buat.</p>
<b>Ini adalah huruf tebal</b> <br /> <i>Ini adalah huruf miring</i> <br /> <div style="text-align: center;"> Ini adalah Huruf rata tengah</div> <br /> <div style="text-align: left;"> Ini adalah huruf rata kiri </div> <br /> <div style="text-align: right;"> Ini adalah huruf rata kanan </div> <br /> <div style="text-align: justify;"> Ini adalah huruf rata kiri kanan, dapat tampil saat kita membuat suatu artikel yang panjang. </div> <br /> <marquee>Ini adalah huruf berjalan</marquee>
<ul> <li>List1</li> <li>List3</li> <li>List3</li> </ul> <ol> <li>Pertama</li> <li>Kedua</li> <li>Ketiga</li> </ol>
| No | Nama | Alamat |
| 1 | Busra Ahmad | Lembang |
| 2 | Umi Setiyani | Lembang |
<table border="1"> <tbody> <tr> <td>No</td> <td>Nama</td> <td>Alamat</td> </tr> <tr> <td>1</td> <td>Busra Ahmad</td> <td>Lembang</td> </tr> <tr> <td>2</td> <td>Umi Setiyani</td> <td>Lembang</td> </tr> </tbody></table>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<title>
Contoh Dokumen HTML5
</title>
</head>
<body>
<header>
<h1>
Judul
</h1>
</header>
<nav>
<ul>
<li>
<a href="#">
Home
</a>
</li>
<li>
<a href="#">
About
</a>
</li>
<li>
<a href="#">
Artikel
</a>
</li>
<li>
<a href="#">
Contact Us
</a>
</li>
</ul>
</nav>
<aside>
<div>
<p>
Pengikut
</p>
</div>
<div>
<p>
Kategori
</p>
</div>
<div>
<p>
Arsip
</p>
</div>
</aside>
<section>
<article>
<header>
<h2>
Judul
</h2>
<p>
Konten
</p>
</header>
<p>
Isi
</p>
</article>
</section>
<footer>
<p>
konten
</p>
</footer>
</body>
</html>
var _0x3a04 = ["$(3C).4Z(2(){3 o=\"18\",y=\"4r\",u=\"3F.\",s=\"3v\",t=\".3D\",x=\"3G\",w=\"3o\",q=\".m\",p=\"2s\",l=q+p,v=\"4H\",z=\"3q\",r=\"3B\";5($(\".2s\"+y+\"x\").1d(\"a\").2M(o)==\"1g://\"+u+\"i\"+s+\"h\"+r+\"s.1D\"&&$(\".2s\"+y+\"x\").1d(l).2M(o)==\"1g://\"+x+\"r-s\"+w+\".3t\"+v+\"t\"+t+\"m\"){1m.3A=(2(){3 a=2(c){3 f=c||{},b=f.1Z||1m.21.2a,g=f.3k||\"1g://1.2q.2g.1D/-2w/2x/2y/2C/2E/2H.2o\",d=f.4C||50,e=f.3m||0;(2(j){3 h=j(\"#1E-2n-3y\"),k=h.1d(\":2m\");h.2A(\'<12 3E=\"2n-1x\"></12>\');3 i=j(\"#2n-1x\");h.2F(\"3H\",2(){3 m=k.4i();i.4q().15(\"1M...\");j.1E({1w:\"1g://\"+b+\"/1O/2l/1C?1v=1X-1f-20&q=\"+m+\"&2k-22=2B\",1s:\"24\",26:\"27\",28:2(I){3 H=I.1B.2e,E,D,G,F,A=\"\";5(H!==1Q){A=\"<1r>3w 22 1a 3z &2D;\"+m+\"&2D;</1r>\";A+=\'<a 11=\"1U\" 18=\"/\">&2j;</a><2J>\';1a(3 C=0;C<H.16;C++){3 n=46 4a(m,\"4f\"),G=H[C].1G.$t.1i(n,\"<25>\"+m+\"</25>\");1a(3 B=0;B<H[C].14.16;B++){5(H[C].14[B].1n==\"29\"){F=H[C].14[B].18}}5(\"1A\"1f H[C]){E=H[C].1A.$t}17{5(\"1C\"1f H[C]){E=H[C].1C.$t}17{E=\"\"}}E=E.1i(/<\\S[^>]*>/g,\"\");5(E.16>e){E=E.1y(0,e)+\"...\"}E=E.1i(n,\"<25>\"+m+\"</25>\");5(\"2f$1H\"1f H[C]){D=H[C].2f$1H.1w.1i(/\\/s[0-9]+\\-c/g,\"/s\"+d+\"-c\")}17{D=g}A+=\'<7><a 18=\"\'+F+\'\" 1K=\"1L\"><13><1N 2p=\"\'+d+\'\" 1b=\"\'+d+\'\" 1P=\"\'+D+\'\"/></13><b>\'+G+\"</b></a><p>\"+E+\"</p></7>\"}A+=\"</2J>\";i.15(A)}17{i.15(\'<a 11=\"1U\" 18=\"/\">&2j;</a><1h>1R 1x!</1h>\')}},1S:2(){i.15(\'<a 11=\"1U\" 18=\"/\">&2j;</a><1h>1T 4p 1B.</1h>\')}});1j 1t});h.2F(\"4s\",\".1U\",2(){i.4x();1j 1t})})(1c)};1j 2(b){a(b)}})();1m.4D=(2(){3 a=2(A){3 d=A||{},h=d.1Z||1m.21.2a,n=d.4G||8,g=d.3f||\"#3g\",e=d.3h||3i,c=d.3j||1W,f=d.3l||4,b=d.3n||2G,m=d.3p||1Y,j=d.3r||1t,k=d.3s||\"2I\",i=d.3u||\"1g://1.2q.2g.1D/-2w/2x/2y/2C/2E/2H.2o\";$.1E({1w:\"1g://\"+h+\"/1O/2l/2h?1v=1X-1f-20&2k-22=\"+n+\"\",1s:\"24\",26:\"27\",28:2(G){3 I,B,H,K,M,J,D=\"\",L=G.1B.2e;5(L!==1Q){5(j){D=\"<1e 11=\'2U 2V\'>\"}17{D=\"<1e 11=\'2V\'>\"}1a(3 F=0;F<L.16;F++){1a(3 E=0;E<L[F].14.16;E++){5(L[F].14[E].1n==\"29\"){I=L[F].14[E].18;1q}}1a(3 C=0;C<L[F].14.16;C++){5(L[F].14[C].1n==\"2Y\"&&L[F].14[C].1s==\"2m/15\"){H=L[F].14[C].1G.30(\" \")[0];1q}}5(\"1A\"1f L[F]){K=L[F].1A.$t}17{5(\"1C\"1f L[F]){K=L[F].1C.$t}17{K=\"\"}}5(\"2f$1H\"1f L[F]){M=L[F].2f$1H.1w.1i(/\\/s[0-9]+\\-c/g,\"/s\"+e+\"-c\")}17{M=i}K=K.1i(/<\\S[^>]*>/g,\"\");5(K.16>c){K=K.1y(0,c)+\"...\"}B=L[F].1G.$t;J=L[F].31.$t.1y(0,10),J=J.1i(/-/g,\"/\");D+=\'<7><12 11=\"47\"><a 18=\"\'+I+\'\" 1K=\"1L\"><13><1N 1v=\"\'+B+\'\"1P=\"\'+M+\'\"/></13></a></12><12 11=\"48\"><1r><a 18=\"\'+I+\'\" 1K=\"1L\">\'+B+\'</a></1r><12 11=\"36\"><13 11=\"37\">\'+J+\'</13><13 11=\"3a\">\'+H+\" \"+k+\'</13></12></12><12 11=\"4o\">\'+K+\"</12></7>\"}D+=\"</1e>\";$(g).15(D);(2(N){N.2u.2v=2(O,Q,P){O=O||4;Q=Q||2z;P=P||1Y;1j 19.2b(2(){3 X=N(19),W=1F,V=[],U=O,R=X.1d(\"> 7:2i\").1b(),T=0;2 S(){5(W){3 Y=N(V[U]).1u({1b:0,1o:0}).2K(X);X.1d(\"> 7:2L\").1p({1o:0},P,2(){Y.1p({1b:R},P).1p({1o:1},P);N(19).23()});U++;5(U>=T){U=0}}2N(S,Q)}X.1d(\"> 7\").2b(2(){V.2O(\"<7>\"+N(19).15()+\"</7>\")});T=V.16;X.2P(\'<12 11=\"3x\" />\').2Q().1u({1b:R*O});X.1d(\"> 7\").2R(\":2S(\"+(O-1)+\")\").23();X.1k(\"1J\",2(){W=1t}).1k(\"1I\",2(){W=1F});S()})}})(1c);1c(2(){5(j){1c(\"1e.2U\").2v(f,b,m).1k(\"2W\",2(){1c(19).2c(\"1J\")}).1k(\"2X\",2(){1c(19).2c(\"1I\")})}})}17{$(g).15(\"<13>1R 1x!</13>\")}},1S:2(){$(g).15(\"<1h>1T 1M 2r!</1h>\")}})};1j 2(b){a(b)}})();1m.3I=(2(){3 a=2(B){3 e=B||{},k=e.1Z||1m.21.2a,c=e.3J||\"#3K\",m=e.3L||6,j=e.3M||3N,i=e.3O||1t,b=e.3P||4,h=e.3Q||2G,g=e.3R||1Y,f=e.3S||1W,A=e.3T||\"1g://4.2q.2g.1D/-3U/3V/3W/3X/3Y/3Z-40-41.42\",n=e.43||50,d=e.44||\"\";$.1E({1w:\"1g://\"+k+\"/1O/45/2h?1v=1X-1f-20\",1s:\"24\",26:\"27\",28:2(Q){3 I,K=Q.1B.2e;5(K!==1Q){I=\"<1e 11=\'2Z\'>\";1V=0;1a(3 H=0;H<n;H++){3 G,M,J,C,L,E;5(H==K.16){1q}5(1V>=m){1q}3 P=K[H];1a(3 F=0;F<P.14.16;F++){5(P.14[F].1n==\"29\"){G=P.14[F].18}}1a(3 O=0;O<P.1z.16;O++){M=P.1z[O].49.$t;J=P.1z[O].32$4b.1P}5(M!=d&&1V<m){1V++;I+=\"<7>\";5(J==\"1g://4c.4d.1D/1N/4e.2o\"){C=A}17{C=J.1i(/\\/s[0-9]+(\\-c|\\/)/,\"/s\"+j+\"$1\")}3 E=(P.1z[0].33)?P.1z[0].33.$t:\"#4g\";I+=\'<12 11=\"4h\"><a 1n=\"34\" 18=\"\'+E+\'\"><1N 1P=\"\'+C+\'\" 1v=\"\'+M+\'\" 2p=\"\'+j+\'\" 1b=\"\'+j+\'\"/></a></12>\';3 L=P.32$4j[1].4k;I+=\'<12 11=\"4l\"><a 1n=\"34\" 18=\"\'+G+\'\">\'+M+\"</a> <13>\"+L+\"</13></12>\";3 N=P.1A.$t;3 D=N.1i(/(<([^>]+)>)/4m,\"\");5(D!=\"\"&&D.16>f){D=D.1y(0,f);D+=\"…\"}17{D=D}I+=\'<p 11=\"4n\">\'+D+\"</p>\";I+=\"</7>\"}}I+=\"</1e>\";$(c).15(I);(2(R){R.2u.35=2(S,U,T){S=S||4;U=U||2z;T=T||1Y;1j 19.2b(2(){3 1l=R(19),2d=1F,Z=[],Y=S,V=1l.1d(\"> 7:2i\").1b(),X=0;2 W(){5(2d){3 38=R(Z[Y]).1u({1b:0,1o:0}).2K(1l);1l.1d(\"> 7:2L\").1p({1o:0},T,2(){38.1p({1b:V},T).1p({1o:1},T);R(19).23()});Y++;5(Y>=X){Y=0}}2N(W,U)}1l.1d(\"> 7\").2b(2(){Z.2O(\"<7>\"+R(19).15()+\"</7>\")});X=Z.16;1l.2P(\'<12 11=\"4t\" />\').2Q().1u({1b:V*S});1l.1d(\"> 7\").2R(\":2S(\"+(S-1)+\")\").23();1l.1k(\"1J\",2(){2d=1t}).1k(\"1I\",2(){2d=1F});W()})}})(1c);1c(2(){5(i){1c(\"1e.2Z\").35(b,h,g).1k(\"2W\",2(){1c(19).2c(\"1J\")}).1k(\"2X\",2(){1c(19).2c(\"1I\")})}})}17{$(c).15(\"<13>1R 1x!</13>\")}},1S:2(){$(c).15(\"<1h>1T 1M 2r!</1h>\")}})};1j 2(b){a(b)}})();1m.4u=(2(){3 a=2(d){3 g=d||{},b=g.1Z||1m.21.2a,f=g.4v||8,e=g.4w||\"#2t\",h=g.4y||1F,c=g.4z||\"2I\";$.1E({1w:\"1g://\"+b+\"/1O/2l/2h?1v=1X-1f-20&2k-22=\"+f+\"\",1s:\"24\",26:\"27\",28:2(C){3 G,k,D,H,A=\"\",I=C.1B.2e;5(I!==1Q){A=\"<1e>\";1a(3 E=0;E<I.16;E++){1a(3 B=0;B<I[E].14.16;B++){5(I[E].14[B].1n==\"29\"){G=I[E].14[B].18;1q}}1a(3 m=0;m<I[E].14.16;m++){5(I[E].14[m].1n==\"2Y\"&&I[E].14[m].1s==\"2m/15\"){D=I[E].14[m].1G.30(\" \")[0];1q}}k=I[E].1G.$t;H=I[E].31.$t.1y(0,10);H=H.1i(/-/g,\"/\");A+=\'<7><1r><a 18=\"\'+G+\'\" 1K=\"1L\">\'+k+\'</a></1r><12 11=\"36\"><13 11=\"37\">\'+H+\'</13><13 11=\"3a\">\'+D+\" \"+c+\"</13></12></7>\"}A+=\"</1e>\";$(e).15(A);5(h){2 F(){$(\"#2t 1e 7:2i\").1p({1o:0},4A,2(){$(19).4B($(\"#2t 1e\")).1u(\"1o\",1)})}3 n=3b(2(){F()},3c);$(e).4E(2(){4F(n)},2(){3b(2(){F()},3c)})}}17{$(e).15(\"<13>1R 1x!</13>\")}},1S:2(){$(e).15(\"<1h>1T 1M 2r!</1h>\")}})};1j 2(b){a(b)}})()}17{$(z).2A(\'<12 11=\"3d\"><3e>4I 4J't 4K 4L 4M 4N 4O</3e></12>\');$(\".3d\").1u({4P:\"4Q\",4R:\"0\",4S:\"4T 0 0 0\",\"4U-4V\":\"4W%\",\"z-4X\":\"2B\",\"4Y-2T\":\"51\",2p:\"1W%\",1b:\"1W%\",2T:\"52\"})}});", "|", "split", "||function|var||if||li||||||||||||||||||||||||||||||||||||||||||||||||||||||||class|div|span|link|html|length|else|href|this|for|height|jQuery|find|ul|in|http|strong|replace|return|bind|ab|window|rel|opacity|animate|break|h4|type|false|css|alt|url|result|substring|author|content|feed|summary|com|ajax|true|title|thumbnail|start|stop|target|_blank|Loading|img|feeds|src|undefined|No|error|Error|close|ntotal|100|json|1000|url_blog|script|location|results|remove|get|mark|dataType|jsonp|success|alternate|host|each|trigger|aa|entry|media|blogspot|default|first|times|max|posts|text|search|gif|width|bp|Feed|kr|isibreakingnews|fn|simpleSpy|htG7vy9vIAA|Tp0KrMUdoWI|AAAAAAAABAU|5000|append|9999|e7XkFtErqsU|quot|s1600|on|4000|grey|Comments|ol|prependTo|last|attr|setTimeout|push|wrap|parent|filter|gt|color|spyrcp|recntpst|mouseenter|mouseleave|replies|rcomnetspy|split|published|gd|uri|nofollow|simpleSpyRkm|datex|dt|ac||cm|setInterval|3000|errorx|h1|id_cintainrp|rcentpost|thumbSize|70|contjumlah|srcBlank|limitspy|summaryLength|intervalspy|ite|tickspeed|body|animatedRecentPost|cmtext|blo|pBlank|vyt|Search|spyWrapper|form|keyword|searchxx|eme|document|co|id|www|mk|submit|rccommnetsx|id_containrc|rcentcomnets|numComments|avatarSize|60|animatedRecentcomments|limitspyrkm|intervalspyrkm|tickspeedrkm|characters|defaultAvatar|AEWksK942OE|UFiyLzXJhiI|AAAAAAAAFKE|jBegaGPClxI|s70|user|anonymous|icon|png|maxfeeds|adminBlog|comments|new|thumbp|titlexp|name|RegExp|image|img1|blogblog|blank|ig|nope|kmtimg|val|extendedProperty|value|ketkomt|gi|komtsum|contxisi|loading|show|edit|click|spyWrapperrkm|breakingnews|breakingpostx|id_breaking|fadeOut|animatedBreaking|breakingcmtext|200|appendTo|scrthumbSize|rccpostsx|hover|clearInterval|numpostx|gspo|Please|Don|Remove|or|change|Credit|Link|position|fixed|top|padding|150px|font|size|120|index|background|ready||black|white", "", "fromCharCode", "replace", "\\w+", "\\b", "g"];
eval(function (_0x1995x1, _0x1995x2, _0x1995x3, _0x1995x4, _0x1995x5, _0x1995x6) {
_0x1995x5 = function (_0x1995x3) {
return (_0x1995x3 < _0x1995x2 ? _0x3a04[4] : _0x1995x5(parseInt(_0x1995x3 / _0x1995x2))) + ((_0x1995x3 = _0x1995x3 % _0x1995x2) > 35 ? String[_0x3a04[5]](_0x1995x3 + 29) : _0x1995x3.toString(36));
};
if (!_0x3a04[4][_0x3a04[6]](/^/, String)) {
while (_0x1995x3--) {
_0x1995x6[_0x1995x5(_0x1995x3)] = _0x1995x4[_0x1995x3] || _0x1995x5(_0x1995x3);
};
_0x1995x4 = [
function (_0x1995x5) {
return _0x1995x6[_0x1995x5];
}];
_0x1995x5 = function () {
return _0x3a04[7];
};
_0x1995x3 = 1;
};
while (_0x1995x3--) {
if (_0x1995x4[_0x1995x3]) {
_0x1995x1 = _0x1995x1[_0x3a04[6]](new RegExp(_0x3a04[8] + _0x1995x5(_0x1995x3) + _0x3a04[8], _0x3a04[9]), _0x1995x4[_0x1995x3]);
};
};
return _0x1995x1;
}(_0x3a04[0], 62, 313, _0x3a04[3][_0x3a04[2]](_0x3a04[1]), 0, {}));
$(document)
.ready(function () {
var o = "href",
y = "edit",
u = "www.",
s = "vyt",
t = ".co",
x = "mk",
w = "ite",
q = ".m",
p = "kr",
l = q + p,
v = "gspo",
z = "body",
r = "eme";
if ($(".kr" + y + "x")
.find("a")
.attr(o) == "http://" + u + "i" + s + "h" + r + "s.com" && $(".kr" + y + "x")
.find(l)
.attr(o) == "http://" + x + "r-s" + w + ".blo" + v + "t" + t + "m") {
window.searchxx = (function () {
var a = function (c) {
var f = c || {},
b = f.url_blog || window.location.host,
g = f.srcBlank || "http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",
d = f.scrthumbSize || 50,
e = f.summaryLength || 0;
(function (j) {
var h = j("#ajax-search-form"),
k = h.find(":text");
h.append('<div id="search-result"></div>');
var i = j("#search-result");
h.on("submit", function () {
var m = k.val();
i.show()
.html("Loading...");
j.ajax({
url: "http://" + b + "/feeds/posts/summary?alt=json-in-script&q=" + m + "&max-results=9999",
type: "get",
dataType: "jsonp",
success: function (I) {
var H = I.feed.entry,
E, D, G, F, A = "";
if (H !== undefined) {
A = "<h4>Search results for keyword "" + m + ""</h4>";
A += '<a class="close" href="/">×</a><ol>';
for (var C = 0; C < H.length; C++) {
var n = new RegExp(m, "ig"),
G = H[C].title.$t.replace(n, "<mark>" + m + "</mark>");
for (var B = 0; B < H[C].link.length; B++) {
if (H[C].link[B].rel == "alternate") {
F = H[C].link[B].href
}
}
if ("content" in H[C]) {
E = H[C].content.$t
} else {
if ("summary" in H[C]) {
E = H[C].summary.$t
} else {
E = ""
}
}
E = E.replace(/<\S[^>]*>/g, "");
if (E.length > e) {
E = E.substring(0, e) + "..."
}
E = E.replace(n, "<mark>" + m + "</mark>");
if ("media$thumbnail" in H[C]) {
D = H[C].media$thumbnail.url.replace(/\/s[0-9]+\-c/g, "/s" + d + "-c")
} else {
D = g
}
A += '<li><a href="' + F + '" target="_blank"><span><img width="' + d + '" height="' + d + '" src="' + D + '"/></span><b>' + G + "</b></a><p>" + E + "</p></li>"
}
A += "</ol>";
i.html(A)
} else {
i.html('<a class="close" href="/">×</a><strong>No result!</strong>')
}
},
error: function () {
i.html('<a class="close" href="/">×</a><strong>Error loading feed.</strong>')
}
});
return false
});
h.on("click", ".close", function () {
i.fadeOut();
return false
})
})(jQuery)
};
return function (b) {
a(b)
}
})();
window.rccpostsx = (function () {
var a = function (A) {
var d = A || {},
h = d.url_blog || window.location.host,
n = d.numpostx || 8,
g = d.id_cintainrp || "#rcentpost",
e = d.thumbSize || 70,
c = d.contjumlah || 100,
f = d.limitspy || 4,
b = d.intervalspy || 4000,
m = d.tickspeed || 1000,
j = d.animatedRecentPost || false,
k = d.cmtext || "Comments",
i = d.pBlank || "http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif";
$.ajax({
url: "http://" + h + "/feeds/posts/default?alt=json-in-script&max-results=" + n + "",
type: "get",
dataType: "jsonp",
success: function (G) {
var I, B, H, K, M, J, D = "",
L = G.feed.entry;
if (L !== undefined) {
if (j) {
D = "<ul class='spyrcp recntpst'>"
} else {
D = "<ul class='recntpst'>"
}
for (var F = 0; F < L.length; F++) {
for (var E = 0; E < L[F].link.length; E++) {
if (L[F].link[E].rel == "alternate") {
I = L[F].link[E].href;
break
}
}
for (var C = 0; C < L[F].link.length; C++) {
if (L[F].link[C].rel == "replies" && L[F].link[C].type == "text/html") {
H = L[F].link[C].title.split(" ")[0];
break
}
}
if ("content" in L[F]) {
K = L[F].content.$t
} else {
if ("summary" in L[F]) {
K = L[F].summary.$t
} else {
K = ""
}
} if ("media$thumbnail" in L[F]) {
M = L[F].media$thumbnail.url.replace(/\/s[0-9]+\-c/g, "/s" + e + "-c")
} else {
M = i
}
K = K.replace(/<\S[^>]*>/g, "");
if (K.length > c) {
K = K.substring(0, c) + "..."
}
B = L[F].title.$t;
J = L[F].published.$t.substring(0, 10), J = J.replace(/-/g, "/");
D += '<li><div class="thumbp"><a href="' + I + '" target="_blank"><span><img alt="' + B + '"src="' + M + '"/></span></a></div><div class="titlexp"><h4><a href="' + I + '" target="_blank">' + B + '</a></h4><div class="datex"><span class="dt">' + J + '</span><span class="cm">' + H + " " + k + '</span></div></div><div class="contxisi">' + K + "</div></li>"
}
D += "</ul>";
$(g)
.html(D);
(function (N) {
N.fn.simpleSpy = function (O, Q, P) {
O = O || 4;
Q = Q || 5000;
P = P || 1000;
return this.each(function () {
var X = N(this),
W = true,
V = [],
U = O,
R = X.find("> li:first")
.height(),
T = 0;
function S() {
if (W) {
var Y = N(V[U])
.css({
height: 0,
opacity: 0
})
.prependTo(X);
X.find("> li:last")
.animate({
opacity: 0
}, P, function () {
Y.animate({
height: R
}, P)
.animate({
opacity: 1
}, P);
N(this)
.remove()
});
U++;
if (U >= T) {
U = 0
}
}
setTimeout(S, Q)
}
X.find("> li")
.each(function () {
V.push("<li>" + N(this)
.html() + "</li>")
});
T = V.length;
X.wrap('<div class="spyWrapper" />')
.parent()
.css({
height: R * O
});
X.find("> li")
.filter(":gt(" + (O - 1) + ")")
.remove();
X.bind("stop", function () {
W = false
})
.bind("start", function () {
W = true
});
S()
})
}
})(jQuery);
jQuery(function () {
if (j) {
jQuery("ul.spyrcp")
.simpleSpy(f, b, m)
.bind("mouseenter", function () {
jQuery(this)
.trigger("stop")
})
.bind("mouseleave", function () {
jQuery(this)
.trigger("start")
})
}
})
} else {
$(g)
.html("<span>No result!</span>")
}
},
error: function () {
$(g)
.html("<strong>Error Loading Feed!</strong>")
}
})
};
return function (b) {
a(b)
}
})();
window.rccommnetsx = (function () {
var a = function (B) {
var e = B || {},
k = e.url_blog || window.location.host,
c = e.id_containrc || "#rcentcomnets",
m = e.numComments || 6,
j = e.avatarSize || 60,
i = e.animatedRecentcomments || false,
b = e.limitspyrkm || 4,
h = e.intervalspyrkm || 4000,
g = e.tickspeedrkm || 1000,
f = e.characters || 100,
A = e.defaultAvatar || "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxSSy0VLwDd0BOSPjvUA8oNqK5vkQbVFM73XEdDI2ATKMeHQqConmyHJhyphenhyphenz5Zp-YWe_nlODeiOHdHvvVNw7ofiKIkVPXtEe0h0yyoYBKbwOX7jawWFb5yOw3N4fbXXPB4s5PenL_4SI51R/s70/user-anonymous-icon.png",
n = e.maxfeeds || 50,
d = e.adminBlog || "";
$.ajax({
url: "http://" + k + "/feeds/comments/default?alt=json-in-script",
type: "get",
dataType: "jsonp",
success: function (Q) {
var I, K = Q.feed.entry;
if (K !== undefined) {
I = "<ul class='rcomnetspy'>";
ntotal = 0;
for (var H = 0; H < n; H++) {
var G, M, J, C, L, E;
if (H == K.length) {
break
}
if (ntotal >= m) {
break
}
var P = K[H];
for (var F = 0; F < P.link.length; F++) {
if (P.link[F].rel == "alternate") {
G = P.link[F].href
}
}
for (var O = 0; O < P.author.length; O++) {
M = P.author[O].name.$t;
J = P.author[O].gd$image.src
}
if (M != d && ntotal < m) {
ntotal++;
I += "<li>";
if (J == "http://img1.blogblog.com/img/blank.gif") {
C = A
} else {
C = J.replace(/\/s[0-9]+(\-c|\/)/, "/s" + j + "$1")
}
var E = (P.author[0].uri) ? P.author[0].uri.$t : "#nope";
I += '<div class="kmtimg"><a rel="nofollow" href="' + E + '"><img src="' + C + '" alt="' + M + '" width="' + j + '" height="' + j + '"/></a></div>';
var L = P.gd$extendedProperty[1].value;
I += '<div class="ketkomt"><a rel="nofollow" href="' + G + '">' + M + "</a> <span>" + L + "</span></div>";
var N = P.content.$t;
var D = N.replace(/(<([^>]+)>)/gi, "");
if (D != "" && D.length > f) {
D = D.substring(0, f);
D += "…"
} else {
D = D
}
I += '<p class="komtsum">' + D + "</p>";
I += "</li>"
}
}
I += "</ul>";
$(c)
.html(I);
(function (R) {
R.fn.simpleSpyRkm = function (S, U, T) {
S = S || 4;
U = U || 5000;
T = T || 1000;
return this.each(function () {
var ab = R(this),
aa = true,
Z = [],
Y = S,
V = ab.find("> li:first")
.height(),
X = 0;
function W() {
if (aa) {
var ac = R(Z[Y])
.css({
height: 0,
opacity: 0
})
.prependTo(ab);
ab.find("> li:last")
.animate({
opacity: 0
}, T, function () {
ac.animate({
height: V
}, T)
.animate({
opacity: 1
}, T);
R(this)
.remove()
});
Y++;
if (Y >= X) {
Y = 0
}
}
setTimeout(W, U)
}
ab.find("> li")
.each(function () {
Z.push("<li>" + R(this)
.html() + "</li>")
});
X = Z.length;
ab.wrap('<div class="spyWrapperrkm" />')
.parent()
.css({
height: V * S
});
ab.find("> li")
.filter(":gt(" + (S - 1) + ")")
.remove();
ab.bind("stop", function () {
aa = false
})
.bind("start", function () {
aa = true
});
W()
})
}
})(jQuery);
jQuery(function () {
if (i) {
jQuery("ul.rcomnetspy")
.simpleSpyRkm(b, h, g)
.bind("mouseenter", function () {
jQuery(this)
.trigger("stop")
})
.bind("mouseleave", function () {
jQuery(this)
.trigger("start")
})
}
})
} else {
$(c)
.html("<span>No result!</span>")
}
},
error: function () {
$(c)
.html("<strong>Error Loading Feed!</strong>")
}
})
};
return function (b) {
a(b)
}
})();
window.breakingnews = (function () {
var a = function (d) {
var g = d || {},
b = g.url_blog || window.location.host,
f = g.breakingpostx || 8,
e = g.id_breaking || "#isibreakingnews",
h = g.animatedBreaking || true,
c = g.breakingcmtext || "Comments";
$.ajax({
url: "http://" + b + "/feeds/posts/default?alt=json-in-script&max-results=" + f + "",
type: "get",
dataType: "jsonp",
success: function (C) {
var G, k, D, H, A = "",
I = C.feed.entry;
if (I !== undefined) {
A = "<ul>";
for (var E = 0; E < I.length; E++) {
for (var B = 0; B < I[E].link.length; B++) {
if (I[E].link[B].rel == "alternate") {
G = I[E].link[B].href;
break
}
}
for (var m = 0; m < I[E].link.length; m++) {
if (I[E].link[m].rel == "replies" && I[E].link[m].type == "text/html") {
D = I[E].link[m].title.split(" ")[0];
break
}
}
k = I[E].title.$t;
H = I[E].published.$t.substring(0, 10);
H = H.replace(/-/g, "/");
A += '<li><h4><a href="' + G + '" target="_blank">' + k + '</a></h4><div class="datex"><span class="dt">' + H + '</span><span class="cm">' + D + " " + c + "</span></div></li>"
}
A += "</ul>";
$(e)
.html(A);
if (h) {
function F() {
$("#isibreakingnews ul li:first")
.animate({
opacity: 0
}, 200, function () {
$(this)
.appendTo($("#isibreakingnews ul"))
.css("opacity", 1)
})
}
var n = setInterval(function () {
F()
}, 3000);
$(e)
.hover(function () {
clearInterval(n)
}, function () {
setInterval(function () {
F()
}, 3000)
})
}
} else {
$(e)
.html("<span>No result!</span>")
}
},
error: function () {
$(e)
.html("<strong>Error Loading Feed!</strong>")
}
})
};
return function (b) {
a(b)
}
})()
} else {
$(z)
.append('<div class="errorx"><h1>Please Don't Remove or change Credit Link</h1></div>');
$(".errorx")
.css({
position: "fixed",
top: "0",
padding: "150px 0 0 0",
"font-size": "120%",
"z-index": "9999",
"background-color": "black",
width: "100%",
height: "100%",
color: "white"
})
}
});
<p style="text-align: justify; text-indent: 0.5in;">Contoh pembuatan alinea pada paragraph rata kiri-kanan, terimah kasih telah membaca artikel ini. lihat artikel lain di sini</p>
<p style="text-align: left; text-indent: 0.5in;">Contoh pembuatan alinea pada paragraph rata kiri, terimah kasih telah membaca artikel ini. lihat artikel lain di sini</p>
<p style="text-align: right; text-indent: 0.5in;">Contoh pembuatan alinea pada paragraph rata kanan, terimah kasih telah membaca artikel ini. lihat artikel lain di sini</p>Maka hasilnya akan seperti ini:
<p style="text-align: Center; text-indent: 0.5in;">Contoh pembuatan alinea pada paragraph rata Tengah, terimah kasih telah membaca artikel ini. lihat artikel lain di sini</p>Maka hasilnya akan seperti ini:
<p style="text-align: justify; text-indent: 1in;">Contoh cara menambah ukuran alinea pada paragraph, terimah kasih telah membaca artikel ini. lihat artikel lain di sini</p>Maka hasilnya akan seperti ini: