MEMBUAT TOMBOL PADA POSTINGAN BLOG

Pada postingan saya kali ini,saya akan mencoba berbagi tips/atau cara membuat tombol pada postingan blog,tentunya menggunakan kode css dan html. .tombol css yang akan kita bahas cara membuatnya ini saya rasa sangat bagus untuk diaplikasikan pada postingan blog,kenapa begitu? yaa lebih jelasnya langsung lihat screenshot'nya dibawah ini saja sob. .hhe,daripada kelamaan ngejelasinya,dan langsung saja ke cara memasang pada blog kita. .
Cara membuat tombol pada postingan blog

CARA MEMBUAT TOMBOL MENGGUNAKAN CSS PADA BLOG

  • Pertama masuk ke blogger dashboard kalian
  • Langsung ke tempelate dan edit HTML
  • Kemudian cari kode ]]></b:skin pada tempelate anda
  • Copy kode CSS di bawah ini
  • Dan pastekan tepat diatas ]]></b:skin
.button
{
  cursor:pointer;
  text-align:center;
  padding:20px;
  border:2px solid rgba(255,255,255,.8);
  background:grey;
  width:250px;
  border-radius:150px;
  color:white;
  font:normal 40px 'sans-serif';
  box-shadow:0 5px 3px #000;
  -moz-box-shadow:0 5px 3px #000;
  -webkit-box-shadow:0 5px 3px #000;
  -ms-box-shadow:0 5px 3px #000;
  -o-box-shadow:0 5px 3px #000;
  transition:300ms ease-in-out;
  -ms-transition:300ms ease-in-out;
  -moz-transition:300ms ease-in-out;
  -webkit-transition:300ms ease-in-out;
  -o-transition:300ms ease-in-out;
}
.button:hover
{
  box-shadow:0 10px 4px #000;
  -moz-box-shadow:0 10px 4px #000;
  -o-box-shadow:0 10px 4px #000;
  -ms-box-shadow:0 10px 4px #000;
  -webkit-box-shadow:0 10px 4px #000;
  transform:translateY(-5px);
  -ms-transform:translateY(-5px);
  -o-transform:translateY(-5px);
  -webkit-transform:translateY(-5px);
  -moz-transform:translateY(-5px);
}
.button:active
{
  box-shadow:0 0 2px #000,inset 0 10px 5px #000;
  -ms-box-shadow:0 0 2px #000,inset 0 10px 5px #000;
  -o-box-shadow:0 0 2px #000,inset 0 10px 5px #000;
  -moz-box-shadow:0 0 2px #000,inset 0 10px 5px #000;
  -webkit-box-shadow:0 0 2px #000,inset 0 10px 5px #000;
  transform:translateY(10px);
  -ms-transform:translateY(10px);
  -o-transform:translateY(10px);
  -webkit-transform:translateY(10px);
  -moz-transform:translateY(10px);
}
Kalau kode CSS'nya sudah anda pasang pada tempelate,sekarang untuk cara menampilkan tombol di postingan gunakan kode HTML di bawah ini. . ! !
<div class="button">Live Demo</div>
KETERANGAN:
  • Yang berwarna biru ganti dengan link yang akan anda pasang dalam tombol
  • Dan yang berwarna merah silahkan ganti dengan Download,Demo,atau terserah anda
  • Jangan lupa pada saat akan memasukan kode HTML nya pada postingan klik HTML dulu jangan yang Compose. .
Nah begitulah sedikit cara membuat tombol untuk postingan blog menggunakan css,selamat mencoba dan bereksperimen. .  Sekian saya rasa artikel ini sudah selesai,bila ada pertanyaan maupun saran,silahkan tanyakan lewat komen. .
Read More

UPDATE MP3 POP INDO TERBARU 2013

Mungkin anda lagi mencari mp3 terbaru pop indonesia terbaru?Buat nambah koleksi mp3 di Handphone atau di Pc anda, disini tempatnya.Setelah kemarin saya buat postingan tentang download mp3 pop indonesia terbaru 2013,sekarang saya buat postingan lagi update daftar lagu pop indo terbaru 2013 paling hits di bulan ini, anda juga bisa download mp3 lagu terbaru pop indonesia terbaru 2013 disini,silahkan sob bagi yang mau download mp3nya langsung saja :
download mp3 pop indonesia terbaru 2013

