<style> .abt-button { margin:50px auto; width:200px; } /* Get this button at AllBloggerTricks.com */ .abt-button a { backgrou...
Tool Microsoft Office Remover
Berawal dari otak atik buat software portable, salah satunya microsoft office. Pas giliran mau kembali ke office yang terinstall di kompi...
Cara Buat Keterangan pada Teks
/* Simpan diatas ]]>*/ .help, a.help:link, a.help:hover{ cursor:help; text-decoration:underline; color:$textcolor; } <a class=&quo...
Table dengan Sentuhan CSS
Berikut CSS untuk mempercantik tampilan table dari dte.web.id Biru Muda table[border="1"] tr { background:#fafafa; } tabl...
Penulisan Table - Bagian 2
Atribut Pendukung Table Kode Keterangan align mengatur posisi horizontal valign mengatur posisi vertikal width meng...
Kelas Spesifik pada Tag Body
Cara termudah untuk menambahkan kelas spesifik pada tag <body> berdasarkan tipe halaman adalah dengan mencantumkan nilai atribut k...
Penulisan Table - Bagian Satu
HTML Table Tags Tag Description <table> Defines a table <th> Defines a header cell in a table <tr> Define...
Banner Slide with CSS
#slider2 { width: 468px; height: 60px; margin:0px 0px 0px 0px; overflow: hidden; background-color: #F8F8F8; border: 10px solid #F8F8F8; -m...
Auto Select Tag Pre
<script type='text/javascript'> function autoSelect(elem) { var selection, range; if (window.getSelection) { ...
Javascript Auto Open New Tab
<script type='text/javascript' src=' https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js '></script&...
Recent Post Animation
#rcent_slide { height:255px; } #rcent_slide li { height:61.5px; padding:5px; list-style:none; border:solid 1px #CECEC...
Trik Percepat Load Firefox
1. Ketikkan about:config 2. Rubah : network.http.pipelining.maxrequests. rubah dari 30 ke 8. network.http.proxy.pipelining. rubah dar...
Tombol Download Dengan CSS
CSS .awesome, .awesome:visited { background:#222 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtW7nrgJ2xJKG_aJ2jnY...
Slide Kolom Kometar Blog
CSS paste diatas ]]></b:skin> a.openpanel { display:block; clear:both; width:auto; padding:0px 0px; text-align:cen...
Widget Tabview
Langkah : 1. Login ke Blogger 2. Pilih Tata Letak => Tambah Gadget 3. Pilih HTML/JavaScript 4. Masukkan kode dibawah ini kedalamn...
Cara Buat Widget Scroll List
HTML <style> .list { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh6pkG5bk_UgoQkBDa-BdV6fj...
Social Media dengan Efek Transisi
CSS <style type='text/css'> #mkrbutton .iconz {background:#E3E3E3 url('https://blogger.googleusercontent.com/i...
Widget Recent Posts Pagination
CSS <style type='text/css'> #mas-terbaru{border:1px solid #585858;width:100%;margin:0 auto} #terbaru{margin:0px}...
Widget Daftar Isi Pagination
JAVASCRIPTS /* Table of Content for Blogger with Pagination Original: https://vagabundia.blogspot.com/2011/04/resumen-de-e...
Show Hide Button
Code : <div> <div style="margin: 5px;"> <div style="margin-bottom: 2px;" class="bigfont"...
Cara Buat Auto Select Teks Area
HTML <div style="text-align: center;"> <textarea cols="60" onmouseover="this.focus(); this.select();&q...
TOC Tabulasi
JAVASCRIPTS /** * Blogger Tabbed Style Table of Content Widget by Taufik Nurrohman * Free for change but keep the original at...