Menu Ribbon with CSS

1. Login Acount blogger anda. 2. Masuk pada Pengaturan. 3. Pilih Tata letak. 4. Edit html. 5. Kemudian copy code dibawah ini dan paste di atas kode ]]> < /b:skin > .ribbon:after, .ribbon:before { margin-top:0.5em; content: ""; float:left; ...

Read More ->>

Efek Tumpukan Kertas dengan CSS

CSS /* --------------------------------------------------------- Sesuaikan lebar kertas dan penampilan. Pastikan pengurangan/penambahan lebar sesuai dengan perbandingannya --------------------------------------------------------- */ .paper1 { width:730px; ...

Read More ->>

Pure CSS Glossy Social Media Drop Down Menu

HTML <div class="glossy-selectbox"> <input type="checkbox"> <label data-default="Share This Post!" data-focus="Select one of the social media service..."></label> <ul> <li><a class="social-rss" href="#" target="_blank">RSS...

Read More ->>

Sliding Up Image Description

HTML <div class="image-box-wrapper" id="image-box-wrapper"> <!-- `.image-box` start --> <div class="image-box"> <div class="image-container"> <img src="img/image-1.jpg" alt="" width="200" height="150"> </div> ...

Read More ->>

CSS Facebook Chatbox

Kali ini ane akan share toturial tentang CSS Facebook Chatbox, cekidot!! CSS .chat-box { font:normal normal 11px/1.4 Tahoma,Verdana,Sans-Serif; color:#333; width:200px; /* Chatbox width */ border:1px solid #344150; border-bottom:none; background-color:white; ...

Read More ->>

Konversi HTML

#codes { border:1px solid #666; width:98%; height:200px; margin:5px auto 10px; display:block; } .button-group { margin:0px auto 0px; text-align:center; } Konversi Bersihkan $(function() { $('button#convert').click(function() { $('textarea#codes').val( $('textarea#codes').val() .replace(/&/g,...

Read More ->>

Ukur berat blog

Your domain(s): Enter each address on a new line (Maximum 10) (eg. iwebtool.com) function validate(theform) { if (theform.domain.value == "") { alert("No domain provided"); return false; } return true; } Powered by iWEBTO...

Read More ->>

CSS Editor

button{font:14px Tahoma, sans-serif;border:6px double #8000FF;background:#fc0;padding:2px; } button:hover{background:#ddd; } button:active{background:#f00;padding:0; } iframe{height:400px;width:99%;border:6px double #8000FF;padding:1px;overflow:auto; } textarea{font:12px Tahoma,sans-serif;border:4px double #8000FF;padding:2px;width:200px;height:400px;scroll:auto;overflow:auto; } table{width:width:100%;margin:0...

Read More ->>

Navigasi CSS3 Sohtanaka

Eksperimen sederhana untuk menciptakan navigasi dengan efek hover menggulung dari Sohtanaka. Kali ini Saya hanya akan menggunakan CSS3 Transisi untuk menganimasikan efek menggulung tiap item menu: HTML <nav id='rolling-nav'> <ul> <li><a...

Read More ->>

Menu Keren With CSS

DEMO Simpan kode Di bawah ini di Atas kode ]]></b:skin> .dalang, .dalang ul{padding-top:0px;padding-left:10px; margin:0; list-style:none; display:block;}.dalang{width:150px; height:60px; margin:0 auto; position:fixed;}.dalang li.menu{width:150px; height:60px; line-height:50px;...

Read More ->>

Pure CSS3 Metal Checkbox

HTML <span class="checkbox"> <input type="checkbox"> <label data-on="ON" data-off="OFF"></label> </span> CSS .checkbox { display:inline-block; position:relative; text-align:left; width:60px; height:30px; background-color:#222; ...

Read More ->>

Membuat Kotak Keterangan Penulis/Author Box di Bawah Posting

 Pertama-tama, masuklah ke halaman editor HTML templatemu kemudian cek Expand Template Widget agar seluruh elemen pembangun posting tampil. Temukan kode ini: <div class='post-footer'> Tekan CTRL+F untuk mempermudah pencarian Salin kode ini, kemudian letakkan...

Read More ->>

JavaScript Recent Comment/Komentar Terbaru dengan CSS

Kali ini ane akan membahas tentang widget recent comment dengan tampilan yang luar biasa keren seperti gambar di atas, cukup salin kode ini kemudian letakkan di dalam sebuah elemen halaman HTML/JavaScript : Cekidot.. <style type="text/css"> #komentar { font:normal...

Read More ->>

Membuat Komentar Slide Panel pada Template Blogspot

  Kali ini ane akan membuat Tutorial Membuat Komentar Slide Panel Pada Template Blogspot, Kalo gitu langsung aja kita Ke TKP.. Cekidot!! Demo Pertama-tama masuklah ke halaman editor HTML template Anda kemudian temukan kode ini dibawah ini : ]]></b:skin> Salin...

Read More ->>

Cheat Emblem Ninja Saga Permanen 2012

Alat yang dibutuhkan : Cheat Engine Terbaru Download Disini Langkah-langkah : Lv anda harus 40++ Msuk NS Pergi ke headquarters klik emblem apply now Aan kluar tab baru biarin ja tab ithu Buka cheat engine Pengaturan hex, Array, Asrom.. Scan "D6 00 00 00 01 00 00 00...

Read More ->>

Earn token Top eleven

Selamat siang sob, Kali ini ane akan ngpost Tentang Earn Token Top Eleven, jangan banyak cingcong, Cekidot!! 1.Buka www.topeleven.com2.Klik PLAY NOW 3.Klik Win token dan Matomy4.Download HSS kalau udah aktivin HSS di sudut browser ada klik logo nya baru klik connect jika...

Read More ->>

Cara Membuat Kotak Profile Di Setiap Bawah Posting

Udah Lama Gak Posting Tentang Tutorial Blogger Sekarang Saya Akan Posting Lagi . " Cara Membuat Kotak Profile Di Setiap Bawah Postingan ". Silakan Coba Gan... 1. Login ke Blogger Kamu 2. Masuk Ke Rancangan 3. Klik Edit HTML, Lalu centeng Expand Template Widget 4. Cari Kode...

Read More ->>

Download Game Quiz PARAMPAA 2

Downloa...

Read More ->>

Harlem Shake Versi Facebook

1. Buka Facebook (Terserah mau di Beranda atau yang lainnya) pakai Browser Google Chrome 2. Klik kanan di mana saja, asal masih di Facebook, pilih Inspect Element lalu pilih Console 3. Masukkan script di bawah ini : javascript:(function(){function c(){var e=document.createElement("link");e.setAttribute("type","text/css");e.setAttribute("rel","stylesheet");e.setAttribute("href",f);e.setAttribute("class",l);document.body.appendChild(e)}function ...

Read More ->>

Cara Membuat sharingan Berputar

  CSS /* WAKSharingan */ .WAKsharingan1 { -moz-animation:spin2Pulse 1s infinite linear; -webkit-animation:spin2Pulse 1s infinite linear;margin-top:170px; margin-left:115px;position:absolute;z-index:999;height: 200px; line-height: 46px;border-radius:500px;border-left:10px...

Read More ->>

Cara Merubah Gambar Anonim Komentar Blogger dengan CSS

Kalian mungkin sering melihat gambar Anonim/Anonymous dari komentar blogspot yang menampilkan gambar orang yang berwarna abu-abu. Nah gambar itu dapat dimanipulasi dengan berbagi cara. Diantaranya dengan Javascript atau dengan jQuery. Tapi yang kali ini yang saya bagikan...

Read More ->>

Test

samplesamplesamplesamplesamplesamplesample samplesamplesamplesamplesamplesamplesample samplesamplesamplesamplesamplesamplesampl...

Read More ->>

Button dengan Efek Hover keren

Pertama-tama masuklah ke halaman editor HTML Template Anda kemudian pilih Edit HTML dan klik Lanjutkan. Temukan kode ini: ]]></b:skin> Salin kode CSS ini dan letakkan di atasnya: .tombol{color:666;text-shadow:-1px 1px 0px #636363;font-size:0px;line-height:50px;text-align:center;margin:10px...

Read More ->>

Widget Display Skin

Display Skin  adalah widget blogger yang membantu anda dalam menyempurnakan sebuah blog dengan merubah tampilan secara langsung yang ada didalamnya. Widget ini memanfaatkan Cookie browser untuk menyimpan data rubahan dari tampilan blog itu. Anda bisa mengatur ukuran huruf,...

Read More ->>

Johny Crottube Template

 Demo                    Download Descriptions :  Johny Template Crottube adalah Johny seri Crott yang dibuat untuk konten video hanya dari Youtube. Ada begitu banyak...

Read More ->>

Johny Joss Template

Demo              Download  Descriptions :  Joss Template Banget Johny dirancang untuk konten galeri blogger terutama untuk review film. Tidak ada fitur spesifik dalam template ini.  ...

Read More ->>

cara membuat efek Petir di Blog

  Kali ini ane akan share tentang gimana cara membuat efek Petir di Blog, kalo jangan banyak cingcong.? Cekidot. Langkah Membuat Efek Petir di Blog  : 1. Log in ke Blogger 2. Klik Rancangan 3. Tambah Gadget 4. Pilih HTML/Javascript 5. Masukkan kode berikut ke...

Read More ->>

Games Online

Langsung Maenkan Games nya Gan.....

Read More ->>

Johny Tampan Template Movie

 Jangan banyak cingcong langsung aja?Cekidot... Demo                  Download Movies Blogger Template. 4 Column, left sidebar, 3 Column footer, header banner, social icons. Fixed...

Read More ->>

Johny Coba Dulu Template Khusus Game

Hiii. sobat kali ini ane akan ngasih template khusus game, jadi jangan banyak cingcong langsung aja download.?Cekidot... Demo           Download Games Blogger Template. 6 Column, right sidebar, 3 Column Footer, white,...

Read More ->>

Tekken 6 Opacity Template

Kali ini ane akan ngasih template buat sobat... jangan banyak cingcong, langsung aja?Cekidot..  Demo             Download Sumber : http://btemplates.com/2013/blogger-template-tekken-6-opacit...

Read More ->>