DAFTAR MP3 POP INDO TERBARU 2013

  • Noah - Tergila gila
  • Noah - Perih
  • Noah - Terang menunggu
  • Citra scholastika - Seruan kebaikan
  • Angkasa - Sampai kapanpun
  • Lyla - Jangan datang lagi
  • D'masiv - Saat terbaik
  • Judika - Tiada lagi (Cover mayang sari)
  • Hello - Move on
  • Cherrybelle - Bukan cinderella
  • Syahrini - Cinta tapi gengsi
  • Lina marlina - Cowok gelo
  • Ungu - Bila tiba (ost. sang kyai)
  • Cakra khan - Lelah
  • Hijau daun - Titip hatiku
  • Maha dewa - Importal love (Cinta mati 4)
  • Mayang sari - Tak bisa kelain hati (cover kla project)
  • Seruni bahar - Buka dikit joss
  • Klik DISINI untuk download semua lagunya. . !!
Nah itulah daftar mp3 pop indo terbaru 2013,bila berminat langsung download saja mp3nya,tunggu update lagi mp3 paling hits dan terbaru 2013 selanjutnya,terimakasih dan selamat mendownload. .
Read More

ILUSI MATA GAMBARAN TENTANG KEHIDUPAN

Buat yang belum tau aja gan. .hhe silahkan dicoba.
Ini adalah Ilusi mata gambaran tentang kehidupan, jika kita fokus terhadap sesuatu maka perlahan pikiran yang bercabang akan menghilang.

Coba lihatlah dan Fokus pada titik merah pada gambar, jika kamu masih normal atau waras,maka perlahan lingkaran biru disekelilingnya akan terlihat berlahan menghilang,Dan sebaliknya jika kamu stres atau telah gila,maka warna biru akan smakin terlihat.

Penasaran pingin mencobanya?silahkan langsung dicoba sob lihat dan fokus di titik merah,pada gambar di bawah ini. .

Ilusi mata gambaran tentang kehidupan
Bagai mana hasilnya gan setelah anda amati gambar di atas,ya itu hanya ilusi atau memang begitu benar adanya?entah lah,yang jelas saya juga sudah mencobanya dan berlahan lingkaran biru itu hilang hanya menyisakan titik merah. .
Read More

OM SERA FULL ALBUM REGGAE TERBARU 2013

Selamat malam,pagi,siang,sore gan,kembali lagi pada postingan saya kali ini share mp3 danddut koplo terbaru,mungkin anda lagi mencari lagu-lagu terbaru dangdut koplo om sera album reggae?langsung saja gan bagi yang mau download mp3 dangdut koplo terbaru 2013 dari om sera full album reggae,buat pelengkap koleksi mp3 anda dengan lagu-lagu terbaru dan terupdate. .
dangdut koplo terbaru sera album reggae

DAFTAR LAGU OM SERA ALBUM REGGAE TERBARU

Nah itulah koleksi 12 lagu terbaru dari om sera album reggae terbaru 2013,jika suka dengan lagu-lagunya langsung di download aja gan. . ! ! sekian dan terimakasih sera mania dimanapun berada. . :))
MOHON PENGERTIANYA:
Kalau link download tidak bisa terbuka,itu berarti link download sudah saya hapus,karena ada larangan terkait dari pihak sera dan CHGB Record,karena seluruh isi konten lagu sera full album reggae terbaru sepenuhnya milik Sera dan CHGB record.
Read More

CARA BLOKIR NOMOR PENIPUAN LEWAT SMS

Label
Semakin banyak dan maraknya sms penipuan yang dilakukan oleh sbagian orang yang tidak bertanggungjawab,tentunya akan sangat mengganggu kita sbagai pengguna hanphone dengan adanya sms yang gak penting dan menyebalkan,pada postingan saya kali ini saya akan berbagi tips cara memblokir nomor penipuan lewat sms. .pasti anda juga pernah mendapat sms dari nomor asing yang menyatakan kita mendapat hadiah sejumlah uang atau masih banyak lagi modus dan berbagai cara dari si penipu tersebut,jika anda mendapat sms seperti itu,baiknya tidak usah dibalas karena bisa jadi hanya akan buang-buang waktu dan menyedot pulsa kita terus menerus secara otomatis. .
cara memblokir nomor sms penipuan

