SUN PAGE

Minggu, 05 Januari 2014

Tes Syntax


pre {
  background-color:white;
  color:#069;
  padding:0em 1em;
  overflow:auto;
  white-space:pre;
  word-wrap:normal;
  font:bold 12px/1.5em "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important;
  position:relative;
  margin:0 0 1em;
}

pre .the-num {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  padding:0 1em;
  color:#999;
  background-color:#eee;
  border-right:2px solid #ccc;
}


pre { background-color:white; color:#069; padding:0em 1em; overflow:auto; white-space:pre; word-wrap:normal; font:bold 12px/1.5em "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important; position:relative; margin:0 0 1em; } pre .the-num { position:absolute; top:0; bottom:0; left:0; padding:0 1em; color:#999; background-color:#eee; border-right:2px solid #ccc; }
pre {
  background-color:white;
  color:#069;
  padding:0em 1em;
  overflow:auto;
  white-space:pre;
  word-wrap:normal;
  font:bold 12px/1.5em "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important;
  position:relative;
  margin:0 0 1em;
}

pre .the-num {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  padding:0 1em;
  color:#999;
  background-color:#eee;
  border-right:2px solid #ccc;
}

Senin, 30 Desember 2013

Membuat Postingan dengan Syntax HTML

Syntax Highlighter adalah suatu fitur biasanya dari text editor khususnya editor source code bahasa pemrograman tertentu untuk menampilkan text tersebut dalam berbagai warna agar dapat memudahkan programmer dalam membaca dan menganalisa source code tersebut. Bagi Anda yang sering posting source code pada Web/Blog tentu fitur Syntax Highlighter akan sangat membantu agar source code yang kita posting mudah dibedakan sebagai source code dan tentunya lebih menarik bagi pengunjung. Nah, sekarang masalahnya bagaimana cara kita menggunakan Syntax Highlighter ini pada blog khususnya di Blogger.com?

Jika di blogspot kita biasa menampilkan kode supaya lebih menarik dengan adanya Blockquote. Sebenarnya hampir sama dengan Blockquote, Syntax Highlighter ini tampilannya membedakan dari tulisan yang lainnya, namuan Syntax Highlighter ini mempunyai kelebihan yaitu dengan adanya fitur-fitur yang didukung oleh jQuery. kode untuk Syntax Highlighter ini sendiri dibuat oleh Alex Gorbatchev (2004-2008). Adapun fitur yang ada dalam Syntax Highlighter ini yaitu:
  1. Adanya fasilitas print untuk kode
  2. Adanya fasilitas View Plain yaitu membuka barisan kode dalam popup windows
  3. Adanya fasilitas Help untuk melihat bantuan.
Untuk contoh Syntax Highlighter temen-temen bisa lihat kode javascript yang saya pasang pada postingan ini. Jika anda tertarik berikut ini akan saya jelaskan langkah pembuatannya satu persatu :

1.  Login dengan akun blogger anda kemudian pilih Rancangan
2.  Klik EDIT HTML (centang expand template widget)
3.  Simpan kode berikut Setelah kode <head> atau sebelum kode </head>
 
      
      
      
      
      
      
      
      
      
      
      
      
      
4.  Selanjutnya scroll mouse kalian kebawah dan cari kode ]]></b:skin>
5.  Simpan CSS berikut diatas kode ]]></b:skin> (Klik Buka untuk melihat kode CSSnya)
.dp-highlighter
{
font-family: "Consolas", "Monaco", "Courier New", Courier, monospace;
font-size: 12px;
background-color: #E7E5DC;
width: 99%;
overflow: auto;
margin: 18px 0 18px 0 !important;
padding-top: 1px; /* adds a little border on top when controls are hidden */
}

/* clear styles */
.dp-highlighter ol,
.dp-highlighter ol li,
.dp-highlighter ol li span
{
margin: 0;
padding: 0;
border: none;
}

.dp-highlighter a,
.dp-highlighter a:hover
{
background: none;
border: none;
padding: 0;
margin: 0;
}

.dp-highlighter .bar
{
padding-left: 45px;
}

.dp-highlighter.collapsed .bar,
.dp-highlighter.nogutter .bar
{
padding-left: 0px;
}

.dp-highlighter ol
{
list-style: decimal; /* for ie */
background-color: #fff;
margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */
padding: 0px;
color: #5C5C5C;
}

.dp-highlighter.nogutter ol,
.dp-highlighter.nogutter ol li
{
list-style: none !important;
margin-left: 0px !important;
}

.dp-highlighter ol li,
.dp-highlighter .columns div
{
list-style: decimal-leading-zero; /* better look for others, override cascade from OL */
list-style-position: outside !important;
border-left: 3px solid #6CE26C;
background-color: #F8F8F8;
color: #5C5C5C;
padding: 0 3px 0 10px !important;
margin: 0 !important;
line-height: 14px;
}

.dp-highlighter.nogutter ol li,
.dp-highlighter.nogutter .columns div
{
border: 0;
}

.dp-highlighter .columns
{
background-color: #F8F8F8;
color: gray;
overflow: hidden;
width: 100%;
}

