Langsung ke konten utama

Postingan

Menampilkan postingan dengan label Blogger

Cara Membuat Menu Slide CSS3 Animated

Assalamuakum Wr Wb -  Setelah Kemaren saya share " cara membuat efeck post Hover dengan menggunakan CSS " Dan Kali Ini saya akan Kembali share Post Tentang CSS lagi :D Langsung Saja Ke TKP Tapi Sebelumnya Silakan Lihat Demo-Nya Terlebih dahulu :D DEMO Masuk Blogger » Rancangan » Edit HTML Copy CSS di bawah Ini dan Letakan Di atas Code ]]></b:skin>  <style> ul.svertical{ width: 200 px; /* width of menu */ overflow: auto; background: black ; /* background of menu */ margin: 0; padding: 0; padding-top: 7px; /* top padding */ list-style-type: none; } ul.svertical li{ text-align: right; /* right align menu links */ } ul.svertical li a{ position: relative; display: inline-block; text-indent: 5px; overflow: hidden; background: rgb(127, 201, 68); /* initial background color of links */ font: bold 16px Germand; text-decoration: none; padding: 5px; margin-bottom: 7px; /* spacing between links */ color: black; -moz-box-shado...

Cara Membut Efek Post Hover Dengan Menggunakan CSS

Assalamualakum Wr Wb - Setelah Kemaren saya sudah share Artikel " 7 Kata-kata Tentang Cinta " Dan Sekarang saya akan sesuai Dengan Judul Yitu Cara Membut Efek Post Hover Dengan Menggunakan CSS, :D Tentu Sobat Semua sudah tau apa itu hover ? oh ada yang tidak tau. Hover adalah efek yang diterima suatu objek saat di sentuh mouse/kursor, misalnya ketika link saat di sentuh mouse. Nah kalau post itu ada bagian posting, muali dari background, tulisan, semuanya tentang posting deh. Sekarang kita akan mencoba menggabungkan hover dan post dengan CSS, Langsung saja Ke TKP :D. Login Ke Blogger >> Rancangan >> Edit HTML Cari Code </head> Copy Code Di bawah Ini dan Letakan Di Atas Code </head> <b:if cond='data:blog.homepageUrl == data:blog.url'> <style>     .hentry:hover {      background:#ddd -moz-linear-gradient(top,  #ddd,  # 80FFFE );background :- webkit-gradient(linear, left      top, left botto...

Cara Veritifikasi Blog Di Alexa

Assalamuakum Wr Wb - Setelah Kemaren saya Post Artikel " Ultrabook NoteBook Tipis Harga Murah " Kebetulan Saya Coba-Coba lagi Ikut SEO :D , Do'a Kan saya Semoga Wordpress saya Masuk di Home pagenya Mbah Google Dengan Keyword Ultrabook Notebook Tipis harga Nurah Dan Kali Ini saya akan Memberitahu Cara Veritivikasi Blog Di Alexa, Dan berikut Ini cara-cara Veritifikasi Blog Di Alexa Yang harus Anda lakukan adalah : Pertama daftar websitenya alexa atau klik  DISINI  Dan Bisa Login Menggunakan Facebook Setelah daftar, priksa inbox email Anda yang buat daftar tadi Klik link yang di berikan untuk memverifikasi akun Anda di Alexa Masukan password untuk Anda bisa login pertama kali Lanjutkan dengan klik ”  Add a Site “ Disana ada tiga pilihan, kalau mau yang free/gratis, kli saja “ Sign Up Now ” di bawah tulisan “ Free “ Setelah Anda klik seperti langkah diatas, lalu masukan blog/site Anda di form “ Enter Your Web Site “ Lanjutkan dengan klik “ Continue “ Anda...

Cara Cepat Migrasi Blogger Ke Wordpress

Assalamuakaum Wr Wb - Setelah Tadi Posting " Anggota DPR Rame-rame Pesan Kiat Esemka " Dan " Jangan Buru-buru Instal Ulang " Maka saya akan share Artikel Cara Cepat Migrasi Dari Blogger Ke Wordpress Kenapa saya Kasih Judul seperti Itu saya juga binggung aslinya Di kasih Judul Posting apa ya :D ya uda Ambil ini saja Jika kalain sudah Bossan Dengan Blogger Dan kalian berminat pindah ke Wordpress Free/Premium, Kalain Patut Mencoba Trick ini Yaitu Memasang Sebuah Plugin Kedalam Wordpress, Jika kita membuat Wordpress baru maka jelas Artikel kita masih kosong sendangkan Artikel kita yang di Blogger sudah ratusan lebih dan kita Tidak munggkin mencopy semua itu kedalam wordpress, kalau iya Jelas Membutuhkan waktu yang lama sekali untuk memindah satu persatu Dan langsung saja Ke Permasalahannya :D WpRobot juga Disebuat Dengan Auto Blog dimana kita bisa Mencopy Blog orang lain tampa kita Melulis artikel orang tersebut kita hanya tinggal memasukan Rss saja :D Jadi Intin...

Cara Membuat Animasi CSS3 pada gambar

Assalamualakum Wr Wb - Setelah lama saya tidak Post Artikel Tengan Untuk Mempercantik Blog saya kali ini akan share Animasi CSS3 :D Dan Berikut Ini CSS3 yang sedikit saya dapatkan :) tapi hasilnya Memuaskan :) Image Hover CSS3 Coba Sorot Mouse ke dalam Gambar di bawah ini :) Silakan Copy Paste Code Di bawah Ini <style type="text/css">.kodokloncat{float:center; margin:0px; autowidth:0px; autoheight:0px; autoborder:none; overflow:hidden}.details{width:200px; height:300px; background:#000; color:#fff; text-align:center} #kodok-3{position:relative;}#kodok-3 img{opacity:1-webkit-transition: opacity;-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 500ms;}#kodok-3 .details{position:absolute;top:0;left:0;opacity: 0;-webkit-transition: opacity;-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 500ms;}#kodok-3 .details:hover{opacity: .9;-webkit-transition: opacity;-webkit-transition-timing-function: ease-out;-webkit-trans...

Cara Membuat Blog Tidak Bisa Di Copy

Assalamauakum wr wb - Setelah 1 minggu g' Post Artikel Blogger Kali ini saya akan kembali :D, Dan kali ini sesuai dengan judul Kita "Cara membuat blog tidak bisa di copy". Anda kesal Artikel anda di copy paste oleh orang lain yang tidak mentyertakan sumbernya :O ?, Jika anda kesal dan sudah tidak sabar dengan cara ini pasti orang yang mau mencopy artikel kalian pasti sudah tidak bisa lagi :D Login Blogger >> Rancangan >> Edit HTML. Cari Code <head> , jika sudah ketemua Copy Paste code Di bawah ini tepat di bawah Code <head> <SCRIPT type="text/javascript"> if (typeof document.onselectstart!="undefined") { document.onselectstart=new Function ("return false"); } else{ document.onmousedown=new Function ("return false"); document.onmouseup=new Function ("return true"); } </SCRIPT><br /> DEMO : Coba Kalian Drag Artikel Ini kalau bisa di copy, Kalau Bisa Q kasih Jempol Dec :D M...

ETP 2011 Information (Education Technology Party)

Assalamualakum Wr wb - Setelah kemaren saya share " Cara Membuat Efek Bintang Berpijar Di blog " Dan " Selamat Datang David Beckham di Indonesia " Dan kali ini saya akan mengabarkan sesuatu.... :) Yaitu lomba ETP  Education Technology Party yang di ikuti oleh siswa-siswi SMP,SMA,dan SMK, yang akan di laksanakan di Universitas Islam Surabaya Dan saya pun insyallah akan mengikuti Lombah ini Untuk mencari pengalaman dari orang-orang luar :D Dan berikut Ini Persyaratan Lomba Lomba Blog Persyaratan Peserta   Peserta lomba adalah  siswa-siswi SMP dan SMA/sederajat dibuktikan dengan Kartu pelajar   Peserta lomba adalah tim yang terdiri dari 2 (dua) orang. Jika terdapat tim yang anggotanya tidak lengkap pada babak penyisihan semifinal (pengujian) maka tim dinyatakan gugur. Sistem Pendaftaran ·          Formulir Pendataran bisa di download di ormawa . tp.ac.id ·          Peserta me...