Berikut cara memblokir nomor penipuan lewat sms

1.BAGI PENGGUNA TELKOMSEL
Format SMS : penipuan#nomor si penipu#isi SMS tipuan lalu kirim ke 1166
Contoh : penipuan#081212­345678#selamat Anda mendapatkan 1 unit mobil Avanza dari Telkomsel poin dst lalu kirim ke 1166

2.BAGI PENGGUNA XL
Format SMS : Lapor#nomor si penipu#kasus yang dikeluhkan lalu kirim ke 588

3.BAGI PENGGUNA INDOSAT
Format SMS : SMS (spasi) nomor si penipu (spasi) isi SMS tipuan lalu kirim ke 726 - Jika sudah lebih dari dua orang yang melaporkan nomor SMS si penipu, maka nomor tersebut segera diblokir secara permanen oleh operator. Layanan ini gratis (sekedar info).

Dan bagi anda yang mengalami penipuan lewat trasaksi online,
cukup kirim kronologis dan nomor rekening si penipu ke email "cybercrime@pol­ri.go.id" POLRI akan langsung bertindak dengan memblokir ATM si penipu dan melacak keberadaannya untuk ditindak sesuai hukum yang berlaku.

Share ke saudara atau rekan anda yang lain kalau anda peduli sama mereka, kalo kagak peduli sih kagak usah...hhe
Read More

FREE DOWNLOAD FILM FAST AND FURIOUS 6

Label
Mungkin bagi anda yang belum sempat nonton film fast and furious 6,anda bisa download filmnya disini full movie,jadi anda bisa menonton di rumah atau dimanapun,emang benar-benar keren niy film jadi wajib untuk di tonton,silahkan langsung saja bagi yang mau download filmnya. . ! !

free download film fast and furious 6

INFO FILM FAST AND FURIOUS 6


Sutradara : Justin Lin
Produser : Neal H. Moritz, Vin Diesel, Michael Fottrell
Penulis : Chris Morgan
Pemeran : Vin Diesel, Paul Walker, Michelle Rodriguez, Jordana Brewster, Dwayne Johnson, Joe Taslim, Luke Evans, Gina Carano.
Studio : Original Film, One Race Films
Distributor : Universal Pictures
Tanggal Rilis : 24 Mei 2013 (USA)

SEDIKIT OCEHAN TENTANG FILM INI

The Fast and The Furious ini bercerita tentang seorang anggota LAPD yang ditugaskan untuk mengungkap kasus pencurian barang-barang elektronik. Kepolisian yang geram akhirnya memutuskan untuk mengutus seorang anggotanya untuk melakukan penyamaran.

Brian O'Conner (Paul Walker) terpilih untuk melakukan tugas tersebut. Brian O'Conner, sekarang bekerja untuk FBI di LA, tim dengan Dominic Toretto untuk menurunkan importir heroin dengan infiltrasi operasinya., karena latar belakang kepribadiannya dianggap sesuai dengan kehidupan para pencuri yang memang suka mengendarai kendaraan super cepat. Paul pun mulai melakukan aksinya. Dengan bermodalkan sebuah mobil berkecepatan tinggi, Paul berhasil meyakinkan anggota gank balapan liar di Los Angeles.

Paul akhirnya menjadi bagian dari anggota gank pimpinan Domenic Toretto (Vin Diesel). Seiring dengan penyilidikan kasus tersebut, Paul pun dekat dengan adik sang pimpinan gank, Letty (Michelle Rodriguez). Hubungan yang semakin erat dengan Dominic membuat Paul mulai meragukan keterlibatan pria ini, sementara sang atasan terus memberi tekanan supaya kasusnya cepat terungkap. Mau tau cerita lengkapnya?

Download film fast and furious 6 full movie 
PART 1 | PART 2 | PART 3 
Read More

MP3 DANGDUT KOPLO SAGITA TERBARU 2013

Mp3 dangdut koplo Sagita album ngamen 12 terbaru 2013, silahkan gan bagi yang belum download mp3 sagita terbaru 2013. .mumpung masih hangat gan hehe,buruan langsung download aja jika anda mengaku penggemar dangdut koplo terutama penggemar dari orkes melayu Sagita ini,dengan ciri khas musiknya djandhutt assolloley. .
sagita album ngamen 12

