SYSTEM OF BLOG

Border image generator

2012-02-28T13:43:00.000+07:00

Border image generator, atau bisa di sebut Generator border gambar ini aku temuin saat lagi Googling" dan beruntung sekali ada generator ini, karena anda tidak perlu lagi repot" dan anda tinggal copy kode nya, dan ini link nya Border Image Generator dan di bawah ini sedikit saya ambil preview nya

Klik Untuk Memperbesar

Silahkan visit dan semoga bermanfaat

Title / Deskripsi link keren dengan css

2012-02-26T08:27:00.000+07:00

Membuat title / deskripsi link dengan css, kali ini saya akan share lagi tentang pembuatan deskripsi atau title pada link dengan css, mungkin bisa di bilang juga tooltip, tapi saya lebih suka memberi nama deskripsi, tapi gak jauh dari tooltip deskripsi ini juga akan muncul saat link di hover a/ saat link di sentuh, nah disini saya menggabungkan tag alt dengan link, jadi penjelasan yang ada di dalam tag alt itu nantinya yang akan muncul, seperti apa model dan bentukX, sebentar dulu title / deskripsi link dengan css ini juga bisa di bilang Title / deskripsi link dengan css3 karena ada sedikit tambahan2 css3 untuk mempercantik tampilan deskripsi nya, emmm sabar gak nih liat demonya hehehe ok silahkan lihat demonya

DEMO

Biasa Ajakan Bentuk nya, tapi disini saya katakan itu luar biasa, kenapa. . .?? karena kita butuh sedikit kode dan gak terlalu repot menggunakannya, pokok nya sip lah, ok silahkan simak cara menggunakannya :

Log in ke blog anda
Klik Rancangan
Klik Edit HTML
Cari kode ]]></b:skin>
Setelah ketemua silahkan simpan kode di bawah ini di atas kode ]]></b:skin>

.linkSysteM {
}
.linkSysteM a{
text-decoration:none;
text-transform:uppercase;
font-family:'Anton',sans-serif;
color:#00f;
}
.linkSysteM a::after{
content:attr(alt);
display:none;
margin-left:10px;
color:#ccc;
background: rgb(169,3,41);
padding:3px;
-webkit-box-shadow:0 0 5px 1px #000;
-moz-box-shadow:0 0 5px 1px #000;
box-shadow:0 0 5px 1px #000;
width:300px;
position:absolute;
font-family:'Arial',sans-serif;
line-height:1.5;
letter-spacing:1px;
text-transform: lowercase;
font-size:13px;
}
.linkSysteM a:hover::after{
display:inline;
}
.linkSysteM li{
list-style-type:circle;
}

Setelah itu klik SIMPAN / SAVE TEMPLATE, Lalu simak cara menggunakannya di bawah ini,
silahkan anda pilih ingin menggunakannya di sidebar atau di postingan atau dimana terserah kode nya sama aja kok hehehe, jika ingin menggunakannya di sidebar silahkan

Log in ke blog anda
Klik Rancangan
Klik Tambah Gadget
Lalu klik atau pilih HTML/Javascript
Setelah itu simpan kodenya, di kotak bagian bawah

ini kode nya : silahkan di copy

<div class='linkSysteM'>
<li><a href='http://sin1aja.blogspot.com/' alt='Personal Blog And Share Trik, dan berbagai macam info'>SYSTEM OF BLOG<a></li>
<li><a href='http://the-seven-shadowz.blogspot.com/' alt='My Blog Of Group, Anda Bisa Temukan Berbagai Artikel terbaru Anggota 7 Shadow Disini'>The Seven Shadowz<a></li>
<li><a href='http://rawamangun18.blogspot.com/' alt='Blog Demo Dari System Of Blog, Dan inilah blog-nya :) hehehehe'>BLOGGER DESA<a></li>
</div>

Sedikit Penjelasan kode HTML nya :

Kode berwarna biru silahkan ganti dengan URL anda.
Warna merah ganti dengan deskripsi link anda.

Nah selesai, sudah jadi gak repot2 kan cuman tinggal nambah Title nya pada tag ALT, nah kabar yang luar biasanya, anda bisa gunakan trik ini tanpa tambahan class lagi, jadi bisa otomatis ada di semua link, tapi dengan syarat ada tambahan tag alt pada link - link anda, maksud saya tidak perlu tambahan class adalah tidak perlu lagi ada kode seperti :

<div class='linkSysteM'> dan juga seperti ini
<li><a href='http://sin1aja.blogspot.com/' alt='Personal Blog And Share Trik, dan berbagai macam info'>SYSTEM OF BLOG<a></li>

jadi cukup seperti ini nanti kode nya :

<a href='http://sin1aja.blogspot.com/' alt='Personal Blog And Share Trik, dan berbagai macam info'>SYSTEM OF BLOG<a>

Nah seperti link biasa bukan, jadi gak repot lagi, jika anda ingin gunakan seperti itu kode nya tetap sama cuman ada perpotongan kode saja, caranya sama seperti di atas simpan kode di bawah ini di atas kode ]]></b:skin>

a::after{
content:attr(alt);
display:none;
margin-left:10px;
color:#ccc;
background: rgb(169,3,41);
padding:3px;
-webkit-box-shadow:0 0 5px 1px #000;
-moz-box-shadow:0 0 5px 1px #000;
box-shadow:0 0 5px 1px #000;
width:300px;
position:absolute;
font-family:'Arial',sans-serif;
line-height:1.5;
letter-spacing:1px;
text-transform: lowercase;
font-size:13px;
}
a:hover::after{
display:inline;
}

lalu cara menggunakannya anda tinggal menambah tag alt saja di setiap link yang akan anda beri deskripsi atau tooltip, jadi seperti ini kodenya

<a href='http://sin1aja.blogspot.com/' alt='Personal Blog And Share Trik, dan berbagai macam info'>SYSTEM OF BLOG<a>

Penjelasan :

Kode berwarna biru silahkan ganti dengan URL anda.
Warna merah ganti dengan deskripsi link anda.

inget ya anda cukup menambah tag alt dan semua beresssss semoga Trik Membuat title / deskripsi link dengan css bermanfaat.

Trik Membuat button refresh

2012-02-25T05:47:00.001+07:00

Assalamualaikum Wr. Wb . . .

Hemmm lama gak update nih, sekarang saya akan bahas mengenai cara membuat tombol reload dengan jquery ok ini gak berat kok karena cuman memerlukan sedikit tambahan jquery dari pada semar bingung hehehe sekarang silahkan cek demo tombol reload dengan jquery

DEMO

Nah setelah melihat demo trik membuat tombol reload dengan jquery sekarang mari terapkan di blog anda

Silahkan Log in di blog anda
Klik Rancangan
Klik Edit HTML
Cari kode </head>
Simpan kode di bawah ini di atas kode </head>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#refresh').click(function() {
location.reload();
});
});
</script>
<style>
#refresh {
cursor: pointer;
}
</style>

Nah cara menggunakannya silahkan tambah kode di bawah ini di sidebar atau di mana saja, jika di sidebar silahkan anda klik tambah gadget lalu klik HTML/Javascript

<img src="Disini button reload.png" id="refresh" />

Setelah itu silahkan simpan, dan jangan lupa ganti kata Disini button reload.png dengan gambar reload milik anda, jika tidak ada bisa gunakan punya saya ini

http://4.bp.blogspot.com/-RZeJ1Iz8z6A/T0gO3fDUa7I/AAAAAAAAA28/ueDkG-4KAsc/s1600/02-redo.png

semoga bermanfaat, tombol reload dengan jquery nya

Trik Membuat Feedburner Buzzbost

2012-02-23T18:20:00.000+07:00

Assalamualaikum Wr. Wb . . .
Post kali ini akan membahas mengenai Trik Membuat Feedburner Buzzbost ok mungkin Aku Gak Banyak CingCong Langsung Saja Ke Caranya

1. Masuk ke feedburner.google.com
2. Lalu isi kotaknya dengan URL anda, dan centang " I am a podcaster! " Lihat Contohnya dibawah ini

3. Setelah itu akan muncul tampilan seperti ini, Dan Klik NEXT

4. Setelah itu akan muncul lagi tampilan seperti di bawah ini,

Tapi Abaikan saja, karena proses sudah selesai, nah setelah itu klik lagi feedburner.google.com Lalu klik nama blog anda, dan klik menu Publicize, dan klik BuzzBoost maka akan muncul tampilan seperti di bawah ini

Nah Hapus semua centang yang ada dan pada kalimat Number of items to display: Pilih sesuka anda pada menu DropDown, itu gunanya untuk memilih berapa banyak judul postingan yang di tampilkan, setelah itu klik SAVE dan setelah itu silahkan ambil SCRIPT nya Ada di bagian atas bentuk nya seperti gambar di bawah ini

Nah coba perhatikan pada teks TypePad silahkan klik dan ganti dengan Blogger dan Klik GO, setelah itu Pilih Blog yang akan di tambahkan widget Feedburner dan klik Menambah Widget maka widget pun akan terpasang di blog anda, done hufft panjang juga nih cerita hehehhee semoga bermanfaat

Membelah widget label blogspot menjadi dua

2012-02-21T12:42:00.000+07:00

Assalamualaikum Wr. Wb . . .
Lama banget rasaX gak Update - Update, Abis Ngepost Form Info With Css3 bingung mau Update Apa Lagi, tapi ada satu permintaan dari pemilik blog BLOGCUNAYZ dia me-Request Cara membuat widget label blogspot menjadi dua bagian, sembari meng-update blog ini, aku post aja Request-an nya, nah bentuk nya kira2 seperti screenshot di bawah ini

Sebenarnya Cara Membuat Widget Label Blogspot Menjadi dua itu hanya butuh menambahkan kode Css saja, Jadi silahkan Anda masuk di blog anda, klik Rancangan lalu pilih Edit HTML setelah itu Cari kode ]]></b:skin> Dan simpan kode di bawah ini di atas kode
]]></b:skin>

#Label1 li {
float: left;
width: 48%;
padding-left: 1.5%;
text-transform: uppercase
}

#Label1 {
font-size: 11px;
font-weight: bold;
}

Lalu simpan dan silahkan lihat label di blog anda. semoga bermanfaat

Form Info Dengan Css3

2012-02-19T07:39:00.000+07:00

Form Info Dengan Css3 Kali ini dari pada gak update mending bagi - bagi script, script ini memuat tentang info admin saja pasti bingung ya . . .? tampilannya sama seperti screenshot / gambar di atas, emmmm dari pada penasaran langsung liat demo nya aja kali ya, silahkan di cek hehehe

DEMO

Setelah Melihat Demo nya silahkan, ikuti langkah2 membuatnya jika ingin membuatnya

Silahkan Log in ke Blog Anda
Masuk Di Posting Lalu Silahkan Buat Entri Baru
Lalu Pilih Mode Edit HTML ada tuh pilihannya di pojok kanan Editor
Setelah itu Copy kode di bawah ini,

<style>
form {
    width: 460px;
    padding: 20px;
    color: #333;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    margin: 0 auto;
    }

fieldset {
    position: relative;
    padding: 10px;
    padding-top: 25px;
    margin-bottom: 30px;
    background: #F6F6F6;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#FFF));
    background: -webkit-linear-gradient(center top, #EFEFEF, #FFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EFEFEF), color-stop(1, #FFF 100%));
    background: -moz-linear-gradient(center top, #EFEFEF, #FFF 100%);
    background: -o-linear-gradient(center top, #EFEFEF, #FFF 100%);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#EFEFEF, EndColorStr=#FFF 100%)";
    background: linear-gradient(center top, #EFEFEF, #FFF 100%);
    }

legend {
    padding: 6px 12px;
    background-color: #FF609F;
    color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 2px 2px 4px #888;
    -moz-box-shadow: 2px 2px 4px #888;
    box-shadow: 2px 2px 4px #888;
    text-shadow: 1px 1px 1px #333;
    }
td {
    background: #DDD;
    padding: 8px;
    border-right: 5px solid #555;
    width:190px;
    }

table {
    background-color: #555;
    }
</style>
<form>
<fieldset>
   <legend>Info Tentang Admin</legend>
<table border="0">
<tr>
<td>Nama</td>
<td>$hi~N~Tho</td>
</tr>
<tr>
<td>Tanggal lahir</td>
<td>juni 1993</td>
</tr>
<tr>
<td>Tempat Tinggal</td>
<td>Rawamangun Lr 18</td>
</tr>
<tr>
<td>Status</td>
<td>Pelajar / Siswa</td>
</tr>
<tr>
<td>Kota</td>
<td>Makassar</td>
</tr>
<tr>
<td>Provinsi</td>
<td>Sulawesi - Selatan</td>
</tr>
<tr>
<td>Kabupaten</td>
<td>Luwu Utara</td>
</tr>
</table>
</fieldset>
</form>

Setelah di Copy silahkan Paste, dan jangan Lupa ganti semua Data - Data nya ya, janga lupa terbitkan entri hehehe entar lupa lagi hihi ok sekian saja, semoga bermanfaat

Css3 Red Menu

2012-02-16T16:09:00.002+07:00

Awesome Css3 Red Menu, ehmm beberapa hari gak update karena bingung mau update apa jadi kali ini update tentang menu lagi yaitu, Horizontal Css3 Red Menu menu ini terdapat di template bang Choen, tapi sayang nya bang Choen sekarang dah menutup blog nya yaitu deconstructioncode padahal disana banyak tutorial² Yang bermanfaat. segitu aja ceritanya entar mabok denger ceritaQ hehhehe langsung aja cek DEMO nya

DEMO

Menu ini warna merah dan mempesona menurutku, menu ini hanya saya beri efek transisi dimana sebelumnya gak ada transisinya, dan transisinya hanya bekerja di browser modern gunanya sih untuk memperlembut gerakan saat menu di sentuh atau di hover menu ini juga mempunyai deskripsi di bawah nama menu nya, yahhh dari pada lama lama langsung aja silahkan,

Log in / Masuk di blog anda
Klik Rancangan
Klik Tambah Gadget
Pilih HTML/Javascript
Lalu Masukan kode di bawah ini di kotak bagian bawah

<div id='navigation-wrap'>
<div id='navigation'>
<ul id='nav'>
<li><a href='#'>HOME<span>Welcome</span></a></li>
<li><a href='#'>ABOUT<span>Personal Oveview</span></a></li>
<li><a href='#'>CONTACT<span>Say Hello or ...?</span></a></li>
<li><a href='#'>SITEMAP<span>Table Of Content</span></a></li>
<li><a href='#'>NAMA MENU<span>Deskripsi menu</span></a></li>
<li><a href='#'>NAMA MENU<span>Deskripsi menu</span></a></li>
</ul>
</div>
</div>
<style>
#navigation-wrap {
width:900px;
height:45px;
background:#d50c0c;
margin:0 auto;
}
#navigation {
line-height:15px;
letter-spacing:.05em;
}
ul#nav {
list-style:none;
margin:0 20px 0;
}
ul#nav li{
float:left;
margin-top:1px;
}
ul#nav li a span{
display:block;
font-weight:400;
text-shadow:1px 1px 1px #e14343;
color:#000;
text-decoration: none;
}
ul#nav li a{
color:#fff;
display:block;
font-weight:700;
margin:0 2px;
padding:7px 15px;
text-align:center;
background:#b81010;
text-shadow:1px 1px 1px #000;
border-left:1px solid #b81010;
border-right:1px solid #b81010;
text-decoration: none;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s
}
ul#nav li a:hover{
margin-top:-8px;
*margin-top:0;
padding:8px 15px 10px;
*padding:7px 15px;
background:#aa0f0f;
text-decoration:none;
border-left:1px solid #df1212;
border-right:1px solid #df1212;
}
/*
ul#nav li a:visited{
background:#aa0f0f;
border-left:1px solid #df1212;
border-right:1px solid #df1212;
}
*/
ul#nav li a:active{
background:#9a0e0e;
text-decoration:none;
border-left:1px solid #df1212;
border-right:1px solid #df1212;
}
</style>

Kemudian klik simpan, Tapi Satu yang harus di ingat menu ini berukuran 900px jadi silahkan simpan menu nya di Area yang lebar agar menu nya gak berantakan. wassalam

Ribbon menu with css3

2012-02-13T05:42:00.000+07:00

Ribbon menu with css3, Ribbon menu dengan css3 ini nemu saat googling di website jacklmoore Css3 ribbon menu ini telah saya ubah - ubah warnanya sehingga ada 4 macam warna css3 ribbon menu ini yaitu Pink, Putih, Hijau dan Biru, saya jelaskan dulu cara menggunakannya

Log in di blog anda
Klik Rancangan
Klik Edit HTML
Cari Kode ]]></b:skin>
Setelah ketemu silahkan simpan kode CSS nya di atas kode ]]></b:skin>
Setelah itu klik Simpan
Untuk kode HTML nya silahkan simpan di Elemen laman dengan cara
Klik Tambah Gadget lalu Pilih HTML/Javascript

Di bawah ini kode CSS nya, Silahkan pilih menu css3 nya berdasarkan warna, pilih salah satu

Ribbon menu css3 warna putih ( kode css menu warna putih )

.ribbon2:after, .ribbon2:before {
margin-top:0.5em;
content: "";
float:left;
border:1.5em solid #fff;
}
.ribbon2:after {
border-right-color:transparent;
}
.ribbon2:before {
border-left-color:transparent;
}
.ribbon2 a:link, .ribbon2 a:visited {
color:#000;
text-decoration:none;
float:left;
height:3.5em;
overflow:hidden;
font-family:'Times new roman',sans serif !important;
font-size:16px !important;
}
.ribbon2 span {
background:#fff;
display:inline-block;
line-height:3em;
padding:0 1em;
margin-top:0.5em;
position:relative;
-webkit-transition: background, margin 0.2s; /* Saf3.2+, Chrome */
-moz-transition: background, margin 0.2s; /* FF4+ */
-ms-transition: background, margin 0.2s; /* IE10 */
-o-transition: background-color, margin-top 0.2s; /* Opera 10.5+ */
transition: background, margin 0.2s;
}
.ribbon2 a:hover span {
background:#FFD204;
margin-top:0;
}
.ribbon2 span:before {
content: "";
position:absolute;
top:3em;
left:0;
border-right:0.5em solid #9B8651;
border-bottom:0.5em solid #fff;
}
.ribbon2 span:after {
content: "";
position:absolute;
top:3em;
right:0;
border-left:0.5em solid #9B8651;
border-bottom:0.5em solid #fff;
}

Ribbon menu css3 warna hijau ( kode css warna hijau )

.ribbon3:after, .ribbon3:before {
margin-top:0.5em;
content: "";
float:left;
border:1.5em solid #090;
}
.ribbon3:after {
border-right-color:transparent;
}
.ribbon3:before {
border-left-color:transparent;
}
.ribbon3 a:link, .ribbon3 a:visited {
color:#000;
text-decoration:none;
float:left;
height:3.5em;
overflow:hidden;
font-family:'Times new roman',sans serif !important;
font-size:16px !important;
}
.ribbon3 span {
background:#090;
display:inline-block;
line-height:3em;
padding:0 1em;
margin-top:0.5em;
position:relative;
-webkit-transition: background, margin 0.2s; /* Saf3.2+, Chrome */
-moz-transition: background, margin 0.2s; /* FF4+ */
-ms-transition: background, margin 0.2s; /* IE10 */
-o-transition: background-color, margin-top 0.2s; /* Opera 10.5+ */
transition: background, margin 0.2s;
}
.ribbon3 a:hover span {
background:#0a0;
margin-top:0;
color:#EEE;
}
.ribbon3 span:before {
content: "";
position:absolute;
top:3em;
left:0;
border-right:0.5em solid #000;
border-bottom:0.5em solid #090;
}
.ribbon3 span:after {
content: "";
position:absolute;
top:3em;
right:0;
border-left:0.5em solid #000;
border-bottom:0.5em solid #090;
}

Ribbon menu css3 warna pink ( kode css warna pink )

.ribbon:after, .ribbon:before {
margin-top:0.5em;
content: "";
float:left;
border:1.5em solid #FF1493;
}
.ribbon:after {
border-right-color:transparent;
}
.ribbon:before {
border-left-color:transparent;
}
.ribbon a:link, .ribbon a:visited {
color:#000;
text-decoration:none;
float:left;
height:3.5em;
overflow:hidden;
font-family:'Times new roman',sans serif !important;
font-size:16px !important;
}
.ribbon span {
background:#FF1493;
display:inline-block;
line-height:3em;
padding:0 1em;
margin-top:0.5em;
position:relative;
-webkit-transition: background, margin 0.2s; /* Saf3.2+, Chrome */
-moz-transition: background, margin 0.2s; /* FF4+ */
-ms-transition: background, margin 0.2s; /* IE10 */
-o-transition: background-color, margin-top 0.2s; /* Opera 10.5+ */
transition: background, margin 0.2s;
}
.ribbon a:hover span {
background:#1E90FF;
margin-top:0;
color:#EEE;
}
.ribbon span:before {
content: "";
position:absolute;
top:3em;
left:0;
border-right:0.5em solid #000;
border-bottom:0.5em solid #FF1493;
}
.ribbon span:after {
content: "";
position:absolute;
top:3em;
right:0;
border-left:0.5em solid #000;
border-bottom:0.5em solid #FF1493;
}

Ribbon menu css3 warna biru ( kode css warna biru )

.ribbon4:after, .ribbon4:before {
margin-top:0.5em;
content: "";
float:left;
border:1.5em solid #222FFF;
}
.ribbon4:after {
border-right-color:transparent;
}
.ribbon4:before {
border-left-color:transparent;
}
.ribbon4 a:link, .ribbon4 a:visited {
color:#CCC;
text-decoration:none;
float:left;
height:3.5em;
overflow:hidden;
font-family:'Times new roman',sans serif !important;
font-size:16px !important;
}
.ribbon4 span {
background:#222FFF;
display:inline-block;
line-height:3em;
padding:0 1em;
margin-top:0.5em;
position:relative;
-webkit-transition: background, margin 0.2s; /* Saf3.2+, Chrome */
-moz-transition: background, margin 0.2s; /* FF4+ */
-ms-transition: background, margin 0.2s; /* IE10 */
-o-transition: background-color, margin-top 0.2s; /* Opera 10.5+ */
transition: background, margin 0.2s;
}
.ribbon4 a:hover span {
background:#000FFF;
margin-top:0;
color:#EEE;
}
.ribbon4 span:before {
content: "";
position:absolute;
top:3em;
left:0;
border-right:0.5em solid #FFF;
border-bottom:0.5em solid #222FFF;
}
.ribbon4 span:after {
content: "";
position:absolute;
top:3em;
right:0;
border-left:0.5em solid #FFF;
border-bottom:0.5em solid #222FFF;
}

Dan di bawah ini kode html nya
Kode HTML menu warna Pink

<div class='ribbon'>
<a href='#'><span>Home</span></a>
<a href='#'><span>About</span></a>
<a href='#'><span>Services</span></a>
<a href='#'><span>Contact</span></a>
</div>

Kode HTML menu warna Putih

<div class='ribbon2'>
<a href='#'><span>Home</span></a>
<a href='#'><span>About</span></a>
<a href='#'><span>Services</span></a>
<a href='#'><span>Contact</span></a>
</div>

Kode HTML menu warna Hijau

<div class='ribbon3'>
<a href='#'><span>Home</span></a>
<a href='#'><span>About</span></a>
<a href='#'><span>Services</span></a>
<a href='#'><span>Contact</span></a>
</div>

Kode HTML menu warna Biru

<div class='ribbon4'>
<a href='#'><span>Home</span></a>
<a href='#'><span>About</span></a>
<a href='#'><span>Services</span></a>
<a href='#'><span>Contact</span></a>
</div>

Ingat ya kalau nyimpan menu nya harus di tempat yang agak lebar kalau di sidebar kayakX gak cocok karena sidebar itu gak terlalu lebar jadi cari aja tempat yang kiranya cocok, sekian postingan menu css3, wassalam

DEMO

Kumpulan Ucapan Valentine 2012

2012-02-12T05:30:00.000+07:00

Setelah beramai - ramai dengan berita Video kekerasan cewek di bali, Akhirnya Hari Kasih Sayang Telah Tiba, Orang / Remaja Biasa menyebutnya Valentine Day nah sebelum hari Valentine di bawah ini ada ucapan - ucapan untuk hari valentine silahkan di simak dan tulis untuk kekasih / istri anda.

Kumpulan sms ucapan hari valentine terbaru 2012

Cintaku padamu seperti harga BBM dan tarif listrik PLN, setiap saat selalu meningkat.

Hari ini aku diomelin sama bos, dikomplain oleh klien, macet total di jalan, komputer hang berat. namu semua itu tidak membuat aku lupa untuk menyatakan cinta padamu, met valentine

Tuhan memberikan rasa cinta dalam diriku, dan aku memberikannya padamu. Please yach, jangan diberikan lagi pada orang lain, karena aku sayang banget ma kamu.

Kumpulan puisi valentine terbaru 2012

Jika kau bukan seorang pecinta, jangan
pandang hidupmu adalah hidup.
Sebab, tanpa cinta segala perbuatan tidak
akan dihitung pada hari perhitungan nanti.
Setiap waktu yang berlalu tanpa cinta, akan
menjelma menjadi wajah memalukan di hadapan Tuhan.

Cinta Tuhan terangi hati dan jadikan para
pecinta terjaga sepanjang malam.
Wahai kawan, jika kau seorang pecinta
jadilah seperti lilin.
Larut di sepanjang malam, membara hingga pagi datang!
Dia bagai cuaca beku di musim panas,
bukanlah seorang pecinta. Di tengah
musim panas, hati seorang pecinta membakar musim gugur.
Wahai kawan, jika kau pendam cinta yang
ingin kau nyatakan teriaklah seperti
seorang pecinta! Tapi jika kau
terbelenggu nafsu, jangan nyatakan
sesuatu pada cinta.

itulah sedikit kata - kata romantis buat valentine yang saya comot dari dunia baca semoga bermanfaat ya, dan gimana nih rencana malem valentine nya, apa udah nyiapin sesuatu, buat si dia. . .? semoga sukses malam valentain nya sobat.

X5 Shadow Template

2012-02-11T17:11:00.001+07:00

Assalamualaikum Wr. Wb . . .
Download X5 Shadow Template kali ini share template buatan band Andre Lagi nih, nama templatenya X5 Shadow Template tema nya gelap - gelapan tapi beuh mantep banget dah suer ( bagi aku ) gak tau kalau bagi agan2 yang baca dari penasaran silahkan lihat screnshot nya di bawah ini

Gimana X5 Shadow Template nya hehehe ok dari pada pusing dan penasaran silahkan lihat demonya dan juga silahkan download templatenya bagi yang pengen download

DEMO

DOWNLOAD

Template X5 Shadow Template ini di lengkapi dengan Slide show di homepage dan juga di lengkapi dengan Info Author, dan juga blog pager yang keren.
ok Di Bawah ini Sedikit Info dari bang Andre mengenai Template X5 Shadow

kali ini saya mencoba bikin template dengan tampilan yg agak nge rock 'n roll dikit hehe..,template ini mempunyai beberapa kolom,di bagian tengah template saya bikin 2 kolom ,satu buat postingan sebelah kiri dan satu nya lagi buat sidebar sebelah kanan.dan di template ini juga mempunyai 5 kolom di bagian footer dan di bagi 2 kotak 2 kolom di atas dan 3kolom di bawah,di template ini saya menambahkan kotak slider supaya hidup gitu tampilan nya,template ini di desain dengan menggunakan beberapa gambar dan css3,sekarang saya mencoba bikin template dengan kotak komentar baru blogger "Blogger Threaded Comments" komplit dengan css nya,bagi yg tertarik dengan desain kotak komentar ini,sobat bisa langsung lihat css nya dan lihat melalui sourde code nya.

Kumpulan Button Keren Css3

2012-02-09T13:44:00.000+07:00

Assalamualaikum Wr. Wb . . .
Alhamdulilah yah akhirnya bisa update tutorial lagi kali ini saya akan share Kumpulan Button Keren Css3 Button ini di buat dengan Css3 dan saya temukan di css3framework dan anda gak usah pusing2 kalau ingin membuatnya karena disana sudah ada kode nya yang siap di download dan disini akan saya share lagi kodenya agar tidak hilang jika suatu saat nanti lupa, button dengan sentuhan css3 ini membuat suasana button berbeda dari biasanya, namanya jgua css3 hehehe ok dari pada bingung silahkan lihat demo nya

DEMO

Setelah melihat demo Awesome Button With Css3 sekarang mari kita terapkan di blog abang - eneng semua.

Masuk di blog anda
Klik Rancangan
Klik Edit HTML
Cari Kode ]]></b:skin>
Lalu Simpan kode Di bawah ini di Atas kode ]]></b:skin>