Cara Membuat Efek Bintang Berpijar Di blog

Asslamualkum Wr Wb - Setelah Dua Hari tidak post arikel apapun di karenakan lagi sibuk HOKI ninja saga Berjudi token :D, setelah kemaren saya sudah share " Selamat Datang David Beckham di Indonesia " Dan " Cara Membuat Efek Neon light text di blog " Dan yang terakhir adalah " Cheat TP and Feather (PERMANENT) ". Dan kali ini saya akan share sputar Trick N' tips blogger :D yaitu "Cara membuat Efek Bintang berpijar di blog" Caranya mudah dan simpel sob tinggal menambahkan sedikit ramuan, langsung saja ke TKP. Masuk keblogger >> Rancangan >> Edit HTML kemudian cari tulisan  a:hover {  dan tambahkan code dibawah ini background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB1tM4oYWDHV4kpZzfu3CfIckvP0LrrlQT4YdNRqcDb16eVCE0ZgNHapnYSCWJtHDYFgYI0bk0NRSRorMKKAM46Pcs8zZXe9imfQDQTDNIhU2abLTrZVJwTILOUbWS2ipnX6rabFCiPY7z/s1600/stars.gif); sehingga susunannya menjadi seperti ini  a:hover { background-image: ...

Cara Membuat Efek Neon light text di blog