MP3 SAGITA ALBUM NGAMEN 12 

  1. Terhina - Sarah Brillian
  2. Wonogiri - Eny Sagita
  3. Wanita idaman lain - Sarah Brillian
  4. Cintai aku karena Allah - Sarah Brillian
  5. Ladys night life - Nella Karisma
  6. Ngamen 12 - Eny Sagita
  7. Oh yes oh no - Eny Sagita feat Dymas Tedjo
  8. Gede dowo - Indah Adira
  9. Gembang latar - Rina Amelia
  10. Perahu layar - Indah Adira
  11. Prei oplosan - Eny Sagita
  12. Rusaking jiwo - Rina Amlia
Itulah daftar mp3 terbaru sagita album ngamen 12,silahkan bagi yang mau download lagu-lagunya. .
terimakasih banyak sudah mampir di blog ini. .  :)
Read More

MP3 DANGDUT KOPLO OM MONATA TERBARU 2013

Lagi-lagi saya posting share dangdut koplo terbaru,kali ini yang akan saya share mp3 dangdut koplo dari om monata terbaru 2013 live di sukorejo ngoro,Banyak mp3 yang bisa anda download kali ini mp3 terbaru dari om monata sampai 21 lagu. .silahkan bagi yang mau download mp3nya. . !!
mp3 dangdut koplo terbaru om monata 2013

Mp3 dangdut koplo terbaru om monata live di sukorejo ngoro

  1. Asmara - Via vallen
  2. Caka - Ike lorentia
  3. Bulan dirantang cemara - Niken aprilia
  4. Buka sitik jooss - Utami dewi fortuna
  5. Caka - Neosari
  6. Dawai asmara - Via vallen
  7. Melodi cinta - Lilin herlina
  8. Bojoku nakal - Nurin
  9. Menggapai matahari
  10. Oplosan - Utami dewi fortuna
  11. Orang asing - Neosari
  12. Pesona - Rena KDI
  13. Gara gara senyuman - Anisa rahma
  14. Tersisih - Niken aprelia
  15. Tujuh purnama - Lilin herlina
  16. Dont worry - Shodiq Monata
  17. Bunga surga - Rena feat Shodiq
  18. Syalala - All artis Monata
  19. Tanda merah - Irama permatasari
  20. Teman biasa - Rena KDI
  21. Wedi karo bojomu - Ikke lorentiya
Itulah 21 koleksi mp3 dangdut koplo terbaru om monata live di sukorejo ngoro 2013,Atau anda bisa juga download mp3 om monata terupdate 2013 disini,bagi yang suka dengan lagu-lagu dari om monata silahkan langsung di download aja gann. .
terimakasih dan selamat mendownload. . 
Read More

DANGDUT KOPLO CS SANGKURIANG TERBARU 2013

Pada postingan saya kali ini,saya akan berbagi koleksi mp3 dangdut koplo dari campursari ringkes sangkuriang terbaru 2013,campursari ringkes sangkuriang ini berasal dari Dederan,mojogedang,karanganyar pimpinan Temon,Cs ringkes sangkuriang mempunyai ciri khas music tersendiri dalam membawakan lagu campursari maupun lagu-lagu pop dangdut koplo,yaitu dengan gerong woooyyyooo. .woyoo. . jossss. .yaitu sudah melekat dan menjadi ciri khas dari cs ringkes sangkuriang.
Nah bagi yang mau mendengar mp3 dari campursari ringkes sangkuriang,silahkan download mp3nya di bawah ini:

mp3 sangkuriang terbaru 2013

CAMPURSARI RINGKES SANGKURIANG TERBARU 2013

  1. Bintang kehidupan - Eva kharisma
  2. Apa salah dan dosaku - Ira shofira
  3. Buka sitik josss - Eva kharisma
  4. Durung kenal joko - Ira shofira ft Pancas
  5. Gawe kuciwo - Pancas
  6. Cinta damai - Pancas
  7. Mabuk bae - Eva kharisma
  8. Minyak wangi - Ira shofira
  9. Perawan kalimantan - Pancas ft Ira shofira
  10. Rok mini - Pancas
  11. Semarang boyolali - Eva kharisma
