Postingan

Menampilkan postingan dari Januari, 2013

Cara buat Fitur Slide Accordion

Gambar
Cara buat Fitur Slide Accordion Karya baru lagi saya buat dan kupersembahkan untuk anda yang selalu setia mampir di blog ini.  Widget ini saya beri nama Fitur Slide Accordion. Selain tampilannya yang elegan, Fitur Slide Accordion ini banyak menampilkan animasi slide, yang tentunya banyak sekali manfaatnya buat melengkapi web ataupun blog anda. Misalnya web atau blog anda bergerak dibidang desain interior, eksterior, otomotif, pakaian, makanan, musik, atau bahkan web atau blog anda menampilkan game online. Yang jelas Fitur Slide Accordion ini bisa anda gunakan untuk menerangkan profil web atau blog anda. Dan Fitur Slide Accordion ini menggunakan fitur CSS dan beberapa HTML, sehingga widget ini bekerja sangat ringan. Mantab kan.....? Silahkan anda LIHAT DEMONYA DISINI Bila nda berminat menggunakan Fitur Slide Accordion ini, silahkan anda bisa ikuti langkah - langkah berikut : 1. Login ke blogger dengan ID anda. 2. Klik Rancangan. 3. Dan KLik tab Edit HTML. 4

Animasi slide foto atau gambar dengan menggunakan efek marquee

Gambar
Animasi slide foto atau gambar dengan menggunakan efek marquee, tidak kalah menarik bila dibanding dengan animasi flash. Selain lebih ringan, animasi slide ini dilengkapi efek onmouseover, sehingga pada saat pointer mouse diletakkan diatas salah satu gambar atau foto yang sedang berjalan secara otomatis akan berhenti. Dan pada saat itu pula terjadi efek transform yang mengakibatkan gambar menjadi berukuran lebih besar. Dan pada saat bersamaan apabila pointer mouse ditahan beberapa saat diatas gambar, maka akan muncul sebuah "tooltip" atau catatan mengenai gambar - gambar tersebut. Berikut bentuk animasi slide dengan efek marquee   Bila anda berminat untuk memasang animasi ini pada web atau blog anda, silahkan ikuti langkah - langkah berikut ini : 1. Login ke blogger dengan ID anda. 2. Klik Rancangan. 3. Dan KLik tab Edit HTML. 4. Cari kode di bawah ini atau yang mirip dengan kode ini : </head> 5. Copy kode di bawah ini dan taruh sebelum

cara tercepat mendapatkan google sitelink

Gambar
cara paling cepat mendapatkan google sitelink Pernah mendengar istilah Google Sitelink ? ituloh yang tampilannya seperti pada gambar diatas. Sitelink sendiri berguna untuk memudahkan pengunjung kamu dalam mengakses semua konten yang ada di blog kamu. Oh iya sampai lupa, sebelum membahas lebih jauh tentang Google Sitelink, mari kita pelajari sedikit pengertian dari Google Sitelink. Apa Itu Google Sitelink Sebagian blogger masih ada yang belum tahu tentang Google Sitelink. Oke, Google Sitelink adalah semacam link yang saling beterkaitan yang diberikan kepada google untuk suatu blog tertentu. Sitelink sendiri bisa memudahkan pengunjung karena akan menghemat waktu pencarian dari pengunjung dalam mencari artikel pada suatu blog. Contohnya begini, ketika saya mengetik keyword "hzndi" (tanpa tanda kutip) maka secara otomatis google akan menampilkan semua konten yang berasal dari hzndi secara terstruktur.  Google juga hanya akan menampilkan s

menjebol pasword windows seven

Gambar
Cara Apabila Kita Lupa Password User Account Windows Pernahkah kamu mengalami lupa ? yap, pasti pernah wkwk.. naah.. kalo kamu punya laptop atau kompi yang di password User Account'y.. pada suatu hari kamu ingin membuka laptor or kompi kamu, entah kenapa tiba-tiba kamu lupa password'y wkwk.. pernah gak ngalamin hal tersebut ? Disini saya akan ngasih tau cara apabila kamu lupa password user account windows kamu, pakai 2 cara sederhana yakni cara menghilangkan password lewat safe mode dan masuk windows lewat administrator. Untuk mengetahui lebih lanjut tentang cara-cara apabila lupa password user account, silakan baca cara-caranya dibawah: Cara Pertama - Menghilangkan Password Lewat Safemode Restart komputer kamu Tekan F8 Pilih safemode Cara Menghilangkannya: Masuk Administrator Pilih Start terus control panel terus user accounts Pilih accounts yang berpassword, pilih remove password Selesai, restart komputer kamu Cara kedua - Masuk W

Cara Menggabungkan Komentar Facebook Dengan Komentar Blogger