Assalamualakum Wr wb - Setelaha kemaren saya post Cheat Ninja saga Yaitu " Cheat TP and Feather (PERMANENT) " Dan " Kumpulan Kata-Kata Gombal " Dan Saya bertrimah kasih banyak Sama Dode  Karena telah membantu saya di blog ini. Dan kali ini saya akan post " Cara membuat Efek neon light text di blog " kalian Pasti uda pada ngerti Dengan ini yaitu Text yang ada Seperti Lampu yang terang dan bisa berjalan, langsung saja ke TKP. <h2><script language="JavaScript1.2"> //Neon Lights Text II by G.P.F. (gpf@beta-cc.de) //visit http://www.beta-cc.de //Visit http://www.dynamicdrive.com for this script var message="Thank you for visiting Dynamic Drive!" var neonbasecolor="gray" var neontextcolor="yellow" var neontextcolor2="#FFFFA8" var flashspeed=100 // speed of flashing in milliseconds var flashingletters=3 // number of letters flashing in neontextcolor var flashingletters2=1 // num...

Cara Menyembunyikan Powerd by Jcow 4.2.1

Assalamualakum Wr wb - emmb Setelah 2 hari saya tidak update blog ini karena ada masalaha dengan domain DNS, jadi terpaksa harus nunguin 2-1 hari dec, tapi untung saja uda cepet selesi perbikannya :D Dan langsung saja saya kali ini dengan judulnya  " Cara Menyembunyikan Powerd by Jcow 4.2.1 ". Ok. let's begin. Setelah semalaman suntuk utak - atik source code Jcow Social Network dengan tujuan untuk menghilangkan tulisan Powered by Jcow 4.2.1 , lebih tepatnya Jcow Attribution Information yang berada pada bagian "footer", akhirnya saya temukan juga jalan keluarnya. Tidak bisa dihilangkan, lebih baik disembunyikan saja. Banyak informasi yang mengatakan jika "footer" tersebut dihilangkan maka akan ada peringatan Anyone who attempts to remove Jcow branding illegally, the site will be closed without warning. Dan satu - satunya cara untuk menyembunyikan tulisan Powered by Jcow 4.2.1 agar tidak tampak pada bagian footer adalah dengan action tag ...

Cara Membuat Komentar Scroll