Nah itulah 11 mp3 lagu terbaru dari campursari ringkes sangkuriang terbaru 2013,bagi yang suka dengan mp3 sangkuriang silahkan langsung download mp3nya. . !!
Sekian dan terimakasih. .
Read More

UPDATE LAGI MP3 DANGDUT KOPLO OM MONATA TERBARU 2013

Update lagi gan,mp3  terbaru dangdut koplo dari Om Monata 2013 Live di Kudus,kali ini dengan banyak koleksi mp3 dangdut koplo om monata terbaru seperti biasa 13 lagu sekaligus.Silahkan bagi agan yang mau download mp3nya. . Langsung saja !!
Dangdut koplo terbaru om monata

Daftar lagu mp3 om monata 2013

  1. 1000 Alasan
  2. Asmara
  3. Berakit rakit kehulu
  4. Bebas merdeka
  5. Bojoku nakal
  6. Buka sitik josss
  7. Cobalah mengerti
  8. Dont worry
  9. Haruskah berakhir 2
  10. Jengah
  11. Lagu santai
  12. Perawan kalimantan
  13. Oplosan
Silahkan download mp3nya gan, Dan tambahkan di playlist anda dengan mp3 dangdut koplo om monata terbaru 2013, Sekoan artikel ini semoga bermanfaat dan happy blogging.
Read More

CARA MENAIKAN TRAFFIC BLOG DENGAN SISTEM MLM

Mau tahu Cara cepat menaikan traffic blog dengan sistem MLM? Jangan pernah menganggap remeh penyebaran produk dengan pemasaran sistem Multi Level Marketing . Dalam postingan kali ini saya mau mencoba mengajak kalian semua untuk memanfaatkan kedahsyatan faktor ini dan kecepatan penyebaran dalam bentuk backlink.
cara menaikan traffic blog

Caranya gampang kok, yang perlu sobat lakukan adalah meletakkan link-link berikut ini di blog atau artikel kalian :
  1. Kata Mutiara
  2. Sahabat Pena
  3. Pintu Taubat
  4. Babul Fatah
  5. Cinta Rosul
  6. Satrio Piningit
  7. Free Backlink
  8. Free Banner
  9. Andoelsean
  10. Backlink Gratis
Tapi ingat, sebelum kamu meletakkan link diatas, sobat harus menghapus peserta nomor 1 dari daftar. Sehingga semua peserta naik 1 level. Yang tadi nomor 2 jadi nomor 1, nomor 3 jadi 2, dst. Kemudian masukkan link sobat sendiri di bagian paling bawah (nomor 10). Jika tiap peserta mampu mengajak 5 orang saja, maka jumlah backlink yang akan didapat adalah:

Ketika posisi anda 10, jumlah backlink = 1
Posisi 9, jml backlink = 5
Posisi 8, jml backlink = 25
Posisi 7, jml backlink = 125
Posisi 6, jml backlink = 625
Posisi 5, jml backlink = 3,125
Posisi 4, jml backlink = 15,625
Posisi 3, jml backlink = 78,125
Posisi 2, jml backlink = 390,625
Posisi 1, jml backlink = 1,953,125


Dan semuanya menggunakan kata kunci yang anda inginkan. Dari sisi SEO anda sudah mendapatkan 1,953,125 backlink dan efek sampingnya jika pengunjung downline lalu mengklik link Anda itu, maka anda juga akan mendapatkan traffic tambahan.

Nah,  Silahkan copy paste artikel ini, dan hilangkan peserta nomor 1 lalu tambahkan link web anda di posisi 10. Ingat, Anda harus mulai dari posisi 10 agar hasilnya maksimal. Karena jika anda tiba2 di posisi 1, maka link anda akan hilang begitu ada yang masuk ke posisi 10. 
Read More

Cara menambah yahoo smileys pada komentar blogger

Sebagian besar pembaca atau pengunjung blog, jarang bahkan ada yang malas berkomentar di postingan kita,apalagi bila mereka berkunjung ke blog yang sangat membosankan.Nah pada postingan saya kali ini saya akan berbagi tips cara menambah yahoo smileys pada threaded comment.Sebagai pembaca akan sangat senang melihat fungsi smileys pada komentar,yaa untuk menggambarkan apa yang mereka katakan pada postingan kita,dan pastinya bertujuan agar lebih keren dan bervariasi komentar dari pengunjung blog kita. . ! !

