Invite X-D-X ./

Membuat Widget Tab Accordion Blogger

Unknown 0 Trik Blog 2/13/2014

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: center;">
Tab Accordion </h2>
<div>
Membuat Tab Accordion tanpa masuk edit html - Ternyata ada cara mudah menggunakan tab view jenis accordion ini, caranya :</div>
<div>
<ul style="text-align: left;">
<li>Masuk Blogger :</li>
<li>Masuk Tab <i>Tata Letak</i>.</li>
<li>Tambahkan Gadget <b>Html/Javascript</b> :</li>
</ul>
</div>
<pre class="line-number"><code><style type="text/css"> 
.blogtabs {padding: 0px !important;border: 1px solid #bbb;} 
.blogtabs h2 {float: left;margin: 0 2px 4px 0;font-size: 15px;padding: 3px 5px;overflow: hidden;position: relative;background: #353535;color:#fff;font-family:monospace;font-weight:100;cursor:pointer;}html .blogtabs h2.active {background: #02ab68;}.blogtabs .widget-content {border: 0px solid #bbb;padding: 10px;background: #fff;clear:both;margin:0;}.btab, #showtabs {display:none;}
.quickedit { display:none; }
</style><script type="text/javascript" src="http://bloggergubug.googlecode.com/files/tabviewjquery.js"></script><script type="text/javascript">$(document).ready(function() {$('#showtabs').simpleBlogTab ({organictabs: 3});});</script><div id="showtabs"></div></code></pre>
<div>
<ul style="text-align: left;">
<li>Simpan Gadget/Widget anda :</li>
</ul>
</div>
<div class="info">
Catatan : Script diatas harus berada diatas widget yang lainnya, supaya masuk ke dalam tab viewnya.</div>
<div style="text-align: right;">
<i><span style="font-size: x-small;">Script dasar dari bloggergubug</span></i>
</div>
</div>
</div>

Membuat Widget Tab Accordion Blogger

Tab Accordion Membuat Tab Accordion tanpa masuk edit html - Ternyata ada cara mudah menggunakan tab view jenis accordion ini, caranya ...

Download Nisekoi Full Episode

Unknown 1 Anime 2/11/2014

<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: center;">
ニセコイ-Nisekoi aka "Fake Love"</h2>
<div>
<h5 style="text-align: left;">
Information :</h5>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://cdn.myanimelist.net/images/anime/12/54337.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="320" src="http://cdn.myanimelist.net/images/anime/12/54337.jpg" width="205" /></a></div>
<br />
<ul style="text-align: left;">
<li><b>Type:</b> TV</li>
<li><b>Episodes:</b> Unknown</li>
<li><b>Status:</b> Currently Airing</li>
<li><b>Aired:</b> Jan 11, 2014 to ?</li>
<li><b>Producers:</b> Aniplex, Shaft, Aniplex of AmericaL</li>
<li><b>Genres:</b> Comedy, Romance, Shounen</li>
<li><b>Duration:</b> 24 min. per episode</li>
<li><b>Rating:</b> PG-13 - Teens 13 or older</li>
<li><b>Score:</b> <a href="http://myanimelist.net/anime/18897/Nisekoi" target="_blank">8.051 (scored by 9568 users)</a></li>
<li><b>Credit Uploader : </b><i>Awsub</i> / <i>Wardhanime</i>.</li>
</ul>
<br />
<ul style="text-align: left;">
</ul>
</div>
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<h5 style="text-align: left;">
Sinopsis:</h5>
<div>
<b>Raku Ichijo</b> adalaha seorang pemuda SMA merupakan Pewaris <b>Yakuza</b>. Suatu hari dia “<i>dipaksa</i>” untuk berpacaran dengan <b>Chitoge Kirisaki</b>, seorang blasteran yang juga putri kepala gangster demi keamanan Kota. Padahal Raku sedang kasmaran dengan Kosaki Onodera, seorang gadis biasa yang ternyata diam-diam suka ma Raku. Keadaan makin gawat setelah seorang gadis anak komisaris Polisi, Marika Tachibana muncul dan mengaku sebagai tunangan Raku, dan siapa menyangka kalo pengawal pribadi wanita, Tsugumi juga mulai tertarik dengan Raku. Siapakah yang akhirnya dipilih Raku? Misteri apa yang ada di dalam gembok yang selalu dibawa Raku?<br />
<h5 style="text-align: left;">
Download :</h5>
</div>
<table border="1" cellpadding="0" cellspacing="0" class="MsoTableLightShadingAccent5" style="border-collapse: collapse; border: none; mso-border-bottom-alt: solid #4BACC6 1.0pt; mso-border-bottom-themecolor: accent5; mso-border-top-alt: solid #4BACC6 1.0pt; mso-border-top-themecolor: accent5; mso-padding-alt: 0in 5.4pt 0in 5.4pt; mso-yfti-tbllook: 1184;">
 <tbody>
<tr style="mso-yfti-firstrow: yes; mso-yfti-irow: -1;">
  <td style="border-bottom: solid #4BACC6 1.0pt; border-left: none; border-right: none; border-top: solid #4BACC6 1.0pt; mso-border-bottom-themecolor: accent5; mso-border-top-themecolor: accent5; padding: 0in 5.4pt 0in 5.4pt; width: 239.4pt;" valign="top" width="319"><div align="center" class="MsoNormal" style="margin-bottom: 0in; text-align: center;">
<b style="line-height: normal;"><span style="color: #31849b; mso-themecolor: accent5; mso-themeshade: 191;">NISEKOI-(<o:p></o:p></span></b><span style="text-align: left;"><span style="color: #31849b;"><b>ニセコイ)</b></span></span></div>
</td>
  <td style="border-bottom: solid #4BACC6 1.0pt; border-left: none; border-right: none; border-top: solid #4BACC6 1.0pt; mso-border-bottom-themecolor: accent5; mso-border-top-themecolor: accent5; padding: 0in 5.4pt 0in 5.4pt; width: 239.4pt;" valign="top" width="319"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-yfti-cnfc: 1; text-align: center;">
<b><span style="color: #31849b; mso-themecolor: accent5; mso-themeshade: 191;">480p
  (Resolusi)<o:p></o:p></span></b></div>
</td>
 </tr>
<tr style="mso-yfti-irow: 0;">
  <td style="background: #D2EAF1; border: none; mso-background-themecolor: accent5; mso-background-themetint: 63; padding: 0in 5.4pt 0in 5.4pt; width: 239.4pt;" valign="top" width="319"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-yfti-cnfc: 68;">
<b><span style="color: #31849b; mso-themecolor: accent5; mso-themeshade: 191;">Episode 1<o:p></o:p></span></b></div>
</td>
  <td style="background: #D2EAF1; border: none; mso-background-themecolor: accent5; mso-background-themetint: 63; padding: 0in 5.4pt 0in 5.4pt; width: 239.4pt;" valign="top" width="319"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-yfti-cnfc: 64; text-align: center;">
<span style="color: #31849b; mso-themecolor: accent5; mso-themeshade: 191;"><a href="http://www.sharebeast.com/x2locztcjkx8" target="_blank">DOWNLOAD</a><o:p></o:p></span></div>
</td>
 </tr>
<tr style="mso-yfti-irow: 1;">
  <td style="border: none; padding: 0in 5.4pt 0in 5.4pt; width: 239.4pt;" valign="top" width="319"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-yfti-cnfc: 4;">
<b><span style="color: #31849b; mso-themecolor: accent5; mso-themeshade: 191;">Episode 2<o:p></o:p></span></b></div>
</td>
  <td style="border: none; padding: 0in 5.4pt 0in 5.4pt; width: 239.4pt;" valign="top" width="319"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; text-align: center;">
<span style="color: #31849b; mso-themecolor: accent5; mso-themeshade: 191;"><a href="http://www.sharebeast.com/xceqtudcg3wc" target="_blank">DOWNLOAD</a><o:p></o:p></span></div>
</td>
 </tr>
<tr style="mso-yfti-irow: 2;">
  <td style="background: #D2EAF1; border: none; mso-background-themecolor: accent5; mso-background-themetint: 63; padding: 0in 5.4pt 0in 5.4pt; width: 239.4pt;" valign="top" width="319"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-yfti-cnfc: 68;">
<b><span style="color: #31849b; mso-themecolor: accent5; mso-themeshade: 191;">Episode 3<o:p></o:p></span></b></div>
</td>
  <td style="background: #D2EAF1; border: none; mso-background-themecolor: accent5; mso-background-themetint: 63; padding: 0in 5.4pt 0in 5.4pt; width: 239.4pt;" valign="top" width="319"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-yfti-cnfc: 64; text-align: center;">
<span style="color: #31849b; mso-themecolor: accent5; mso-themeshade: 191;"><a href="http://www.sharebeast.com/k4zff4azzb2e" target="_blank">DOWNLOAD</a><o:p></o:p></span></div>
</td>
 </tr>
<tr style="mso-yfti-irow: 3;">
  <td style="border: none; padding: 0in 5.4pt 0in 5.4pt; width: 239.4pt;" valign="top" width="319"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-yfti-cnfc: 4;">
<b><span style="color: #31849b; mso-themecolor: accent5; mso-themeshade: 191;">Episode 4<o:p></o:p></span></b></div>
</td>
  <td style="border: none; padding: 0in 5.4pt 0in 5.4pt; width: 239.4pt;" valign="top" width="319"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; text-align: center;">
<span style="color: #31849b; mso-themecolor: accent5; mso-themeshade: 191;"><a href="http://www.solidfiles.com/d/19195769b1/_AWSubs__Nisekoi_-_04__480p__4A66109E_.mkv" target="_blank">DOWNLOAD</a><o:p></o:p></span></div>
</td>
 </tr>
<tr style="mso-yfti-irow: 4;">
  <td style="background: #D2EAF1; border: none; mso-background-themecolor: accent5; mso-background-themetint: 63; padding: 0in 5.4pt 0in 5.4pt; width: 239.4pt;" valign="top" width="319"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-yfti-cnfc: 68;">
<b><span style="color: #31849b; mso-themecolor: accent5; mso-themeshade: 191;">Episode 5<o:p></o:p></span></b></div>
</td>
  <td style="background: #D2EAF1; border: none; mso-background-themecolor: accent5; mso-background-themetint: 63; padding: 0in 5.4pt 0in 5.4pt; width: 239.4pt;" valign="top" width="319"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-yfti-cnfc: 64; text-align: center;">
<span style="color: #31849b; mso-themecolor: accent5; mso-themeshade: 191;"><a href="http://www.sharebeast.com/di1xbr31cd6r" target="_blank">DOWNLOAD</a><o:p></o:p></span></div>
</td>
 </tr>
<tr style="mso-yfti-irow: 5;">
  <td style="border: none; padding: 0in 5.4pt 0in 5.4pt; width: 239.4pt;" valign="top" width="319"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-yfti-cnfc: 4;">
<b><span style="color: #31849b; mso-themecolor: accent5; mso-themeshade: 191;">Episode 6<o:p></o:p></span></b></div>
</td>
  <td style="border: none; padding: 0in 5.4pt 0in 5.4pt; width: 239.4pt;" valign="top" width="319"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; text-align: center;">
<span style="color: #cc0000;"><b>On Going</b></span><span style="color: #31849b;"><o:p></o:p></span></div>
</td>
 </tr>
<tr style="mso-yfti-irow: 6;">
  <td style="background: #D2EAF1; border: none; mso-background-themecolor: accent5; mso-background-themetint: 63; padding: 0in 5.4pt 0in 5.4pt; width: 239.4pt;" valign="top" width="319"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-yfti-cnfc: 68;">
<b><span style="color: #31849b; mso-themecolor: accent5; mso-themeshade: 191;">Episode 7<o:p></o:p></span></b></div>
</td>
  <td style="background: #D2EAF1; border: none; mso-background-themecolor: accent5; mso-background-themetint: 63; padding: 0in 5.4pt 0in 5.4pt; width: 239.4pt;" valign="top" width="319"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-yfti-cnfc: 64; text-align: center;">
<br /></div>
</td>
 </tr>
<tr style="mso-yfti-irow: 7;">
  <td style="border: none; padding: 0in 5.4pt 0in 5.4pt; width: 239.4pt;" valign="top" width="319"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-yfti-cnfc: 4;">
<b><span style="color: #31849b; mso-themecolor: accent5; mso-themeshade: 191;">Episode 8<o:p></o:p></span></b></div>
</td>
  <td style="border: none; padding: 0in 5.4pt 0in 5.4pt; width: 239.4pt;" valign="top" width="319"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; text-align: center;">
<br /></div>
</td>
 </tr>
<tr style="mso-yfti-irow: 8;">
  <td style="background: #D2EAF1; border: none; mso-background-themecolor: accent5; mso-background-themetint: 63; padding: 0in 5.4pt 0in 5.4pt; width: 239.4pt;" valign="top" width="319"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-yfti-cnfc: 68;">
<b><span style="color: #31849b; mso-themecolor: accent5; mso-themeshade: 191;">Episode 9<o:p></o:p></span></b></div>
</td>
  <td style="background: #D2EAF1; border: none; mso-background-themecolor: accent5; mso-background-themetint: 63; padding: 0in 5.4pt 0in 5.4pt; width: 239.4pt;" valign="top" width="319"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-yfti-cnfc: 64; text-align: center;">
<br /></div>
</td>
 </tr>
<tr style="mso-yfti-irow: 9;">
  <td style="border: none; padding: 0in 5.4pt 0in 5.4pt; width: 239.4pt;" valign="top" width="319"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-yfti-cnfc: 4;">
<b><span style="color: #31849b; mso-themecolor: accent5; mso-themeshade: 191;">Episode 10<o:p></o:p></span></b></div>
</td>
  <td style="border: none; padding: 0in 5.4pt 0in 5.4pt; width: 239.4pt;" valign="top" width="319"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; text-align: center;">
<br /></div>
</td>
 </tr>
<tr style="mso-yfti-irow: 10;">
  <td style="background: #D2EAF1; border: none; mso-background-themecolor: accent5; mso-background-themetint: 63; padding: 0in 5.4pt 0in 5.4pt; width: 239.4pt;" valign="top" width="319"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-yfti-cnfc: 68;">
<b><span style="color: #31849b; mso-themecolor: accent5; mso-themeshade: 191;">Episode 11<o:p></o:p></span></b></div>
</td>
  <td style="background: #D2EAF1; border: none; mso-background-themecolor: accent5; mso-background-themetint: 63; padding: 0in 5.4pt 0in 5.4pt; width: 239.4pt;" valign="top" width="319"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-yfti-cnfc: 64; text-align: center;">
<br /></div>
</td>
 </tr>
<tr style="mso-yfti-irow: 11; mso-yfti-lastrow: yes;">
  <td style="border-bottom: solid #4BACC6 1.0pt; border: none; mso-border-bottom-themecolor: accent5; padding: 0in 5.4pt 0in 5.4pt; width: 239.4pt;" valign="top" width="319"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-yfti-cnfc: 4;">
<b><span style="color: #31849b; mso-themecolor: accent5; mso-themeshade: 191;">Episode 12. Dst!<o:p></o:p></span></b></div>
</td>
  <td style="border-bottom: solid #4BACC6 1.0pt; border: none; mso-border-bottom-themecolor: accent5; padding: 0in 5.4pt 0in 5.4pt; width: 239.4pt;" valign="top" width="319"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; text-align: center;">
<br /></div>
</td>
 </tr>
</tbody></table>
<div class="success">
Silahkan bookmark, dengan menekan tombol <xdx>CTRL</xdx>+<xdx>D</xdx></div>
</div>

Download Nisekoi Full Episode

ニセコイ-Nisekoi aka "Fake Love" Information : Type: TV Episodes: Unknown Status: Currently Airing Aired: Jan 11, 20...

Membuat Syntax Highlighter Keren

Unknown 0 Trik Blog 2/10/2014

<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: center;">
Cara Menampilkan Syntax Highlighter</h2>
<div style="text-align: justify;">
Kali ini saya akan memberikan tutorial membuat syntax highlighter untuk blog<b> fungsi</b> dari <i>syntax higlighter</i> ini adalah untuk memunculkan kode atau script dari blog baik itu html, javascript maupun CSS.
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGl6ObK8W9fQbzXUWQMkqaPENsPaUGJaVtPyB4ooWOUKHlEZT_frYa3QrIKrjPT38KLP1dDj3_X_XkVedrs0vexWcipVffJnsPpg68zqLvL20kpIlFIX_1NkKNQRHakOpEgv87RG73NuSU/s1600/Syntax+Highlighter+Keren.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="460" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGl6ObK8W9fQbzXUWQMkqaPENsPaUGJaVtPyB4ooWOUKHlEZT_frYa3QrIKrjPT38KLP1dDj3_X_XkVedrs0vexWcipVffJnsPpg68zqLvL20kpIlFIX_1NkKNQRHakOpEgv87RG73NuSU/s1600/Syntax+Highlighter+Keren.jpg" width="640" /></a></div>
</div>
<h5 style="text-align: justify;">
Pertama :</h5>
<div>
<ul style="text-align: left;">
<li>Masuk Blogger anda.</li>
<li>Edit Html -> <dxd>CTRL</dxd>+<dxd>F</dxd> atau Search kode <b><span style="color: #38761d;">]]></b:skin></span></b></li>
<li>Letakan CSS berikut, diatas kode <b><span style="color: #38761d;">]]></b:skin></span></b>.</li>
</ul>
</div>
<pre class="line-number" data-codetype="CSS"><code>/* Syntax Highlghter */
pre {
 background-color: #2f3741;
 border-left: 4px solid #40627E;
 color: #839496;
 font-family: Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,Monospace;
 font-size: 13px;
 line-height: 1.4em;
 margin: 0;
 padding: .8em 1em;
 position: relative;
 white-space: pre-wrap;
 word-wrap: normal; }
 
 pre.line-number {
  background:#2f3741 url(http: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGmyK7Za2nzmOvziQqoK2h2FN0CG3uvjrZckZUlZMvHeKL4WkLOa7FgUGPwn7jwjgnPsgqFut_EHt43tD2nnQvGw7y_KFu-BbbB7kRinFBieDMYtMSvD3VpKVU144Bx7bhKkWjvQPzmyE/s1600/new-line-number.png)no-repeat top left;
  border-left: none;
  padding-left: 54px;
overflow:auto; }
 
  pre.line-number:after {
   background-color: #39424e;
   bottom: 0;
   content: "";
   height: 8px;
   left: 0;
   position: absolute;
   width: 35px; }
 