Gambar
Cara Menggabungkan Komentar Facebook Dengan Komentar Blogger Cara Menggabungkan Komentar Facebook Dengan Komentar Blogger . Waah.. ada yang baru nih sobat :D  kali ini saya mau share mengenai Cara Menggabungkan Komentar Facebook Dengan Komentar Blogger seperti yang ada di blog saya ini hehe..  kamu bisa lihat contoh komentarnya pada gambar di bawah.. Gimana ? Bagus kan, selain menarik.. komentar yang saya pakai ini kelihatan lebih rapih, dan teratur.. jadi yang gak punya blog pun masih teteup bisa berkomentar, cukup punya facebook aja hehe.. kalo yang pake akun google juga bisa lewat komentar bloggernya.. hehe.. Okelah, Kalau anda tertarik ingin membuatnya, silakan ikuti langkah muda Cara Menggabungkan Komentar Facebook Dengan Komentar Blogger dibawah ini: pilih Rancangan, Edit html, centang Expand Template Widget, Hmm.. untuk menghindari kegagalan dalam pemasangan, mending kamu backup/download dulu template asli kamu buat jaga-jaga.. :) caranya klik tulisa

tempelate flash bagus, profesional dan ringan

Gambar
RedBox: Free FLASH Google Blogger Template   Features Category: Free Google Blogger Flash Template Colors: Red and white Designer: flashmo Preview and Download Preview | Download This entry was posted in Blogger , Flash Templates , Red , Templates by admin . Bookmark the permalink .

MEMBUAT WIDGET SHARE FACEBOOK BAGUS DAN KEREN

MEMBUAT WIDGET SHARE FACEBOOK BAGUS DAN KEREN  widget kodenya adalah sebagai berikut : <!-- Start Shareaholic Sassy Bookmarks HTML (helperblogger.com)-->     <div class="shr_ss shr_publisher">     </div>     <!-- End Shareaholic Sassy Bookmarks HTML (helperblogger.com) -->     <!-- Start Shareaholic Sassy Bookmarks settings -->     <script type="text/javascript">     var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":&quo

membuat tombol like facebook dan lintas me disetiap postingan

cari kode berikut <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/> setelah ketemu, masukan kode ini dibawahnya : <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' height='30' scrolling='no' style='border:none; overflow:hidden; '/> <!-- script begin here --> <script src='http://www.lintas.me/assets/scripts/widget_v2.js?uid=50c1425cfb825225160055c4' type='text/javascript'/> <script type='text/javascript'> lintasme.init(&#39;right&#39;); // options : left, top, bottom, right </script> <!-- End script --> hasilnya bisa dilihat seprti postingan dibawah ini.... syukron

Cara Membuat Menu Facebook, Twitter, RSS dan Google Plus Melayang Dengan Efek 3D