smileys, blogger, coments
Bagi yang ingin memasang yahoo smileys,sekarang ikuti langkah mudah di bawah ini. . ! !

CARA MUDAH MEMASANG YAHOO SMILEYS PADA BLOGGER

  • Pergi ke dashboard blogger anda
  • klik pada tempelate > edit HTML
  • Cari kode ]]> </ b: skin> pada tempelate anda,gunakan ctrl+f untuk mempermudah
  • Copy dan pastekan kode dibawah ini tepat diatas kode ]]> </ b: skin>
img.andoelsean {
    height: auto !important;
    vertical-align: middle !important;
    width: auto !important;
    border:0px !important;
}  
 
  • Selanjutnya cari kode </body>
  • Copy dan pastekan kode di bawah ini diatas kode </body>
<script src='http://rbcode.googlecode.com/files/yahoosmileys.js' type='text/javascript'/> 
  • Berikutnya cari lagi kode </b:includable>
  • Copy kode di bawah ini dan pastekan diatas kode </b:includable>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='andoelsean' id='ysmile' style='
background: -moz-linear-gradient(top, #e4f5fc 0%, #bfe8f9 50%, #9fd8ef 51%, #2ab0ed 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4f5fc), color-stop(50%,#bfe8f9), color-stop(51%,#9fd8ef), color-stop(100%,#2ab0ed));background: -webkit-linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);background: -o-linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);background: -ms-linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);background: linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);border-radius: 3px;width:100%; padding:10px; height:65px;'>
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> :)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> :(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> ;)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> :D
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> :-/
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> :x
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> :P
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> :-*
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> =((
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> :-O
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> X(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif'/> :7
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif'/> B-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif'/> #:-S
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> :((
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/> :))
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> =))
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif'/> :-B
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif'/> :-c
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/> :)]
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> ~X(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif'/> :-h
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif'/> I-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif'/> =D7
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif'/> @-)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif'/> :-w
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif'/> 7:P
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif'/> 2):)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif'/> :!!
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif'/> \m/
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif'/> :-q
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif'/> :-bd
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/114.gif'/> ^#(^
</div><a href="http://andoelsean.blogspot.com"></a></b:if>
Sekarang Save tempelate anda,dan sudah selesai memasang yahoo smileys pada blog anda. .
sekian tutorial saya kali ini,smoga bermanfaat dan selamat mencoba. . :)
Read More

Membuat tombol dengan efek hover keren pada postingan blog

Pada postingan saya kali ini saya akan share tutorial,tentang cara membuat tombol CSS keren dengan efek hover pada postingan blog.Tombol ini dibuat menggunakan CSS dengan efek hover yang keren mewakili dari warna yang berbeda,tombol yang akan kita buat ini untuk tombol Home,Demo dan Download. .Tapi anda juga bisa mengubah teksnya sesuai kebutuhan anda. .Langsung saja lihat demo gambarnya:
tombol, css, effect, hover, blogger

BAGAIMANA MENAMBAHKAN TOMBOL INI KE BLOG?

Tombol ini sangat mudah di gunakan,Sekarang saya ingin membagi cara instalasi widget ini menjadi dua bagian yaitu bagian untuk CSS dan bagian untuk HTML,Pada awalnya kita menambahkan kode CSS dulu ke tempelate kita,untuk membuat tombolnya.
Silahkan ikuti caranya di bawah ini:
  • Masuk ke Dasboard blogger kalian
  • Menuju ke menu tempelate
  • Klik edit HTML
  • Sekarang tekan ctrl+f untuk mempermudah mencari kode ]]></b: skin>
  • Kalau kode ]]></b: skin> sudah ketemu
  • Copy CSS di bawah ini dan letakan tepat diatas kode ]]></b: skin> pada tempelate anda


