» A normal paragraph
Ea eam labores imperdiet, apeirian democritum ei nam, doming neglegentur ad vis. Ne malorum ceteros feugait quo, ius ea liber offendit placerat, est habemus aliquyam legendos id. Eam no corpora maluisset definitiones, eam mucius malorum id. Quo ea idque commodo utroque, per ex eros etiam accumsan.]]></b:skin>
» A paragraph format
Et posse meliore definitiones (strong) his, vim tritani vulputate (italic) pertinacia at. Augue quaerendum (Acronym) te sea, ex sed sint invenire erroribus. Cu vel ceteros scripserit, te usu modus fabellas mediocritatem. In legere regione instructior eos. Ea repudiandae suscipiantur vim, vel partem labores ponderum in blogger templates (link).
» A paragraph as code
Mel putent quaeque an, ut postea melius denique sit. Officiis sensibus at mea, sea at labitur deserunt. Eam dicam congue soluta ut.» A paragraph as blockquote
Eu mei solum oporteat eleifend, libris nominavi maiestatis duo at, quod dissentiet vel te. Legere prompta impedit id eum. Te soleat vocibus luptatum sed, augue dicta populo est ad, et consul diceret officiis duo. Et duo primis nostrum.
@import "compass/reset";
// variables
$colorGreen: #008000;
$colorGreenDark: darken($colorGreen, 10);
@mixin container {
max-width: 980px;
}
// mixins with parameters
@mixin button($color:green) {
@if ($color == green) {
background-color: #008000;
}
@else if ($color == red) {
background-color: #B22222;
}
}
button {
@include button(red);
}
div,
.navbar,
#header,
input[type="input"] {
font-family: "Helvetica Neue", Arial, sans-serif;
width: auto;
margin: 0 auto;
display: block;
}
- Blogger templates
- Templates
- Blogs
- Layouts
- Skins
- BTemplates
- Login
- Visit GBTemplates
- Download template
- Install
- Enjoy!
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Info text message here
Info text message here
Box Message / message box / alert message box dapat berupa pesan kesalahan (error box message), pesan peringatan (warning box message), pesan informasi ( information box message), pesan sukses/gagal (successful operation box message), pesan pengumuman dst. Penggunaan warna yang berbeda pada box (kotak pesan) juga dapat memperjelas tentang maksud dari status pesan itu sendiri, misalkan: warna merah pada pesan error, situs facebook biasa menggunakan kotak pesan yang mirip dengan type pesan sukses.
The border-color property is used to set the color of the border. The color can be set by:
name - specify a color name, like "red"
RGB - specify a RGB value, like "rgb(255,0,0)"
Hex - specify a hex value, like "#ff0000"
You can also set the border color to "transparent".
Note: The "border-color" property does not work if it is used alone. Use the "border-style" property to set the borders first.
| No: | Merk ponsel | Tipe |
|---|---|---|
| 01 | MITO | 680 |
| 02 | MITO | 319 |
| 20 | VISIO | V999 |
| 21 | ISIS | i 9 |
| 22 | VITEL | 519 |
| 23 | VITEL | 517 |
| 24 | CSL BLUEBERRY | 120 |
| 25 | MAXIS | MX700 |
| 26 | G-STAR | 198 |
| 27 | VENERA AKTIV | 105 |
| 28 | extreme hapy | - - - - |
pre {
background-color:#233948;
font:bold 12px/15px "Inconsolata","Monaco","Consolas","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier,monospace;
color:#333;
border:1px solid #f1c40f;
position:relative;
padding:0 7px;
margin:10px 0;
overflow:auto;
word-wrap:normal;
white-space:pre;
box-shadow:0 1px 2px rgba(0,0,0,0.2);
position:relative;
}
pre[data-codetype] {
padding:23px 1em 7px 1em;
}
pre[data-codetype]:before {
content:attr(data-codetype);
display:block;
position:absolute;
top:0;
right:0;
left:0;
background-color:#95a5a6;
padding:0 7px;
font:bold 12px/20px Arial,Sans-Serif;
color:white;
}
pre[data-codetype="HTML"] {border-color:#27ae60;color:#8FE6B3;}
pre[data-codetype="CSS"] {border-color:#16a085;color:#7DDECA;}
pre[data-codetype="JavaScript"] {border-color:#2980b9;color:#91C8ED;}
pre[data-codetype="JQuery"] {border-color:#34495e;color:#889CAF;}
pre[data-codetype="HTML"]:before {background-color:#27ae60;}
pre[data-codetype="CSS"]:before {background-color:#16a085;}
pre[data-codetype="JavaScript"]:before {background-color:#2980b9;}
pre[data-codetype="JQuery"]:before {background-color:#34495e;}
pre code,
pre .line-number {
display:block;
font:normal normal 12px/15px "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important;
color:#006699;
}
pre .line-number {
float:left;
margin:0 1em 0 -1em;
color:#ecf0f1;
background-color:#243342;
border-right:2px solid #3E5770;
text-align:right;
min-width:2.5em;
}
pre .line-number span {
display:block;
padding:0 .5em 0 1em;
}
pre .line-number span:nth-child(even) {background-color:#243342}
pre .cl {
display:block;
clear:both;
} <pre data-codetype="CSS"><code>...........</code></pre> /* Untuk CSS */
<pre data-codetype="HTML"><code>...........</code></pre> /* Untuk HTML */
<pre data-codetype="JavaScript"><code>...........</code></pre> /* Untuk JavaScript */
<pre data-codetype="JQuery"><code>...........</code></pre> /* Untuk kode JQuery */
dst... <script type='text/javascript'>
(function() {
var pre = document.getElementsByTagName('pre'),
pl = pre.length;
for (var i = 0; i < pl; i++) {
pre[i].innerHTML = '<span class="line-number"></span>' + pre[i].innerHTML + '<span class="cl"></span>';
var num = pre[i].innerHTML.split(/\n/).length;
for (var j = 0; j < num; j++) {
var line_num = pre[i].getElementsByTagName('span')[0];
line_num.innerHTML += '<span>' + (j+1) + '</span>';
}
}
})();
</script> <pre data-codetype="HTML"> ... </pre>
<pre data-codetype="CSS"> ... </pre>
<pre data-codetype="JavaScript"> ... </pre>
<pre data-codetype="JQuery"> ... </pre>
class="update"
class="note"
class="catatan"
class="alert"
class="tip"
class="instruction"
2 komentar
Tesss komengg. . . ^:D
=))
EmoticonEmoticon