pre[data-codetype="CSS"] { border-left-color: #5fbbba }
pre[data-codetype="HTML"] { border-left-color: #4fc1eb }
pre[data-codetype="JavaScript"] { border-left-color: #ff6c60 }
pre[data-codetype="JQuery"] { border-left-color: #99c262 }
pre.line-number[data-codetype]:before {
 background-color: #41749f;
 color: white
 content: attr(data-codetype);
 display: block;
 font-family: Oswald,Arial,Sans-serif;
 font-size: 14px;
 margin: -11px -13px 10px -54px;
 padding: 8px 12px;
 text-transform: uppercase; }
pre.line-number[data-codetype="CSS"]:before { background-color: #a9d86e }
pre.line-number[data-codetype="HTML"]:before { background-color: #4fc1eb }
pre.line-number[data-codetype="JavaScript"]:before { background-color: #ff6c60 }
pre.line-number[data-codetype="JQuery"]:before { background-color: #99c262 }
code {
 color: #d14;
 font-family: Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,Monospace;
 font-size: 13px; }
 
#comments code { color: #bbbb6d; }
 
pre code {
 background: none !important;
 border: none !important;
 color: #a3a49a;
 display: block;
 padding: 0 !important; }
 
pre .line-number {
 background-color: #39424e;
 color: #61686d;
 float: left;
 margin: 0 1em 0 -1em;
 min-width: 2.5em;
 padding-right: 4px;
 text-align: right; }
 
pre .comment,
pre .template_comment,
pre .diff .header,
pre .doctype,
pre .pi,
pre .lisp .string,
pre .javadoc {
 color: #586e75;
 font-style: italic; }
pre .keyword,
pre .winutils,
pre .method,
pre .addition,
pre .css .tag,
pre .request,
pre .status,
pre .nginx .title { color: #859900; }
pre .number,
pre .command,
pre .string,
pre .tag .value,
pre .rules .value,
pre .phpdoc,
pre .tex .formula,
pre .regexp,
pre .hexcolor { color: #7195a3; }
pre .title,
pre .localvars,
pre .chunk,
pre .decorator,
pre .built_in,
pre .identifier,
pre .vhdl .literal,
pre .id,
pre .css .function { color: #569dcf; }
pre .attribute,
pre .variable,
pre .lisp .body,
pre .smalltalk .number,
pre .constant,
pre .class .title,
pre .parent,
pre .haskell .type { color: #aa985a; }
pre .preprocessor,
pre .preprocessor .keyword,
pre .shebang,
pre .symbol,
pre .symbol .string,
pre .diff .change,
pre .special,
pre .attr_selector,
pre .important,
pre .subst,
pre .cdata,
pre .clojure .title,
pre .css .pseudo { color: #509a55; }
pre .deletion { color: #dc322f; }
pre .tex .formula { background: #073642; }</code></pre>
<ul style="text-align: left;">
<li>Kemudian letakan Jquery ini diatas kode <b><span style="color: #38761d;"></body></span></b>.</li>
</ul>
<pre class="line-number" data-codetype="Jquery"><code><script src="https://deris-cole.googlecode.com/svn/branches/HiglightSyn.js">
 <script>
 hljs.initHighlightingOnLoad();
 </script>
</code></pre>
<ul style="text-align: left;">
<li>Silahkan save <i>template</i>nya.</li>
</ul>
<h5 style="text-align: left;">
Penerapan :</h5>
Untuk penerapan dalam postingan, Tinggal masukan kode ini.
<br />
<pre class="line-number" data-codetype="HTML"><code><pre class="line-number" data-codetype="CSS"><code> <b>MASUKAN KODE</b> </code></pre>
<pre class="line-number" data-codetype="Jquery"><code> <b>MASUKAN KODE</b> </code></pre>
<pre class="line-number" data-codetype="HTML"><code> <b>MASUKAN KODE</b> </code></pre></code></pre>
</div>

Membuat Syntax Highlighter Keren

Cara Menampilkan Syntax Highlighter Kali ini saya akan memberikan tutorial membuat syntax highlighter untuk blog fungsi dari syntax hi...

Doa Setelah Mendengarkan Adzan

Unknown 1 Islami 2/10/2014

<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: center;">
Doa Setelah Mendengarkan Adzan</h2>
<div>
<br />
<b rel="arabic">اللَّهُمَّ رَبَّ هَذِهِ الدَّعْوَةِ التَّامَّةِ وَالصَّلاَةِ الْقَائِمَةِ آتِ مُحَمَّدًا الْوَسِيلَةَ وَالْفَضِيلَةَ وَابْعَثْهُ مَقَامًا مَحْمُودًا الَّذِى وَعَدْتَهُ</b></div>
<br />
<h5 style="text-align: left;">
Huruf Latin :</h5>
"Alloohumma Robba haadzihid da'watit taammah, washsholaatil qoo'imah, aati Muhammadinil wasiilata wal fadhiilah, wab'atshu maqoomam mahmuudanil ladzii wa'adtsah."<br />
<h5 style="text-align: left;">
Artinya :</h5>
<div>
“Ya Allah, Tuhan yang memiliki panggilan yang sempurna dan shalat yang didirikan. Karuniakanlah kepada junjungan kami Nabi Muhammad wasilah, keutamaan, kemuliaan, dan derajat yang tinggi. Dan angkatlah ia ke tempat yang terpuji sebagaimana telah Engkau janjikan. Sesungguhnya Engkau ya Allah, Dzat yang tidak akan mengubah janji.”</div>
<div>
<div class="info">
Doa ini diambil dari hadits riwayat Al Bukhari dan Muslim. Doa ini diucapkan setelah mendengar adzan, baik sebagai muadzin maupun orang yang mendengar adzan.<br /></div>
Apabila menyukai artikel ini silahkan share melalui :
</div>
</div>

Doa Setelah Mendengarkan Adzan

Doa Setelah Mendengarkan Adzan اللَّهُمَّ رَبَّ هَذِهِ الدَّعْوَةِ التَّامَّةِ وَالصَّلاَةِ الْقَائِمَةِ آتِ مُحَمَّدًا الْوَسِيلَةَ وَ...

Bacaan Adzan

Unknown 0 Islami 2/10/2014

<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 style="text-align: left;">
Bacaan adzan :</h3>
<b rel="arabic">الله أكبر, الله أكبر</b>
<b rel="arabic">الله أكبر, الله أكبر</b>
<b rel="arabic">أشهد أن لا إله إلا الله</b>
<b rel="arabic">أشهد أن لا إله إلا الله</b>
<b rel="arabic">أشهد أن محمدا رسول الله</b>
<b rel="arabic">أشهد أن محمدا رسول الله</b>
<b rel="arabic">حي على الصلاة, حي على الصلاة</b>
<b rel="arabic">حي على الفلاح, حي على الفلاح</b>
<b rel="arabic">الله أكبر, الله أكبر</b>
<b rel="arabic">لا إله إلا الله</b>
<br />
<h5 style="text-align: left;">
Dalam hurup latin :
</h5>
<div>
<div>
Allahu Akbar Allahu Akbar. 2x </div>
<div>
Asyhadu Allaa Ilaaha Illallaah. 2x </div>
<div>
Asyhadu Anna Muhammadar Rasulullah. 2x </div>
<div>
Hayya' Alash Shalaah. 2x </div>
<div>
Hayya' Alal Falaah. 2x </div>
<div>
Allaahu Akbar Allahu Akbar. </div>
<div>
Laa Ilaaha Illallaah. </div>
</div>
<h5 style="text-align: left;">
Terjemaahan :</h5>
<div>
<div>
Allah Maha Besar 2x </div>
<div>
Aku bersaksi bahwa tiada tuhan selain Allah 2x </div>
<div>
Aku bersaksi bahwa Muhammad adalah Utusan Allah 2x </div>
<div>
Marilah sholat, 2x </div>
<div>
Marilah menuju kemenangan, 2x </div>
<div>
Allah Maha Besar, </div>
<div>
Tiada Tuhan selain Allah</div>
</div>
</div>

Bacaan Adzan

Bacaan adzan : الله أكبر, الله أكبر الله أكبر, الله أكبر أشهد أن لا إله إلا الله أشهد أن لا إله إلا الله أشهد أن محمدا رسول الله أشه...

5 Karakter Wanita dalam anime yang paling cantik

Unknown 0 Anime 2/08/2014

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
Didalam anime pasti terdapat karakter yang cantik atau tampan, tapi sering ada celetuk orang yang kurang pinter '<i>walupun cantik-tampan anime tetep aja di TV</i>' :) <i>slow down</i> sekarang banyak sekali yang namanya <i>costum play </i>banyak sekali diantara mereka yang bisa menyerupai persis seperti aslinya :).<style>
.spoiler{background:#f9f9f9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic0IkJkVajwb8F2c9rEmkdirkRV4SWOqY3k-jz2Qd8jr-BCOro4z4XBEGMU7FeDsPLLzN9d9rc5HqADRxPmil47shpJXjMbrKGErlJbpuksI0SVlW6j5HJ5zqC6HGr0HuzXItY4JtzLNP-/h120/gradient2.php.png) repeat-x;border:1px solid #ddd;padding:3px}.spoirel{font-family:arial;font-size:12px;color:#555;margin-bottom:0;font-weight:bold;text-align:left} </style><br />
<div>
Nah disini saya akan memberikan beberapa spoiler tentang karakter anime tercantik versi saya sendiri yang tentunya saya ambil dari pengalaman nonton beberapa anime tersebut. Ini dia diantarnya :<br />
<br />
<b>Dimulai dari yang ke-5 :</b></div>
Dia adalah seorang teman atau mungkin rival dari si 'Putih' untuk mendapatkan seorang laki-laki bernama KS, dia bermain di film sekolahan dengan sebuah 'mes' yang terisolir karena keanehan untuk setiap penghuninya. tapi si wanita ini adalah seorang pemberani, kuat dalam keinginannya dia adalah !<br />
<div class="spoiler">
<div class="spoirel">
Ke-5<input onclick="if

(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') {

this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText

= 'TUTUP'; this.value = 'tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName

<br />
<div>
<b>Ke-4 :</b></div>
</div>
Si pirang, anak kepala sekolah, Dia tidak menyukai sesuatu yang 'biasa'. Dia cantik, pintar dan populer di sekolahnya ! Dan dia  selalu 'dikatai' 'Si DAGING' nah pasti tahu kalo sudah lihat fimlnya, dia adalah :</div>
<div class="spoiler">
<div class="spoirel">
Ke-4<input onclick="if

(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') {

this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText

= 'TUTUP'; this.value = 'tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName

('div')[0].style.display = 'none'; this.innerText = 'buka'; this.value = 'buka'; }" style="background: #f9f9f9; border: 0px solid #000; color: saddlebrown; float: right; font-family: arial; font-size: 10px; font-weight: bold; margin: 0px; transform: uppercase;" type="button" value="LIHAT" /></div>
<div style="border: 0px inset #fff; color: blue; margin: 0 10px 0px 10px; padding: 0px; text-align: center;">
<div style="display: none;">
<br />
: Sena Kashiwazaki : Film-Boku wa Tomodaschi :<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://data3.whicdn.com/images/35511983/original.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://data3.whicdn.com/images/35511983/original.jpg" /></a></div>
</div>
</div>
</div>
<b><br /></b>
<b><span style="font-size: xx-small;"></span>
Ke-3 :</b><br />
Dia adalah siswi SMA Raizen, ia dikenal karena memiliki nilai yang tinggi di sekolahnya, sementara ia belajar dia juga merupakan seorang anggota dari AST (Anti-Spirit Team) dan dia salah satu yang sangat yang terampil dalam tim mereka, Dia adalah.</div>
<div class="spoiler">
<div class="spoirel">
Ke-3<input onclick="if

(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') {

this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText

= 'TUTUP'; this.value = 'tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName

('div')[0].style.display = 'none'; this.innerText = 'buka'; this.value = 'buka'; }" style="background: #f9f9f9; border: 0px solid #000; color: saddlebrown; float: right; font-family: arial; font-size: 10px; font-weight: bold; margin: 0px; transform: uppercase;" type="button" value="LIHAT" /></div>
<div style="border: 0px inset #fff; color: blue; margin: 0 10px 0px 10px; padding: 0px; text-align: center;">
<div style="display: none;">
<br />
: Origami Tobiichi :Film-Date a Live: Height: 152 cm : BWH: 75-55-79 : Blood Type: A :<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://31.media.tumblr.com/73a1cb5770d3557a7da0189ef2ef5ba5/tumblr_mkuf7dOCmF1ri2kwbo1_500.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://31.media.tumblr.com/73a1cb5770d3557a7da0189ef2ef5ba5/tumblr_mkuf7dOCmF1ri2kwbo1_500.png" /></a></div>
</div>
</div>
</div>
<b><br /></b>
<b><span style="font-size: xx-small;"></span>
Ke-2 :</b><br />
Dia mempunyai saudara kembar dan dia adalah saudara tuanya, tapi sayang si kembar ini menyukai laki-laki yang sama tidak bisa dimaafkan dia menyukai adik laki-lakinya, pasti sudah tau kan di adalah!</div>
<div class="spoiler">
<div class="spoirel">
Ke-2<input onclick="if

(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') {

this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText

= 'TUTUP'; this.value = 'tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName

('div')[0].style.display = 'none'; this.innerText = 'buka'; this.value = 'buka'; }" style="background: #f9f9f9; border: 0px solid #000; color: saddlebrown; float: right; font-family: arial; font-size: 10px; font-weight: bold; margin: 0px; transform: uppercase;" type="button" value="LIHAT" /></div>
<div style="border: 0px inset #fff; color: blue; margin: 0 10px 0px 10px; padding: 0px; text-align: center;">
<div style="display: none;">
<br />
: Ako Suminoe : Film-Kiss X Siss :
Weight: 38.40 KG :
Height: 145 cm : <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://fc01.deviantart.net/fs70/i/2011/314/9/f/ako_suminoe_by_sibdiddy-d4fsgjo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://fc01.deviantart.net/fs70/i/2011/314/9/f/ako_suminoe_by_sibdiddy-d4fsgjo.png" /></a>Tapi hati-hati aja ya jika mau nonton anime ini -_- :s</div>
</div>
</div>
</div>
<b><br /></b>
<b><span style="font-size: xx-small;"></span>
Ke-1 :</b><br />
Seorang berambut merah muda <i>agresif</i> terhadap seorang cowok Dia berasal dari luar angkasa, perbedaanya dengan manusia biasa cuma dia mempunyai ekor. <i>She is the most protective of Rito as shown in her intense anger to anyone who she feels may or has brought him harm. So, Who is she</i> ? bener ga ya bahasa inggrisnya :v</div>
<div class="spoiler">
<div class="spoirel">
Ke-1<input onclick="if

(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') {

this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText

= 'TUTUP'; this.value = 'tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName

('div')[0].style.display = 'none'; this.innerText = 'buka'; this.value = 'buka'; }" style="background: #f9f9f9; border: 0px solid #000; color: saddlebrown; float: right; font-family: arial; font-size: 10px; font-weight: bold; margin: 0px; transform: uppercase;" type="button" value="LIHAT" /></div>
<div style="border: 0px inset #fff; color: blue; margin: 0 10px 0px 10px; padding: 0px; text-align: center;">
<div style="display: none;">
<br />
: Momo Belia Deviluke : Film-To Love Ru Darkness:
Height: 151 cm :
Weight: 50 kg :
3-sizes: 78 - 54 - 78 cm :<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://fc02.deviantart.net/fs71/f/2013/209/a/5/momo_velia_deviluke_background_photo_by_wesseb-d6fj2nk.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://fc02.deviantart.net/fs71/f/2013/209/a/5/momo_velia_deviluke_background_photo_by_wesseb-d6fj2nk.jpg" /></a></div>
</div>
</div>
</div>
<span style="font-size: xx-small;"></span><br />
Demikian 5 Favorite saya khususnya, tapi sebenarnya masih banyak lagi yang belum ditampilkan namun tidak ada banyak waktu yang saya punya jadi hanya itu saja dulu, bila ada kritik silahkan dikotak komentar</div>

5 Karakter Wanita dalam anime yang paling cantik

Didalam anime pasti terdapat karakter yang cantik atau tampan, tapi sering ada celetuk orang yang kurang pinter ' walupun cantik-t...

Invite X-D-X ./

Membuat Widget Tab Accordion Blogger

Download Nisekoi Full Episode

Membuat Syntax Highlighter Keren

Doa Setelah Mendengarkan Adzan

Bacaan Adzan

5 Karakter Wanita dalam anime yang paling cantik

Popular

Blog Archive

Labels