.button {
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
background:scroll 0 0 #222222;
border-bottom:1px solid rgba(0, 0, 0, 0.25);
color:#FFFFFF !important;
cursor:pointer;
font-weight:bold;
line-height:1;
overflow:visible;
font-size:17px;
padding:8px 19px 9px;
position:relative;
text-decoration:none;
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
width:auto;
}
.demobutton {
background-color:#999999;
text-align:center;
width:100px;
}
.demobutton:hover {
background-color:#EB7D05;
}
.downloadbutton {
background-color:#999999;
text-align:center;
width:100px;
}
.downloadbutton:hover {
background-color:#00AC00;
}
.homebutton {
background-color:#999999;
text-align:center;
width:100px;
}
.homebutton:hover {
background-color:#1666DC;
}
.button:hover {
-moz-box-shadow:0 1px 11px rgba(0, 0, 0, 0.45);
-webkit-box-shadow:0 1px 11px rgba(0, 0, 0, 0.45);
box-shadow:0 1px 11px rgba(0, 0, 0, 0.45);
}

Sekarang kita telah menambahkan CSS (style) di tempelate, . .
Dan sekarang bagaimana cara menggunakanya? Silahkan pilih Kode HTML di bawah ini untuk membuat tombol di postingan anda. .!!
  • Pastikan dulu anda beralih saat akan membuat postingan dari Compose ke HTML
  • Pilih kode tombol di bawah ini dan pastekan dimana anda ingin menampilkan tombolnya

Kode untuk membuat tombol HOME

<a class="button homebutton" href="YOUR LINK HERE" rel="nofollow"
style="float: left;" target="_blank"><span style="display:
inline-block;">Homepage</span></a>

Kode untuk membuat tombol DEMO

<a class="demobutton button" href="YOUR DEMO LINK HERE" rel="nofollow"
style="float: left;" target="_blank"><span style="display:
inline-block;">Live Demo</span></a>

Kode untuk membuat tombol DOWNLOAD

<a class="button downloadbutton" href="YOUR DOWNLOAD LINK HERE"
rel="nofollow" style="float: left;" target="_blank"><span style="display:
inline-block;">Download</span></a>
KETERANGAN:
  • Text yang berwarna merah adalah untuk link anda
  • Dan text yang berwarna biru adalah untuk kalimat di dalam tombol
  • Silahkan ganti dengan keinginan anda
Nah begitulah cara membuat tombol menggunakan css pada postingan blog,sekian tutorial ini,semoga bermanfaat untuk kita semua.
Selamat mencoba dan Happy Blogging. . :)
Read More

Cara membuat efek tombol keyboard pada postingan blog

Efek tombol keyboard pada postingan blog,menjadikan postingan lebih menarik dan terlihat lebih profesional. . kenapa begitu? ya karena efek css ini emang simpel dan terlihat lebih menarik di aplikasikan pada postingan blog. .untuk lebih jelasnya lihat gambar aja deh,daripada kelamaan dan ribet jelasinya. . hehe
efek, tombol, keyboard, pada postingan, blog
Nah kurang lebihnya seperti gambar di atas yang akan saya bahas dalam postingan saya kali ini. .
Membuat efek tombol keyboard pada postingan blog. .

CARA MEMASANG DI BLOGGER. .

  • Masuk ke dasboard blogger kalian
  • Langsung ke menu tempelate
  • Edit HTML
  • Tekan Ctrl+f biar mempermudah mencari kode ]]></b:skin> 
  • kalau kode ]]></b:skin> sudah ketemu
  • sekarang copy css di bawah ini dan pastekan tepat di atas kode ]]></b:skin> 
/*****************************************
Keyboard Style  CSS
******************************************/
kbd{
border:1px solid gray;
font-size:1.2em;
box-shadow:1px 0 1px 0 #eee, 0 2px 0 2px #ccc, 0 2px 0 3px #444;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin:2px 3px;
padding:1px 5px;
}
  • Kalau sudah meletakan kode di atas
  •  Selanjutnya save tempelate anda
Untuk mengaplikasikan efeknya di postingan anda gunakan kode HTML di bawah ini Sob. . !!
<kbd>Masukan teks anda di sini</kbd>
  • Sebelum memasukan kode di atas pastikan klik dulu HTML jangan yg Compose sob. .
  • Ganti tulisan yang berwarna merah sesuai keinginan anda
Selesai sudah cara membuat efek tombol keyboard pada postingan. .
sangat simple dan mudah kan? hehe
sekian artikel ini semoga bermanfaat . .
Happy Blogging. .
Read More

Contact Us

Name

Email *

Message *