.button {
display: inline-block;
height: 27px;
border: 2px solid #333;
outline: 0;
margin: 4px 6px;
padding-left: 16px;
padding-right: 16px;
font-size: 13px;
line-height: 27px;
text-shadow: 1px 1px 1px #FFF;
text-align: center;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 1px 1px 5px rgba(255, 255, 255, 0.2), 0 0 4px rgba(255, 255, 255, 0.5);
-moz-box-shadow: inset 1px 1px 5px rgba(255, 255, 255, 0.2), 0 0 4px rgba(255, 255, 255, 0.5);
box-shadow: inset 1px 1px 5px rgba(255, 255, 255, 0.2), 0 0 4px rgba(255, 255, 255, 0.5);
background-color: #e0e0e0;
background-image: -webkit-linear-gradient(top, #f7edff, #b1b1b1);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7edff), color-stop(1, #b1b1b1));
background-image: -moz-linear-gradient(top, #f7edff, #b1b1b1);
background-image: -o-linear-gradient(top, #f7edff, #b1b1b1);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#f7edff, EndColorStr=#b1b1b1)";
background-image: linear-gradient(top, #f7edff, #b1b1b1);
background-image: -webkit-linear-gradient(top, #f7edff, #b1b1b1);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7edff), color-stop(1, #b1b1b1));
background-image: -moz-linear-gradient(top, #f7edff, #b1b1b1);
background-image: -o-linear-gradient(top, #f7edff, #b1b1b1);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#f7edff, EndColorStr=#b1b1b1)";
background-image: linear-gradient(top, #f7edff, #b1b1b1);
background-image: -webkit-linear-gradient(top, #f7edff, #b1b1b1);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7edff), color-stop(1, #b1b1b1));
background-image: -moz-linear-gradient(top, #f7edff, #b1b1b1);
background-image: -o-linear-gradient(top, #f7edff, #b1b1b1);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#f7edff, EndColorStr=#b1b1b1)";
background-image: linear-gradient(top, #f7edff, #b1b1b1);
background-image: -webkit-linear-gradient(top, #f7edff, #b1b1b1);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7edff), color-stop(1, #b1b1b1));
background-image: -moz-linear-gradient(top, #f7edff, #b1b1b1);
background-image: -o-linear-gradient(top, #f7edff, #b1b1b1);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#f7edff, EndColorStr=#b1b1b1)";
background-image: linear-gradient(top, #f7edff, #b1b1b1);
background-image: -webkit-linear-gradient(top, #f7edff, #b1b1b1);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7edff), color-stop(1, #b1b1b1));
background-image: -moz-linear-gradient(top, #f7edff, #b1b1b1);
background-image: -o-linear-gradient(top, #f7edff, #b1b1b1);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#f7edff, EndColorStr=#b1b1b1)";
background-image: linear-gradient(top, #f7edff, #b1b1b1);
-webkit-background-clip: padding;
background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box
}
.button:link, .button:visited, .button:hover {
color: #444;
text-decoration: none
}
.button:hover, .button:focus {
background-image: -webkit-linear-gradient(top, #f5f5ff, #999);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5ff), color-stop(1, #999));
background-image: -moz-linear-gradient(top, #f5f5ff, #999);
background-image: -o-linear-gradient(top, #f5f5ff, #999);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#f5f5ff, EndColorStr=#999)";
background-image: linear-gradient(top, #f5f5ff, #999);
background-image: -webkit-linear-gradient(top, #f5f5ff, #999);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5ff), color-stop(1, #999));
background-image: -moz-linear-gradient(top, #f5f5ff, #999);
background-image: -o-linear-gradient(top, #f5f5ff, #999);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#f5f5ff, EndColorStr=#999)";
background-image: linear-gradient(top, #f5f5ff, #999);
background-image: -webkit-linear-gradient(top, #f5f5ff, #999);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5ff), color-stop(1, #999));
background-image: -moz-linear-gradient(top, #f5f5ff, #999);
background-image: -o-linear-gradient(top, #f5f5ff, #999);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#f5f5ff, EndColorStr=#999)";
background-image: linear-gradient(top, #f5f5ff, #999);
background-image: -webkit-linear-gradient(top, #f5f5ff, #999);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5ff), color-stop(1, #999));
background-image: -moz-linear-gradient(top, #f5f5ff, #999);
background-image: -o-linear-gradient(top, #f5f5ff, #999);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#f5f5ff, EndColorStr=#999)";
background-image: linear-gradient(top, #f5f5ff, #999);
background-image: -webkit-linear-gradient(top, #f5f5ff, #999);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5ff), color-stop(1, #999));
background-image: -moz-linear-gradient(top, #f5f5ff, #999);
background-image: -o-linear-gradient(top, #f5f5ff, #999);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#f5f5ff, EndColorStr=#999)";
background-image: linear-gradient(top, #f5f5ff, #999)
}
.button:active {
position: relative;
top: 1px;
-webkit-box-shadow: inset 0 0 8px rgba(80, 80, 80, 0.5);
-moz-box-shadow: inset 0 0 8px rgba(80, 80, 80, 0.5);
box-shadow: inset 0 0 8px rgba(80, 80, 80, 0.5)
}
.big {
font-size: 17px;
height: 38px;
line-height: 38px;
padding-left: 23px;
padding-right: 23px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px
}
.small {
font-size: 11px;
height: 20px;
line-height: 20px;
border: 1px solid #333;
padding-left: 8px;
padding-right: 8px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.disabled {
border-color: #CCC;
background: #e0e0e0;
color: #CCC;
cursor: default;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity: 0.7;
-ms-filter: "alpha(opacity=70)";
filter: alpha(opacity=70)
}
.disabled:hover, .disabled:active, .disabled:focus {
top: 0;
background: #e0e0e0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.blue:link, .blue:visited, .red:link, .red:visited, .green:link, .green:visited, .orange:link, .orange:visited, .purple:link, .purple:visited, .black:link, .black:visited {
color: #FFF;
font-weight: bold;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6)
}
.blue {
border-color: #003b80;
background-color: #004ca3;
background-image: -webkit-linear-gradient(top, #006ce8, #004ca3);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #006ce8), color-stop(1, #004ca3));
background-image: -moz-linear-gradient(top, #006ce8, #004ca3);
background-image: -o-linear-gradient(top, #006ce8, #004ca3);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#006ce8, EndColorStr=#004ca3)";
background-image: linear-gradient(top, #006ce8, #004ca3);
background-image: -webkit-linear-gradient(top, #006ce8, #004ca3);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #006ce8), color-stop(1, #004ca3));
background-image: -moz-linear-gradient(top, #006ce8, #004ca3);
background-image: -o-linear-gradient(top, #006ce8, #004ca3);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#006ce8, EndColorStr=#004ca3)";
background-image: linear-gradient(top, #006ce8, #004ca3);
background-image: -webkit-linear-gradient(top, #006ce8, #004ca3);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #006ce8), color-stop(1, #004ca3));
background-image: -moz-linear-gradient(top, #006ce8, #004ca3);
background-image: -o-linear-gradient(top, #006ce8, #004ca3);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#006ce8, EndColorStr=#004ca3)";
background-image: linear-gradient(top, #006ce8, #004ca3);
background-image: -webkit-linear-gradient(top, #006ce8, #004ca3);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #006ce8), color-stop(1, #004ca3));
background-image: -moz-linear-gradient(top, #006ce8, #004ca3);
background-image: -o-linear-gradient(top, #006ce8, #004ca3);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#006ce8, EndColorStr=#004ca3)";
background-image: linear-gradient(top, #006ce8, #004ca3);
background-image: -webkit-linear-gradient(top, #006ce8, #004ca3);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #006ce8), color-stop(1, #004ca3));
background-image: -moz-linear-gradient(top, #006ce8, #004ca3);
background-image: -o-linear-gradient(top, #006ce8, #004ca3);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#006ce8, EndColorStr=#004ca3)";
background-image: linear-gradient(top, #006ce8, #004ca3)
}
.blue:hover, .blue:focus {
background-color: #003b80;
background-image: -webkit-linear-gradient(top, #006ce8, #003b80);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #006ce8), color-stop(1, #003b80));
background-image: -moz-linear-gradient(top, #006ce8, #003b80);
background-image: -o-linear-gradient(top, #006ce8, #003b80);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#006ce8, EndColorStr=#003b80)";
background-image: linear-gradient(top, #006ce8, #003b80);
background-image: -webkit-linear-gradient(top, #006ce8, #003b80);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #006ce8), color-stop(1, #003b80));
background-image: -moz-linear-gradient(top, #006ce8, #003b80);
background-image: -o-linear-gradient(top, #006ce8, #003b80);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#006ce8, EndColorStr=#003b80)";
background-image: linear-gradient(top, #006ce8, #003b80);
background-image: -webkit-linear-gradient(top, #006ce8, #003b80);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #006ce8), color-stop(1, #003b80));
background-image: -moz-linear-gradient(top, #006ce8, #003b80);
background-image: -o-linear-gradient(top, #006ce8, #003b80);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#006ce8, EndColorStr=#003b80)";
background-image: linear-gradient(top, #006ce8, #003b80);
background-image: -webkit-linear-gradient(top, #006ce8, #003b80);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #006ce8), color-stop(1, #003b80));
background-image: -moz-linear-gradient(top, #006ce8, #003b80);
background-image: -o-linear-gradient(top, #006ce8, #003b80);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#006ce8, EndColorStr=#003b80)";
background-image: linear-gradient(top, #006ce8, #003b80);
background-image: -webkit-linear-gradient(top, #006ce8, #003b80);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #006ce8), color-stop(1, #003b80));
background-image: -moz-linear-gradient(top, #006ce8, #003b80);
background-image: -o-linear-gradient(top, #006ce8, #003b80);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#006ce8, EndColorStr=#003b80)";
background-image: linear-gradient(top, #006ce8, #003b80)
}
.red {
border-color: #b50000;
background-color: #d00000;
background-image: -webkit-linear-gradient(top, #F33, #d00000);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F33), color-stop(1, #d00000));
background-image: -moz-linear-gradient(top, #F33, #d00000);
background-image: -o-linear-gradient(top, #F33, #d00000);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#F33, EndColorStr=#d00000)";
background-image: linear-gradient(top, #F33, #d00000);
background-image: -webkit-linear-gradient(top, #F33, #d00000);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F33), color-stop(1, #d00000));
background-image: -moz-linear-gradient(top, #F33, #d00000);
background-image: -o-linear-gradient(top, #F33, #d00000);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#F33, EndColorStr=#d00000)";
background-image: linear-gradient(top, #F33, #d00000);
background-image: -webkit-linear-gradient(top, #F33, #d00000);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F33), color-stop(1, #d00000));
background-image: -moz-linear-gradient(top, #F33, #d00000);
background-image: -o-linear-gradient(top, #F33, #d00000);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#F33, EndColorStr=#d00000)";
background-image: linear-gradient(top, #F33, #d00000);
background-image: -webkit-linear-gradient(top, #F33, #d00000);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F33), color-stop(1, #d00000));
background-image: -moz-linear-gradient(top, #F33, #d00000);
background-image: -o-linear-gradient(top, #F33, #d00000);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#F33, EndColorStr=#d00000)";
background-image: linear-gradient(top, #F33, #d00000);
background-image: -webkit-linear-gradient(top, #F33, #d00000);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F33), color-stop(1, #d00000));
background-image: -moz-linear-gradient(top, #F33, #d00000);
background-image: -o-linear-gradient(top, #F33, #d00000);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#F33, EndColorStr=#d00000)";
background-image: linear-gradient(top, #F33, #d00000)
}
.red:hover, .red:focus {
background-color: #b50000;
background-image: -webkit-linear-gradient(top, #F33, #b50000);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F33), color-stop(1, #b50000));
background-image: -moz-linear-gradient(top, #F33, #b50000);
background-image: -o-linear-gradient(top, #F33, #b50000);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#F33, EndColorStr=#b50000)";
background-image: linear-gradient(top, #F33, #b50000);
background-image: -webkit-linear-gradient(top, #F33, #b50000);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F33), color-stop(1, #b50000));
background-image: -moz-linear-gradient(top, #F33, #b50000);
background-image: -o-linear-gradient(top, #F33, #b50000);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#F33, EndColorStr=#b50000)";
background-image: linear-gradient(top, #F33, #b50000);
background-image: -webkit-linear-gradient(top, #F33, #b50000);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F33), color-stop(1, #b50000));
background-image: -moz-linear-gradient(top, #F33, #b50000);
background-image: -o-linear-gradient(top, #F33, #b50000);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#F33, EndColorStr=#b50000)";
background-image: linear-gradient(top, #F33, #b50000);
background-image: -webkit-linear-gradient(top, #F33, #b50000);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F33), color-stop(1, #b50000));
background-image: -moz-linear-gradient(top, #F33, #b50000);
background-image: -o-linear-gradient(top, #F33, #b50000);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#F33, EndColorStr=#b50000)";
background-image: linear-gradient(top, #F33, #b50000);
background-image: -webkit-linear-gradient(top, #F33, #b50000);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F33), color-stop(1, #b50000));
background-image: -moz-linear-gradient(top, #F33, #b50000);
background-image: -o-linear-gradient(top, #F33, #b50000);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#F33, EndColorStr=#b50000)";
background-image: linear-gradient(top, #F33, #b50000)
}
.green {
border-color: #279100;
background-color: #2ead00;
background-image: -webkit-linear-gradient(top, #3fed00, #2ead00);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3fed00), color-stop(1, #2ead00));
background-image: -moz-linear-gradient(top, #3fed00, #2ead00);
background-image: -o-linear-gradient(top, #3fed00, #2ead00);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#3fed00, EndColorStr=#2ead00)";
background-image: linear-gradient(top, #3fed00, #2ead00);
background-image: -webkit-linear-gradient(top, #3fed00, #2ead00);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3fed00), color-stop(1, #2ead00));
background-image: -moz-linear-gradient(top, #3fed00, #2ead00);
background-image: -o-linear-gradient(top, #3fed00, #2ead00);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#3fed00, EndColorStr=#2ead00)";
background-image: linear-gradient(top, #3fed00, #2ead00);
background-image: -webkit-linear-gradient(top, #3fed00, #2ead00);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3fed00), color-stop(1, #2ead00));
background-image: -moz-linear-gradient(top, #3fed00, #2ead00);
background-image: -o-linear-gradient(top, #3fed00, #2ead00);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#3fed00, EndColorStr=#2ead00)";
background-image: linear-gradient(top, #3fed00, #2ead00);
background-image: -webkit-linear-gradient(top, #3fed00, #2ead00);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3fed00), color-stop(1, #2ead00));
background-image: -moz-linear-gradient(top, #3fed00, #2ead00);
background-image: -o-linear-gradient(top, #3fed00, #2ead00);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#3fed00, EndColorStr=#2ead00)";
background-image: linear-gradient(top, #3fed00, #2ead00);
background-image: -webkit-linear-gradient(top, #3fed00, #2ead00);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3fed00), color-stop(1, #2ead00));
background-image: -moz-linear-gradient(top, #3fed00, #2ead00);
background-image: -o-linear-gradient(top, #3fed00, #2ead00);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#3fed00, EndColorStr=#2ead00)";
background-image: linear-gradient(top, #3fed00, #2ead00)
}
.green:hover, .green:focus {
background-color: #279100;
background-image: -webkit-linear-gradient(top, #3fed00, #279100);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3fed00), color-stop(1, #279100));
background-image: -moz-linear-gradient(top, #3fed00, #279100);
background-image: -o-linear-gradient(top, #3fed00, #279100);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#3fed00, EndColorStr=#279100)";
background-image: linear-gradient(top, #3fed00, #279100);
background-image: -webkit-linear-gradient(top, #3fed00, #279100);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3fed00), color-stop(1, #279100));
background-image: -moz-linear-gradient(top, #3fed00, #279100);
background-image: -o-linear-gradient(top, #3fed00, #279100);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#3fed00, EndColorStr=#279100)";
background-image: linear-gradient(top, #3fed00, #279100);
background-image: -webkit-linear-gradient(top, #3fed00, #279100);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3fed00), color-stop(1, #279100));
background-image: -moz-linear-gradient(top, #3fed00, #279100);
background-image: -o-linear-gradient(top, #3fed00, #279100);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#3fed00, EndColorStr=#279100)";
background-image: linear-gradient(top, #3fed00, #279100);
background-image: -webkit-linear-gradient(top, #3fed00, #279100);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3fed00), color-stop(1, #279100));
background-image: -moz-linear-gradient(top, #3fed00, #279100);
background-image: -o-linear-gradient(top, #3fed00, #279100);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#3fed00, EndColorStr=#279100)";
background-image: linear-gradient(top, #3fed00, #279100);
background-image: -webkit-linear-gradient(top, #3fed00, #279100);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3fed00), color-stop(1, #279100));
background-image: -moz-linear-gradient(top, #3fed00, #279100);
background-image: -o-linear-gradient(top, #3fed00, #279100);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#3fed00, EndColorStr=#279100)";
background-image: linear-gradient(top, #3fed00, #279100)
}
.orange {
border-color: #da7c0c;
background-color: #faa51a;
background-image: -webkit-linear-gradient(top, #faa51a, #f47a20);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #faa51a), color-stop(1, #f47a20));
background-image: -moz-linear-gradient(top, #faa51a, #f47a20);
background-image: -o-linear-gradient(top, #faa51a, #f47a20);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#faa51a, EndColorStr=#f47a20)";
background-image: linear-gradient(top, #faa51a, #f47a20);
background-image: -webkit-linear-gradient(top, #faa51a, #f47a20);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #faa51a), color-stop(1, #f47a20));
background-image: -moz-linear-gradient(top, #faa51a, #f47a20);
background-image: -o-linear-gradient(top, #faa51a, #f47a20);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#faa51a, EndColorStr=#f47a20)";
background-image: linear-gradient(top, #faa51a, #f47a20);
background-image: -webkit-linear-gradient(top, #faa51a, #f47a20);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #faa51a), color-stop(1, #f47a20));
background-image: -moz-linear-gradient(top, #faa51a, #f47a20);
background-image: -o-linear-gradient(top, #faa51a, #f47a20);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#faa51a, EndColorStr=#f47a20)";
background-image: linear-gradient(top, #faa51a, #f47a20);
background-image: -webkit-linear-gradient(top, #faa51a, #f47a20);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #faa51a), color-stop(1, #f47a20));
background-image: -moz-linear-gradient(top, #faa51a, #f47a20);
background-image: -o-linear-gradient(top, #faa51a, #f47a20);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#faa51a, EndColorStr=#f47a20)";
background-image: linear-gradient(top, #faa51a, #f47a20);
background-image: -webkit-linear-gradient(top, #faa51a, #f47a20);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #faa51a), color-stop(1, #f47a20));
background-image: -moz-linear-gradient(top, #faa51a, #f47a20);
background-image: -o-linear-gradient(top, #faa51a, #f47a20);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#faa51a, EndColorStr=#f47a20)";
background-image: linear-gradient(top, #faa51a, #f47a20)
}
.orange:hover, .orange:focus {
background-color: #da7c0c;
background-image: -webkit-linear-gradient(top, #faa51a, #da7c0c);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #faa51a), color-stop(1, #da7c0c));
background-image: -moz-linear-gradient(top, #faa51a, #da7c0c);
background-image: -o-linear-gradient(top, #faa51a, #da7c0c);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#faa51a, EndColorStr=#da7c0c)";
background-image: linear-gradient(top, #faa51a, #da7c0c);
background-image: -webkit-linear-gradient(top, #faa51a, #da7c0c);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #faa51a), color-stop(1, #da7c0c));
background-image: -moz-linear-gradient(top, #faa51a, #da7c0c);
background-image: -o-linear-gradient(top, #faa51a, #da7c0c);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#faa51a, EndColorStr=#da7c0c)";
background-image: linear-gradient(top, #faa51a, #da7c0c);
background-image: -webkit-linear-gradient(top, #faa51a, #da7c0c);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #faa51a), color-stop(1, #da7c0c));
background-image: -moz-linear-gradient(top, #faa51a, #da7c0c);
background-image: -o-linear-gradient(top, #faa51a, #da7c0c);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#faa51a, EndColorStr=#da7c0c)";
background-image: linear-gradient(top, #faa51a, #da7c0c);
background-image: -webkit-linear-gradient(top, #faa51a, #da7c0c);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #faa51a), color-stop(1, #da7c0c));
background-image: -moz-linear-gradient(top, #faa51a, #da7c0c);
background-image: -o-linear-gradient(top, #faa51a, #da7c0c);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#faa51a, EndColorStr=#da7c0c)";
background-image: linear-gradient(top, #faa51a, #da7c0c);
background-image: -webkit-linear-gradient(top, #faa51a, #da7c0c);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #faa51a), color-stop(1, #da7c0c));
background-image: -moz-linear-gradient(top, #faa51a, #da7c0c);
background-image: -o-linear-gradient(top, #faa51a, #da7c0c);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#faa51a, EndColorStr=#da7c0c)";
background-image: linear-gradient(top, #faa51a, #da7c0c)
}
.purple {
border-color: #609;
background-color: #ca00d1;
background-image: -webkit-linear-gradient(top, #ca00d1, #aa00b0);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ca00d1), color-stop(1, #aa00b0));
background-image: -moz-linear-gradient(top, #ca00d1, #aa00b0);
background-image: -o-linear-gradient(top, #ca00d1, #aa00b0);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#ca00d1, EndColorStr=#aa00b0)";
background-image: linear-gradient(top, #ca00d1, #aa00b0);
background-image: -webkit-linear-gradient(top, #ca00d1, #aa00b0);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ca00d1), color-stop(1, #aa00b0));
background-image: -moz-linear-gradient(top, #ca00d1, #aa00b0);
background-image: -o-linear-gradient(top, #ca00d1, #aa00b0);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#ca00d1, EndColorStr=#aa00b0)";
background-image: linear-gradient(top, #ca00d1, #aa00b0);
background-image: -webkit-linear-gradient(top, #ca00d1, #aa00b0);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ca00d1), color-stop(1, #aa00b0));
background-image: -moz-linear-gradient(top, #ca00d1, #aa00b0);
background-image: -o-linear-gradient(top, #ca00d1, #aa00b0);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#ca00d1, EndColorStr=#aa00b0)";
background-image: linear-gradient(top, #ca00d1, #aa00b0);
background-image: -webkit-linear-gradient(top, #ca00d1, #aa00b0);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ca00d1), color-stop(1, #aa00b0));
background-image: -moz-linear-gradient(top, #ca00d1, #aa00b0);
background-image: -o-linear-gradient(top, #ca00d1, #aa00b0);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#ca00d1, EndColorStr=#aa00b0)";
background-image: linear-gradient(top, #ca00d1, #aa00b0);
background-image: -webkit-linear-gradient(top, #ca00d1, #aa00b0);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ca00d1), color-stop(1, #aa00b0));
background-image: -moz-linear-gradient(top, #ca00d1, #aa00b0);
background-image: -o-linear-gradient(top, #ca00d1, #aa00b0);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#ca00d1, EndColorStr=#aa00b0)";
background-image: linear-gradient(top, #ca00d1, #aa00b0)
}
.purple:hover, .purple:focus {
background-color: #609;
background-image: -webkit-linear-gradient(top, #ca00d1, #609);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ca00d1), color-stop(1, #609));
background-image: -moz-linear-gradient(top, #ca00d1, #609);
background-image: -o-linear-gradient(top, #ca00d1, #609);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#ca00d1, EndColorStr=#609)";
background-image: linear-gradient(top, #ca00d1, #609);
background-image: -webkit-linear-gradient(top, #ca00d1, #609);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ca00d1), color-stop(1, #609));
background-image: -moz-linear-gradient(top, #ca00d1, #609);
background-image: -o-linear-gradient(top, #ca00d1, #609);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#ca00d1, EndColorStr=#609)";
background-image: linear-gradient(top, #ca00d1, #609);
background-image: -webkit-linear-gradient(top, #ca00d1, #609);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ca00d1), color-stop(1, #609));
background-image: -moz-linear-gradient(top, #ca00d1, #609);
background-image: -o-linear-gradient(top, #ca00d1, #609);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#ca00d1, EndColorStr=#609)";
background-image: linear-gradient(top, #ca00d1, #609);
background-image: -webkit-linear-gradient(top, #ca00d1, #609);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ca00d1), color-stop(1, #609));
background-image: -moz-linear-gradient(top, #ca00d1, #609);
background-image: -o-linear-gradient(top, #ca00d1, #609);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#ca00d1, EndColorStr=#609)";
background-image: linear-gradient(top, #ca00d1, #609);
background-image: -webkit-linear-gradient(top, #ca00d1, #609);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ca00d1), color-stop(1, #609));
background-image: -moz-linear-gradient(top, #ca00d1, #609);
background-image: -o-linear-gradient(top, #ca00d1, #609);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#ca00d1, EndColorStr=#609)";
background-image: linear-gradient(top, #ca00d1, #609)
}
.black {
border-color: #000;
background-color: #333;
background-image: -webkit-linear-gradient(top, #666, #333);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #333));
background-image: -moz-linear-gradient(top, #666, #333);
background-image: -o-linear-gradient(top, #666, #333);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#666, EndColorStr=#333)";
background-image: linear-gradient(top, #666, #333);
background-image: -webkit-linear-gradient(top, #666, #333);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #333));
background-image: -moz-linear-gradient(top, #666, #333);
background-image: -o-linear-gradient(top, #666, #333);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#666, EndColorStr=#333)";
background-image: linear-gradient(top, #666, #333);
background-image: -webkit-linear-gradient(top, #666, #333);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #333));
background-image: -moz-linear-gradient(top, #666, #333);
background-image: -o-linear-gradient(top, #666, #333);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#666, EndColorStr=#333)";
background-image: linear-gradient(top, #666, #333);
background-image: -webkit-linear-gradient(top, #666, #333);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #333));
background-image: -moz-linear-gradient(top, #666, #333);
background-image: -o-linear-gradient(top, #666, #333);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#666, EndColorStr=#333)";
background-image: linear-gradient(top, #666, #333);
background-image: -webkit-linear-gradient(top, #666, #333);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #333));
background-image: -moz-linear-gradient(top, #666, #333);
background-image: -o-linear-gradient(top, #666, #333);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#666, EndColorStr=#333)";
background-image: linear-gradient(top, #666, #333)
}
.black:hover, .black:focus {
background-color: #000;
background-image: -webkit-linear-gradient(top, #666, #000);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #000));
background-image: -moz-linear-gradient(top, #666, #000);
background-image: -o-linear-gradient(top, #666, #000);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#666, EndColorStr=#000)";
background-image: linear-gradient(top, #666, #000);
background-image: -webkit-linear-gradient(top, #666, #000);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #000));
background-image: -moz-linear-gradient(top, #666, #000);
background-image: -o-linear-gradient(top, #666, #000);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#666, EndColorStr=#000)";
background-image: linear-gradient(top, #666, #000);
background-image: -webkit-linear-gradient(top, #666, #000);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #000));
background-image: -moz-linear-gradient(top, #666, #000);
background-image: -o-linear-gradient(top, #666, #000);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#666, EndColorStr=#000)";
background-image: linear-gradient(top, #666, #000);
background-image: -webkit-linear-gradient(top, #666, #000);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #000));
background-image: -moz-linear-gradient(top, #666, #000);
background-image: -o-linear-gradient(top, #666, #000);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#666, EndColorStr=#000)";
background-image: linear-gradient(top, #666, #000);
background-image: -webkit-linear-gradient(top, #666, #000);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #000));
background-image: -moz-linear-gradient(top, #666, #000);
background-image: -o-linear-gradient(top, #666, #000);
filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#666, EndColorStr=#000)";
background-image: linear-gradient(top, #666, #000)
}
.arrow, .heart, .star {
padding-left: 12px
}
.arrow:before, .heart:before, .star:before {
padding-right: 5px;
vertical-align: -15%
}
.arrow:before {
content: url(http://1.bp.blogspot.com/-IRgF3zcE1pw/TzNfv6Rf1BI/AAAAAAAAAt4/qvYggECFaFg/s1600/up+green.png)
}
.heart:before {
content: url(http://2.bp.blogspot.com/-MftUmRvgHHU/TzNfrrHD6_I/AAAAAAAAAto/WIj8X1Qyez4/s1600/heart.png)
}
.star:before {
content: url(http://2.bp.blogspot.com/-KOSLz9PO31c/TzNfuMCojZI/AAAAAAAAAtw/txajqb9tuVA/s1600/star.png)
}

Ok setelah di Copy silahkan gunakan button nya dengan cara di bawah ini, yaitu dengan menambahkan kode seperti ini

<a href="#" class="button big">Button Besar</a>

Ok silahkan simpan jangan lupa tanda # ( pagar ) ganti dengan URL / Link Anda, dan perhatikan kode yang berwarna merah jika anda ingin mengganti nya misalnya dengan button warna merah silahkan anda ganti tulisan big dengan red mengapa kode CSS nya panjang karena pada kode itu sudah lengkap semua button nya seperti yang ada pada DEMO itu, nah jika anda ingin mengganti style button nya silahkan ganti kode berwarna merah dengan pilihan kode di bawah ini ( ada 12 kode )

big
small
blue
red
green
orange
purple
disabled
star
heart
arrow
gray

Nah itu Dia Style button - button css3 nya jadi silahkan pilih salah satu, atau anda ingin gunakan 2 juga bisa atau semua sekaligus juga bisa, hehehehe jadi kalau anda mau ganti tampilan button nya silahkan ganti kode berwarna Merah dengan 12 style yang sudah di sediakan, dan cara menggunakannya anda bisa gunakan di postingan dan juga di sidebar jika di postingan silahkan beralih dari mode compose ke modem edit html jika di sidebar silahkan klik tambah gadget lalu pilih html/javascript dan ingat kode nya harus seperti di bawah ini

<a href="#" class="button big">Button Besar</a>

karena pada kode itu sudah ada tambahan class nya, jadi kalau classnya hilang ya otomatis button nya tidak akan tampil jadi kodenya harus seperti itu ok segitu saja semoga bermanfaat

Tugas kimia materi polimer dan lipid

2012-02-09T05:56:00.002+07:00

Assalamualaikum Wr. Wb . . .
Postingan kali ini saya gak membahas tutorial tapi akan membahas tugas saya yaitu mencari materi kimia polimer dan lipid setelah ubek - ubek Google akhirnya aku temuin juga materinya, nah buat temen - temen saya khusus nya di SMKN1 BONE - BONE, mungkin inilah tugas terakhir kita karena gak lama lagi kita ujian kata guru - guru sih tanggal 16 februari 2012 ini, udah deket banget tuh, nah dari pada bingung nyari materinya kesana kemari kayak Ayu ting ting hahahhahahhaha semoga materi yang saya kumpulkan bermanfaat bagi temen - temen, jadi gak repot - repot lagi ok bro, silahkan download materinya di bawah ini,

Download Materi Polimer

Download

Download Materi Lipid

Download

Hemmmm kadang² saya suka merenung gimana ya nanti kedepannya karena kelas kita sudah kelas 3 dan pasti sebentar lagi mau Lulus ( Amin ) pasti gak bisa ngumpul - ngumpul lagi nih ma temen² yang jail, nakal, dll. dan mungkin tulisan ini akan menjadi kenangan masa SMK.

Membuat Blogroll Keren Dengan CSS3

2012-02-08T04:03:00.000+07:00

Assalamualaikum Wr. Wb . . .
Blogroll Keren Dengan CSS3, dari pada gak ada buat update postingan mending aku share Blogroll yang saya buat iseng - iseng saja buat ngisi waktu setelah di fikir lumayan buat di share siapa tau ada yang mau menggunakannya gak ada juga gak apa - apa dari pada gak update blog hehehhehee Blogroll ini serba CSS3 Karena box shadow, border-radius dan juga background RGBA yang mampu membuat warna transparan Contoh nya sih persis seperti screenshot di atas tapi biar gak penasaran langsung aja liat DEMO nya

DEMO

Mau di Bilang Widget Blogroll Keren Dengan CSS3 juga gak cocok, kalau menurut yang baca postingan ini cocok gak di bilang widget . . .?? gak cocok kan. . .?? jawab nya di kotak komen aja lah hehehhee ok langsung saja ambil kode nya di bawah ini,

<div class='widgetSystem'>
<div class='nama'>Link List</div>
<div class='kulit'>
<li><a href='URL anda'>System of blog</a></li>
<li><a href='URL anda'>System of blog</a></li>
<li><a href='URL anda'>System of blog</a></li>
<li><a href='URL anda'>System of blog</a></li>
<li><a href='URL anda'>System of blog</a></li>
<li><a href='URL anda'>System of blog</a></li>
<li><a href='URL anda'>System of blog</a></li>
<li><a href='URL anda'>System of blog</a></li>
<li><a href='URL anda'>System of blog</a></li>
<li><a href='URL anda'>System of blog</a></li>
<li><a href='URL anda'>System of blog</a></li>
<li><a href='URL anda'>System of blog</a></li>
</div>
</div>
<style type='text/css'>
.widgetSystem {
width: 96%;
padding: 5px;
background: #DDD url(http://1.bp.blogspot.com/-reD45_z2_oA/TvxN8wjYa3I/AAAAAAAABLY/Aq5cUurE1F0/s300/7aee702ddd6dd0_full.jpg) no-repeat;
margin: 5px auto;
border: 1px solid #00f;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 1px 1px #00f;
-moz-box-shadow: 0 0 1px 1px #00f;
box-shadow: 0 0 1px 1px #00f
}
.widgetSystem .nama {
text-align: center;
font-size: 1.5em;
background: #fd64b1;
background: rgba(255, 0, 128, 0.6);
padding:5px;
color: #FFF;
font-family: "Times new roman", Arial, sans serif;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.widgetSystem .kulit {
background: #f379b2;
background: rgba(255, 0, 128, 0.5);
height: 250px;
overflow: auto;
margin-top: 5px;
border: 1px solid #000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.widgetSystem a {
text-decoration: none;
margin: 5px;
background: #C71585;
background: rgba(199, 21, 133, 0.7);
padding: 5px;
display: block;
color: #BBB;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
font-family: "Arial", Arial, sans serif;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s
}
.widgetSystem a:hover {
background: #1E90FF;
color: #0000CD
}
.widgetSystem li {
list-style: none;
color: #CCC;
margin: 5px
}
</style>

Silahkan sesuaikan sendiri kalau menurut anda kurang menarik mau ganti warnanya silahkan, pokokx ganti aja sepuas - puasnya dah hahhahahaa baca juga Cara membuat Link Keren Dengan CSS semoga bermanfaat

Membuat Url / Link Lebih Keren Dengan Css

2012-02-07T14:22:00.000+07:00

Assalamualaikum Wr. Wb . . .
Membuat Link Keren Dengan Sentuhan CSS kali ini kita membahas CSS Lagi setelah sebelumnya membahas tentang Rahasia url gambar di blogspot / blogger dan juga Caption image with css3 and jquery, nah sekarang ada yang baru nih meskipun kodenya sudah cukup lama juga sih, tapi belum di bahas oleh para blogger jadi sekarang aku post nih trik nya walaupun hanya trik sederhana sih hehehehe namanya juga belajar semua pelajaran yang saya tau selalu saya sisipkan di blog ini karena sebagai pengingat di saat saya lupa, oklah kita lanjut, maksud dari membuat link keren dengan css ini adalah link yang sudah kita beri nama misalnya system of blog maka tidak akan ada tambahan lain selain nama system of blog nah setelah Link kita modif dengan css ini, maka secara otomatis akan ada di sampingnya URL dari Nama System Of Blog Tersebut, dan urlnya adalah http://sin1aja.blogspot.com/ nah seperti apa modelnya coba lihat screenshot di bawah ini

Coba anda perhatikan secara detail penjelasan dari gambar di atas, Udah Ngerti belum. . .?? kalau belum aku jelasin lagi, jadi itu url yang http://sin1aja.blogspot.com/ akan tampil otomatis di samping nama Link, jadi anda tidak usah repot - repot lagi kalau mau menuliskan URL secara manual karena dengan kemampuan CSS ini URL nya akan tampil sendiri.
nah jika anda masih bingung juga silahkan cek DEMO nya

DEMO

Nah udah liat kan DEMO - nya mudah - mudahan anda sudah mengerti ok cara membuatnya mudah banget silahkan paste kode di bawah ini di blog anda

<div class='sin1aja_blogspot_com'>
<a href="http://sin1aja.blogspot.com/">SYSTEM OF BLOG</a><br />
<a href="http://rawamangun18.blogspot.com/">BLOG DEMO</a><br />
<a href="http://blogazine7.blogspot.com/">ZIN - ZINE</a><br />
<a href="http://1000pikiran.blogspot.com/">G-ZINE 7</a><br />
</div>
<style type="text/css">
.sin1aja_blogspot_com {
padding:5px;
}
.sin1aja_blogspot_com a {
color:#eee;
text-decoration:none;
}
.sin1aja_blogspot_com a:after {
content: " ( " attr(href) " )";
color:#ddd;
}
</style>

Jika anda ingin simpan di sidebar silahkan anda klik
Rancangan + Tambah gadget + Pilih HTML/Javascript + paste kodenya di kotak bagian bawah
Jika anda ingin simpan di postingan silahkan anda beralih dari mode Compose ke Mode Edit HTML setelah itu paste kode nya. jangan lupa ganti warna merah dengan URL link anda dan juga jangan lupa judul nya ganti, dan satu lagi itu kode berwarna hijau adalah kode warna link dan juga kode warna URL yg muncul, untuk mengganntinya silahkan lihat kode warna

Caption on image with css3 n jquery

2012-02-05T13:54:00.002+07:00

Membuat keterangan pada gambar dengan CSS3 dan jquery, pembuatan Caption pada gambar dengan jquery ini, membuat suasana gambar tampak indah dan berbeda dengan sentuhan jquery semua terasa lebih indah apalagi dengan tambahan CSS3 pasti lebih menarik seperti apa bentuk nya silahkan simak demonya

DEMO

Silahkan sorot gambar yang ada di postingan tersebut dan lihat Effect Caption yang keluar nah seperti itulah efek caption nya, bagus gak menurut agan. . . .? ok setelah puas melihat demo Caption image with css3 and jquery sekarang mari segera terapkan di blog anda masing²

Masuk di blog anda / Log in
Klik Rancangan
Klik Edit HTML
Cari Kode </head>
Letakan Script / kode di bawah ini di atas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
$(function() {
$('div.demo').hover(function() {
// Set the z-index to 10, so the description will always appear on the top
$(this).css('z-index', 10).find('div.demohover').delay(200).slideDown('slow');
}, function() {
$(this).find('div.demohover').slideUp('slow', function() {
// Set the z-index to it's default when mouseleave
$(this).parent().css('z-index', 1);
});
});
});
</script>

Nah setelah script nya di simpan silahkan cari kode ]]></b:skin> Lagi Lalu simpan kode di bawah ini di atas kode ]]></b:skin>

.demo {
position:relative;
float:left;
width:180px;
height:128px;
margin:10px;
background-color: #0a0;
border:1px solid #060;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
box-shadow:0px 1px 2px rgba(0,0,0,0.2);
}
.demo img {
width:160px;
height:109px !important;
position:absolute;
top:10px;
left:10px;
z-index:2;
}
.demo .demohover {
width:190px;
height:auto;
background-color: #0C0;
-webkit-box-shadow:0px 1px 5px rgba(0,0,0,0.2);
-moz-box-shadow:0px 1px 5px rgba(0,0,0,0.2);
box-shadow:0px 1px 5px rgba(0,0,0,0.2);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
position:absolute;
top:-5px;
left:-5px;
display:none;
}
.demo .demohover h2 {
font:bold 14px Agency FB,Arial,Sans-Serif;
color:#222;
margin:128px 10px 5px;
text-transform:uppercase;
}
.demo .demohover p {
margin:0px 10px 10px;
font:normal 12px Arial,Arial,Sans-Serif;
}

Nah sekarang Langkah terakhir yaitu pemanggilannya caranya cukup mudah anda tinggal pilih mau di letakan dimana jika di postingan maka silahkan anda buat entri baru lalu beralih dari Mode Compose ke Mode Edit HTML lalu jika anda ingin gunakan di sidebar silahkan anda masuk di

Rancangan
Klik Tambah Gadget
Klik HTML/Javascript
paste script / kode di bawah ini,, di kotak ke dua ( kotak bagian bawah )

<div class="demo">
<div class="demohover">
<h2>Cewek Semok Abis</h2>
<p>
<strong>Foto - Foto Seksi ABG,</strong> ABG semok ada yang mau. . .??
</p>
</div>
<img src="Disini URL gambar" alt="deskripsi gambar" />
</div>
<div class="demo">
<div class="demohover">
<h2>Koleksi Foto Cewek Imut</h2>
<p>
<strong>Foto Cewek Cantik Berjilbab</strong> Bagi yang mau lihat koleksi foto lainnya klik <a href='http://sin1aja.blogspot.com/2010/11/cewek-imut-berjilbab.html' target='_blank'>disini</a>
</p>
</div>
<img src="Disini URL gambar" alt="deskripsi gambar" />
</div>
<div class="demo">
<div class="demohover">
<h2>Korea Lover's</h2>
<p>
<strong>Foto Seksi Cewek Korea</strong> Bagi yang mau lihat koleksi foto cewek korea lainnya klik <a href='http://sin1aja.blogspot.com/2010/11/foto-cewek-imut-korea.html' target='_blank'>disini</a>
</p>
</div>
<img src="Disini URL gambar" alt="deskripsi gambar" />
</div>

Sedikit penjelasan lagi, jika anda letakan di sidebar maka gambarnya cukup 2 atau 1 saja karena sidebar kan kecil jadi kalau banyak - banyak gambar yang di muat maka akan kelihatan kurang rapi, nah untuk anda yang ingin menggunakan di postingan silahkan gunakan sebanyak - banyaknya sesuai keinginan anda, nah jika anda ingin menambahkan gambarnya lagi silahkan anda perhatikan kode seperti ini

<div class="demo"> 
<div class="demohover">
<h2>Cewek Semok Abis</h2>
<p>
<strong>Foto - Foto Seksi ABG,</strong> ABG semok ada yang mau. . .??
</p>
</div>
<img src="Disini URL gambar" alt="deskripsi gambar" />
</div>

Jadi jika anda ingin tambahkan image / gambar nya silahkan anda tambahkan kode seperti itu lagi dan jika ingin mengurangi silahkan hapus kode seperti itu, perhatikan kode Awal dan kode penutup nya, karena itu yang sangat penting, nah jika sudah silahkan Anda Simpan dan lihat hasilX,Sumber

Rahasia URL gambar di blogspot

2012-02-03T10:48:00.001+07:00

Rahasia url gambar di blogspot / blogger, ketika waktu itu selesai meng-upload gambar di blogspot / blogger, aku sedikit heran waktu menCopy URL gambar nya, kenapa kok jadi kecil padahal gambar yang saya upload tadi berukuran besar, sebenarnya blogspot / blogger telah mengubah gambar kita ke berbagai ukuran mulai dari paling kecil yaitu 10 x 8 sampai dengan yang terbesar yaitu ukurang asli dari gambar tersebut nah terus rahasia tentang url gambar di blogger itu yang mana. . . ? tenang gan ini dia rahasia nya,jadi mari kita perhatikan baik - baik url gambar di bawah ini jangan sampai salah ya

http://1.bp.blogspot.com/-TFY8SfxGFMk/TytSq2fAC2I/AAAAAAAAArQ/eiqoAoYcdDA/s320/cewek%2Bcantik.jpg

itu adalah url dari gambar di bawah ini

ok mari kita mulai membuka rahasia nya, coba agan² lihat kode yang saya beri warna Merah, disana lah letak rahasia nya, awalnya juga saya iseng" dan cuman ngetes aja tapi ternyata berhasil, ok sekarang coba anda buka url tersebut dan lihat ukuran gambarnya yupss ukurannya 320 x 240 bukan. . . .?? nah sekarang coba anda rubah angka 320 dengan angka 120 jadi url nya seperti ini

http://1.bp.blogspot.com/-TFY8SfxGFMk/TytSq2fAC2I/AAAAAAAAArQ/eiqoAoYcdDA/s120/cewek%2Bcantik.jpg

Nah maka gambar nya akan mengecil lagi kan. . .? itu ukuran kecil nya, anda juga bisa merubahnya menjadi 400 atau berapapun yang anda mau, jika anda rubah ke nilai yang lebih besar maka gambarnya akan membesar tapi tidak akan melampaui ukuran aslinya, dan jika anda ingin melihat ukuran asli dari gambarnya anda bisa rubah angkanya menjadi 1600 maka akan muncul ukuran asli dari gambar tersebut gak percaya . . ? silahkan di coba sendiri. saya sengaja memposting seperti ini karena jika gambar anda terlalu besar maka akan memberatkan loading blog anda, jadi ini juga salah satu trik meringankan blog yaitu dengan mengubah ukuran gambar asli nya, nah jika anda ingin ringan maka gunakan URL gambar yang angkanya telah di rubah ke 120 atau 220 jadi begini nanti URL nya

http://1.bp.blogspot.com/-TFY8SfxGFMk/TytSq2fAC2I/AAAAAAAAArQ/eiqoAoYcdDA/s220/cewek%2Bcantik.jpg

karena URL setiap ukurang berbeda jadi gunakan saja ukuran yang kecil dan berikan tautan pada gambar tersebut ke URL gambar yang asli nya yaitu angkanya 1600 jadi begini nanti URL nya

http://1.bp.blogspot.com/-TFY8SfxGFMk/TytSq2fAC2I/AAAAAAAAArQ/eiqoAoYcdDA/s1600/cewek%2Bcantik.jpg

Jadi intinya jika blog ingin ringan gunakan saja URL gambar yang ukurannya kecil ok sekian dari saya dan semoga bermanfaat. jika ragu langsung saja cek URL² di atas buka satu satu.

Teks Transparan Dengan CSS3

2012-02-02T18:49:00.000+07:00

Teks Transparan Dengan CSS3, ini mampu memberi kehidupan di dalam seni teks hehhehe ( sok seni segala hehehe), Teks Transparan Dengan CSS ini juga terlihat lebih indah menurut saya dengan style² yang bisa di kembangkan lebih lanjut oleh anda - anda semua yang membaca postingan ini, ok dari pada bersusah - susah membaca tulisan saya mending kita bersenang - senang melihat DEMO nya, lihat demonya di bawah ini

DEMO

Pastikan Peramban anda mendukung CSS3 karena di DEMO semua serba CSS3 sesuai dengan teks yang ada di dalam nya yaitu serba css3 moga - moga aja browser anda bisa melihat secara modern, agar demo nya terlihat secara sempurna dan atraktif.
karena di demo saya lengkapi dengan efek transition agar pergerakan teks yang ber-background kuning itu lebih lembut dan halus hehehheehe kayak kulit aja halus, kode warna pada teks yang di gunakan adalah kode warna RGBA ( red, green, blue, alpha ) jadi jika anda ingin gunakan pada teks silahkan gunakan kode warna RGBA di bawah ini di dalam Class css anda,

color:rgba(255, 255, 255, 0.5);

itu adalah kode warna putih, untuk mencari kode warna RGBA silahkan ke css3 generator, nah di menu drop down nya silahkan pilih RGBA dan tuliskan di sana kode warna dan opacity nya contoh opacity nya yaitu yang 0.5, sebenarnya kalau gak mau repot silahkan lihat kode warna RGB di Photoshop, dan nanti saat anda ingin memberi efek alpha atau opacity nya silahkan ganti saja teks RGB dengan RGBA dan tambahkan opacity di belakang nya jadi jika kode warna RGB biasa seperti ini

color:rgb(255, 255, 255);

Dan setelah anda rubah teks RGB ke RGBA maka kodenya juga harus ada tambahan nya yaitu efek opcity nya dan kodenya pun akan jadi seperti di bawah ini

color:rgba(255, 255, 255, 0.5);

anda lihat kan kode warna merah yang 0.5 itu yang bikin efek transparan pada teks, kode RGBA juga bisa di buat untuk background silahkan utak atik sendiri nanti hehehe semoga sedikit postingan ini bisa menambah referensi anda dalam mendalami CSS dan semoga bermanfaat buat anda semua sekian / wassalam

Menseleksi link eksternal dengan css

2012-01-31T14:25:00.000+07:00

Menseleksi link eksternal dengan css, jika anda bingung dengan artinya bisa juga di katakan seperti ini Menandai link eksternal dengan css, apa fungsi nya. . . .?
sebenarnya fungsi ini sama dengan fungsi, menambah icon di setiap link eksternal dengan jquery, tapi yang akan kita buat kali ini hanya dengan menggunakan CSS saja, jadi bisa di bilang menambah icon di setiap link eksternal dengan css, yang belum paham link eksternal akan saya jelaskan sedikit, link eksternal itu adalah link yang terbuka di tab baru, jadi nanti semua link yang terbuka di tab baru, yang ada di blog anda, maka akan otomatis ada icon di samping nya, contohnya ada di bawah ini,

SYSTEM OF BLOG

itu adalah contoh link eksternal yang dimana jika di klik akan terbuka di tab baru, nah coba agan2 lihat di samping link tersebut terdapat icon tanda panah yang merupakan tanda bahwa link tersebut akan terbuka di tab baru, nah untuk mendapatkan icon tersebut kita hanya perlu menambahkan sedikit kode CSS, caranya :

Log in di blog anda
Klik Rancangan
Klik Edit HTML
Cari kode ]]></b:skin>
lalu simpan kode di bawah ini di atas kode ]]></b:skin>

a[target="_blank"]:after,
a[target="new"]:after {
margin:0 0 0 3px;
padding:1px;
color:#333;
content: "\279C";
}

Nah setelah itu klik SIMPAN TEMPLATE, Dan Coba lihat link - link eksternal yang ada di blog agan2 semua, apakah sudah ada iconX atau belum. semoga bermanfaat. wassalam

Percantik sidebar anda dengan box shadow

2012-01-28T15:19:00.001+07:00

Assalamualaikum Wr. Wb . . .
Kali saya akan membahas tentang sidebar di blog kita, jika sidebar anda biasa - biasa saja, semoga dengan tutorial ini bisa Mempercantik sidebar anda hemmmm sebenarnya kita hanya akan menambahkan box shadow inset ke dalam sidebar anda, jadi sidebar akan lebih cantik / ganteng semua nya hehehhee tanpa banyak ngomel silahkan langsung coba ke blog anda.

Log In ke blog anda
Klik Rancangan
Klik Edit Html
Cari kode #sidebar-wrapper
Bentuk kode #sidebar-wrapper itu biasa nya seperti ini

#sidebar-wrapper { /* ini namaX tag pembuka CSS */
. . . . . . . .
/* sengaja saya beri titik - titik karena biasanya kode yang ada disini di setiap template berbeda */
} /* ini tag penutup CSS nya */

Ok kalau sudah ketemu tambahkan kode di bawah ini sebelum tag penutup css nya.

-webkit-box-shadow: inset 0 0 10px #000;
-moz-box-shadow: inset 0 0 10px #000;
box-shadow: inset 0 0 10px #000;

Jadi nanti kode nya seperti di bawah ini :

#sidebar-wrapper { /* ini tag pembuka CSS */
. . . . . . . .
-webkit-box-shadow: inset 0 0 10px #000;
-moz-box-shadow: inset 0 0 10px #000;
box-shadow: inset 0 0 10px #000;
} /* ini tag penutup CSS nya */

Setelah itu simpan kode nya dan lihat sidebar anda. semoga postingan sidebar dengan efek box shadow ini bermanfaat wassalam

Note : hampir Lupa kode warna Merah yang 10px itu silahkan perbesar nilainya agar kelihatan lebih ke dalam box shadow nya.

Teknologi HZO Membuat Ponsel Anti Air

2012-01-28T04:55:00.001+07:00

Sebuah teknologi terbaru yang bernama HZO mampu membuat ponsel anti-air, baik secara internal maupun eksternal dari ponsel tersebut. Teknologi ini pertama kali dipertontonkan ke khalayak umum pada gelaran CES 2012 yang baru saja berakhir, di mana produsen teknologi ini, mempertontonkan ponsel yang direndam ke dalam sebuah akuarium ikan.
Teknologi ini tidak seperti teknologi anti-air yang sebelumnya sudah diperkenalkan oleh beberapa produsen ponsel, di mana yang anti-air hanya bagian luar ponsel. Pemakaian teknologi HZO ini dilakukan pada setiap tahap produksi ponsel, melapisi setiap bagian internal dari ponsel, bahkan sampai ke bagian terkecil yang ada di ponsel.

Perusahaan yang membuat teknologi HZO ini mengklaim kalau teknologi mereka mampu melapisi setiap bagian dari ponsel sampai ke molekul-molekul yang membentuknya. Kalau klaim ini benar, maka bila ponsel kalian terbungkus dengan molekul nano HZO maka kalian tidak perlu khawatir kalau-kalau ponsel kalian tidak sengaja tersiram minuman atau bahkan tidak sengaja terjatuh ke dalam kolam. Salah seorang perwakilan dari perusahaan yang memproduksi HZO ini mengatakan kepada Pocket Lint.”Kami telah menunjukkan teknologi kami ke hadapan Petinggi Samsung, di mana kami membuat Galaxy S yang telah dilengkapi molekul nano HZO dan dia tidak percaya dengan apa yang dia lihat,”ujarnya. Petinggi Samsung tersebut sangat takjub dengan teknologi HZO yang kami perkenalkan. HZO juga mengatakan kalau pihaknya sudah berbicara dengan Apple dan menyatakan kalau ponsel generasi berikutnya mungkin akan anti-air.

Source / Sumber

Border transparan keren dengan css

2012-01-26T04:21:00.000+07:00

Assalamualaikum Wr. Wb . . .
Border transparan dengan css ini terbentuk saat saya lagi iseng - iseng gak ada kerjaan jadi mending coba - coba aja nge-buat border transparan dan ternyata bisa, bersyukur banget bisa jadi bisa buat update postingan hari ini. border ini beda Loh, kalau border biasa kan berada di luar gambar nah kalau border ini berada di dalam gambar tapi dengan ukuran yang sesuai agar gambar juga terlihat cantik / ganteng hehhehee jika penasaran langsung saja lihat demo nya

DEMO

Perhatikan gambar yang berada di kiri dan kanan itu memakai border transparan yang ada di dalam gambar, sedangkan gambar yang di tengah menggunakan border biasa yang berada di luar gambar, perhatikan baik - baik siapa tau nanti agan2 kira sama, padahal beda. di gambar itu juga sengaja saya beri box shadow yang inset ( masuk ) biar keliatan fresh gambarnya ini menurut saya, gak tau kalau menurut agan2 beda hehehhee. ok kalau dah liat perbedaanX mari kita bersemedi sama - sama etss memulai tutorialx maksud nya gan.

Log in / masuk di blogg anda.
Klik Rancangan
Klik Tambah gadget
Pilih HTML/Javascript
masukan kode di bawah ini di kotak bagian bawah

<div class="system-of-blogYow"><img src='http://1.bp.blogspot.com/-RoZWra3JhtY/Tx_QW0WsXiI/AAAAAAAAAog/0lgkdFqBoQs/s1600/cosplay-girls-japanese.jpg' width='200' height='270'/></div>
<style type="text/css">
.system-of-blogYow {
width: 200px;
height: 270px;
float: left;
border: 1px solid rgb(30, 144, 255);
-webkit-box-shadow: 0 0 5px 1px rgb(30, 144, 255);
-moz-box-shadow: 0 0 5px 1px rgb(30, 144, 255);
box-shadow: 0 0 5px 1px rgb(30, 144, 255);
}
.system-of-blogYow:before {
content: "";
position: absolute;
border: 15px solid rgba(30, 144, 255, 0.5);
width: 170px;
height: 240px;
-webkit-box-shadow: inset 0 0 45px #F0F;
-moz-box-shadow: inset 0 0 45px #F0F;
box-shadow: inset 0 0 45px #F0F;
}
</style>

Perhatian, sedikit penjelasan tentang kode yang saya beri warna,
Kode Berwarna biru silahkan ganti dengan url gambar anda.
Kode Berwarna biru ( warna biru ke dua ) anda harus samakan tinggi dan lebarnya.
Kode Berwarna merah lebar dan tinggi elemen bordernya, tinggi dan lebarnya lebih kecil agar bordernya berada di dalam gambar, jadi jika anda rubah kode 200px dan juga 270px silahkan anda sesuaikan juga kode berwarna merah tersebut agar kelihatan indah.
Sekian dan semoga bermanfaat, wassalam

Template blogazine for you

2012-01-25T04:43:00.001+07:00

سْمِ اللهِ الرَّحْمنِ الرَّحِيمِ
Assalamualaikum Wr. Wb . . .
Download template blogazine, Untuk Anda, Template ini buatan bang Andre Pandet Rank Khoerai, dan template yang di buat nya baru ll semoga ada lagi selanjutnya dan selanjutnya dan ini free / gratis dan semoga dengan adanya template ini bisa menambah jumlah pengguna blogazine di tanah airQ indonesia ini hehehehehe

DEMO

DOWNLOAD

Dan Yang kedua di bawah ini modelX mirip FB mas / mbak bro hehheehe

DEMO

DOWNLOAD

Ok sedikit penjelasan tentang apa itu blogazine. . . .?
Blogazine adalah Konsep para blogger yang membuat tampilan setiap postnya berbeda, seperti layout setiap artikel di majalah, yang tiap layoutnya berbeda - beda, kurang lebih seperti itu. dan jika anda ingin tau caranya silahkan lihat post saya Cara menerapkan Blogazine di blogspot apa lagi dengan adanya template ini akan semakin mudah membuatnya.

Nah itu sedikit penjelasan tentang blogazine, dan sekarang silahkan simak instruksi yang di berikan oleh bang Andre Pandet Rank Khoerai,
Di template ini saya bikin lebar default postingan nya 780px dengan nama element .post-dalem{ jadi kalau sobat pengen mengubah ukuran post nya, sobat bisa otak atik css dari element .post-dalem{ contoh dengan ukuran penuh:

.post-dalem{
width:100%;
}

oh iya...ini sangat penting,template ini bermasalah dengan widget Entri Populer/Popular Posts,gak tahu kenapa widget ini menampilkan keseluruhan isi dari halaman postingan termasuk kode css,jadi klw kita ngotak ngatik css halaman postingan nya,di halaman depan nya juga terpangaruh.jadi diseandai nya sobat menggunakan widget Entri Populer/Popular Posts dari blogspot,setelah sobat menambakan widget tersebut silahkan sobat lansung ke edit HTML template jangan lupa centang dulu Expand Widget Templates lalu cari kode ini :

<div class='item-snippet'><data:post.snippet/></div>

lalu sobat hapus kode tersebut dan selesai.
Ok semoga bermanfaat template Blogazine ini :)

Trend Gaya Cewek Luar Negri 2012

2012-01-24T04:07:00.002+07:00

Trend Gaya Cewek Luar Negri 2012, Hemmm Ngomongin gaya gak bakal habis ada aja setiap tahun nya hehehe apa lagi cewek mas / mbak brow, di bawah ini udah aku sediain gaya Cewek nya, mulai dari Gaya berpakaian cewek luar negeri nya Dan Gaya Rambut cewek luar negeri Dan embel - embel lainnya hehhee cek it dot
Klik Gambar Untuk Memperbesar

Setelah saya perhatikan ternyata di foto ini cuman ada satu orang model tapi penampilanX aja yang beda hahahhahaha, pasti ketipu kalau gak di perhatiin baik - baik, sekian postingan Trend Gaya Cewek 2012 moga dapet inspirasi hehehhe.
Comotan dari sini

Wow Foto hot mirip sheila marcia

2012-01-22T15:07:00.002+07:00

Setelah sebelumnya Foto Hot daus mini beredar kini Giliran Foto hot mirip sheila marcia yang beredar di bawah ini beritaX yang di kutip dari detik.com
Menjelang hari pernikahannya, artis Sheila Marcia kembali diterpa gosip yang tidak sedap. Baru-baru ini beredar di internet foto perempuan mirip dirinya dengan pose yang nakal.
Foto-foto itu kini tengah menjadi pembicaraan hangat di salah satu forum internet. Kabarnya, foto-foto tersebut beredar pertama kali lewat Twitter.

Dalam salah satu foto tersebut, perempuan mirip Sheila itu berpose bersama seorang pria. Sang pria memegang pinggul perempuan itu dari belakang seperti tengah melakukan adegan seks. Namun, keduanya berpakaian lengkap
Foto hot mirip sheila marcia, Foto telanjang sheila marcia, Foto sheila marcia gak pake cd, Foto Nikita mirzani bugil
Sementara, di foto lainnya, perempuan mirip Sheila itu berfoto dengan dua teman perempuannya. Posenya pun tak kalah nakal dari foto sebelumnya.
Tiga foto itu mengundang berbagai komentar di forum internet tersebut. Mulai dari yang menghina hingga ada yang tidak percaya.

Di Bawah Ini Beberapa Foto - Foto nya.
Karena Gambarnya Lumayan Hot jadi aku kasi agak kabur - kabur lintaskan saja kursor anda di tengah - tengahnya nanti gambarnya akan muncul terang benderang seperti bulang hehehhee

Wah Aku seneng banget Nih, Liat Nih Gigi Gua xixixixixi

Mmuuuaaacchhhh

Aduh temen gue nih ngiler ihhhh jorok banget sih kalau tidur

Sumber / Source

Efek animasi rotate pada gambar

2012-01-21T14:40:00.002+07:00

سْمِ اللهِ الرَّحْمنِ الرَّحِيمِ

Assalamualaikum Wr. Wb . . .
Efek Rotate Pada Gambar Efek ini akan membuat Gambar memutar dan itu membuat kesenangan tersendiri bagi saya, tapi sayang yang mendukung efek ini hanya browser Google Chrome and Safari, Firefox 4 ke atas, dan opera mini, tapi semoga saja browser anda modern semua jadi bisa lihat Efek nya, kalau cuman Efek Rotate browser Firefox 4 ke bawah pun bisa melihat efek Rotate nya tapi karena Efek Rotate ini di sertai dengan Transition dimana efek transition ini gak semua browser support kecuali yang saya sebut - sebut di atas. tapi kalau browser nya gak mendukung palingan efek transitionnya gak kelihatan alias cuman efek Rotatenya saja yang kelihatan. ok langsung aja cek demo nya

DEMO

Silahkan Arahkan Mouse anda ke gambar - gambar yang ada di postingan itu, dan lihatk efekX.
Ok sekarang mari kita buat.

Log in ke blog anda
klik Rancangan
Klik Tambah Gadget
Pilih HTML/Javascript
Masukan kode di bawah ini di kotak bagian bawah

<style type='text/css'>
.SysteM {
margin:10px auto;
width:158px;
background:#0C0;
padding:10px;
border:4px solid #444;
}
.SysteM img {
background:#CCC;
border:4px solid #555;
-webkit-transition: all 3s ;
-moz-transition: all 3s ;
-o-transition: all 3s ;
transition: all 3s ;
}
.SysteM img:hover {
-moz-transform:rotate(1960deg) scale(1.5);
-webkit-transform:rotate(1960deg) scale(1.5);
-ms-transform:rotate(1960deg) scale(1.5);
-o-transform:rotate(1960deg) scale(1.5);
transform:rotate(1960deg) scale(1.5);
}
</style>
<div class="SysteM">
<img height="180" src="http://3.bp.blogspot.com/-btjEWg_tQsg/TxlhhmwNv8I/AAAAAAAAAnw/x4mbr_TQy0c/s1600/Kharira+Mamo.jpg" width="150">
</div>

Penjelasan kode :
Kode berwarna biru ganti dengan URL gambar anda.
Kode berwarna merah adalah efek membesar saat gambar berputar jika anda ingin gambarnya Mengecil silahkan ganti 1.5 dengan 0.5 atau berapa yg penting nilainya lebih kecil dari 1 (satu).
Kalau Ada Yang Gak Cocok silahkan di ganti sendiri ok gan. ( ini Css jadi gak berat ).

Kerennya background position

2012-01-19T15:33:00.000+07:00

سْمِ اللهِ الرَّحْمنِ الرَّحِيمِ
Assalamualaikum Wr. Wb . . .

Kerennya background position, Background Position adalah posisi background jadi yang akan di bahas kali ini adalah tentang Background Position, Di beberapa blog temen saya sudah ada yang menggunakan ini, teknik background position ini akan lebih indah jika di padukan dengan efek hover jadiX Magic background position jadi ketika di hover backgroundnya akan muncul sepenuhnya jika penasaran silahkan lihat demo nya.

DEMO

Jadi Pertama backgroundnya agak tersembunyi lalu saat di hover maka backgroundnya akan muncul semua emang bagus nya gitu menurut saya hehehe apalagi kalau di lihat pake Google Chrome atau Mozilla 7 mantep karena memakai transition yang lembut dan halus hehehehehe

Ok setelah di lihat sekarang kita terapkan di blog masing - masing yang berminat

Log In ke Blog anda
Klik Rancangan
Klik Tambah Gadget
Pilih HTML/Javascript
Masukan Kode di bawah ini di kotak bagian bawah lalu simpan.

<div class='systemBG'><b><center>Arahkan Cursor Anda Disini</center></b></div>
<style type='text/css'>
.systemBG {
background:#080 url(http://4.bp.blogspot.com/-s3kA4hUJxFo/TxfQe9ZvchI/AAAAAAAAAnA/NQn9n3weI9A/s320/rocket.gif)no-repeat;
background-position:50% 225%;
-moz-background-position:50% 225%;
-webkit-background-position:50% 225%;
height:300px;
width:350px;
margin:10px auto;
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
color:#0c0;
text-shadow: 0 2px -3px #000;
box-shadow: 0 0 10px #FFF;
-moz-box-shadow: 0 0 10px #FFF;
-webkit-box-shadow: 0 0 10px #FFF;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:5px;
}
.systemBG:hover {
background-position:50% 20%;
-moz-background-position:50% 20%;
-webkit-background-position:50% 20%;
}
</style>

Keterangan :

Silahkan ganti kode yang saya beri warna, di bawah ini penjelasannya
Warna Hijau ► adalah kode warna background yang hijau nya silahkan ganti sesuka anda
Warna Biru ► adalah URL background gambarnya silahkan ganti dengan gambar anda
Warna Merah 300px ► adalah Tinggi silahkan sesuaikan dengan sidebar anda
Warna Merah 350px ► adalah lebarnya silahkan anda sesuaikan dengan lebar sidebar anda.
kode <b><center>Arahkan Cursor Anda Disini</center></b> silahkan anda ganti dengan kalimat anda sendiri. jika tinggi nya anda perkecil sesuaikan juga kode 225% dengan tinggi nya.
semakin besar nilai nya maka background gambarnya akan semakin ke bawah jadi jika tinggi nya anda kurangi silahkan sesuaikan juga kode 225% nya ok sekian dari system of blog.

Css prefixer Tools perbaikan css

2012-01-18T19:40:00.000+07:00

سْمِ اللهِ الرَّحْمنِ الرَّحِيمِ
Assalamualaikum Wr. Wb . . .
Css prefixer, adalah Tools perbaikan css yang bagus menurut saya, jika di blog anda semua css di templatenya berantakan ( amburadul gak karuan ), Tools ini cocok untuk anda karena Tools ini akan berguna untuk merapikan css kita, dulu template saya ini kode css nya haduhh berantakan banget tapi berkat Tools css prefixer ini akhirnya css templateQ bisa Rapi dan enak di liat.

Buat Yang ingin mencicipi Tools perbaikan css ini, silahkan langsung ke css prefixer untuk instruksi nya sudah ada pada gambar itu silahkan klik untuk memperbesar.
Jangan heran ya kalau sudah mengklik Process terus lama kode hasil perbaikan css nya keluar itu karena kode css anda banyak jika sedikit kode css nya akan cepat juga proses nya.
Ok sekian untuk update kali ini semoga bermanfaat.

zodiak 16 januari - 22 jauari 2012

2012-01-16T13:25:00.001+07:00

zodiak 16 januari - 22 jauari 2012, Hemmmm kali iini post tentang zodiak lagi nih sobat, zodiak mingguan, moga bermanfaat,

ZODIAK CAPRICORN (22 Desember-18 Januari)

Peruntungan: Semakin panas saja karena banyak orang yang mempunyai itikad tidak baik sehingga mau tidak mau Anda harus lebih waspada lagi. Jangan mudah percaya dengan omongan orang apalagi kalau hanya sebatas ucapan saja.
Karir: Hilangkan segala kesombongan hati kalau akhirnya hanya akan menuntun Anda ke arah kehancuran saja.
Kesehatan: Karena kondisi badan kurang begitu prima sehingga Anda harus dengan sabar menjaganya.
Keuangan: Pemborosan tetap harus dihindari sekalipun pemasukan ada penimgkatan.
Asmara: Bertambah mesra dan harmonis saja, untuk itu pertahankan suasana yang sudah baik ini (bagi yang punya pasangan loh,,,) kalau belum, ada seseorang menaruh hati pada anda.
Pasangan Serasi : Cancer, Taurus, Virgo, Scorpio, Pisces
Pasangan Tidak Serasi : Gemini, Leo, Sagittarius, Aquarius
Hari Keberuntungan : Sabtu

ZODIAK AQUARIUS (19 Januari-18 Februari)

Peruntungan: Gelombang besar masih belum mereda, untuk itu Anda harus lebih tenang dan sabar menghadapi situasi ini. Jangan berpikiran pendek apalagi sampai membuat keputusan yang kontroversial.
Karir: Pandai-pandailah melobi rekan-rekan Anda agar bisa lebih dekat lagi dengan diri Anda.
Kesehatan: Kondisi badan kurang begitu sehat jadi wajar saja jika Anda kurang bergairah bekerja di hari ini.
Keuangan: Perbanyaklah berhemat walaupun keinginan terkadang sudah berada di ubun-ubun.
Asmara: Perselisihan segera dituntaskan. Jangan sampai terdengar oleh pihak ketiga karena akan memperumit permasalahan saja.
Pasangan Serasi : Aries, Gemini, Libra, Sagittarius
Pasangan Tidak Serasi : Cancer, Virgo, Capricorn, Pisces
Hari Keberuntungan : minggu

ZODIAK PISCES (19 Februari-20 Maret)

Peruntungan: Ketenangan dan ketentraman semakin Anda rasakan di hari ini. Masalah seakan menjauh sehingga langkah Anda bisa lebih santai dan ringan.
Kesehatan: Hawa kantuk serasa sulit untuk dihilangkan di hari ini sehingga tak heran jika tugas menjadi terbengkalai karenanya.
Karir: Atasan masih menghormati diri Anda, untuk itu jangan dikecewakan begitu saja.
Keuangan: Jangan terlalu boros karena masih banyak kepentingan yang harus diselesaikan dulu.
Asmara: Berhati-hatilah terhadap mulut manis mereka. Sebaiknya jangan cepat percaya dan tergoda.
Pasangan Serasi : Taurus, Cancer, Scorpio, Capricorn
Pasangan Tidak Serasi : Aries, Leo, Libra, Aquarius
Hari Keberuntungan : selasa

ZODIAK ARIES (21 Maret-19 April)

Peruntungan: Belum ada perubahan. Masih saja ada masalah yang membuat Anda pusing tujuh keliling. Walau begitu tetaplah Anda berpikiran panjang dan tataplah masa depan dengan optimis.
Karir: Kesempatan tetap terbuka lebar. Jangan disia-siakan begitu saja.
Kesehatan: Jagalah kondisi badan Anda sebaik mungkin dan hindari minum-minuman keras.
Keuangan: Jika ada gagasan sebaiknya disimpan dulu. Tunggu saat yang tepat untuk memulainya.
Asmara: Sedang banyak problem, untuk itu selesaikan satu-persatu dan jangan biarkan menumpuk.
Pasangan Serasi : Gemini, Leo, Aquarius, Sagittarius
Pasangan Tidak Serasi : Taurus, Virgo, Scorpio, Pisces
Hari Keberuntungan : Sabtu

ZODIAK TAURUS (20 April-20 Mei)

Peruntungan: Hindari pertikaian yang tidak ada untungnya itu. Cobalah berpikir serealistis mungkin sehingga bisa terhindarkan dari keinginan yang terlampau tinggi dan sulit untuk digapai dalam waktu dekat ini.
Karir: Jangan membuatnya cemas. Anda harus selalu menjalin komunikasi dengan atasan.
Kesehatan: Berolahragalah secara kontinyu dan benar sehingga kesehatan tetap selalu terjamin.
Keuangan: Tetap saja sulit untuk lepas dari bayang-bayang pemborosan, walau begitu tak ada salahnya jika Anda tetap berhemat.
Asmara: Sudah seharusnya Anda lebih mengerti tentang sifat-sifat pribadinya, lalu buat apa pertengkaran ini terus terjadi.
Pasangan Serasi : Cancer, Virgo, Capricorn, Pisces
Pasangan Tidak Serasi : Aries, Gemini, Libra, Sagittarius
Hari Keberuntungan : Rabu

ZODIAK GEMINI (21 Mei-21 Juni)

Peruntungan: Kemujuran masih jauh dari perbintangan Gemini di hari ini, walau begitu tetaplah optimis karena dimana ada kesulitan disitu pasti ada jalan untuk menuju kesuksesan. Bukankah antara penderitaan dan kebahagiaan selalu berjalan beriringan?
Karir: Bersakit-sakitlah dahulu, bersenang-senanglah kemudian.
Kesehatan: Jika sudah dijaga sedemikian rupa masih saja jatuh sakit sebaiknya tak perlu kecewa karena sakit itu juga merupakan nikmat yang harus disyukuri.
Keuangan: Cukup lancar, hanya saja tetaplah waspada dengan orang yang kurang bisa bertanggung jawab.
Asmara: Tabahlah dalam menghadapi cobaan ini. Jangan ambil keputusan jika Anda masih dalam keadaan emosi.
Pasangan Serasi : Aries, Leo, Libra, Aquarius
Pasangan Tidak Serasi : Taurus, Cancer, Scorpio, Capricorn
Hari Keberuntungan : kamis

ZODIAK CANCER (22 Juni-22 Juli)

Peruntungan: Situasi yang Anda hadapi saat ini masih belum memungkinkan bagi Anda untuk bisa berani melangkah maju. Terimalah situasi yang ada ini dengan pikiran panjang dan jangan hanya memikirkan keberhasilan sesaat saja.
Karir: Patuhilah peraturan yang ada dan jangan sekali-kali Anda melanggarnya kalau tidak mau berabe nanti nya.
Kesehatan: Masih cukup sulit bagi Anda untuk bisa beristirahat tepat waktu, walau begitu tak ada salahnya jika Anda terus berusaha berpedoman pada schedule Anda.
Keuangan: Rejeki besar masih ada di angan-angan, untuk itu jangan berhenti untuk terus berupaya menggapainya.
Asmara: Mengakui kesalahan sendiri bukanlah suatu perbuatan yang sangat rendah. Justru itu akan membikin si dia semakin percaya saja pada diri Anda.
Pasangan Serasi : Capricorn
Pasangan Tidak Serasi : Gemini, Leo, Sagittarius, Aquarius
Hari Keberuntungan : Sabtu

ZODIAK LEO (23 Juli-22 Agustus)

Peruntungan: Perasaan bimbang masih mewarnai suasana hati Anda di hari ini. Memang untuk menghilangkannya tak semudah membalik tangan, akan tetapi dengan menanamkan kebanggaan dan keyakinan akan kemampuan diri sendiri itu akan bisa mengikis kebimbangan secara perlahan-lahan.
Karir: Omongan dari orang lain yang tampak meremehkan itu sebaiknya diterima saja dengan senyum dan jadikan itu cambuk untuk bisa berbuat yang lebih baik lagi.
Kesehatan: Selama Anda bisa menghindari makanan pedas maka perut Anda akan bisa terjaga dan dan tak sampai terganggu.
Keuangan: Pemasukan yang tak diduga sebelumnya mampu mengangkat kembali keuangan Anda.
Asmara: Ucapan tetap harus diperhatikan agar tidak sampai merusak suasana yang sudah tenang ini.
Pasangan Serasi : Aries, Gemini, Libra, Sagittarius
Pasangan Tidak Serasi : Cancer, Virgo, Capricorn, Pisces
Hari Keberuntungan : Rabu

ZODIAK VIRGO (23 Agustus-22 September)

Peruntungan: Perilaku diri Anda akan sangat mempengaruhi keberhasilan dan kesuksesan di hari ini yang tidak teraih dengan mudah seperti yang dibayangkan semula.
Karir: Banyak jebakan yang harus dihindari, terutama dari kompetitor Anda yang tampaknya mulai menggunakan berbagai cara untuk menjatuhkan Anda.
Kesehatan: Jangan terlambat makan jika tidak ingin maag Anda terganggu dan kambuh kembali.
Keuangan: Jangan lupa untuk selalu mengontrol dana yang ada. Jangan sampai pengeluaran melebih pemasukan.
Asmara: Cekcok mulut dan pertengkaran masih mewarnai hubungan kisah kasih Anda.
Pasangan Tidak Serasi : Aries, Leo, Libra, Aquarius
Hari Keberuntungan : kamis

ZODIAK LIBRA (23 September-23 Oktober)

Peruntungan: Meski suasana di hari ini kurang bersahabat, akan tetapi kemujuran tetap mendampingi Anda sehingga tak perlu cemas dan khawatir. Jalankan rencana Anda dengan penuh keyakinan dan kemantapan hati.
Karir: Walau sulit untuk beradaptasi dengan lingkungan baru, sebaiknya jangan terlalu lama untuk bisa lebih dekat lagi kepada mereka.
Kesehatan: Redam emosi jika tidak ingin kondisi kejiwaan Anda menjadi terganggu. Lebih baik positive thinking saja agar ketenangan hati bisa Anda dapatkan.
Keuangan: Tak perlu cemas, pemasukan cukup lancar sehingga segala kebutuhan bisa terpenuhi bahkan bisa ditabung sebagian.
Asmara: Suasana semakin bertambah mesra saja. Pertahankan dan hindari segala macam percekcokan hanya karena persoalan yang sepele saja.
Pasangan Tidak Serasi : Taurus, Virgo, Scorpio, Pisces
Hari Keberuntungan : minggu

ZODIAK SCORPIO (24 Oktober-21 November)

Peruntungan: Tetaplah optimis, yakinlah bahwa setiap permasalahan yang ada pasti ada jalan keluarnya, yang penting bagaimana menjaga agar pikiran tetap selalu fresh sehingga bisa berpikir dengan jernih dan konsentrasi
Karir: Tak perlu ragu untuk menuangkan ide dan kreasi Anda kepada atasan karena hanya dengan demikianlah mereka jadi tahu akan kemampuan Anda saat ini.
Kesehatan: Kondisi badan menunjukkan grafik positif sehingga Anda tak perlu pusing untuk beraktivitas seperti biasanya.
Keuangan: Manage-lah pemasukan sebaik mungkin. Jangan sampai pengeluaran melebihi pemasukan yang ada.
Asmara: Sebisa mungkin untuk tidak marah di hari ini walaupun suasananya serba menjengkelkan.
Pasangan Serasi : Cancer, Virgo, Capricorn, Pisces
Pasangan Tidak Serasi : Aries, Gemini, Libra, Sagittarius
Hari Keberuntungan : jumat

ZODIAK SAGITARIUS (22 November-21 Desember)

Peruntungan: Di hari ini Anda akan menemui berbagai rintangan yang sangat menjengkelkan. Sadarilah semuanya memang harus diraih dengan perjuangan. Kecil kemungkinan untuk bisa mendapatkan apa yang diidam-idamkan jika tanpa diiringi ikhtiar dan kerja keras.
Karir: Jangan biarkan kesalahan di masa lalu terulang kembali. Itu akan membikin hati atasan semakin jengkel saja.
Kesehatan: Kondisi badan nampak baik dan tidak ada masalah. Teruslah beraktivitas dengan seenjoy mungkin. Kebiasaan minum air putih sebaiknya terus dilanjutkan.
Keuangan: Pengeluaran ataupun pemasukan masih tetap stabil dan tidak ada masalah.
Asmara: Sedikit mengalami kekacauan, untuk itu hadapilah semuanya dengan kepala dingin.
Pasangan Serasi : Aries, Leo, Libra, Aquarius
Pasangan Tidak Serasi : Taurus, Cancer, Scorpio, Capricorn
Hari Keberuntungan :kamis

sumber

Thread comment system blogger

2012-01-15T05:23:00.000+07:00

Assalamualaikum Wr. Wb . . .
Thread comment system blogger, beberapa blogger tidak bisa menikmati Thread comment blogger ini entah karena apa aku juga gak tau, template yang gak muncul Thread comment nya setau saya Template modifikasi sama template klasik, tapi template modern yang di keluarkan oleh blogger itu sudah otomatis ada, jadi perlu di hack kode nya biar muncul di template - template kita, ok langsung saja ya ke cara pembuatannya,

Masuk or Log in ke blog anda
Klik Rancangan
Klik Edit HTML
Centang Expand template widget
Cari kode di bawah ini ( tekan f3 atau CTRL + F untuk mempercepat pencarian )

[ KODE LAMA ]

<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>

Perhatikan baik - baik baris kode nya, jangan sampai salah, setelah ketemu kode nya silahkan ganti kode nya dengan kode di bawah ini

KODE THREAD

<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>

Setelah itu cari kode seperti ini

<div class='post-footer-line post-footer-line-2'>

Di bawah kode tersebut ada kode seperti ini kurang lebih

<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>

Nah hapus kode tersebut dan ganti dengan KODE THREAD, ( di atas itu kode nya )
Lalu klik simpan template, dan selesai silahkan cek komentar2 di blog anda.

Sekarang kita bahas beberapa masalah, bukan masalah komentar nya tapi masalah kode nya, soalx kode di setiap template berbeda, ok anda lihat kan kode seperti di bawah ini

[ KODE LAMA ]

<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>

Jika kode seperti itu ada 2 ( dua ) di template anda maka anda tidak usah lagi mencari kode yang ke dua yaitu kode yang di bawah
<div class='post-footer-line post-footer-line-2'>
jadi anda tinggal ganti saja kode nya dengan KODE THREAD nya ( yang di atas itu ).
Semoga bermanfaat, postingan Threaded komen blogger ini.
Masih bingung. . .?? langsung saja ke SUMBER nya.

Tooltip With Zigzag Effect

2012-01-14T04:46:00.000+07:00

Assalamualaikum Wr. Wb . . .
Tooltip With Zigzag Effect Atau biasa di sebut dengan Tooltip Efek ZigZag, Tooltip ini Keren Karena menurut saya jarang Di temui Hehehe yah beginilah orang awam, Maklum saja. Tooltip ini membuat hemat menurut saya karena anda bisa menjelaskan beberapa poin penting yang ada di dalam link tertentu, jika link biasanya hanya berisi judul saja, maka dengan adanya title atau penjelasan dalam tooltip ini, orang akan semakin penasaran dengan isi di dalam link tersebut karena di dalam Tooltip tersebut telah anda isi dengan kata - kata yang sedikit menarik pengunjung untuk membaca atau melihatnya.

DEMO

Silahkan di simak demo nya, Sorot Link dan Gambar yang Ada Di postingan itu, dan silahkan lihat Efek Tooltip yang keluar dari Link Maupun Tooltip dari Gambarnya

Ok sekarang mari kita buat :>>>>>>

Silahkan masuk di blog anda
Klik Rancangan
Pilih Edit HTML
Cari Kode </head>
Setelah ketemu silahkan Simpan kode di bawah ini di atas kode </head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://sites.google.com/site/sin1ajablog/jquery/Tooltip-ZigZagSystem.js" type="text/javascript"></script>
<style type='text/css'>
.tooltip{
display:none;
background:#333;
width:250px;
font-family:Arial;
font-size:13px;
padding:10px 10px 20px;
color: #00CCFF;
text-shadow:1px 1px 1px #000;
border: 4px solid #555;
border-radius:10px;
box-shadow:0px 5px 20px rgba(125,124,250,.9);
}
#jqtips img{
border:0;
cursor:pointer;
margin:0 8px;
}
</style>

Setelah itu cari kode </body> dan simpan kode di bawah ini di atas kode </body>

<script type="text/javascript">
$("#jqtips a[title]").tooltip({effect: 'bouncy'});
$("#jqtips img[title]").tooltip({effect: 'bouncy'});
</script>

Dan sekarang penjelasan tentang cara menggunakan Tooltip nya,
Jika anda Ingin gunakan kode Tooltip nya di Postingan anda, silahkan beralih dari mode Compose ke mode EDIT HTML,
Dan Jika anda ingin gunakan di sidebar silahkan anda klik ,
Rancangan ► Tambah Gadget ► Pilih HTML/Javscript

Nah Di bawah Ini Kode nya ▼
1. kode Tooltip yang berupa / berbentuk link

<div id="jqtips">
<a href="Link anda disini" title="Tuliskan teks tooltipnya di sini!">Judul Link anda</a>
</div>

2. kode Tooltip yang berupa / berbentuk link dan gambar

<div id="jqtips">
<a href=" Link anda disini " title="Tuliskan teks tooltipnya di sini!"><img src="Disini URL gambar" /></a>
</div>

3. kode Tooltip yang berupa / berbentuk gambar

<div id="jqtips">
<img src=" Disini URL gambar " title="Tuliskan teks tooltipnya di sini!" />
</div>

Untuk Kode CSS nya silahkan anda kreasikan sendiri dengan style anda. wassalam.........
Source / Sumber

Tooltip gambar dengan jquery

2012-01-13T05:06:00.001+07:00

Tooltip gambar, kali ini membahas jquery lagi, karena Tooltip kali ini di buat dengan bantuan jquery, dan sedikit berbeda dengan Tooltip - Tooltip biasanya, seperti apa bentuk Tooltip gambar dengan jquery, ini silahkan di lihat demo nya,

DEMO

Silahkan anda sorot gambarnya, dan lihat Tooltip nya, jangan ngiler ( bagi cowo ) wkwkwkwkwkwkwk bejanda masbro

Kebanyakan Visitor setiap saya posting jquery pasti bertanya apakah memberatkan blog atau tidak. . . . .?? dan pertanyaan tersebut hampir ada di setiap postingan saya tentang jquery, nah maka dari itu saya sudah menjawab tentang pertanyaan tersebut di postingan Disable Klik Kanan, Jadi silahkan anda baca disana, teks nya ada di bagian paling bawah.

Ok kita lanjut ke tahap pembuatannya :

Log in ( masuk di blog anda )
Klik Rancangan
Klik Edit HTML
Cari Kode </head>
Setelah ketemu silahkan anda simpan kode di bawah ini di atas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.js' type='text/javascript'></script>
<script>
this.imagePreview = function(){ /* CONFIG */
xOffset = 10;
yOffset = 30;
// these 2 variable determine popup's distance from the cursor
// you might want to adjust to get the right result
/* END CONFIG */
$("a.preview").hover(function(e){
this.t = this.title;
this.title = ""; var c = (this.t != "") ? "<br/>" + this.t : "";
$("body").append("<p id='preview'><img src='"+ this.href +"' alt='Image preview' />"+ c +"</p>");
$("#preview")
.css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px")
.fadeIn("fast"); },
function(){
this.title = this.t; $("#preview").remove();
}); $("a.preview").mousemove(function(e){
$("#preview")
.css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px");
}); };

// starting the script on page load
$(document).ready(function(){
imagePreview();
});
</script>

Etss belum selesai sekarang cari kode ]]></b:skin>

setelah ketemu silahkan anda simpan kode di bawah ini di atas kode ]]></b:skin>

#preview{
position:absolute;
border:2px solid #0e0;
background:#0B0;
padding:5px;
display:none;
color:#fff;
}

Ok sekarang silahkan klik SIMPAN TEMPLATE
dan kode pemanggilannya / penggunaannya ada di bawah ini,

<a href="Disini URL gambar Tooltip" class="preview"><img src="Disini url gambar" width="100" height="150"></a>

Atur ketinggian dan lebar gambar lihat kode
width = Lebar, [ silahkan sesuaikan dengan keinginan anda ]
height = Tinggi [ silahkan sesuaikan dengan keinginan anda ]
Disini URL gambar Tooltip, Disini url gambar = silahkan ganti dengan url gambarnya.

Untuk menggunakannya di sidebar silahkan Tambah gadget ► html/javascript
Kalau di postingan silahkan beralih dari mode Compose ke ► Edit html
Mungkin hanya itu yang bisa saya share semoga bermanfaat.

Drag gambar dengan jquery ui

2012-01-12T04:55:00.001+07:00

Assalamualaikum Wr. Wb . . .

Drag gambar, pernahkah anda memindahkan sesuatu dari blog anda. . . . . .??
emmm kali ini saya akan share cara men-drag gambar dengan jquery ui, karena hanya versi jquery ui yang bisa men-drag gambar, tentunya dengan bantuan jquery juga, jika anda penasaran silahkan lihat demo nya :

DEMO

Oh iya jangan lupa gambar nya di drag ya, atau di pindahkan kesana kemari
( kayak ayu ting - ting saja )
silahkan drag / pindahkan gambarnya sesuka hati, di buang juga bisa hehehehe,
ok sekarang mari kita terapkam di blog anda ( yang mau saja )

Tentu Log in donk di blog nya masing2
Klik Rancangan,
Klik Edit HTML
Cari kode </head>
Setelah ketemu letakan kode di bawah ini di atas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js' type='text/javascript' />
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js' type='text/javascript' />
<script type='text/javascript'>
$(document).ready(function() {
$(".systemOfBlog img").draggable();
});
</script>

jangan beranjak dulu, simpan kode di bawah ini di atas kode ]]></b:skin>

.systemOfBlog img {
cursor: move;
}

Nah setelah itu silahkan simpan template, lalu simak lagi cara menggunakannya di bawah ini

cara menggunakannya cukup mudah silahkan anda gunakan kode di bawah ini,

<div class='systemOfBlog'>
<img src='http://3.bp.blogspot.com/_MvLBi88bM_I/TOc_W41WTBI/AAAAAAAABy0/a1hj-6YyOEY/s320/RabbitDOll.jpg'/>
</div>

kalau anda ingin gunakan di postingan, silahkan anda beralih dari mode COMPOSE ke mode EDIT HTML, jika anda ingin gunakan di sidebar silahkan,

Klik Rancangan
Klik Tambah Gadget
Klik HTML/Javascript
Paste kode nya disitu,
Klik SIMPAN

Jangan lupa kode warna biru itu di ganti ya sama url gambar anda sendiri.
Nah sekarang selesai deh, di karenakan banyak yang bertanya tentang jquery yang memberatkan blog silahkan anda simak jawaban saya tentang jquery Disini silahkan lihat jawaban saya di bawah postingan.

Daus mini pegang dada nikita mirzani

2012-01-11T18:12:00.004+07:00

Daus Mini benar-benar 'anak nakal'. Komedian bertubuh mungkil usil memegang dada artis Nikita Mirzani. Foto tersebut kini telah ramai.
Dalam foto tersebut, Daus yang mengenakan kaos kuning dan berkacamata membelakangi Nikita. Dengan usil dan santainya, pria yang baru saja dikarunia seorang bayi laki-laki ini memegang dada Nikita yang tengah menunduk.
Nikita sendiri tampak santai dalam foto tersebut. Artis yang terkenal karena foto-foto syurnya itu sangat sadar bagian berharganya dipegang si mungil Daus.

Kabar Daus mini pegang dada nikita mirzani ini sekarang lagi menjadi topik hot ~~omg~~, wah gimana tuh sama instrix daus ya haduhhhh

cewek imut, bayi daus mini, cewex imut, daftar foto cwe korea blgspot com, foto nakal daus mini, dan nikita mirzani, poto cewe montok sexi, template, cewek cantik berjilbab, cewek imut korea, cewek jepang montok, foto nakal nikita mirzani
sumber ( http://artis.inilah.com )

Script text effect neon

2012-01-10T21:00:00.001+07:00

Script neon text effect,
script text neon, seperti apa text neon itu Lihat demo nya di bawah ini

DEMO

Gimana apa ada yang mau menggunakan nya, kalau ada silahkan copy script nya di bawah ini,

<script type='text/javascript'>
var message="Thank you for visiting My BLOG"
var neonbasecolor="#DDD"
var neontextcolor="#f00"
var neontextcolor2="#000"
var flashspeed=100 // kecepatan dalam milliseconds
var flashingletters=3
var flashingletters2=1
var flashpause=0
///No need to edit below this line/////
var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)
function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}
function neon(){
//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor
}
//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor
if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor

if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return
}
}
function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()

</script>

kalau mau menggunakannya silahkan klik
Rancangan ► Tambah gadget ► HTML/Javscript
Silahkan ganti Kode yang saya beri warna abu - abu, merah, dan hitam, silahkan ganti dengan warna sesuka anda lihat kode warna, dan pilih warna kesukaan anda.
jangan lupa ganti kata Thank you for visiting my BLOG dengan kata - kata anda sendiri.

Zodiak hari ini 9 - 15 januari 2012

2012-01-09T15:21:00.001+07:00

ZODIAK CAPRICORN (22 Desember-18 Januari)

Peruntungan: Jangan banyak omong jika ingin permasalahan yang ada tidak bertambah rumit saja. Bila perlu diam saja agar suasana yang rumit itu bisa jernih kembali. Di hari ini kemujuran masih menjauhi Anda sehingga sekalipun Anda berada di pihak yang benar sebaiknya jangan terlalu ngotot dan ingin menangnya sendiri.

Karir : Cobalah untuk lebih teliti dan jeli serta tidak menganggap enteng suatu persoalan.
Kesehatan: Ada kemajuan yang menggembirakan, walau begitu pantangan yang dianjurkan dokter harus terus dijalankan agar tak ada masalah lagi dengan kesehatan Anda.

Keuangan: Hanya dengan menabunglah maka pengeluaran akan dapat diredam.

Asmara: Perkenalan Anda dengan seseorang secara tak sengaja jangan sampai membuat goyah cinta Anda pada si dia.

ZODIAK AQUARIUS (19 Januari-18 Februari)

Peruntungan: Jangan terus mempermasalahkan hal yang tak terlalu penting, apalagi kalau hanya berlandaskan gengsi saja karena itu akan sangat berdampak buruk bagi kelangsungan bisnis dan karir Anda yang mulai gencar diserang dari kanan dan kiri.

Karir: Jangan segan untuk bertanya jika memang Anda kurang mengerti tentang perkataannya. Jangan biasakan melangkah dengan keraguan hati karena hasilnya tak akan bisa maksimal.

Kesehatan: Jika sudah bersin-bersin itu berarti kondisi badan harus benar-benar dijaga apalagi Anda kurang tidur akhir-akhir ini karena banyaknya pekerjaan yang harus diselesaikan tepat pada waktunya.

Keuangan: Bila ada keinginan untuk membeli barang sebaiknya dikondisikan dulu dengan keuangan Anda.

Asmara: Teruslah pacu semangat Anda untuk mendapatkan posisi aman di hadapannya, hanya dengan tekad bulat dan pantang menyerah maka kesempatan akan tetap selalu terbuka.

ZODIAK PISCES (19 Februari-20 Maret)

Peruntungan: Lakukan hipotesis yang tepat dari semua kejadian akhir-akhir ini. Tak perlu takut untuk gagal. Bukankah keberhasilan itu tidak bisa terlepas dari kegagalan? Maka dari itu yang penting jalan dulu.

Karir: Gairah dan motivasi kerja mulai timbul kembali, untuk itu manfaatkan momen yang bagus ini untuk bisa lebih berprestasi dengan selalu bersikap proaktif.

Kesehatan: Berusahalah untuk tetap tenang sekalipun masalah yang Anda hadapi saat ini begitu banyaknya. Dengan sedikit rileks maka ketegangan bisa terhindarkan.

Keuangan: Tidak ada problem yang terlalu berat menghadang. Semuanya masih lancar-lancar saja.

Asmara: Jangan salah perhitungan agar tidak menjadi pusing sendiri nantinya. Jalinlah selalu komunikasi dua arah yang baik.

ZODIAK ARIES (21 Maret-19 April)

Peruntungan: Setiap tawaran yang datang bisa ditindaklanjuti. Tak perlu khawatir akan mendapat ganjalan dari beberapa rival Anda. Di hari ini dewi fortuna memayungi perjalanan nasib Anda sehingga Anda bisa sedikit ringan bebannya.

Karir: Berhati-hatilah dengan propaganda yang disebarkan oleh rekan Anda yang tampak iri dengan keberhasilan yang telah diraih selama ini.

Kesehatan: Optimislah bahwa Anda masih dapat melewati masa yang cukup sulit bagi kondisi badan Anda, meski situasi di sekitar Anda tampak kurang begitu mensupport.

Keuangan: Pemasukan masih tetap mengalir dan cukup bikin hati lega.

Asmara: Isu-isu yang beredar sebaiknya tidak perlu didengarkan. Cobalah lebih percaya pada apa yang diucapkan olehnya.

ZODIAK TAURUS (20 April-20 Mei)

Peruntungan: Pandangan boleh berbeda, akan tetapi visi haruslah tetap sama agar jangan sampai perbedaan-perbedaan itu menuntun ke arah kehancuran. Cobalah berpikir sebijaksana mungkin dalam menyikapi setiap masalah dan tantangan. Jangan sampai perasaan pribadi dilibatkan terlalu jauh ke dalam.

Karir: Jangan bersikap egois ingin menangnya sendiri agar bisa lebih banyak kawan daripada musuh.

Kesehatan: Kondisi tubuh Anda cukup baik dan mampu mensupport aktivitas kerja Anda di hari ini.

Keuangan: Pemasukan cukup lancar dan masih ada dana lebih yang bisa diharapkan.

Asmara: Ada baiknya Anda bicara dari hati ke hati untuk menyikapi suatu masalah yang timbul sebab dengan semakin banyak melibatkannya maka pasangan Anda akan merasa lebih berarti.

ZODIAK GEMINI (21 Mei-21 Juni)

Peruntungan: Selagi ada kans besar sebaiknya jangan ragu untuk maju demi hasil yang lebih besar dan berarti. Janganlah Anda terlalu asyik dengan kesenangan sesaat tanpa memikirkan apa yang akan diraih di hari mendatang.

Karir: Tak perlu ragu untuk mengemukakan ide yang muncul, walaupun tak sedikit yang menentangnya.

Kesehatan: Kesulitan yang menerpa diri Anda sedikit banyak telah mepengaruhi kestabilan kesehatan Anda, untuk itu berusahalah berpikiran rileks dan hindari ketegangan.

Keuangan: Berhati-hatilah dalam membuat surat perjanjian, jangan sampai sembrono.

Asmara: Tetap saja sulit untuk menerobos pintu hatinya kalau Anda terus bersikap egois dan mau menangnya sendiri.

ZODIAK CANCER (22 Juni-22 Juli)

Peruntungan: Suasana perbintangan Anda masih terasa menyenangkan, apalagi ditambah rejeki yang terus mengalir. Bersyukurlah karena dengan begitu maka beban menjadi berkurang karena segala tanggungan tercukupi.

Karir: Tetaplah jaga jarak dengan atasan sekalipun sikap atasan tampak lebih akrab dan dekat dengan Anda akhir-akhir ini.

Kesehatan: Jika tidak terpaksa sebaiknya jangan keluar malam karena angin malam kurang begitu bagus bagi tubuh Anda saat ini.

Keuangan: Masih perlu dimanage betul-betul. Jangan sampai dengan cash in yang tinggi akan menimbulkan masalah baru bagi Anda.

Asmara: Tidak ada salahnya Anda mengetahui problem yang lagi menimpanya, siapa tahu Anda bisa memberikan bantuan yang sangat berharga.

ZODIAK LEO (23 Juli-22 Agustus)

Peruntungan: Perhatikan kemungkinan-kemungkinan terburuk yang bisa Anda alami dari keputusan yang telah Anda ambil. Tak perlu mundur, cobalah konsisten dan konsekuen serta tidak melupakan kewaspadaan.

Karir: Tak perlu digubris omongan yang menyakitkan hati tersebut. Biarkan semua itu berlalu dengan sendirinya.

Kesehatan: Hindari begadang sampai larut malam. Ingatlah bahwa kondisi badan lagi belum sehat benar sehingga harus dijaga, terutama terhadap angin malam.

Keuangan: Berhati-hatilah dalam membelanjakan uang Anda, jangan sampai terkesan boros.

Asmara: Jangan semuanya dimasukkan hati. Itu tidak akan membikin suasana tenang, justru akan semakin membuat gelisah saja.

ZODIAK VIRGO (23 Agustus-22 September)

Peruntungan: Banyak jebakan-jebakan yang kadang bisa berupa pujian, maka dari itu janganlah cepat bangga bila dipuji. Begitu juga degan kritikan yang datang, sebaiknya bisa diterima dengan hati lapang dan jadikan itu sebagai koreksi langkah-langkah yang telah Anda tempuh selama ini.

Karir: Ujian baru terpampang di hadapan Anda, untuk itu cobalah lebih sabar dan bijaksana dalam menyikapi setiap kejadian yang muncul.

Kesehatan: Jika memang dirasa badan kurang begitu fit sebaiknya tak perlu memaksakan diri untuk mengerjakan aktivitas yang terlampau berat. Apalagi bila mata sudah mengantuk lebih baik Anda pergunakan untuk tidur saja.

Keuangan: Pemasukan masih tampak seret sehingga mau tidak mau harus lebih berhemat lagi.

Asmara: Bagaimanapun juga ketenangan bisa tercipta jika kedua belah pihak bisa saling menjaga dan mengisi. Jangan sama-sama keras kepala dan tidak ada yang mau mengalah.

ZODIAK LIBRA (23 September-23 Oktober)

Peruntungan: Usahakan untuk lebih konsentrasi dengan pekerjaan dan tugas-tugas Anda tanpa mendengarkan dan memperhatikan perkataan oranglain. Di hari ini dari segi usaha tampak lancar bahkan cukup bagus prospeknya sehingga tak heran jika timbul kecemburuan di sekitar Anda.

Karir: Jangan terpancing provokasi yang sengaja disebarkan rekan Anda untuk menjatuhkan karir dan masa depan Anda, berhati-hatilah.

Kesehatan: Tak ada salahnya rajin mengkonsumsi jus wortel karena akan berdampak sangat bagus bagi penglihatan Anda. Untuk kebiasaan berolahraga di pagi hari sebaiknya dilestarikan agar kondisi badan tetap terjaga selalu.

Keuangan: Ada saja pengeluaran yang harus dilakukan di hari ini.

Asmara: Bersabarlah dan serahkan semuanya itu pada Yang Di Atas, pasti semua itu akan menemukan jalan keluarnya, yang penting Anda tetap berusaha dan tidak lupa untuk selalu berdoa.

ZODIAK SCORPIO (24 Oktober-21 November)

Peruntungan: Serius dan penuh tanggung jawab sangat diperlukan di hari ini, apalagi rencana mulai menemui hambatan, untuk itu perlu berhati-hati dalam mengambil keputusan. Jangan asal menuruti panasnya hati sehingga dalam berpikir menjadi begitu cepat dan tidak penuh pertimbangan.

Karir: Tak perlu Anda berkoar-koar jika hanya akan melemahkan posisi karir Anda saja. Lebih baik Anda diam dan tenang-tenang saja.

Kesehatan: Kondisi badan diusahakan jangan terlalu capek karena bagaimanapun juga kesehatan Anda belum benar-benar fit.

Keuangan: Pemborosan masih merupakan masalah yang sangat serius bagi keuangan Anda.

Asmara: Untuk apa Anda cinta setengah mati, kalau si dia tetap saja acuh dan tak menaruh minat sedikitpun.

ZODIAK SAGITARIUS (22 November-21 Desember)

Peruntungan: Jangan pernah berhenti untuk terus melakukan terobosan penting dan tak perlu mendengarkan omongan orang. Yakinlah bahwa kunci sukses hari ini terletak di tangan Anda sendiri.

Karir: Jangan biasakan berjalan dengan setengah hati karena hasilnya hanya akan mengecewakan saja.

Kesehatan: Kurangi makanan yang kering-kering dan berlemak karena bagaimanapun juga kurang bagus untuk kondisi badan Anda saat ini.

Keuangan: Jika tak mampu sebaiknya jangan memaksakan diri agar tidak sampai menimbulkan pusing setiap harinya.

Asmara: Teruslah dibina suasana yang romantis dan harmonis ini dengan selalu mengajak bercanda dan hindari pembicaraan yang dapat merusak suasana.

gen22.net

Misteri Kasus Bunuh Diri Artis Korea

2012-01-08T21:19:00.000+07:00

Meski nyaris tiga tahun berlalu, publik masih penasaran dengan ,kasus bunuh diri artis cantik Korea, Jang Ja Yeon. Penyebab bunuh diri artis yang saat itu sedang merintis karir masih menjadi misteri. Namun, seorang wartawan Korea mengklaim, kematian Jang Ja Yeon ada hubungannya dengan Intelijen Korea.
Hal itu diungkapkap, reporter MBC, Lee Sang Ho yang menjadi penanggung jawab dalam acara ' Lee Sang Ho News' dalam akun twitter pribadinya.

"INS (Intelijen Korea) memiliki intervensi dalam kasus Jang Ja Yeon. Dan INS secara ilegal mengintervensi kasus akhir Jang Ja Yeon," tulis Lee Sang Ho seperti dikutip dari Hancinema.
Pria itu juga mencurigai jika selama ini Kepolisian Bundang sengaja menutu-nutupi kasus bunuh diri bintang 'Boys Before Flowers' tersebut. Ia pun menegaskan untuk kelengkapan beritanya, akan dilaporkan dalam acara yang dibawakannya.

Sebelumnya, kasus kematian Jang Ja Yeon juga dikait-kaitkan dengan nama-nama orang penting dalam bisnis hiburan di negara tersebut. Dalam suatu dokumen, artis ini menuliskan adanya eksploitasi dan pelecehan seksual yang dialaminya selama berkarir di dunia hiburan. Merasa frustasi dengan pengalaman pahit yang dideritanya, Jang Ja Yeon dikabarkan memutuskan untuk mengakhiri hidupnya dengan tragis.

Dalam dokumen yang pernah dipublikasikan di acara 'The 8 O'Clock News', yang ditayangkan SBS, dikatakan artis ini dipaksa melayani 31 pria. Program tayangan itu juga menjelaskan dokumen itu terdiri dari 250 halaman dan dikirim Jang Ja Yeon ke teman-temannya. Para ahli sudah memastikan tulisan yang terdapat di dokumen tersebut adalah benar tulisan tangan artis tersebut.

Tetapi, pihak berwenang Korea mengklaim dokumen yang mengungkapkan penyebab kematian artis itu adalah palsu. Hal itu diungkapkan pihak Dinas Korea Forensik Nasional yang melakukan penyidikan.
Jang Ja Yeon dikenal setelah kemunculannya sebagai bintang iklan televisi. Pada saat artis cantik itu meninggal dia sebenarnya sedang menunggu rilis dua filmnya. Hampir tujuh juta fans yang membuka website-nya setelah dua hari artis cantik itu meninggal pada 7 Maret 2009.

showbiz.vivanews.com

Mengembalikan profile G+ ke profile blogger

2012-01-07T06:15:00.002+07:00

Assalamualaikum Wr. Wb . . .
Mengembalikan profile G+ ke profile blogger, karena beberapa orang telah merubah profile blogger nya menjadi profile G+ tapi ada juga yang bingung ingin mengembalikannya kembali ke profile blogger lagi, mungkin menurut saya, karena berat di akses jika menggunakan G+, itu menurut saya karena saya hanya menggunakan modem yang pas - pasan, ( curcol )

Dari pada bingung mending langsung saja ke pembahasan

Anda Harus Log In ke blog anda
Setelah Log In Klik Link Revert Profile
Lalu ikuti proses nya sampai selesai, hingga ada button Switch Back To Blogger Profile

Lalu klik button tersebut dan selesai.

Seperti ini button nya

Setelah selesai maka ada konfirm seperti ini

Semoga bermanfaat.

Lawan Arema, Persija Terancam Tanpa Diego

2012-01-06T16:10:00.000+07:00

Lawan Arema, Persija Terancam Tanpa Diego, Persija Jakarta yang berlaga di Indonesian Premier League (IPL) telah merekrut bek timnas U-23, Diego Michiels. Namun izin bertanding Diego masih menyisakan tanda tanya bagi Pelatih Persija, Jaya Hartono.
Persija akan berhadapan dengan Arema Malang di Stadion Manahan, Solo, Sabtu, 6 Januari 2012. Meski demikian, hingga hari ini Diego belum juga bergabung dengan rekan-rekannya yang lain.

Menurut Jaya, Diego kemungkinan besar baru tiba di Solo, sore ini. Namun mantan pelatih Persik Kediri itu belum bisa memastikan apakah mantan pemain Go Ahead Eagles itu sudah boleh memperkuat timnya lawan Arema.
Jaya bahkan belum bisa memastikan apakah izin Diego sudah didaftarkan atau belum. "Pemain Diego Michiels tidak ikut latihan. Rencananya hari ini dia baru datang," kata Jaya di Stadion Manahan, Solo, Jumat, 6 Januari 2012.
"Saya tidak berharap terlalu banyak dengan kedatangan Diego. Kemungkinan Diego bisa diturunkan lawan Arema juga masih fifty-fifty," mengenai status pemain naturalisasi Belanda itu.

Kepindahan Diego ke Persija memang menuai kontroversi. Pasalnya, bek timnas U-23 pada SEA Games 2011 itu belum mendapat persetujuan dari klub lamanya Pelita Jaya. Sejauh ini, Diego baru mengirimkan surat pengunduran diri kepada Pelita.
Kubu Pelita menilai ada kejanggalan di balik pengunduran diri Diego. Tim berjuluk The Young Guns ini menuding campur tangan PSSI menjadi penyebab Diego hengkang. Pelita pun sedang mempersiapkan upaya hukum untuk menyelesaikan masalah ini.

bola.vivanews.com

Sesuatu jatuh dari atas dengan jquery

2012-01-06T08:33:00.002+07:00

Assalamualaikum Wr. Wb . . .

Sesuatu jatuh dari atas dengan jquery, Apakah sesuatu itu. . . ??
sesuatu kali ini akan muncul saat blog selesai di load dan sesuatu ini akan jatuh dari atas blog kita dan entah mengejutkan atau mengagetkan, karena efeknya dengan jquery ui, memang lebih hidup efek jika dengan jquery ui, nah kotak dengan efek jatuh dari atas blog ini, bisa anda manfaatkan untuk menyimpan buku tamu, iklan, dan juga gambar, jika script iklan anda, anda simpan di situ maka iklan anda akan lebih spesial di lihat karena memang dengan jquery semua jadi spesial ( bagi saya ) nahh seperti apakah sesuatu itu silahkan cek demo nya di bawah ini

DEMO

jika iklan anda atau buku tamu anda jatuh seperti itu, bagaimana perasaannya lebih spesial atau lebih buruk. . . .?? ( jawab nya di komen aja ) hehee

ok langsung caranya,

Log in ke blog anda
Klik Rancangan
Klik Edit HTML
Cari Kode </head>
Setelah ketemu masukan kode di bawah ini di atas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js'></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// animasikan nilai top saat halaman telah selesai dimuat
$('#kotak-pesan').animate({top:"190px"}, 1000, "easeOutBounce");
// hilangkan kotak pesan saat tombol (x) diklik
$('a.close').click(function() {
$(this).parent().slideUp(800, "easeOutBounce");
return false;
});
});
</script>
<style>
#kotak-pesan{
position:fixed !important;
position:absolute; /* IE6 */
top:-900px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:10px;
background:#E9CF5F;
border:2px solid #fff;
font:normal 1em Cambria,Georgia,Serif;
color:#111;
-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.4);
box-shadow:0px 1px 3px rgba(0,0,0,0.4);
}
#kotak-pesan a.close{
position:absolute;
top:-10px;
right:-10px;
background:#333;
font:bold 16px Arial,Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#fff;
border:2px solid #fff;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
</style>

Setelah itu Masuk di Elemen Laman,

Klik Tambah Gadget
Pilih HTML/Javascript
Lalu masukan kode di bawah ini di kotak bagian bawah

<div id='kotak-pesan'>
DISINI KONTEN ADA,
Bisa Iklan,
Dan Lain Lain
Sesuka Hati Anda
<a class='close' href='#'>×</a>
</div>

Setelah itu klik simpan dan lihat hasilnya.

Perhatikan kode berwarna MERAH, itu adalah lebar konten anda bisa kasi lebih lebar lagi, misalx 400 atau 500 dll. pokok nya sesuaikan ajalah hehehe,

sekian dan wassalam. . . . . . . . . . . . . . .. . . . . .

Sumber hompimpa

Award the seven shadowz

2012-01-06T06:28:00.000+07:00

Assalamualaikum Wr. Wb . . .
Award the seven shadowz, kali ini saya mau bagiin award ini kepada temen - temen yang sering berkunjung ke blog ini dan memberi support berupa komentar, award ini saya berikan sebagai tanda terima kasih saya kepada semuanya yang telah mensupport blog ini, dan inilah 7 temen - temen yang saya pilih

Wisata Murah ( http://tipswisatamurah.blogspot.com/ )
Blogcunayz ( http://blogcunayz.blogspot.com/ )
Nurmayanti Zain ( http://nurmayantizain.blogspot.com/ )
WahidBlog ( http://wahidsahidu.blogspot.com/ )
Andy ( http://arsavin666.blogspot.com/ )
KoskakiUngu ( http://koskakiungu.blogspot.com/ )
danyf5habibi ( http://danyf5habibi.wordpress.com )

Dan inilah Award nya

silahkan di ambil awardnya ya temen - temen, biar gak repot Ambil kodenya di bawah ini

<center><a href='http://sin1aja.blogspot.com/' target=_blank'><img src='http://1.bp.blogspot.com/-dvYW8nd5d8A/TwYvc91uTwI/AAAAAAAAAjY/Uy3EWv80GUA/s320/award.jpg'></a></center>

Setelah di simpan silahkan,

Ceritakan sedikit tentang siapa pemberi Award.
Bagi yang mendapatkan award di harap membagikannya kepada 7 teman terbaiknya

Mungkin hanya itu saja, dan teruslah semangat ngeblog temen - temen, jadikan award ini sebagai motivasi dalam ngeblog, sekian dan wassalam

Border jahit keren dengan outline-offset

2012-01-05T07:44:00.001+07:00

Assalamualaikum Wr. Wb . . .
Border jahit keren dengan outline-offset border kali ini saya buat seperti model jahitan seperti benang dan baju hehe ini hanya iseng saja saya buat tadi malam, sekedar iseng - iseng tapi lumayan buat di bagiin ke temen - temen yang mau menggunakan border seperti ini, seperti apa contoh nya silahkan lihat di bawah ini contoh border jahitnya.

CONTOH A

CONTOH B

CONTOH C

CONTOH D

Nah kalau ada yang suka' silahkan ambil kode nya di bawah ini,

<style type='text/css'>
.abu2, .merah, .kuning, .hijau {
height:auto;
margin:15px auto;
line-height:1.1 !important;
font-size:15px;
text-align:center;padding:5px;
}
.abu2 {
width:300px;
background:#999;
outline:4px solid #888;
outline-offset:1px;
border:2px dashed #666;
}
.merah {
width:300px;
background:#e00;
outline:4px solid #d00;
outline-offset:1px;
border:2px dashed #a00;
}
.kuning {
width:300px;
background:#FD0;
outline:4px solid #FC0;
outline-offset:1px;
border:2px dashed #FA0;
}
.hijau {
width:300px;
background:#0C0;
outline:4px solid #080;
outline-offset:1px;
border:2px dashed #0A0;
}
</style>
<div class='abu2'>

CONTOH A

</div>
<div class='merah'>

CONTOH B

</div>
<div class='kuning'>

CONTOH C

</div>
<div class='hijau'>

CONTOH D

</div>

itu keseluruhan kode nya, jadi nanti silahkan pilih sendiri mau memakai warna apa, kalau mau menggunakan di sidebar silahkan klik tambah gadget pilih HTML/Javascript, kalau di postingan silahkan anda beralih ke mode Edit HTML, lalu pastekan kodenya disitu dan selesai.
satu lagi misalnya anda pilih hanya warna hijau saja maka hapus kode yang lain seperti

<div class='abu2'>
CONTOH A
</div>
<div class='merah'>
CONTOH B
</div>
<div class='kuning'>
CONTOH C
</div>
<div class='hijau'> /* jika anda hanya pilih kode ini maka hapus semua kode di atas */
CONTOH D
</div>

Jadi nanti hanya ada satu kode saja hanya warna hijau seperti di bawah ini

<style type='text/css'>
.abu2, .merah, .kuning, .hijau {
height:auto;
margin:15px auto;
line-height:1.1 !important;
font-size:15px;
text-align:center;
}
.abu2 {
width:300px;
background:#999;
outline:4px solid #888;
outline-offset:1px;
border:2px dashed #666;
}
.merah {
width:300px;
background:#e00;
outline:4px solid #d00;
outline-offset:1px;
border:2px dashed #a00;
}
.kuning {
width:300px;
background:#FD0;
outline:4px solid #FC0;
outline-offset:1px;
border:2px dashed #FA0;
}
.hijau {
width:300px;
background:#0C0;
outline:4px solid #080;
outline-offset:1px;
border:2px dashed #0A0;
}
</style>
<div class='hijau'>
CONTOH D
</div>

Ok kalau begitu sekian dan wassalam

Anti Copy Image With Css3

2012-01-04T06:29:00.001+07:00

Assalamualaikum Wr. Wb . . .
Anti Copy Image With Css3, Setelah kemarin dulu sempat membuat Anti klik kanan pada gambar dengan jquery, kali ini kita akan membuat Anti Copy Gambar Dengan Css3 Seperti apa Anti Copy nya Langsung saja Demo nya di bawah ini

ini posisi gambar di kiri

ini posisi gambar di Tengah

ini posisi gambar di Kanan

Coba anda klik kanan pada gambar - gambar itu dan lihat apakah ada menu untuk mengcopy gambar nya, biasanya kalau pake browser Firefox tulisannya
Copy Image Location
kalau di Chrome biasa tulisannya
Salin URL gambar ( jika Chrome nya berbahasa indonesia )
Nahh ada atau tidak menu untuk menyalin gambarnya. . . . . .??
Jawabnya di kotak komen aja.

Lanjut dengan tahap cara membuat nya ::

Log in ke blog anda.
Klik Rancangan
Klik Edit HMTL
Cari kode ]]></b:skin>
Letakan kode di bawah ini di atas kode ]]></b:skin>

.antimalingKiri, .antimalingTengah, .antimalingKanan {
position:relative;
float:left;
padding:0;
}
.antimalingTengah {
float:none;
margin:0 auto;
text-align:center;
}
.antimalingKanan {
float:right;
padding:0;
}
.antimalingKiri:before, .antimalingTengah:before, .antimalingKanan:before {
content:"";
padding:2px;
height:100%;
margin-top:-5px;
margin-left:-5px;
width:100%;
left:0;
top:0;
position:absolute;
}

6. Klik Simpan Template

Setelah itu jika anda ingin gunakan Anti Copy gambar nya di postingan silahkan gunakan kode di bawah ini, tapi ingat selalu gunakan mode EDIT HTML saat mem-posting

Kode Gambar Posisi Di sebelah kiri

<div class="antimalingKiri">
<img src="Disini URL gambar" style="float:left;margin:5px 5px 5px 0;width:150px;height:200px;" />
</div>

Kode Gambar Posisi Di Tengah

<div class="antimalingTengah">
<img src=" Disini URL gambar " style="float:none;margin:5px auto;text-align:center;width:150px;height:200px;" />
</div>

Kode Gambar Posisi di sebelah kanan

<div class="antimalingKanan">
<img src=" Disini URL gambar " style="float:right;margin:5px 5px 5px 0;width:150px;height:200px;" />
</div>

Kan Biasanya kalau kita posting pasti gambar ada yang di kiri, tengah, dan kanan, nah untuk itu kode nya juga sudah di variasi dengan posisi di kiri, tengah, dan kanan.
Satu Lagi saya jelaskan untuk kode yang saya beri warna
Kode berwarna Merah = Lebar Gambar
Kode berwarna Biru = Tinggi gambar
Jadi silahkan anda sesuaikan sendiri lebar dan tinggi gambar nya.

Satu Lagi hampir kelupaan ( biasa tukang Lupa ), Jika anda ingin gunakan kode ini di sidebar, silahkan anda Copy Kode gambar yang posisi tengah dengan cara menambah Gadget Lalu pilih HTML/Javascript. Nah selesai sudah menyimpan gambar di sidebar.
salam system of blog

Slide panel dengan efek jquery ui

2012-01-03T17:31:00.001+07:00

Assalamualaikum Wr. Wb . . .
Slide panel dengan efek jquery ui slide panel ini pasti sudah biasa di temui di dunia maya ini, namun slide panel jquery kali ini berbeda karena slide panel ini sudah di beri efek dengan bantuan jquery ui,seperti apa efek nya silahkan lihat demo nya.

DEMO

Seperti terpental gitu efek nya kan. . . .??
Slide panel itu bisa di gunakan untuk apa saja bisa untuk simpan kode HTML untuk buku tamu mungkin, atau apa sajalah yang penting halal :)
sekarang mari kita terapkan di blog kita

1. Pastinya anda sudah Log In di blog anda
2. klik rancangan
3. klik Tambah gadget
4. Pilih HTML/Javascript
5. Masukan kode di bawah ini

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js'></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn-slide").click(function(){
$("#panel").slideToggle(600, "easeOutBounce")
$(this).toggleClass("active");
return false;
});
});
</script>
<style type="text/css">
a:focus {
outline: none;
}
#panel {
background: #555;
border:1px solid #000;
color:#FFFFFF;
height: auto;
display: none;
text-align:justify;
}
.slide {
margin: 0;
padding: 0;
border-top: solid 4px #422410;
background: url(http://3.bp.blogspot.com/-pDc-WM3OqaY/TwLHz7S1aMI/AAAAAAAAAis/rPoQ1XO8h2c/s1600/buton+slide.png) no-repeat center top;
}
.btn-slide {
background: url(http://2.bp.blogspot.com/-n5N-H5qzBU0/TwLH1_U39tI/AAAAAAAAAi0/QlaA5kqlkuY/s1600/white-arrow.gif) no-repeat right -50px;
text-align: center;
width: 144px;
height: 31px;
padding: 10px 10px 0 0;
margin: 0 auto;
display: block;
font: bold 120%/100% Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
}
.active {
background-position: right 12px;
}
</style>

<div id="panel">
Silahkan simpan kode atau teks anda disini
</div>
<p class="slide"><a href="#" class="btn-slide"></a></p>

Bahan gambar,,

setelah itu klik Simpan dan lihat hasilnya,
semoga bermanfaat

Horoskop Periode 2-8 Januari 2012

2012-01-02T08:57:00.001+07:00

Capricorn (22 Desember–19 Januari)

Umum: Kepercayaan diri Anda pekan ini patut diacungi jempol. Anda tahu bagaimana harus bersikap mengesankan. Yang perlu Anda lakukan adalah menghargai pendapat orang lain dan bukan menganggap hanya diri Anda yang benar.

Cinta: Cinta ternyata tidak sesederhana yang Anda bayangkan. Dibutuhkan pengertian lebih untuk menjalaninya. Memulai sebuah hubungan tidak hanya cukup dengan status. Tendang jauh-jauh ego Anda di pekan ini. Pikirkan dari berbagai sisi, apakah sikap Anda sudah benar.

Scorpio (23 Oktober–21 November)

Umum: Anda bahkan jauh lebih bersemangat di pekan ini, muncul dengan ide-ide cemerlang yang membuat orang lain semakin kagum pada diri Anda. Selalu pastikan Anda hadir juga untuk orang di sekeliling Anda. Berusahalah tetap menjaga komunikasi baik dengan mereka. Jangan tunggu hingga akhir pekan untuk menyelesaikan kesalahpahaman yang terjadi.

Cinta: Kemampuan Anda dalam melihat sesuatu dari berbagai sudut pandang sangatlah membantu. Namun juga tak bisa hanya menyimpannya dalam pikiran Anda saja. Anda yang tengah dekat dengan seseorang pekan ini sebaiknya lebih banyak mendengarkan. Apabila Anda yakin ini adalah cinta, maka Anda harus bisa mengikuti ritme tersebut.

Sagitarius (22 November–21 Desember)

Umum: Sangat sulit bagi Anda untuk menyeimbangkan hati dan pikiran. Sekalipun berusaha, Anda tetap condong pada perasaan. Tentunya hal ini kurang baik bagi Anda. Apabila pekan ini Anda tak mudah mengendalikana emosi, carilah rekan untuk bertukar pikiran.

Cinta: Jangan terus-menerus menghindar dan menolak sapaan hangat dari orang yang tengah kagum pada Anda. Berikan dia kesempatan untuk mengenal Anda lebih dekat. Anda tak bisa menilai seseorang hanya berdasarkan penampilan dan kata orang saja kan.

Aquarius (20 Januari–18 Februari)

Umum: Seiring hari yang baru, temukan pula semangat baru dengan melakukan hal-hal yang menghibur. Anda butuh lebih dari rasa rileks untuk dapat kembali bersemangat dan menyelesaikan hal-hal yang Anda hadapi. Perdebatan sebaiknya dihindari karena bisa menimbulkan perselisihan paham.

Cinta: Sebuah sinyal datang dari si dia. Tetapi tunggu, jangan keburu menyimpulkan bahwa dia memang menyukai Anda. Tak ada salahnya menyambut perhatiannya. Tetapi Anda juga perlu memerhatikan lagi apa maksud dia.

Pisces (19 Februari–20 Maret)

Umum: Anda mengalami pekan yang luar biasa kali ini. Beberapa hal yang berkaitan dengan emosi dan intelektual akan memberikan pengalaman menyenangkan. Pastikan Anda tidak mengacaukannya dengan sikap yang acuh. Sebaiknya Anda lebih siap dalam menghadapi segala hal. Jangan pernah malu bertanya akan apa yang muncul di benak Anda.

Cinta: Berhentilah memaksa diri Anda untuk menyukai seseorang yang bahkan tak Anda sukai. Biarkan saja asmara berjalan alami. Tak usah pedulikan pendapat orang tentang kesendirian Anda saat ini. Mungkin memang belum ada yang cocok dan nyaman di hati.

Aries (21 Maret–19 April)

Umum: Lebih abaikan saja pendapat miring orang lain tentang apa yang Anda lakukan. Di akhir pekan akan ada konflik yang cukup membuat Anda stres. Sebenarnya itu adalah hal kecil. Tapi semuanya menjadi berlebihan karena campur tangan orang lain. Bersabar saja ya.

Cinta: Temukan cara untuk menunjukkan perasaan Anda pekan ini. Anda boleh mencubit diri sendiri dan berpikir bahwa ini adalah mimpi. Namun ini merupakan kenyataan yang harus Anda hadapi. Sesungguhnya cinta Anda kepada dia itu sudah benar. Hanya saja Anda terlalu ragu untuk melangkah.

Taurus (20 April–20 Mei)

Umum: Anda sedang merasa penuh semangat dan kreativitas pada pekan ini. Namun Anda juga bertanya-tanya pada diri Anda tentang suatu hal yang cukup mengganggu pikiran. Anda tampaknya sedang merasa jenuh dan ingin mencari tantangan baru yang menarik.

Cinta: Jangan menunda apapun yang muncul di benak Anda. Instuisi Anda sedang kuat sehingga ada baiknya Anda mengikutinya. Menjadi diri sendiri sangatlah penting, tetapi bukan berarti pasangan harus menerima kekurangan tanpa Anda berusaha memerbaikinya. Yang terpenting adalah sama-sama memerbaiki diri untuk yang terbaik.

Gemini (21 Mei–21 Juni)

Umum: Perhatikan sekeliling Anda. Apa yang terjadi mungkin akan sangat berpengaruh besar terhadap diri Anda. Jangan sampai Anda menutup diri dan tak mau tahu akan kejadian di sekeliling. Ini bukanlah saatnya Anda marah dan menunjukkan sikap kekanak-kanakan. Saat Anda menghadapi masalah, hadapilah dan bersikaplah dewasa.

Cinta: Anda sangat terfokus pada angan-angan dan masa depan sehingga kurang memperhatikan seseorang yang ada di depan sehingga kurang memperhatikan seseorang yang ada di depan Anda saat ini. Jangan sampai Anda terbuai pada khayalan sementara pada kenyataan orang di depan Anda lebih pantas mendapat perhatian.

Cancer (22 Juni–22 Juli)

Umum: Jangan khawatir akan penampilan Anda yang kurang sempurna pekan ini. Itu semua hanya karena perasaan Anda saja. Mood Anda berpengaruh besar pada penampilan sehingga Anda harus menjaga mood agar selalu tampil prima. Persoalan keluarga tampaknya akan semakin membuat Anda sensitif.

Cinta: Kesibukan hampir saja membuat Anda kurang hangat dalam memberikan perhatian dalam hal asmara. Sebenarnya Anda punya pesona yang sangat mengagumkan dan mudah mencuri perhatian. Sayangnya, terkadang Anda minder dan tidak menyadari kelebihan Anda tersebut.

Leo (22 Juli–22 Agustus)

Umum: Baiknya Anda bersikap lebih waspada pada pekan ini. Beberapa problem bisa saja datang tanpa Anda duga sebelumnya. Untuk itu perhatikan baik-baik perkataan Anda. Jangan sampai terpancing oleh perbincangan yang menyudutkan orang lain. Tak selamanya Anda harus percaya 100 persen pada orang lain. Bisa jadi orang yang menurut Anda baik menyimpan banyak hal buruk. Coba dengarkan pendapat dari orang-orang yang lebih bijak dan lebih tua dari Anda. Bisa jadi masukan dari mereka berarti bagi masa depan.

Cinta: Mengalah saja belum tentu cukup apabila kemudian Anda menunjukkan sikap tak acuh pada pasangan. Apabila memang dia bersikap terlalu egois pada Anda, cobalah mengerti apa yang sedang dia inginkan.

Virgo (22 Agustus–22 September)

Umum: Ketahui kapan Anda harus berhenti. Hanya dengan mengendalikan diri, maka semua hal akan baik-baik saja. Memang, Anda tak ingin semuanya berjalan berantakan. Tetapi Anda tak bisa bersikap terlalu keras dan cenderung mengatur semua hal sesuai keinginan dan pemikiran yang berbeda. Jadi, Anda wajib menghormati kemauan dan rencana mereka.

Cinta: Awali pekan ini dengan semangat yang tinggi sekalipun Anda merasa pekan ini terkesan biasa-biasa saja. Lebih baik Anda tetap berusaha untuk berpikir positif. Sedikit keberanian juga sangat Anda butuhkan agar Anda yang tengah kecewa bisa bangkit dan tidak terjebak pada masa lalu terus- menerus. Buka hati Anda, sudah saatnya Anda berpikir tentang arah hubungan Anda.

Libra (23 September–22 Oktober)

Umum: Mengapa Anda justru berusaha menghancurkan diri sendiri dengan pikiran-pikiran buruk? Lebih baik Anda mengubah ide-ide yang ada menjadi hal-hal konkret. Tak perlu membiarkan pikiran buruk berkembang di benak Anda. Apabila suasana mulai kaku dan kurang nyaman, selingi dengan humor ringan.

Cinta: Apabila Anda merasa bahwa hubungan asmara Anda penuh tantangan dan cobaan, cobalah untuk mencari suasana rileks dan menyenangkan dengan berada di dekat sahabat-sahabat Anda. Mereka selalu dapat memberikan Anda semangat dan mengembalikan kepercayaan diri. Dengan demikian, Anda bisa kembali pada pasangan dengan cerita baru.

lifestyle.okezone.com

Kondom berserakan di pantai kenjeran

2012-01-01T17:47:00.000+07:00

Majelis Ulama Indonesia (MUI) Jawa Timur menerima laporan terkait banyaknya kondom berserakan di sekitar Pantai Kenjeran. Hal itu terjadi setiap usai pergantian tahun.
"Kami dapat laporan dari masyarakat bahwa setiap usai perayaan tahun baru di sekitar Pantai Kenjeran banyak sekali kondom yang berserakan," kata Ketua MUI Jatim KH Abdussomad Bukhori kepada okezone ditemui di Mapolda Jatim, Jalan Ahmad Yani, Surabaya, Jumat (30/12/2011).

Menurutnya, hal ini menandakan pergantian tahun dirayakan dengan banyak maksiat. MUI sangat disayangkan pergantian tahun diisi dengan kegiatan tidak bermanfaat.
“Pergantian tahun alangkah lebih baik diisi dengan refleksi, berdoa, dan diskusi-diskusi akhir tahun. Budaya untuk menggeber kendaraan di jalan tentunya akan berbahaya dan bisa menimbulkan kecelakaan," katanya.

Selain menyorot Pantai Kenjeran, Abdussomad juga tidak sepakat dengan konsep pembangunan Taman Bungkul. Dengan konsep seperti saat ini, Taman Bungkul justru membuat marak kegiatan maksiat. Padahal di tempat itu ada makam ulama Sunan Bungkul.
"Tahun baru di tempat itu biasanya sangat ramai. Seharusnya Taman Bungkul dibangun perpustakaan sehingga membuat masyarakat lebih cerdas, jangan seperti konsep saat ini yang banyak kegiatan maksiat," tukasnya.

Sampah menumpuk setelah malam tahun baru

2012-01-01T06:36:00.002+07:00

Perayaan tahun baru 2012 di Kota Bandung, Jawa Barat menyisakan sampah yang berserakan di berbagai ruas jalan dan di sejumlah lokasi.
Ceceran sampah terlihat seperti di Jalan Asia Afrika yang menjadi salah satu tempat berkumpulnya ribuan warga untuk merayakan malam pergantian tahun. Tumpukan sampah itu mulai dari bekas botol air, plastik, serta sisa makanan.

Sejumlah petugas kebersihan berusaha membersihkan sampah yang berserakan tersebut setelah warga mulai meninggalkan lokasi tempat perayaan.
Selain di Jalan Asia Afrika, penumpukan sampah juga terjadi di sejumlah tempat seperti di depan Gedung Sate serta Lapangan Gasibu. Di kawasan tersebut, sampah yang berserakan belum dibersihkan karena masih banyak warga. Terlebih, setiap Ahad, Gasibu sering dijadikan pasar dadakan oleh para pedagang kaki lima.

Simak beritanya

Metrotvnews.com

Bundaran HI siap untuk malam tahun baru

2011-12-31T05:55:00.001+07:00

Dinas Pertamanan dan Pemakaman DKI Jakarta menepati janjinya untuk merampungkan pembenahan kolam Bundaran Hotel Indonesia sebelum perayaan malam Tahun Baru. Hari ini, Jumat (30/12/2011), air mancur dan air limpasan di Bundaran HI telah menyala seperti sedia kala.

Kepala Dinas Pertamanan dan Pemakaman DKI Jakarta, Catharina Suryowati, mengatakan bahwa ini memang disiapkan bagi warga Jakarta yang ingin menghabiskan momen pergantian tahun di jantung ibu kota. Hampir setiap tahun, kolam yang di tengahnya menjulang patung selamat datang ini selalu menjadi salah satu titik keramaian saat perayaan malam Tahun Baru.
"Boleh merayakan tahun baru di situ, tapi enggak boleh naik ke kolamnya. Karena berbahaya, ada listrik tegangan tinggi," ujar Catharina di Balaikota, Jakarta, Jumat (30/12/2011).

Pembenahan kolam Bundaran HI yang termasuk program pengurasan dan penggantian pompa ini telah dilakukan oleh pihak Dinas Pertamanan dan Pemakaman DKI Jakarta sejak Kamis (24/11/2011). Target selesai saat malam Natal yaitu 24 Desember pun dipenuhi dengan membuka triplek pembatas yang selama hampir dua minggu menutupi kolam Bundaran HI.
"Semuanya tepat waktu. Nanti saat malam Tahun Baru dapat dilihat air mancur akan menyala lagi," tutur Catharina.

Ia juga menuturkan bahwa plaza Bundaran HI tidak akan lagi dapat dinaiki oleh warga Jakarta seperti yang terjadi dalam beberapa tahun ini. Mengingat pada plaza tersebut sebenarnya terdapat air limpasan yang menggenang dari kolam Bundaran HI.
"Mestinya ada air limpasan, tapi sudah lama tidak ada karena pompanya rusak. Tapi sekarang sudah benar lagi," tandasnya.

JAKARTA, KOMPAS.com

Lenovo Laptop Keren Berespon Tinggi

2011-12-30T10:20:00.000+07:00

Lenovo hadirkan laptop terbaru yang stylish dan juga memiliki respon kinerja yang tinggi, yakni IdeaPad U300s Ultrabook.
Laptop terbaru dari U Series ini menampilkan prosesor Intel Core i7 generasi ke-2 dengan fitur Intel Turbo Boost Technology 2.0, dan dapat melakukan boot up hanya dalam waktu 10 detik saja, karena juga diperkuat oleh teknologi Enhanced Experience 2.0 RapidDrive Solid State Drive (SSD).
"Dengan teknologi ini maka pengguna bisa melakukan boot up yang cepat di perangkat ini," ujar Cung Cien, Product and Bussiness Development Manager dari Lenovo, di Jakarta, Rabu (7/12/2011).
Cung Cien menjelaskan bahwa U300s memiliki layar HD 13,3" ultra-slim 16:9 layar lebar, memori 4GB DDR3 serta penyimpanan SSD hingga 256GB.
Selain itu U300s IdeaPad memiliki ketebalan hanya 0,6 inci dan memiliki cangkang alumunium satu keping dengan berat hanya 1,36kg.
"Beberapa teknologi cerdas juga hadir di U300s adalah Breathable Keyboard, Advanced Cooling Technology (sirkulasi udaradi keyboard dan kedua sisi notebook," jelas Cung Cieng.
Untuk baterai, Lenovo Long Life Batterai U300 dapat tahan lama hingga 8 jam atau 30 hari dalam keadaan standby. Lalu dengan Lenovo RapidCharge, baterainya dapat diisi hingga 50% kapasitas hanya dalam waktu 30 menit saja.
U4300s juga dilengkapi Bluetooth, Wi-Fi 802.11n, konektor USB 2.0 dan USB 3.0, serta webcam 1,3M (720p HD) terintegrasi.
IdeaPad U300s sudah tersedia di pasaran lokal dalam warna Graphite Gray dan edisi terbatas Clemente Orange, dengan harga mulai US$1.699 (Rp15 jutaan).

INILAH.COM

Emoticon chat facebook terbaru - 2012

2011-12-30T07:02:00.001+07:00

Assalamualaikum Wr. Wb . . .
Emoticon terbaru facebook, buat sobat facebookers, nih ada koleksi emoticon unik dan menarik + terbaru dari facebook,
Nah caranya nanti silahkan anda Copy kode nya lalu paste di kotak CHAT facebook anda.

Nih koleksi emoticon nya :

U Mad ( Copy semua )

[[291152600919956]] [[295479677155336]] [[314363058604092]]
[[262834777109378]] [[189006671194968]] [[263319493729810]]
[[251236504943440]] [[287904934588441]] [[185961414833909]]

Poker Face ( Copy semua )

[[258968244165876]] [[286666501379430]] [[262520713809098]] [[159049157536013]] [[307904395916212]]
[[225447050864310]] [[209926462425564]] [[138411019605305]] [[221670374577056]] [[154671737968862]]
[[138007062977844]] [[291747794194724]] [[122952454488304]] [[337561022923016]] [[288878907831075]]
[[240630206008013]] [[264223330304357]] [[319462458078703]] [[239286912807413]] [[288721814513254]]
[[265575850170635]] [[345354905481875]] [[209004679185391]] [[259785247417432]] [[159480014157666]]
[[267428346644787]] [[239034746168540]] [[350046018344350]] [[209260572491236]] [[198316980259626]]
[[310959705610393]] [[214054278676095]] [[200638253359905]] [[334455703231303]] [[158066514298630]]

Nyan Cat ( Copy semua )

[[265434590178748]] [[164991926934921]] [[209695692449988]] [[250490361685507]] [[278968458819422]] [[349625665051383]] [[205760419511603]]
[[312189672135533]] [[299788346731384]] [[268532783202434]] [[266669970059695]] [[204170799672068]] [[187204144709527]] [[331078983588306]]
[[149240955184679]] [[206407216112871]] [[240669959335314]] [[180619528702085]] [[347768705240557]] [[186661331430535]] [[218646048216424]]
[[344875905539434]] [[328111047214223]] [[323186421038846]] [[157802940990663]] [[159535350818164]] [[296581710385765]] [[271261609598535]]

True Story ( Copy semua )

[[159403400834378]] [[297487363621407]] [[1156068411]] [[135921843188987]] [[281219301903813]] [[199562043466774]]
[[295738517127851]] [[155658844536513]] [[209549519130890]] [[142176999226854]] [[246689415397308]] [[199562043466774]]
[[238766052862259]] [[307299595976209]] [[217652968315422]] [[189042331191521]] [[286721874712929]] [[344476392245488]]
[[208520335900424]] [[280378908678680]] [[289772571069549]] [[271456079578545]] [[316530365035101]] [[288356997877538]]
[[291702580880362]] [[165637363538400]] [[150244831751625]] [[241130952627573]] [[120930761357725]] [[325867137432308]]
[[154842501286195]] [[286053358112869]] [[149316288510313]] [[250243511707871]] [[291635414215481]] [[344254632266885]]
[[276412539074685]] [[131586963624296]] [[333374550025341]] [[327570193933422]] [[199699430120687]] [[136021593179546]]

Kaskus ( pilih satu satu )

[[243344945733611]] - Kaskus Repost
[[205827876172490]] - Kaskus Bingung
[[261018420628968]] - Kaskus Like
[[328740787138287]] - Kaskus Nope
[[296027833771776]] - Kaksus Capedehh
[[311851138846391]] - Kaskus 4L4y
[[203443053077888]] - I Love Kaskus

Emoticon Kartun ( pilih satu satu )

[[243344945733611]] = Repost
[[mahochat]] - Maho
[[205827876172490]] = Bingung
[[261018420628968]] = Thumbs
[[328740787138287]] = Nope
[[296027833771776]] = Capede
[[311851138846391]] = Alay
[[guengakak]] - Ngakak
[[171108522930776]] - Troll face
[[211782832186415]] - Me Gusta
[[143220739082110]] - ARE YOU F4CKING KIDDING ME
[[1680408465586189]] - Feel like a sir
[[169919399735055]] - Not bad Obama
[[142670085793927]] - Mother of God
[[170815706323196]] - Cereal Guy
[[168456309878025]] - LOL Face
[[167359756658519]] - NO Guy
[[14933336846417]] - Yao Ming
[[224812970902314]] - Derp
[[192644604154319]] - Derpina
[[177903015598419]] - Forever Alone
[[148578318584679]] - It's Okay!
[[219611504753863]] - ALL the y
[[305710872791586]] - Impossibruh
[[145768898802324]] - Rage Face
[[309795212383816]] - Watch out, badass
[[129627277060203]] - Poker face
[[67253243887]] - Justin Bieber
[[ladygaga]] - Lady GaGa
[[eminem]] - Eminem
[[zuck]] - Mark Zuckerberg
[[105387672833401]] - F4CK YEAH
[[161751797197606]] - CHUCK NORRIS
[[129627277060203]] - POKER FACE
[[100002727365206]] - CHALLENGE ACCEPTED
[[249199828481201]] - Konata Izumi
[[250128751720149]] - Domo Kun
[[223328504409723]] - Gintoki Sakata
[[236147243124900]] - Pokeball
[[326134990738733]] - Pikachu
[[155393057897143]] - Doraemon
[[224502284290679]] - Nobita
[[144685078974802]] - Mojacko
[[334954663181745]] - Spongebob
[[196431117116365]] - Shin chan
[[148935948523684]] - Pedo Bear
[[269153023141273]] - Poring

Kata - Kata ( pilih satu satu )

[[249199828481201]] - Konata Izumi
[[250128751720149]] - Domo Kun
[[223328504409723]] - Gintoki Sakata
[[236147243124900]] - Pokeball
[[326134990738733]] - Pikachu
[[155393057897143]] - Doraemon
[[224502284290679]] - Nobita
[[144685078974802]] - Mojacko
[[334954663181745]] - Spongebob
[[196431117116365]] - Shin chan
[[148935948523684]] - Pedo Bear
[[269153023141273]] - Poring
[[332936966718584]] - Hello Kitty
[[252497564817075]] - Kerokeroppi
[[297354436976262]] - Santa Claus
[[157680577671754]] - Angry Bird

Huruf ( pilih satu satu )

[[196920740401785]] - A
[[113544575430999]] - B
[[294715893904555]] - C
[[294660140569858]] - D
[[328415510520892]] - E
[[270221906368791]] - F
[[212614922155016]] - G
[[205633882856736]] - H
[[256255337773105]] - I
[[288138264570038]] - J
[[296999947008863]] - K
[[216672855078917]] - L
[[278786215503631]] - M
[[241341589270741]] - N
[[312524205448755]] - O
[[200138403410055]] - P
[[165410113558613]] - Q
[[203403609746433]] - R
[[334427926570136]] - S
[[250632158335643]] - T
[[285985351447161]] - U
[[343627398996642]] - V
[[315740851791114]] - W
[[136342506479536]] - X
[[224173507657194]] - Y
[[317710424919150]] - Z

meme kecil ( Copy semua )

[[291152600919956]] [[295479677155336]] [[314363058604092]]
[[262834777109378]] [[189006671194968]] [[263319493729810]]
[[251236504943440]] [[287904934588441]] [[185961414833909]]

Arunkumar Mahadevan ( Copy semua )

[[179756028790264]] [[131478976968398]] [[314076808615174]] [[206240339463055]] [[159403400834378]]
[[200992799990165]] [[196243973803636]] [[270956806292431]] [[346811212001437]] [[328107453874590]]
[[196721100420672]] [[317586898261340]] [[298140226892101]] [[214914048591653]] [[350101681673756]]
[[123765061073750]] [[245710415498757]] [[243298355738272]] [[138812572897166]] [[149419131833071]]
[[158310927607841]] [[310752072297702]] [[316528255036793]] [[335475163146590]] [[221503331260136]]
[[241781875890038]] [[218268384920510]] [[189509191144351]] [[302618756443499]] [[182961465135557]]
[[206151719471944]] [[223223751088260]] [[158685720904140]] [[249080145157161]] [[310957895604838]]

Sasha Andersen ( Copy semua )

meme sedih ( Copy semua )

‎[[222233554520712]] [[155093667926316]] [[159374644168797]]
[[265556180170509]] [[272006802857159]] [[144596118984229]] [[198806320212294]] [[155432547893166]]
[[239088996160999]] [[293626150673074]] [[203611766392684]] [[214124502002999]] [[268692779851733]]
[[181312795299893]] [[269771269745545]] [[189131527848966]] [[121039688013447]] [[347460675267390]]
[[116007985184523]] [[267703239958069]] [[209491689137152]] [[335109106501612]] [[286053824778978]]
[[140147629431094]] [[286265654759471]] [[208524709231940]] [[135568263223992]] [[265887476807116]]

meme gede ( Copy semua )

[[331399223556184]] [[286042634779174]] [[330023780360758]] [[329237617088409]] [[204120926342364]] [[131297490319188]] [[289987304385341]]
[[295847560451136]] [[278880668827213]] [[260560750675461]] [[264494386943951]] [[208640915887167]] [[270643856326606]] [[334868623190983]]
[[265844723474789]] [[325742447454304]] [[207587629327321]] [[294223273948603]] [[323449457679402]] [[258622847533513]] [[242014162533924]]
[[306019522772134]] [[267712979948966]] [[301751889864065]] [[213122875437139]] [[164020277032670]] [[158735217564918]] [[261124587284685]]
[[114261558693806]] [[113889888730617]] [[316407155046042]] [[316473595041291]] [[346326392049037]] [[284570571589911]] [[298670736837009]]
[[219939044752270]] [[336155773063546]] [[131032267012645]] [[155856061183812]] [[208532722565686]] [[268249169896142]] [[204863289602546]]

megusta ( Copy semua )

[[10150425979186326]] [[10150425979236326]] [[10150425979391326]] [[10150425979441326]] [[10150425979466326]] [[10150425979526326]]
[[10150425979626326]] [[10150425979671326]] [[10150425979186326]] [[10150425979186326]] [[10150425979186326]] [[10150425979986326]] [[10150425980006326]]
[[10150425980066326]] [[10150425980101326]] [[10150425980231326]] [[10150425980436326]] [[10150425980451326]] [[10150425980506326]] [[10150425980561326]]
[[10150425980646326]] [[10150425980686326]] [[10150425980756326]] [[10150425980831326]] [[10150425980896326]] [[10150425981096326]] [[10150425981191326]]
[[10150425981251326]] [[10150425981306326]] [[10150425981366326]] [[10150425981406326]] [[10150425981466326]] [[10150425981516326]] [[10150425981591326]]
[[10150425981651326]] [[10150425981796326]] [[10150425981816326]] [[10150425981876326]] [[10150425981906326]] [[10150425981966326]] [[10150425982006326]]
[[10150425982066326]] [[10150425982101326]] [[10150425982131326]] [[10150425982196326]] [[10150425982261326]]

Merry Christmas ( Copy semua )

[[271907092867476]] [[283723885007037]] [[327860897243844]] [[327860897243844]] [[271624196228707]] [[154936547887417]]
[[318243861533088]] [[240416619363543]] [[327860897243844]] [[238634442876406]] [[313359385353119]] [[159993800773468]] [[271907092867476]] [[285167624869191]] [[313359385353119]]

Senyum Gede ( Copy semua )

[[334230636605501]] [[335080033169115]] [[314686231886107]]
[[179637912133385]] [[345951442087087]] [[208631755887293]]
[[297872013591588]] [[317089564978607]] [[341555305870236]]

Catatan :
Kode yang saya beri background biru, itu silahkan anda Copy semua, lalu paste di kotak chat facebook anda.
sedangkan yang saya tidak kasi background warna biru itu silahkan anda Copy satu persatu, jadi kodenya tidak di copy semua, kecuali yang saya kasi background warna biru itu baru di copy semua.
Salam Facebookers dan selamat chatting.
Dari berbagai sumber

Informasi Terbaru dari iPhone 5

2011-12-29T16:26:00.001+07:00

Bagi yang sudah tidak tahan lagi mengenai rumor rilisnya iPhone 5, maka bersiap-siaplah untuk mengetahui lebih jauh tentang produk yang katanya disinyalir mempunyai teknologi yang lain daripada yang lain.
IPhone 5 Apple sepertinya akan memberikan desain baru, layar tampil yang lebih besar, serta kapabilitas koneksi 4G. Informasi dari orang dalam kepada BGR menyebutkan, iPhone 5 ini akan dirilis pada musim panas 2012. Ponsel pintar ini tidak hanya memiliki tampilan yang berbeda tapi juga terasa berbeda.

Menurut sumber situs itu, iPhone tersebut akan memiliki sarung (casing) yang terbuat dari bahan karet atau plastik, sebagai perangkat panel baru. Bahan ini akan mengelilingi gadget tersebut (seperti iPhone 3GS).
Wajah iPhone dari kaca ini juga memiliki tampilan baru di bagian belakang dengan menggunakan bahan aluminium. Selain itu, Apple juga akan merancang ulang sistem antena untuk versi iPhone terbarunya ini.
Laporan sebelumnya menduga bahwa generasi Apple iPhone akan menampilkan sarung alumunium mirip dengan yang ditemukan pada iPad 2, serta layar yang lebih besar sekitar 4 inci.

Akan tetapi, mereka masih sibuk mengurus debut Apple iTV yang katanya akan dirilis ke publik pada kuarter kedua atau ketiga tahun 2012. Peluncurkan iPhone 5 dan iTV sepertinya akan sangat besar. Selain itu, walaupun peluncuran iPhone 5 dan iTV tidak akan berbarengan prediksi yang bisa dibuat ialah pembeli akan lebih condong untuk membeli seri terbaru iPhone.

tekno.liputan6.com

Anti klik kanan dengan css

2011-12-29T08:58:00.000+07:00

سْمِ اللهِ الرَّحْمنِ الرَّحِيمِ
Assalamualaikum Wr. Wb . . .

setelah sebelumnya membuat Disable klik kanan pada gambar dengan jquery,
sekarang kita akan membuat Anti klik kanan dengan css, jika biasa nya anda mendapatkan trik anti klik kanan dengan javascript sekarang kita akan buat Anti klik kanan dengan css,
Trik ini sederhana saja kita hanya tinggal menambahkan kode oncontextmenu="return false; Pada body blog jadi anda tidak akan di beratkan lagi dengan javascript,

ok untuk caranya ▼

Log in ke blog anda
Klik Rancangan
Klik Edit HTML
Cari kode <body>
Setelah ketemu Hapus kode itu dan ganti dengan kode di bawah ini

<body oncontextmenu="return false;">

Setelah itu klik Simpan Template dan Lihat Hasilnya

Salam SYSTEM OF BLOG

Disable klik kanan pada gambar dengan jquery

2011-12-29T08:02:00.001+07:00

Assalamualaikum Wr. Wb . . .

Disable klik kanan pada gambar dengan jquery, mendisable gambar apa bisa. . . .??
jawabannya bisa, di pembahasan kali ini kita akan mendisable image / gambar dengan jquery,
jadi nantinya gambar - gambar yang ada di blog kita secara keseluruhan tidak akan bisa di klik kanan, karena kita sudah matikan dengan fungsi jquery ini, nah jika anda penasaran silahkan lihat demo nya

DEMO

Begitulah cara kerja nya jadi hanya pada gambar saja klik kanannya di matikan sedangkan untuk area lain bisa di klik kanan. ok langsung saja ke penerapannya :

masuk blog anda
klik rancangan
klik edit html
cari kode </head> ( tekan f3 untuk mempercepat )
setelah ketemu silahkan anda simpan kode di bawah ini di atas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script language='javascript' type='text/javascript'>
$(document).ready(function()
{
$('img').bind('contextmenu',function(e){
return false;
});
});
</script>

Perhatikan kode berwarna merah, jika kode itu sudah ada di dalam template anda, anda tidak perlu lagi menambahkan kode itu jadi anda cukup mengambil kode yang berwarna biru saja.
setelah itu silahkan klik SIMPAN TEMPLATE. dan coba klik kanan image / gambar di blog anda.

Warning message . . . . .!!!!

Karena Setiap saya membuat postingan tentang jquery
Pasti ada yang bertanya : :
ini memberatkan blog atau tidak . . . ??
Saya Hanya bisa jawab : ↓
Sebenarnya Tidak terlalu memberatkan blog jika penggunaan jquery tidak berlebihan.

Membuat gambar slide dengan 17 efek lebih

2011-12-28T06:20:00.005+07:00

Assalamualaikum Wr. Wb . . .

Membuat gambar slide dengan 17 efek lebih, membuat gambar slide kali ini sangat berbeda dengan membuat slide image yang dulu, membuat gambar slide kali ini lebih keren menurut saya karena efek nya ada 17 lebih, nah untuk anda yang penasaran silahkan lihat DEMO nya.
lihat gambar yang berganti.
Di demo saya hanya menampilkan satu efek di antara 17 efek lebih karena tidak mungkin saya menampilkan semua efek karena terlalu banyak, efek yang saya gunakan di DEMO itu yaitu efek fade nah kalau anda ingin membuat seperti itu silahkan ikuti langkah - langkah nya :

1. Log in ke blog anda
2. klik rancangan
3. klik tambah gadget
4. klik HTML/JAVASCRIPT
5. masukan kode di bawah ini di kotak bagian bawah

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script type="text/javascript" src="http://sites.google.com/site/sin1ajablog/jquery/cycle.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#content-slider').cycle({
fx: 'fade'
});
});
</script>
<style type="text/css">
#content-slider {
position: relative;
width: 100%;
height: 250px;
overflow: hidden;
margin:0 auto;
}
#content-slider img {
display: block;
width: 100%;
height: 250px;
}
</style>
<div id="content-slider">
<img src="http://a7.sphotos.ak.fbcdn.net/hphotos-ak-ash4/s720x720/394117_248588995208664_100001726955893_593913_217339109_n.jpg" alt="Slideshow 1" />
<img src="http://a5.sphotos.ak.fbcdn.net/hphotos-ak-ash4/s720x720/390756_243203332413897_100001726955893_578592_123316234_n.jpg" alt="Slideshow 2" />
<img src="http://a8.sphotos.ak.fbcdn.net/hphotos-ak-ash4/s720x720/396010_244614755606088_100001726955893_581904_2082391021_n.jpg" alt="Slideshow 3" />
</div>

Keterangan dari kode - kode yang saya beri warna :

biru : itu adalah kode url gambar jadi silahkan anda ganti dengan url foto - foto milik anda.
100% : ini adalah lebar area slide show, jadi kalau kode 100% nanti terlalu lebar di blog anda silahkan anda sesuaikan lebar nya bisa anda ganti misal nya 300px atau sesuka anda yang penting sesuai dengan lebar area di blog anda.

250px : ini adalah ketinggian area slide show, silahkan anda ganti juga kalau kurang tinggi

100% : ini adalah kode lebar gambar yang ada di dalam area slideshow tadi jadi, jika anda rubah lebar dan tinggi area slide show anda juga harus rubah kode ini, sesuaikan dengan kode di area slide show

250px : ini juga adalah tinggi gambar, jadi silahkan anda sesuaikan dengan tinggi area slideshow.

fade : Nah ini dia Efek nya anda bisa ganti efek nya jika anda bosan dengan efek ini, silahkan anda ganti dengan kode yang saya sediakan di bawah ini, pilih salah satu saja ya.

Efek - Efek Slide show

scrollUp
scrollDown
scrollLeft
scrollRight
slideX
slideY
shuffle
turnUp
turnDown
turnLeft
turnRight
zoom
fadeZoom
blindX
blindY
blindZ
growX
growY
curtainX
curtainY
cover
uncover
toss
wipe
fade

Tuh ternyata ada 25 efek nya, jadi kalau bosen tinggal pilih salah satu nya lagi.
jadi nanti kalau anda bosen dengan efek fade silahkan anda ganti dengan 24 efek yang lainnya
misalnya efek zoom jadi nanti kode nya seperti ini,

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script type="text/javascript" src="http://sites.google.com/site/sin1ajablog/jquery/cycle.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#content-slider').cycle({
fx: 'zoom'
});
});
</script>
<style type="text/css">
#content-slider {
position: relative;
width: 100%;
height: 250px;
overflow: hidden;
margin:0 auto;
}
#content-slider img {
display: block;
width: 100%;
height: 250px;
}
</style>
<div id="content-slider">
<img src="http://a7.sphotos.ak.fbcdn.net/hphotos-ak-ash4/s720x720/394117_248588995208664_100001726955893_593913_217339109_n.jpg" alt="Slideshow 1" />
<img src="http://a5.sphotos.ak.fbcdn.net/hphotos-ak-ash4/s720x720/390756_243203332413897_100001726955893_578592_123316234_n.jpg" alt="Slideshow 2" />
<img src="http://a8.sphotos.ak.fbcdn.net/hphotos-ak-ash4/s720x720/396010_244614755606088_100001726955893_581904_2082391021_n.jpg" alt="Slideshow 3" />
</div>

Nah setelah anda selesai mengganti url gambar dengan gambar anda dan sudah mengganti efek - efek nya silahkan anda klik SIMPAN, dan coba lihat efek nya, jangan lupa sesuaikan area lebar dan tinggi slideshow dan juga lebar + tinggi gambar juga harus di sesuaikan.
salam system of blog.
source kode

2 award dari sahabat2Q

2011-12-27T11:40:00.000+07:00

سْمِ اللهِ الرَّحْمنِ الرَّحِيمِ
Assalamualaikum Wr. Wb . . .

1. Award dari cewek emas

1. Siapa guru favoritmu?

Guru favoritQ itu banyak, rata2 yang aku suka guru yang dari jurusanQ ( otomotif ) tapi banyak juga guru favoritQ yang bukan dari jurusanQ yang penting mereka baik aku pasti favoritin mereka.

2. Apa makanan yang kamu sukai? Makanan yang tak kamu sukai?
aku paling suka ama, sla O lay, Rujak ( lontong ), kue roti yang terbuat dari tepung ada tuh ( susah di ceritain jadi di mengerti aja hehehe ) dan masih banyak lagi.

3. Ceritakan pengalamanmu yang berkesan!
Apa ya belum pernah dapet pengalaman yang berkesan, tapi mungkin yang paling berkesan bagiQ itu saat ngumpul2 ma temen2 soalx temen2Q semua rata2 pada kerja jadi jarang bisa ngumpul dan saat2 ngumpul itu yang aku anggap berkesan dan satu lagi yang aku anggap berkesan itu saat2 lebaran, karena keluarga pada ngumpul semua and aku seneng banget kalau ada keluarga ngumpul2 gitu.

4. Siapa cinta pertamamu?
siapa ya . . .??
hehehehe nama nya itu kasmianti, dia cinta pertamaQ dan itupun pacaran cuman bentar gak tau deh berapa bulan tapi ya tetep dia cinta pertamaQ hehehehe.

5. Who is your best friend?
banyak, tapi temen yang paling sering sama aku tuh namanya wayan, karena cuman dia temenQ yang masih sekolah dan yang lain tuh udah kerja jadi gak ada temen yang lain lagi :)

2. Award dari ALPRABLOG

Award ini sebenarnya udah lama, tepatx ulang tahunnya blogQ tapi baru sempet di ambil sekarang.

Thanks ALPRABLOG.
Thanks Cewek emas ( panggilan baru dari saya )

3 bos google punya 8 pesawat pribadi

2011-12-27T10:58:00.000+07:00

Pesawat pribadi yang dimiliki para pemimpin Google selalu menuai kontroversi. Seperti dikutip dari TechCrunch, 3 pemimpin Google, Larry Page, Sergey Brin, dan Eric Schmidt, dikabarkan menambah jumlah pesawat pribadinya total menjadi delapan buah.
Seperti yang diberitakan sebelumnya, mereka juga akan membayar 33 juta dollar AS untuk perbaikan

Hangar One, sebuah hanggar pesawat yang dibangun pada 1930. Hangar One yang berada hanya beberapa kilometer dari Googleplex, rencananya akan dihancurkan, lalu dibangun kembali untuk tempat parkir pesawat pribadi Google.

Tahun 2007 lalu, trio ini membeli dua pesawat jet kecil tipe Gulfstream VS dan 1 Boeing 767 pertamanya. Pada tahun yang sama, Google kembali membeli satu pesawat Boeing, kali ini tipe 757. Tahun 2008, harian The New York Times melaporkan, Google memiliki pesawat tempur tipe Dornier Alpha. Google tidak memasang logo pada pesawat-pesawat tersebut.
Jika ditotal, jumlah pesawat tersebut baru ada lima. Berarti, ada tiga pesawat lagi yang belum terungkap oleh media.

Memang baru lima pesawat Google yang asal-usulnya sudah terkonfirmasi. Meski begitu, Direktur Operasional H211 Ken Ambrosius sempat mengatakan bahwa para bos situs mesin pencari itu memiliki delapan pesawat pribadi.
Di sisi lain, keputusan trio pemimpin Google ini menambah jumlah pesawat pribadi mereka sangat bertolak belakang dengan pencanangan Google Green.
Menggunakan pesawat pribadi bisa disebut tidak ramah lingkungan bagi para pemimpin perusahaan yang selalu membanggakan Google sebagai green company.

Sumber : Techcrunch dan KOMPAS.com

Video Rebecca paling banyak di klik di youtube 2011

2011-12-26T06:28:00.000+07:00

Video Rebecca Black,
Penyanyi sensasional Rebecca Black merajai daftar sebagai video yang paling banyak dilihat di Youtube pada tahun 2011. Video lainnya yang paling banyak dilihat antara lain menampilkan binatang, bayi yang berbicara, dan bintang pop Michael Bolton.
Perhitungan video paling populer di Youtube tersebut, dihitung berdasarkan jumlah orang terbanyak yang melihat suatu video dari total video yang berjumlah lebih dari 1 miliar yang diunggah pada website milik Google tersebut.
Video yang paling banyak dilihat di Youtube dengan kategori mulai dari berita, politik, hingga video musik.
Gambar yang menampilkan gelombang tsunami yang diakibatkan oleh gempa bumi hebat di Jepang menempati video berita yang paling banyak diakses tahun ini. Selain itu, video yang berisi seorang bersepeda yang diserang oleh seekor rusa merupakan video olahraga yang paling banyak dilihat.
Sementara video tutorial yang paling banyak dilihat adalah video yang berisi 25 cara untuk memakai syal dalam waktu 4,5 menit.

Yang koneksi internetnya ok silahkan nonton

sumber

Empat mitos tentang blog

2011-12-24T19:56:00.001+07:00

سْمِ اللهِ الرَّحْمنِ الرَّحِيمِ
Assalamualaikum Wr. Wb . . .

Blog kini menjadi media sharing yang populer dipakai banyak orang di Internet. Meski populer, masih banyak orang yang berpandangan lain soal blogging. Sebagian menganggap blog tidak lebih dari sekadar buku harian online. Sebagian lagi menganggap blog tidak kredibel dijadikan sumber informasi, dan argumen-argumen lainnya. Benarkah demikian? Berikut ini beberapa mitos blogging yang umum.

Mitos 1: Blog identik dengan remaja yang curhat pengalaman pribadi

Pada awal kemunculannya, blog memang banyak dipakai sebagai ‘buku’ harian online. Orang bisa berbagi cerita, pemikiran dan kegiatan mereka dengan teman dan keluarga.
Saat ini blog sudah berkembang menjadi sebuah platform manajemen konten yang efisien. Modal yang dibutuhkan hanya keterampilan menulis dan mengemas informasi agar lebih informatif dan bermanfaat buat orang lain.

Sebuah blog profesional bahkan bisa bersaing dengan koran/majalah atau website lain. Selain itu saat ini perusahaan di seluruh dunia banyak yang mengadopsi blog sebagai media pemasaran dan hubungan eksternal dengan pelanggan.

Mitos 2: Nggak ada yang baca blog

Siapa bilang? Beberapa studi market menyatakan bahwa blog kini sudah dapat dianggap sebagai media mainstream. Artinya, blog dianggap bisa dijadikan acuan sumber informasi. Tentu tidak semua blog bisa dijadikan sebagai media mainstream.
Nah, salah satu contoh blog media mainstream adalah http://engadget.com, sebuah blog profesional yang fokus pada informasi seputar gadget dan elektronik konsumen. Blog ini berhasil memposisikan diri sebagai salah satu acuan informasi bagi pembaca. Dan kini sudah banyak blog-blog profesional yang lahir dengan bermacam topik.

Mitos 3: Blog tidak bisa menghasilkan uang

TechCrunch, Problogger, Engadget adalah beberapa di antaranya yang berhasil meraup penghasilan dari blog mereka. Kunci sukses ngeblog adalah fokus, konsisten dan unik. Asalkan Anda fokus dan konsisten mengelolanya, percayalah akan semakin banyak yang mengunjungi blog Anda. Namun ingat, selain fokus dan konsisten, Anda juga harus menyuguhkan konten yang berkualitas dan bermanfaat untuk orang lain.
Sebelum membuat blog, tentukan topik apa yang akan Anda ulas, apakah Anda memang tertarik dengan topik tersebut karena nanti akan berhubungan dengan konsistensi Anda menulis. Jika tak suka dengan topiknya, bisa jadi Anda juga jarang mengupdate blog tersebut.

Jika tulisan Anda dinilai berkualitas, tidak menutup kemungkinan Anda akan diundang jadi pembicara atau menulis buku/artikel di website lain. Ketenaran sebuah blog tidak bisa dibangun dalam hitungan jam atau hari, jadi dedikasikan sedikit waktu Anda setiap hari untuk blogging.

Mitos 4: Mengapa ngeblog, buat website saja

Blog menawarkan banyak keunggulan dibandingkan website tradisional. Tidak seperti membuat sebuah website, proses membuat blog sangatlah mudah. Anda tidak perlu menjadi seorang yang ahli di bidang pemrograman. Anda bahkan tidak perlu memikirkan bagaimana desain tampilannya karena blog punya banyak theme yang bisa didapatkan secara gratis maupun berbayar.

Content management system yang ditawarkan blog juga sangat mudah. Blog juga memudahkan interaksi antar pembaca, artinya blog bisa dikatakan dapat mewakili sebuah platform yang sangat efisien untuk membangun sebuah komunitas. Di Indonesia sendiri, jumlah blog yang saat ini sudah terjaring berjumlah 5.331.487
(data: salingsilang.com, per 30 November 2011).

Metrotvnews.com

Link dalam komentar & admin

2011-12-21T16:26:00.000+07:00

سْمِ اللهِ الرَّحْمنِ الرَّحِيمِAssalamualaikum Wr. Wb . . .

Link dalam komentar, apa maksud dari kata - kata itu, maksud saya disini entah kenapa dalam beberapa komentar - komentar yang saya dapat di blog ini, itu ada link blog nya yang di tuliskan di dalam komentar nya, yang seharus nya tidak di tuliskan karena biarpun tidak di tulis link blog nya saya akan tetap berkunjung ke blog nya karena kan link profil blogger nya sudah ada jadi nanti pasti sudah ada link yang menuju ke blog nya jadi apa alasan mereka menaruh link nya . . . . ??

Dan satu lagi yang ingin saya tanyakan jangan emosi atau apa ya sobat saya hanya ingin bertanya saja, kenapa sih setiap komen pasti menggunakan kata admin di depan atau pun di belakang nama profil...??
tanpa kata admin pun para blogger kan sudah tau kalau sampean sebenarnya admin blog itu..!

Membuat gambar meledak

2011-12-15T09:44:00.004+07:00

سْمِ اللهِ الرَّحْمنِ الرَّحِيمِ
Assalamualaikum Wr. Wb . . .

Hai Sobat kali ini saya mau share tentang Jquery Nih, kali ini tentang efek ledakan yang dahsyat pada sebuah foto atau image hehehe seperti apa efeknya Cek it Dot

DEMO

Kurang lebih seperti itu efeknya gan Gimana Apa ada yang tertarik ..........??
Ok Langsung Aja ke Tutornya :

1. Masuk di blog
2. klik rancangan
3. klik tambah gadget
4. klik html/javascript
5. masukan kode di bawah ini di dalamnya

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js' type='text/javascript'></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js" type="text/javascript"></script>
<script type='text/javascript'>
$(document).ready(function(){
$("#hide").click(function(){
$(".meledak").hide("explode", {pieces:36}, 2000);});
$("#show").click(function(){
$(".meledak").show("bounce", {direction:"up", times:4}, 200);});
});
</script>
<style>
.meledak{
margin-left:150px;
}
.meledak img{
background:#333;
border:5px solid #222;box-shadow:0 0 5px 2px #00f;
}
#show{
text-align:center;
}
</style>
<button id="show">Kembalikan gambarnya!!!</button>
<div class="meledak">
<div id="hide">
<img src="http://infogres.com/wp-content/uploads/2011/10/ayu_ting_ting.jpg"/></div>
</div>

Perhatikan kode berwarna biru dengan merah

biru : itu adalah kode gambar saat di klik jika anda ingin gambarnya meledak tanpa di klik
( hanya di sorot cursor meledak ) ganti .click menjadi .hover DEMO
merah : itu adalah url gambar silahkan ganti dengan url gambar anda sendiri setelah itu klik SIMPAN, dan lihat hasilnya.

semoga bermanfaat

Apa ini efek perbaikan blogger

2011-12-14T06:50:00.000+07:00

سْمِ اللهِ الرَّحْمنِ الرَّحِيمِ
Assalamualaikum Wr. Wb . . .

sembari update aku pengen kasi tau nih kayak nya blogger ada perbaikan ya, mulai dari kotak komentar yang ada tulisan

masukan komentar anda ( enter your comment )

nah kemarin juga blogku berubah yang semula semua elemennya di tengah akibat saya kasi responsive sekarang udah kembali normal, tapi ketika saya buka pagi2 ( 14 desember 2011 )
malah tampilannya agak aneh menu yang semula tidak muncul di elemen laman sekarang jadi muncul nih model nya

semula karena saya kasi responsive tampilannya tidak seperti itu tapi beberapa hari setelah itu berubah sendiri seperti itu, ya mungkin ini adalah perbaikan dari blogger.

CSS Gradient Generator

2011-12-10T13:42:00.002+07:00

سْمِ اللهِ الرَّحْمنِ الرَّحِيمِ

Assalamualaikum Wr. Wb . . .

CSS Gradient Generator hai sobat kali ini saya akan share CSS gradient generator sebenarnya Css gradient generator ini sudah lama saya pakai tapi baru sempat di share Nah Css gradient generator ini sangat bagus buat anda yang suka dengan warna gradient jadi nanti anda tinggal pilih - pilih warna nya saja dan mengatur nya habis itu sudah tinggal copy kode nya.

CSS Gradient Generator ini menurut saya sangat bagus sekali karena kode yang di berikan bukan hanya satu melainkan banyak, jadi anda tidak usah menulis untuk kode di firefox, opera mini, IE,w3c, karena CSS Gradient Generator sudah menyiapkannya jadi kita tidak usah membuat kode untuk Firefox,IE,Opmin,w3c, karena disitu sudah lengkap jadi tinggal comot aja hehehe :)

kode nya bisa anda ambil dan silahkan anda ganti background yang ada di blog anda dengan kode background yang ada di CSS gradient generator, kode di blog anda biasa nya seperti ini
background:#fff intinya adalah background jadi kalau mau mengganti dengan kode di css gradient silahkan anda hapus kode background:#... dan masukan kode background yang ada di Css gradient tadi habis itu save beres dah.

Ok deh ini Link nya silahkan klik dan silahkan Nikmati Gradient nya

CSS Gradient Generator

Kumpulan Box shadow

2011-12-07T19:21:00.002+07:00

سْمِ اللهِ الرَّحْمنِ الرَّحِيمِ
Assalamualaikum Wr. Wb . . .
Box Shadow Buat Para blogger, Nih ada beberapa kumpulan box shadow yang aku dapat dari css3.info,Dan semoga bermanfaat, di bawah ini contoh nya

Contoh A

-webkit-box-shadow: #1CF -5px -5px;
-moz-box-shadow: #1CF -5px -5px;
box-shadow: #1CF -5px -5px;

Contoh B

-webkit-box-shadow: #1CF -5px -5px 5px;
-moz-box-shadow: #1CF -5px -5px 5px;
box-shadow: #1CF -5px -5px 5px;

Contoh C

-webkit-box-shadow: #1CF -5px -5px 0 5px;
-moz-box-shadow: #1CF -5px -5px 0 5px;
box-shadow: #1CF -5px -5px 0 5px;

Contoh D

-webkit-box-shadow: #000 -5px -5px 5px 5px;
-moz-box-shadow: #1CF -5px -5px 5px 5px;
box-shadow: #1CF -5px -5px 5px 5px;

Contoh E

-webkit-box-shadow: #000 0 0 5px;
-moz-box-shadow: #000 0 0 5px;
box-shadow: #000 0 0 5px;

Contoh F

-webkit-box-shadow: #1CF 0 0 5px 5px;
-moz-box-shadow: #1CF 0 0 5px 5px;
box-shadow: #1CF 0 0 5px 5px;

Contoh G

-webkit-box-shadow: #1CF -5px -5px inset;
-moz-box-shadow: #1CF -5px -5px inset;
box-shadow: #1CF -5px -5px inset;

Contoh H

-webkit-box-shadow: #1CF -5px -5px 5px inset;
-moz-box-shadow: #1CF -5px -5px 5px inset;
box-shadow: #1CF -5px -5px 5px inset;

Contoh I

-webkit-box-shadow: #1CF -5px -5px 0 5px inset;
-moz-box-shadow: #1CF -5px -5px 0 5px inset;
box-shadow: #1CF -5px -5px 0 5px inset;

Contoh J

-webkit-box-shadow: #1CF -5px -5px 5px 5px inset;
-moz-box-shadow: #1CF -5px -5px 5px 5px inset;
box-shadow: #1CF -5px -5px 5px 5px inset;

Contoh K

-webkit-box-shadow: #000 0 0 5px inset;
-moz-box-shadow: #000 0 0 5px inset;
box-shadow: #000 0 0 5px inset;

Contoh L

-webkit-box-shadow: #1CF 0 0 5px 5px inset;
box-shadow: #1CF 0 0 5px 5px inset;
box-shadow: #1CF 0 0 5px 5px inset;

kode kode itu bisa di tambahkan di #outer-wrapper, #main-wrapper atau di mana aja anda ingin menggunakannya, tinggal copy aja :)

Blogger ASEAN Kian Diperhitungkan

2011-12-04T16:26:00.001+07:00

سْمِ اللهِ الرَّحْمنِ الرَّحِيمِ
Assalamualaikum Wr. Wb . . .

Duta Besar Amerika Serikat untuk ASEAN, David Carden, menilai para blogger di Asia Tenggara makin memberi pengaruh positif bagi negeri mereka masing-masing dan, pada akhirnya, bagi kawasan.
Integrasi kawasan di Asia Tenggara yang dicita-citakan para pemerintah ASEAN juga berkat publik masing-masing, termasuk peran para blogger dalam laman pribadi mereka (blog) di Internet.

"Dengan cara yang efektif, yaitu lewat internet, kalian memberi peran tersendiri bagi kemajuan ASEAN. Melalui blog-blog yang kalian kelola, publik jadi makin sadar akan pentingnya mengantisipasi ancaman pandemi penyakit dan bagaimana mencegah masalah secara bersama dan pentingnya integrasi ekonomi di kawasan," kata Carden di kediamannya di Jakarta, 3 Desember 2011.

Carden bersama istri dan sejumlah diplomat Amerika saat itu menyambut kunjungan para blogger dari sembilan negara ASEAN. Mereka berada di Jakarta, 2-4 Desember 2011, dalam rangka memeriahkan forum ON/OFF, yang dulu dikenal sebagai Pesta Blogger.

Carden menilai bahwa selama ini masih banyak publik di ASEAN yang belum menyadari pentingnya upaya bersama mengatasi masalah-masalah regional, seperti wabah penyakit, penanggulangan bencana alam, dan pencegahan masalah-masalah lain.

"Para blogger perlu rajin menyuarakannya. Teruslah sampaikan ke publik, ke media, ke pemerintah, dan juga ke diplomat mengenai isu-isu yang harus mendapat perhatian bersama," lanjut Carden.
Berbagi Pengalaman
Sementara itu, seorang blogger bernama Flow Galindez dari Filipina mengungkapkan sudah ada gagasan untuk saling memperkenalkan budaya masing-masing. "Satu contoh saja adalah di bidang kuliner. Ini menarik karena Filipina, Indonesia dan negara-negara ASEAN lain kaya akan keberagaman kuliner. Cita rasa pun tidak jauh berbeda," kata Galindez, pengelola blog http://angsawariko.com

Di Indonesia, Galindez menarik pelajaran akan perlunya membentuk komunitas-komunitas blogger. "Ini yang belum ada di Filipina, sedangkan saya menemukan banyak komunitas blogger di Indonesia. Saya bahkan sudah terhubung dengan sepuluh komunitas blogger di sini," kata Galindez, yang juga seorang pegiat masalah pendidikan, kesehatan dan lingkungan hidup negaranya.

Blogger dari Kamboja, Kounila Keo, menilai bahwa blogger dari negaranya maupun dari Indonesia bisa berbagi pengalaman dan masalah, yang relatif sama. "Kamboja juga punya masalah dengan pornografi lewat Internet dan rendahnya kepercayaan publik atas para penegak hukum," kata Keo, pemilik alamat blog http://blueladyblog.com.

"Kamboja pun masih berjuang mengatasi korupsi. Contohnya saja bagaimana kami ujung-ujungnya harus membayar uang pelicin untuk mengurus kartu identitas secara cepat. Mengurus KTP di sana bisa makan waktu dua bulan," kata Keo, yang juga menjadi jurnalis lepas untuk suatu kantor berita asing di Kamboja.

vivanews.com

Hilangkan postingan di homepage

2011-11-30T14:55:00.000+07:00

سْمِ اللهِ الرَّحْمنِ الرَّحِيمِ

Assalamualaikum Wr. Wb . . .

Hilangkan postingan di homepage, hemmm langsung saja ke cara nya ya, dari pada berbelit - belit nanti malah gak ada yang baca hehehhe

1. Masuk di blog anda
2. klik setelan / setting
3. klik Format
4. beri nilai 0 ( nol ) pada posting
Lihat gambar di bawah ini biar lebih jelas ( klik biar membesar )

5. KLik Save Setting atau Simpan setelan

Nah sekarang pasti di halaman HOMEPAGE anda ada Tulisan peringatan atau biasa di bilang
" message status Wrap " nah gimana cara menghilangkannya tenang saya udah ada kode nya untuk menghilangkan " message status Wrap " dan ini kode nya .status-msg-wrap
nah biar tulisannya menghilang silahkan simpan kode di bawah ini di atas kode ]]></b:skin>

.status-msg-wrap { display:none !important; }
.status-msg-wrap {display:none;}

Nah setelah anda simpan kode nya silahkan anda pergi ke tab Elemen laman lalu klik Tambah gadget dan pilih html/javascript lalu masukan kode di bawah ini di dalam nya

<style type='text/css' media='screen'>
.systemOfblog {
width:95%;
background: #478;
padding:10px;
margin:4px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-style:double;
border-width:2px #888;
}
.systemOfblog h5 {
color: rgb(0, 0, 0);
font-size:25px;
font-family: "Plastische Plakat\-Antiqua";
text-align:center;
background: #AAA;
padding:5px;
margin:3px 3px 9px 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 0 4px rgb(0, 187, 0);
-webkit-box-shadow: 0 0 4px rgb(0, 187, 0);
box-shadow: 0 0 4px rgb(0, 187, 0);
}
.systemOfblog li {
list-style:none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: rgb(110, 0, 520);
padding:5px;
margin:3px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
border:1px solid black
}
.systemOfblog li:before {
content:'\2020';
color:#000;
font-weight:bold;
font-size:20px
}
.systemOfblog li:hover {
list-style:none;
background: rgb(200, 0, 0);
padding:5px;
margin:3px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
}
.systemOfblog li a,a:visited {
padding:5px;
margin:4px;
font-family: "Puritan";
text-decoration:none;
font-size:15px;
text-transform:uppercase;
letter-spacing:2px;
color: #888;
}
@font-face {
font-family: "Puritan";
src: url(http://www.princexml.com/fonts/steffmann/Puritan.ttf) format("truetype");
}
@font-face {
font-family: "Plastische Plakat\-Antiqua";
src: url(http://www.princexml.com/fonts/steffmann/PlastischePlakatAntiqua.ttf) format("truetype");
}
</style>

<div class='systemOfblog'>
<h5>Postingan SYSTEM OF BLOG</h5>
<li><a href='http://sin1aja.blogspot.com/2011/11/buat-style-blogmu-dengan-tag-bif.html' target='_blank'>Buat Style Blogmu</a></li>
<li><a href='http://sin1aja.blogspot.com/2011/11/ternyata-aku-harus-update.html' target='_blank'>Ternyata Aku Harus Update</a></li>
<li><a href='http://sin1aja.blogspot.com/2011/11/serba-11-tentang-zhntho.html' target='_blank'>Serba 11 tentang Aku</a></li>
<li><a href='http://sin1aja.blogspot.com/2011/11/template-minima-modern.html' target='_blank'>Template Minima Modern</a></li>
<li><a href='http://sin1aja.blogspot.com/2011/11/terapkan-blogazine-di-blogspot.html' target='_blank'>Menerapkan blogazine di blogspot</a></li>
<li><a href='http://sin1aja.blogspot.com/2011/11/met-ultah-blogku.html' target='_blank'>met ultah blogku</a></li>
</div>

Perhatian : Kode di atas harus anda simpan di atas Posting Blog
Lihat Gambar di bawah ini biar jelas ( klik untuk memperbesar )

Nah setelah itu silahkan Anda klik SIMPAN,
Dan Lihat Hasil nya.

Perhatian :

kode berwarna kuning silahkan anda ganti sesuai keinginan anda
kode berwarna biru silahkan anda ganti dengan url postingan sobat
kode berwarna merah silahkan anda ganti dengan judul link anda

Catatan :
saya membuat ini secara manual jadi seperti itu perjalanan membuatnya.
jadi ketika ada postingan baru maka saya akan mengganti url yang ada di daftar dengan url postingan terbaru saya. jadi anda yang ingin ikut dengan cara saya beginilah agak repot tapi kalau anda tidak mau repot ya tidak usah ikuti, tapi jika anda tidak ingin repot silahkan anda gunakan Gadget recen post dan letakan di posting blog tadi, setelah itu klik SIMPAN.
hufft Tumben nulis sepanjang ini semoga anda mengerti kalau tidak mengerti duhhh :)

Buat style blogmu dengan tag b:if

2011-11-30T13:03:00.001+07:00

سْمِ اللهِ الرَّحْمنِ الرَّحِيمِ

Assalamualaikum Wr. Wb . . .

Postingan kali ini saya akan membahas tentang tag <b:if> tag ini mampu membuat blog kita tampil beda dari pada yang lain, jadi simak baik - baik ya, gak nyimak juga gak apa2 hehehe
bagi yang ingin membuat blog nya tampil beda pasti nyimak ( ngarep ), ok mari kita mulai,

Catatan :
Semua kode di bawah ini penyimpanannya di atas kode </head>

1. Tag Untuk Tampilan homepage

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>

Disini kode CSS untuk tampilan homepage

</style>
</b:if>

Sebagai Contoh untuk tampilan Homepage saya beri seperti ini

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
body { background:#090; }
#main-wrapper { background:#0a0; }
#sidebar-wrapper { background:#999; }
#outer-wrapper { background:#ddd; }
</style>
</b:if>

Coba anda simpan kode tersebut di atas kode </head>
Lalu klik Pratinjau terlebih dahulu, dan lihat tampilan homepage anda jika sudah silahkan
simpan template anda.
Anda bisa ganti kode CSS nya sesuai dengan kode yang ada di template anda, kode warna nya juga silahkan sesuaikan dengan warna kesukaan anda lihat KODE WARNA
Kode ini juga bisa anda manfaatkan untuk menghilangkan widget di halaman Hompage dengan menambahkan kode display:none; Contoh anda ingin hilangkan widget followers, terlebih dahulu anda cari ID dari widget follower tersebut anda bisa baca, cara mencari ID widget
Nah kalau anda sudah mengerti mari kita lanjutkan, lalu bagaimana cara menghilangkannya anda cukup memCopy ID nya lalu buat seperti ini #Followers1 { display:none; }
Beri tanda # ( pagar ) sebelum ID widget.
Jadi Nanti Kode nya Seperti ini,

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
body { background:#090; }
#main-wrapper { background:#0a0; }
#sidebar-wrapper { background:#999; }
#outer-wrapper { background:#ddd; }
#Followers1 { display:none; }
</style>
</b:if>

Nah jika widget anda ingin di hilangkan di halaman hompage maka seperti itu cara nya, jadi cari terlebih dahulu ID widget nya lalu beri kode seperti itu.
OK kita lanjut ke tag selanjutnya, saya tidak jelaskan lagi karena cara nya hampir sama dengan yang saya jelaskan di atas.

2. Tag Untuk Tampilan Postingan
Tampilan ini akan muncul saat seseorang mengklik / membaca postingan kita

<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>

Disini Kode CSS untuk tampilan Postingan

</style>
</b:if>

3. Tag Untuk Tampilan Archive
Tampilan ini akan muncul saat seseorang mengklik Arsip kita, misalnya seseorang mengklik arsip kita di bulan November maka tampilan ini akan muncul.

<b:if cond='data:blog.pageType == "archive"'>
<style type='text/css'>

Disini Kode CSS untuk tampilan Archive

</style>
</b:if>

4. Tag Untuk Tampilan Halaman Statis atau biasa di sebut Laman

<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>

Disini Kode CSS untuk tampilan Halaman Statis

</style>
</b:if>

5. Tag Untuk Tampilan Label
Tampilan ini akan muncul saat seseorang mengklik Label / kategori yang ada di blog kita.

<b:if cond='data:blog.searchLabel'>
<style type='text/css'>

Disini Kode CSS untuk tampilan Halaman Label

</style>
</b:if>

6. Tag Untuk Tampilan Halaman tertentu
Tag ini berfungsi untuk menampilkan suatu objek yang hanya tampil pada URL halaman tersebut saja

<b:if cond='data:blog.url == "URL HALAMAN"'>
<style type='text/css'>

Disini Kode CSS untuk tampilan Halaman tertentu

</style>
</b:if>

Contoh anda ingin menampilkan widget Followers hanya di postingan parse kode html
Maka Tag nya akan menjadi seperti ini

<b:if cond='data:blog.url == "http://sin1aja.blogspot.com/2010/11/parse-kode.html"'>
<style type='text/css'>

Disini Kode CSS untuk tampilan Halaman tertentu

</style>
</b:if>

Maka secara otomatis widget Followers nya hanya tampil di postingan Parse kode HTML, selain di postingan Parse kode HTML, maka Widget Followers nya tidak akan muncuL.
Mudah2 postingan ini bisa membantu anda dalam mendesain blog anda.

Ternyata aku harus update

2011-11-29T16:03:00.001+07:00

سْمِ اللهِ الرَّحْمنِ الرَّحِيمِ

Assalamualaikum Wr. Wb . . .

kenapa aku harus update. . . .??
Pertanyaan itu muncul di otaku. .. . . . .( kira - kira kenapa aku harus update )
waktu ngecek - ngecek blog di Google.com dengan kata kunci system of blog ternyata saya berada di urutan nomor satu tapi susah Loh dapetin urutan nomor satu di Google.com saya harus update tiap hari biar dapet site Link, dari Google.com tidak sama dengan Google.co.id kalau di Google.co.id saya ketikan kata kunci System of blog saya sudah dapat site Link, tapi kalau di Google.com saya harus punya update-an artikel / postingan baru bisa menikmati site link dari google.com aku juga heran kenapa begitu ya. . . ??
tapi untunglah saya bisa menikmati itu, seandainya blog ini dari dulu membuat artikel yang original mungkin dalam beberapa bulan sudah bisa menikmati semua itu, tapi namanya blogger awam ya gitu suka copas, aku sekarang jadi mikir ternyata benar kata dari blogger - blogger yang sudah berpengalaman bahwa orang yang baru bikin blog biasanya suka copas karena mereka bingung mau mengisi blog nya dengan postingan apa. setelah membaca banyak artikel tentang copas akhirnya saya memutuskan untuk membuat original konten.

Nah sekarang bagi blogger - blogger yang baru bikin blog dan juga blogger yang sudah punya blog segeralah membuat postingan yang original gak susah kok kita bisa mengisi blog kita dengan :

1. curhatan kita,
2. keseharian kita ( kejadian sehari - hari ),
3. Tentang memori - memori kita jaman dulu ( masa2 sekolah atau kenangan yg tak terlupakan )
4. Tentang wisata yang ada di daerah kita
( ini juga bagus buat perkembangan wisata yang ada di daerah kita )
5. Tentang sekolah kita
6. Kesedihan kita
7. Curhat masalah pacar
8. Menulis puisi bagi yang bisa berpuisi
9. menulis tentang apa yang kita sukai
10. Membuat pantun ( aku suka nih siapa yang punya pantun. . .? )
11. Menulis pelajaran atau tugas kita di sekolah juga bisa
12. Menulis tentang hobi kita
13. Apa Lagi ya Pokok nya banyak deh,
Buat yang Mau Nambahin silahkan tambahkan di komentar hehehe

Mungkin anda bisa ambil salah satu poin atau beberapa poin di atas untuk referensi anda dalam membuat postingan yang original, karena Google sangat sayang dengan blog yang ber-konten original mungkin itu sedikit curhatan saya jarang - jarang Lo saya bisa curhat seperti ini wassalamualaikum wr. wb....

Serba 11 tentang Zh!ntho

2011-11-27T13:57:00.002+07:00

سْمِ اللهِ الرَّحْمنِ الرَّحِيمِ

Assalamualaikum Wr. Wb . . .

Emmm malem - malem BW gak taunya ada si mbak ( siapa ya namanya . . .? ) pokok nya yang punya blog ..:..Rez Iras ..:.. komen di blog ini, dan bilang kalau aku dapat PR dari blog dia, hemmm sembari update blog aku kerjain deh PR nya emmm ok ini dia Serba 11 tentang aku

1. Saya anak Pertama dari 2 bersaudara
2. Paling suka main gitar & online juga
3. Pemalu terhadap cewe
4. Jarang Ngomong sama cewe ( sampe" cewe heran karena saya pendiam )
5. Paling benci liat orang 4lay
6. Suka cewe apa adanya yang penting baik ( sayang cewe gak ada yang mau )
7. Suka banget sama foto / wallpaper seram
8. Suka SMS-an ( gak suka nelfon )
9. Suka musik Cadas & melow
10. Suka sedih kalau sedang dengerin lagu mellow
( ini nih yang aku heran padahal aku gak begitu menghayati nya tapi kok tetep sedih ya )
11. Kadang sering ke GR an ( ini nih contoh buruk :) suka ke GR an hehehe )

☣ Menjawab Pertanyaan dari Mas Andri

1. Kapan pertama kali kamu JERAWATAN ?

jawab : mulai masuk SMK

2. Apa judul NOVEL PERTAMA yang kamu baca ?.

jawab : belum pernah baca novel ( maklum Ndeso )

3. Kalau di suruh milih, HARTA atau NYAWA, kamu pilih mana ?
.
jawab : Pilih apa ya #bingung

4. Apa arti "KENANGAN" buat hidup kamu ?

jawab : Arti kenangan menurut saya itu adalah pelajaran untuk menjadi lebih dewasa.

5. Apa definisi "CINTA" menurut kamu ?

jawab : Cinta adalah rasa kasi sayang yang kita beri kepada orang yang kita suka,

6. Apa "kata-katamu" untuk KECOAK WC yang tak senonoh mencium pipi kamu ?

jawab : hehehehe untung belum pernah kalau pun kejadian langsung mati di TKP tuh kecoak

7. Apa JUDUL PILEM yang kamu tonton lebih dari 5 kali ?

jawab : Crows Zero ( aku suka film ini karena keren banget )

8. TEMPAT PALING ROMANTIS menurut kamu itu di mana ? Kenapa ?

jawab : di tempat yang sepi,, berhubung saya pemalu jadi cari tempat yang gak banyak orang

9. Kalau DI SURUH MASAK untuk orang tercinta, kira-kira kamu mau masak apa ?

jawab : Masak apa yang dia sukai

10. LAGU apa yang paling suka dinyanyiin ketika berdua sama sang pacar atau mantan pacar ?

jawab : apa ya belum pernah nyanyi sih kalau sama pacar ataupun mantan

11. TIGA KATA ketika kamu sedang berhadapan di depan cermin ?

jawab : Ganteng ( narsis ), Jelek ( kalau lagi datang rasa rendahQ ), pendek, ( ngerasa pendek aja )

☣ Menjawab Pertanyaan dari Mbak Rez Iras

1. Apa yang paling kamu sukai dari diri kamu?

jawab : semuanya aku suka

2. Hal apa aja yang biasanya kamu curhatkan ke teman kamu?

jawab : Biasa sih masalah cewe

3. Target merit usia berapa?

jawab : gak tau, masih gak mikirin

4. Status kamu sekarang?

jawab : Pacaran ( ada yg mau daftar . . .?? hehehe )

5. Lebih pilih dicintai atau mencintai?alasan?

jawab : dicintai, alasan,, karena kalau mencintai dan kita gak dapetin cinta itu bisa sakit hati jadi mending di cintai

6. Ada sapa di sampingmu sekarang?

jawab : Gak ada siapa2 ( memang biasa sendiri )

7. Apa arti keberhasilan menurutmu?

jawab : keberhasilan adalah kesuksesan seesorang yang di dapatkan dari hasil kerja kerasnya

8. Orang yang romantis itu yang seperti apa menurut kamu?

jawab : seperti apa ya aku aja gak romantis

9. Pernah selingkuh atau diselingkuhin ga?? Rasanya gimana tuh?

jawab : pernah sih selingkuh, rasanya gak enak karena kasian sama cewe yang asli kita

10. 3 kata yang menggambarkan blogku

jawab : Pink, Admin blog, nya gak keliatan muka nya hehehe
( jangan marah mbak, pasang fotonya yg keliatan muka nya donk hehehhee PieCe),,
Cewe banget template nya :))

11. Pernah jatuh cinta di dunia maya ga?

jawab : pernah tapi cuman iseng2 aja karena orang nya juga gak di kenal.

Ok deh PR dah selesai, makasih mbak Iraz berkat sampean blog saya jadi ada IDE Update-an Nih, PieCe

Template Minima Modern

2011-11-24T05:14:00.005+07:00

سْمِ اللهِ الرَّحْمنِ الرَّحِيمِ

Assalamualaikum Wr. Wb . . .

Template Minima Modern ini sekarang saya kan bagikan kepada anda semua pengguna blogger / blogspot Untuk Demo nya silahkan Lihat pada Minima Modern

Nah bagi anda pecinta template klasik silahkan anda download template ini
Tapi dengan Syarat jangan menghapus Link saya yang ada di Footer template Minima Modern.

Beberapa kelebihan template ini

1. Fast Loading ( kecuali modem anda lemot ya ikut lemot juga hehe )
2. 2 Coloum
3. Readmore
4. Seo Friendly

Bagi anda yang ingin merubah menu nya Silahkan masuk di rancangan lalu klik Edit HTML
setelah itu Tekan CTRL + F atau F3 Lalu ketik Beranda nanti pasti anda temukan kode nya
ada di bawah header.

Ok Silahkan DOWNLOAD MINIMA MODERN

untuk menggunakan template nya silahkan anda download terlebih dahulu lalu silahkan masuk ke Rancangan Lalu ke Edit HTML lalu klik Browse atau Pilih berkas setelah itu klik Unggah.

Sekian dan wassalamualaikum Wr. wb. . . . Komen aja kalau ada kekurangan

Terapkan Blogazine di blogspot

2011-11-22T11:53:00.003+07:00

سْمِ اللهِ الرَّحْمنِ الرَّحِيمِ

Assalamualaikum Wr. Wb . . .

Terapkan Blogazine di blogspot, Bagaimana sih cara membuat blogazine. . . .??
itulah kata - kata saya saat awal mengenal blogazine, telusur dan menelusuri blog - blog orang demi mencari postingan yang membahas tentang blogazine, tapi saat itu ( nama nya orang awam )
padahal udah nemu postingan kayak gitu tapi ngertinya itu lama sekali, tapi setelah saya nemu blog mas rizky, saya baca dengan sangat perlahan dan penuh konsentrasi, alhamdulilah saya berhasil juga mengerti disitu, nah sekarang saya akan bagikan cara membuat blogazine,

Kalau anda ingin membuat blogazine anda harus memakai readmore otomatis ( readmore javascript )
cari saja di blog ini ada cara membuat readmore dengan javascript. jika anda tidak menggunakan readmore maka postingan di Homepage anda akan berantakan tampilannya karena custom post kita keliatan jadi kalau kita memakai readmore tampilannya akan biasa2 saja tapi saat postingan di klik untuk di baca maka tampilannya akan berbeda.

maka dari itu para blogaziner biasanya hanya memakai judul postingan saja di homepage atau kalau tidak biasa nya memakai readmore, Nah sekarang saya akan bagikan kode secara umum nya, kode ini biasa nya ada di template kita, tapi kalau ada yang tidak bekerja mungkin kode nya ada yang berbeda dengan kode di template anda, ok ini kode nya :

<style type="text/css">
body {
background:#999;
}
#header-wrapper,#header-inner,#sidebar-wrapper { display:none !important; }
#main-wrapper {
width:72.5555555%;
word-wrap: break-word;
overflow: hidden;
background:rgb(121,121,121);
padding:10px;
}
#outer-wrapper {
background:rgba(121,121,121,.6);
padding:5px;
}
</style>

Trus kode nya di apain . . . . .??
kode itu silahkan anda simpan di postingan anda pada mode EDIT HTML

untuk lebih jelas klik Gambar di bawah ini

Sekarang anda tau kan cara menyimpan kode nya, nah sekarang silahkan anda coba
di postingan anda, simpan kode di atas lalau PRATINJAU terlebih dahulu apakah ada yang berubah dari blog anda jika ada berarti kode nya berhasil jika tidak mungkin harus anda sesuaikan kode nya dengan kode yang ada di dalam template anda.
Untuk lebar nya silahkan anda sesuaikan kode nya :
kode lebar : 72.5555555%
Silahkan anda ganti dengan 800px atau berapa yang penting sesuai dengan blog anda

Ok deh, kalau ada yang gak bisa komen aja. wassalamualaikum wr. wb.. . .