Gambar
Cara Membuat Menu Facebook, Twitter, RSS dan Google Plus Melayang Dengan Efek 3D CSS - Menu ini berfungsi untuk menghemat tempat di ruang blog Anda, tentunya dengan efek melayang, dan disini icon dari Facebook, twitter, RSS dan Google plus berbentuk 3D. Saat pointer menyentuh icon tersebut secara otomatis akan muncul efek 3D dan hovernya. 1. Login ke blog kamu. 2. Pilih Tata Letak > Add Gadget > HTML/JavaScript. 3. Copy kode dibawah ini. <style> .TNT-flt-wdt { position:fixed; right:10px; top:36% ; } .TNT-flt-wdt img { float:right; clear:right; margin:1px; -webkit-transition: all .0s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .TNT-flt-wdt img:hover { -moz-transform: scale(1.2) rotate(6deg); -webkit-transform: scale(1.2) rotate(6deg); -o-transform: scale(1.2) rotate(6deg); -ms-transform: scale(1.2) rotate(6deg); transform: scale(1.2) rotate(6deg); } </style> <div

Cara Membuat Tombol Cantik Dengan CSS3 Di Blog

Gambar
Cara Membuat Tombol Cantik Dengan CSS3 Di Blog CSS - Kali ini saya akan membahas bagaimana cara membuat tombol cantik, keren dengan CSS3 untuk blog. Mungkin sebagian dari kamu pingin membuat sebuah tombol yang menuju ke beberapa link dan kamu pingin tombol itu keren dan cantik. CSS by Lateshack . 1. Login ke blog kamu. 2. Pilih Rancangan > Edit HTML > Cari kode ]]></b:skin> 3. Setelah ketemu letakan kode di bawah ini tepat di atas kode yang dicetak tebal di atas. .awesome, .awesome:visited { background: #222 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBhAM44yDEwQckrBBfAzZFsYj0wSL9B5KANoCGK5mWQpEtD1LISREV-jzg0JP3mEjSlNgxsTbL5ApjilrHY0E5lx9Y04IBgwv4ny5wkQOl2PsWHffXj45rCPzG6zKp7bFmi3z2cpilm9c/s1600/alert-overlay.png) repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);

Cara Memodifikasi Blogger Label Dengan CSS3

Gambar
Cara Memodifikasi Blogger Label Dengan CSS3 CSS - Bosen dengan tampilan label yang biasa saja. Sekarang kamu bisa menghilangkan rasa bosan itu dengan tampil baru dan keren. Dengan CSS3 tampilan blogger label milik kamu jadi keren. Dan berikut cara memodifikasi nya. Di desain oleh stylifyyourblog . 1. Login ke blog kamu. 2. Pastikan kamu sudah memasang label nya. 3. Template > Edit HTML > Cari kode ]]></b:skin> 4. Letakan kode di bawah ini tepat di atas kode nomor 3. .label-size{    display: inline-block;    padding: 0px 10px;    height: 29px;    line-height:29px;    border-radius: 5px;    font-weight:bold;    font-size:12px;    text-decoration:none; } .label-size{   border: 1px solid #769e42;   box-shadow: inset 0 1px 0 #c5e59c ;   background-color: #9ed35a;   text-shadow: 0px 1px 1px #6ea23b;   color: #fff;   background-image: linear-gradient(bottom, rgb(125,196,64) 0%, rgb(157,210,88) 100%);   background-image: -o-linear-gradient(bottom, rgb(125,196

Cara buat Slide Menu vertikal

Gambar
Cara buat Slide Menu vertikal Dilihat dari tampilan dan efek slidding yang muncul, Slide Menu vertikal ini tidak beda dengan tampilan menu accordion. Efek slidding pada menu vertikal ini menampilkan sebuah ikon sesuai dengan menu yang dituju. Sehingga akan tampak lebih indah bila anda menggunakan Slide Menu vertikal ini pada web ataupun blog anda. Cara pembuatannya sangat mudah, yaitu menggunakan fitur CSS dan beberapa kode HTML. Dan anda tinggal menyisipkan sedikit kode CSS tersebut pada template blog anda, dan sedikit kode HTML pada sidebar blog anda. LIHAT DEMO OK..., bila anda berminat memasang Slide Menu vertikal ini pada blog anda, silahkan anda bisa ikuti langkah - langkah berikut : 1. Login ke blogger dengan ID anda. 2. Klik Rancangan. 3. Dan KLik tab Edit HTML. 4. Seperti biasa alangkah baiknya setiap edit Html, Download dulu Template Lengkap (back-up Template) agar template aman, bila terjadi kesalahan. 5. Jangan lupa Klik tombol &

GAMBAR-GAMBAR MENAKJUBKAN

Gambar
GAMBAR-GAMBAR MENAKJUBKAN   tanpa basa basi bau...langsung saja: Spoiler for 1 : Spoiler for 2 : Spoiler for 3 : Spoiler for 4 : Spoiler for 5 : Spoiler for 6 : Spoiler for 7 : Spoiler for 8 : Spoiler for 9 : Spoiler for 10 :

GURU TAPI GOKIL, DICINA NIH

Gambar
ga' perlu basa basi lagi ya gan langsung aja cekidot GURU TAPI GOKIL, DICINA NIH Spoiler for gokil : Spoiler for gokil : Spoiler for gokil : Spoiler for gokil : Spoiler for gokil : Spoiler for gokil : Spoiler for gokil : Spoiler for gokil : sumber | iniunic.blogspot.com | http://www.kaskus.co.id/thread/000000000000000012272719/guru-guru-gokil-dari-china-cekidot-ngakak-inside/ sumber : http://iniunic.blogspot.com/2012/12/guru-guru-gokil-dari-china-cekidot.html#ixzz2GvTTZxWd

senyum yang membahana

Gambar
SenyumKu mengalihkan dunia Mu [PIC] entah kenapa, tapi saya betul terhibur dengan melihat gambar ini, yah, mudah-mudahan bukan termasuk menyindir atau menghina orang, dan orang yang ada digambar ini mdah2ahan juga ikhlash gambarnya di  eddit.. amin Foto awal:senyum seorang siswa selanjutny, biar gambar yang berbicara Spoiler for senyum1 : Spoiler for senyum2 : Spoiler for senyum3 : Spoiler for senyum4 : Spoiler for senyum5 : Spoiler for senyum6 : Spoiler for senyum7 : UPDATE !! Spoiler for senyum8 : Spoiler for senyum9 : Spoiler for senyum10 : Spoiler for senyum11 : Spoiler for senyum12 : Spoiler for senyum13 : Spoiler for senyum14 : Spoiler for senyum15 : sumber | iniunic.blogspot.com | http://www.kaskus.co.id/thread/000000000000000008375661/senyum-mengalihkan-dunia-mu-pic/ sumber : http://iniunic.blogspot.com/2013/01/se