.dp-highlighter .columns div
{
padding-bottom: 5px;
}

.dp-highlighter ol li.alt
{
background-color: #FFF;
color: inherit;
}

.dp-highlighter ol li span
{
color: black;
background-color: inherit;
}

/* Adjust some properties when collapsed */

.dp-highlighter.collapsed ol
{
margin: 0px;
}

.dp-highlighter.collapsed ol li
{
display: none;
}

/* Additional modifications when in print-view */

.dp-highlighter.printing
{
border: none;
}

.dp-highlighter.printing .tools
{
display: none !important;
}

.dp-highlighter.printing li
{
display: list-item !important;
}

/* Styles for the tools */

.dp-highlighter .tools
{
padding: 3px 8px 3px 10px;
font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: silver;
background-color: #f8f8f8;
padding-bottom: 10px;
border-left: 3px solid #6CE26C;
}

.dp-highlighter.nogutter .tools
{
border-left: 0;
}

.dp-highlighter.collapsed .tools
{
border-bottom: 0;
}

.dp-highlighter .tools a
{
font-size: 9px;
color: #a0a0a0;
background-color: inherit;
text-decoration: none;
margin-right: 10px;
}

.dp-highlighter .tools a:hover
{
color: red;
background-color: inherit;
text-decoration: underline;
}

/* About dialog styles */

.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
.dp-about td { padding: 10px; vertical-align: top; }
.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }
.dp-about .title { color: red; background-color: inherit; font-weight: bold; }
.dp-about .para { margin: 0 0 4px 0; }
.dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }
.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }

/* Language specific styles */

.dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; }
.dp-highlighter .string { color: blue; background-color: inherit; }
.dp-highlighter .keyword { color: #069; font-weight: bold; background-color: inherit; }
.dp-highlighter .preprocessor { color: gray; background-color: inherit; }

Anda juga bisa lihat kode CSS ini dengan membuka link ini :
http://syntaxhighlighter.googlecode.com/svn/trunk/Styles/SyntaxHighlighter.css

6.  Sekarang lanjut ke bagian paling bawah dan cari kode </body>
7.  Simpan kode berikut diatas kode </body> tadi
8.  Simpan template anda.

Pemasangan kode HTML untuk membuat Syntax Highlighter pada template sudah selesai tinggal kita terapkan pada postingan yang memakai kode CSS atau javascript.

Untuk pemasangan script Kode JS gunakan kode berikut
<pre name="code" class="JScript">

SIMPAN SCRIPT YANG AKAN DIPASANG DISINI

</pre>
Untuk pemasangan kode CSS gunakan kode berikut :
<pre name="code" class="Css">

SIMPAN CSS YANG AKAN DIPASANG DISINI

</pre>
Demikian tutorial cara menggunakan syntaxlighter pada blogspot yang diambil dari blognya maskolis.com, semoga bermanfaat..

Minggu, 23 September 2012

Senin, 17 September 2012

50 Wanita Cantik dari Timur Tengah

50 Wanita Cantik dari Timur Tengah - Terdiri dari model arab, selebriti arab, wanita arab, penyanyi arab, dan penari perut dari Timur Tengah.

wanita cantik dari arab, timur tengah, penari perut, seksi


Anda mau tahu siapa aja 50 wanita tercantik dari Timur Tengah? Berikut ini adalah daftarnya, diurutkan berdasarkan popularitas, talenta, gaya, dan pencarian internet di Timur Tengah.


Nadine Labaki, artis dari Lebanon.

wanita cantik dari arab, timur tengah, penari perut, seksi

Amina Al Alam, model cantik dari Maroko.

wanita cantik dari arab, timur tengah, penari perut, seksi

Amina Al Alam, model cantik dari Maroko.
Sofia Essaidi, penyanyi terkenal Maroko.

wanita cantik dari arab, timur tengah, penari perut, seksi


Marielle Beainy Tanios, Presenter TV cantik dari Lebanon.

wanita cantik dari arab, timur tengah, penari perut, seksi



Waed, musisi cantik dari Saudi Arabia.

wanita cantik dari arab, timur tengah, penari perut, seksi


Rania Sabeh, Model dan presenter TV dari Lebanon.

wanita cantik dari arab, timur tengah, penari perut, seksi



Afef Jnifen, Model dan presenter TV dari Tunisia.

wanita cantik dari arab, timur tengah, penari perut, seksi



 Leila Bekhti, bintang film dan aktris dari Aljazair.

wanita cantik dari arab, timur tengah, penari perut, seksi



Arwa singer, penyanyi cantik dari Yaman.

wanita cantik dari arab, timur tengah, penari perut, seksi



Anabella Hilal, model dan artis dari Lebanon.

wanita cantik dari arab, timur tengah, penari perut, seksi



Amina Kaddur, seorang Supermodel dari Aljazair.

wanita cantik dari arab, timur tengah, penari perut, seksi



Myriam Benzerga, model yang sangat cantik dari Aljazair.

wanita cantik dari arab, timur tengah, penari perut, seksi



Manel Filali, penyanyi cantik dari Yaman.

wanita cantik dari arab, timur tengah, penari perut, seksi



Zahia Dehar, artis terkenal dari Aljazair.

wanita cantik dari arab, timur tengah, penari perut, seksi



Wafaa Kilani, presenter televisi dari Mesir.

wanita cantik dari arab, timur tengah, penari perut, seksi



Dana Halabi, penyanyi dan model televisi dari Kuwait.

wanita cantik dari arab, timur tengah, penari perut, seksi



Nadine Njeim, seorang aktris cantik dari Lebanon.

wanita cantik dari arab, timur tengah, penari perut, seksi



Yasmine Hamdan, penyanyi cantik dari Syria.

wanita cantik dari arab, timur tengah, penari perut, seksi



Dima Sadek, wanita cantik dari Lebanon.

wanita cantik dari arab, timur tengah, penari perut, seksi



Carole Samaha, penyanyi paling cantik dari Lebanon.

wanita cantik dari arab, timur tengah, penari perut, seksi



Brigitte Yaghi, penyanyi muda dari Lebanon.

wanita cantik dari arab, timur tengah, penari perut, seksi



Nadine Aghnatios, presenter televisi dari Lebanon.

wanita cantik dari arab, timur tengah, penari perut, seksi



Karina Eid, Penyanyi, Pianis, Music Arranger dan Composer dari Lebanon.

wanita cantik dari arab, timur tengah, penari perut, seksi



Madeleine Matar, artis pop terkenal dari Lebanon.

wanita cantik dari arab, timur tengah, penari perut, seksi



Maya Diab, penyanyi dari Lebanon.

wanita cantik dari arab, timur tengah, penari perut, seksi



Booby Julia, Model dan penari perutdari Mesir.

wanita cantik dari arab, timur tengah, penari perut, seksi



Nicole Saba, penyanyi pop dan model dari Lebanon.

wanita cantik dari arab, timur tengah, penari perut, seksi



Rania El Hussein juga dikenal dengan nama Ruby, artis dan penyanyi cantik dari Mesir.

wanita cantik dari arab, timur tengah, penari perut, seksi







Dominique Hourani, model dan penyanyi cantik Lebanon.

wanita cantik dari arab, timur tengah, penari perut, seksi



Imane El Bani, model cantik dari Maroko.

wanita cantik dari arab, timur tengah, penari perut, seksi



Rima Fakih, warga amerika berdarah Libanon yang juga pemenang Miss USA 2010.

wanita cantik dari arab, timur tengah, penari perut, seksi



Karima Adebibe,artis dan model manis dari Maroko.

wanita cantik dari arab, timur tengah, penari perut, seksi



19. Nivine Nasr, penyanyi seksi dari Mesir .

wanita cantik dari arab, timur tengah, penari perut, seksi



Rola Saad, model dan penyanyi cantik Lebanon.

wanita cantik dari arab, timur tengah, penari perut, seksi



Lamitta Franjieh, Model Catwalk cantik dari Libanon.

wanita cantik dari arab, timur tengah, penari perut, seksi



Melissa, penyanyi pop terkenal dari Arab.

wanita cantik dari arab, timur tengah, penari perut, seksi



Shakira, penyanyi paling terkenal di dunia saat ini dari Kolombia dan berdarah Libanon.

wanita cantik dari arab, timur tengah, penari perut, seksi

Sandy Singer, wanita cantik dari Mesir.

wanita cantik dari arab, timur tengah, penari perut, seksi



Myriam Fares, bintang pop Arab dari Lebanon.

wanita cantik dari arab, timur tengah, penari perut, seksi



Nawal El Zoghby,penyanyi Arab terkenal dari Lebanon.

wanita cantik dari arab, timur tengah, penari perut, seksi



Miriam Clink, model cantik dari Lebanon.

wanita cantik dari arab, timur tengah, penari perut, seksi



Amar singer, penyanyi pop dari Lebanon.

wanita cantik dari arab, timur tengah, penari perut, seksi



Mona Abou Hamzeh, presenter TV cantik dari Lebanon.

wanita cantik dari arab, timur tengah, penari perut, seksi



Amelia Zidane, penari perut terkenal dari Aljazair..

wanita cantik dari arab, timur tengah, penari perut, seksi



Nancy Ajram, Penyanyi POP Arab dari Libanon.

wanita cantik dari arab, timur tengah, penari perut, seksi



Elissa, pernah meraih penghargaan penyanyi pop Arab dari Lebanon

wanita cantik dari arab, timur tengah, penari perut, seksi



Cyrine Abdelnour, Artis Libanon, model dan penyanyi.

wanita cantik dari arab, timur tengah, penari perut, seksi



Rouwaida Attieh, seorang penyanyi dari Syria.

wanita cantik dari arab, timur tengah, penari perut, seksi



Hayfa Wehbeh, penyanyi pop paling cantik dari Lebanon.

wanita cantik dari arab, timur tengah, penari perut, seksi

El Sofia Marikh, seorang penyanyi pop Arab dari Maroko.

wanita cantik dari arab, timur tengah, penari perut, seksi