Assalamualakum Wr Wb - Setelah 1 Hari kemaren saya tidak post artikel apa-apa, karena banyak urusan dan saya akhirnya bisa kembali mengupdate blog ini :D. Dikesempatan yang kali ini saya akan share Tutor blog yaitu " Cara membuat Komentar Scroll " Jiak Kalian menggunakan ini, blog agan pasti akan rapi sedikit .Dan langsung saja ke TKP. Seperti bisasa sob Langkah-langkahnya. Masuk Ke Blogger >> Rancangan >> Edit HTML Cari Code Berikut ini /* Comments      /* Comments ----------------------------------------------- */ #comments h4 { margin:1em 0; font-weight: bold; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color: $sidebarcolor; font-size:12px;          Kemudian Tambahkan code berikut ini #comments { height:500px; overflow:auto; }  maka hasilnya akan seperti ini sob. /* Comments ----------------------------------------------- */ #comments { height:500px; overflow:aut...

Cara Membuat Text Area Cantik

Assalamualaiku Wr.Wb - setelah saya tadi share " Sm*sh Menggila ( I HEART YOU) " Dan " Free Download Themes Linux For Windows 7 " dan selama itu juga saya sudah share Software dan game-game sekarang gatian waktu-nya Share Trick N' Tips Blogger. Texs Area - pastikalian semua sudah pada tahu apa itu text area jika belum ,Text area adalah kotak aktif yang dapat digunakan untuk menempatkan teks atau kode atau script Dan Berikut ini 7 Text area cantik kotak aktif yang dapat digunakan untuk menempatkan teks atau kode atau script I <textarea name="code" rows="3" cols="20" style="background: #FBEFFF; color: #CA3DD9; border: 1px solid #CA3DD9; border-left: 20px solid #CA3DD9; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px;"> ISI TEKS AREA SOBAT DISINI <textarea name="code" rows="3" cols="20" style="background: #000; color: #fff; border: 2px inset #ccc; line-heigh...

Cara Membuat Shadow Texs Di blog

Assalamualakikum Wr.Wb - Tadi siank saya sudah share artikel " Metode Bisnis Online Memberikan Bukti Nyata " dan " Kontes SEO metode bisnis online memberikan bukti nyata " Dan Kali ini Seputar Trcik N' tips bloggeer Cara-nya Mudah Gan dan simpel untuk membuat shadow/ bayangan pada huruf dipost, Masuk Ke Blogger Pergi Ke rancangan >> Edit HTML Kemudian Cari Tulisan " a:link{ ". Yang Terakhir Kalian Tinggal masuk ke CSS3 Generator   Setekah masuk ke dalam CSS3 generator Kalian Pilih menu Text Shadow kumudian sesuaikan warna blog agan >> Copy Code CSSnya Contoh Lihat di bawah ini. Conto Gambar dan code CSS di samping text-shadow: 1 px 3 px 1 px # 0a44f5 ; filter: dropshadow(color=# 0a44f5 , offx= 1 , offy= 3 ); Maka Nanti Jadinya seperti ini Sob a:link{ text-shadow: 1 px 3 px 1 px # 0a44f5 ;filter: dropshadow(color=# 0a44f5 , offx= 1 , offy= 3 );

Cara Membuat Background Berubah Warna Otomatis

SjS-Cheat - Kali Ini saya membahas Trick N' Tips Semputar Blogger Sob,Setelah Kemaren Post Hack Facebook dan kali Ini Cara membuat Background Berubah warna Otomatis Kalian pasti sudah Bosan Dengan Warna Template anda yang gita-gitu saja bukan?, Jika Bosa Kalian Tidak Salah juga coba-coba pakai trick ini. Langsung Saja Seperti Biasa-nya. Masuk Ke Blogger Kemudian Masuk Ke Rancangan >> Edit HTML. Cari Code Berikut Ini " </ body >. Kemudian letakan Code Di bawah Ini,Persis Di bawah Kode </ body >. <script> /*Random background color- by javascriptkit.com Visit JavaScript Kit (http://javascriptkit.com) for script Credit must stay intact for use*/ //Enter list of bgcolors: var bgcolorlist=new Array(" #DFDFFF ", " #FFFFBF ", " #80FF80 ", " #EAEAFF ", " #C9FFA8 ", " #F7F7F7 ", " #FFFFFF ", " #DDDD00 ") document.body.style.background=bgcolorlist[Math.floor(Math...