Are You Good Enough

PDF | 1,66 MB | 202 Pages | Download

Tombol Zoom Font / Text Size

Dengan hack ini, pengunjung bisa dengan gampang mengezoom [ mengecilkan atau membesarkan ] ukuran font di posting kita, tanpa bantuan mak Erot! ^..^

Contohnya, coba tekan tombol A di mini-nav di samping. Cukup praktis tuh buat pengunjung yang matanya rada rabun, apalagi kalau ga tau tombol shortcut keyboard [ Ctrl + Scroll ].

Nah, buat masang aksesoris ini gampang. Cuma copy paste beberapa kode.

Langkah 0. Buka dashboard >> Edit Template >> Edit Html >> Centang Expand template >> Download template dahulu

Langkah 1. Cari [Ctrl+F] kode </head> dan tambahkan kode ini di atasnya.

<script language="JavaScript" type="text/javascript">

function changeFontSize(inc)

{

var p = document.getElementsByTagName('p');

for(n=0; n<p.length; n++) {

if(p[n].style.fontSize) {

var size = parseInt(p[n].style.fontSize.replace("px", ""));

} else {

var size = 12;

}

p[n].style.fontSize = size+inc + 'px';

}

}

</script>

Catatan : Hapus tanda < dan gantikan dengan '&lt ;' [hapus spasi di antara t dan ;]

Langkah 2. Letakkan kode ini di tempat yang diinginkan.

<a href="javascript:changeFontSize(1)"> Increase Font Size </a>

<a href="javascript:changeFontSize(-1)"> Decrease Font Size </a>

Kalau di templateku, saya letakkan bersama mini-nav dan diwakilkan oleh tombol A, sehingga kode menjadi :

<a href='javascript:changeFontSize(1)'> <img alt='大Font' src='http://blogologi.googlepages.com/font_l.gif' title='Zoom + Font'/> </a>

<a href='javascript:changeFontSize(-1)'> <img alt='小Font' src='http://blogologi.googlepages.com/font_m.gif' title='Zoom - Font'/> </a>

Save template dan selesai!

Catatan : Silakan ubah gambar yang pas dengan template masing-masing.

Harry Potter and The Deathly Hallows

PDF | 768 Pages | 1,86 MB | Download

Blog Elastis?

Dengan sedikit utak atik template, tampilan blog kita akan ngepas ke layar komputer setiap pembaca, yang ukuran monitornya beda-beda.

Caranya gampang. Tugas kita hanya mengganti ukuran blog yang tadinya dalam pixel menjadi persen. Ukuran blog kita yang 100 persen itu lalu kita pecah ke elemen blog.

Misalnya pada template minima, ada outer wrapper yang memuat badan blog, sidebar, dll, nilainya harus 100% [kecuali jika kita ingin menyisakan beberapa persen untuk margin luar blog]
Seperti lebar elemen di bawah, jika dijumlahkan totalnya harus 950px.

Untuk mengubahnya, buka dashboard > edit template > edit html > backup/download template dulu >> cari kode seperti di bawah > ganti nilai dalam pixel ke persen.

#outer-wrapper {
width: 950px; | width: 98%;
padding:10px; | margin: .5% auto;
}

#main-wrapper {
width: 510px; | width: 51%;
margin-left: 20px; | margin-left: 1%;
}

#sidebar-wrapper {
width: 170px; | width: 22%;
}

#newsidebar-wrapper {
width: 230px; | width: 23%;
margin-left: 10px; | margin-left: 1%;
}

Elemen di atas mungkin berbeda dengan yang sdr punya, jadi sesuaikan dengan ukuran dan elemen di template masing-masing.

Cara menambah elemen baru di blogger

Akhirnya saya pakai template neo.. setelah sekian lama ditopengi dengan skin dari itcouldbethisone. Template yang lama memang bagus, tapi berhubung ada bug yang membuat posting yang kepanjangan ga terbungkus rapi, susah menata elemen blog, plus karena halaman blog kurang luas, ya sudah. Niat mengkonversi template klasik tadi ke template new blogger pun ga jadi.

Tapi setelah ganti template pun saya masih merasa pemanfaatan ruang di blog kurang efisien. Saya akali dengan menambah beberapa elemen baru : di header, di atas plus di bawah badan posting [buat nampung ads], di sidebar, dan di footer.

Nah, cara nambahnya begini :

Elemen di header

0. Edit template >> edit html >> download template dulu.

1. Cari [Ctrl + F] kode yang begini

< div id='header-wrapper'>
< b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

>> Ubah angka 1 menjadi 2 [100 juga boleh, sesuaikan dengan jumlah elemen yang dibutuhkan]

>> Ubah no menjadi yes sehingga kita bisa menambah elemen baru di section header ini.

2. Kalau sudah diubah, save template. Coba lihat perubahannya.

Elemen di badan posting

Biasanya elemen di atas badan postingan berfungsi sebagai “sticky post” yang bisa jadi berfungsi untuk menampung ads/promosi, kata sambutan, perhatian, daftar isi, dll. Ya itu tergantung kreativitas masing-masing.

Untuk menambahnya, coba cari kode yang begini

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>

Selanjutnya ubah true menjadi false dan no menjadi yes

Elemen di sidebar

Awalnya hanya ada kolom posting dan kolom latest post di blog ini. Sekarang jadi ada kolom widebar [saya gunakan untuk menampung google search dan label awan], trus dua kolom lagi di bawahnya. Cara buatnya..

0. Seperti biasa, Lakukan ini

Edit template >> edit html >> download template dulu.

1. Cari [Ctrl+F] dan hapus kode #sidebar-wrapper dan gantikan dengan ini

#outer-wrapper {

margin: .5% auto;

width: 98%;

padding: 10px;

text-align:left;

font: normal normal 85% Verdana, Times, serif;

background: #FFFFFF;

}

#widebar-wrapper {

width: 46%;

float:right;

padding-bottom:10px;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

}

#widebar {

width: 100%;

padding:10px 0 5px 0px;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

}

#sidebar-wrapper {

width: 22%;

float: right;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}

#newsidebar-wrapper {

width: 23%;

float: right;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

margin-right: 1%;

}

2. Lalu cari kode ini

<div id='main-wrapper'>

<b:section class='main' id='main' showaddelement='yes'>

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>

</b:section>

</div>

dan tambahkan kode ini di bawahnya.

<div id='widebar-wrapper'>

<b:section class='sidebar' id='widebar' preferred='yes'>

</b:section></div>

<div id='sidebar-wrapper'>

<b:section class='sidebar' id='sidebar' preferred='yes'>

</b:section>

</div>

<div id='newsidebar-wrapper'>

<b:section class='sidebar' id='newsidebar' preferred='yes'>

</b:section>

</div>

3. Save template dan coba lihat perubahan di layout.

Catatan :

1. Untuk mengatur ukuran masing-masing elemen, coba baca ini

2. Untuk menambah elemen baru di bagian footer, baca ini.

Dan layout di template blog ini pun berubah jadi begini

Kalau ada uneg-uneg, silakan tinggalkan komen. Sip?

Hitunglah Karuniamu..

Hello teman, coba luangkan waktumu sedikit dan berbahagialah dengan apa yang akan kamu lihat.

Tak suka sekolah?

Mereka menghargai setiap kesempatan untuk belajar!

Tak suka makan sayuran?

Lihat! Mereka kelaparan!

Engkau gemuk sampai harus diet?

Mereka akan mati bila diet!

Merasa gendongan ayah-ibu tak nyaman?

Mereka bahkan tak punya ayah-ibu yang menggendong!

Bosan terhadap mainan sehari-hari yang tidak berubah?

Mereka tak punya pilihan mainan!

Ketika dibelikan sepatu Adidas, kamu bertanya.. mengapa bukan Nike saja?

Lihat.. Ini satu-satunya merk yang mereka miliki.

Sebal setiap malam mendengar suara yang menyuruhmu tidur?

Mereka berharap terlelap dan tak bangun lagi!

Lihatlah ke sekeliling kita, bersyukurlah dengan apa yang kita miliki. Bersyukurlah atas karunia kita, bersyukurlah karena kita memiliki tubuh yang sehat, keluarga yang harmonis, penghasilan yang cukup, sahabat yang terkasih, atas segala yang kita miliki.

Bersyukurlah lebih banyak, jangan terus mengeluh lagi!

Photoshop Top Secret Gallery

PDF | 4,07 MB | 35 Pages | Download

Google Adsense Secret

What Google never told you about making money with adsense

Discover how to :

1. Sky rocket your click through ratios

2. Increase earning per click with highly optimized content

3. Discover hidden Adsense Income with advanced tracking tools

Dr Adsense | PDF | 3,89 MB | 132 Pages

Download | Password : e-dublog

Future Shock - Alvin Toffler

Future shock is about what is happening today to people and groups who are overwhelmed by change. Change effects our products, communites, organizations - even our patterns of friendship and love.

Future shock vividly describes the emerging super-industrial world-tomorrow's family life, the rise of new businesses, subcultures, life-styles and human relationships-all of them temporary.

Future shock illuminates the world of tomorrow by exploding countless cliches about today.

Future shock will intrigue, provoke, frighten, encourage and above all, change everyone who reads it.

Future Shock | Alvin Toffler | PDF | 286 Pages | 1,67 MB

Download here | password : e-dublog

Mini Floating Icon Navbar

Coba lihat di kiri samping, ada icon kecil yang fungsinya.. [coba klik sendiri]. Lumayan praktis tuh. Mau? untuk memasangnya, yang perlu kita lakukan hanya 3 langkah.

Langkah 0. Buka dashboard >> Edit HTML >> Expand widget >> DOWNLOAD TEMPLATE dahulu.

Langkah 1. Jiplakkan semua kode ini di bawah <head>

#mini-nav { width: 20px; position:fixed; top: 200px; left:50px;}

* html div#mini-nav { width: 20px; top: 200px; left:50px; position:true; }

#mini-nav img{ margin: 0px; }

Sesuaikan posisi mini-nav ini dengan tampilan blog kita. Misalnya di blog saya, saya ubah batas kiri mini nav dari left:50px; menjadi left:0px; agar ga menghalangi tulisan di badan post. Kalau mau mini-nav ini mengambang di kanan, tinggal ubah saja left menjadi right.

Langkah 2. Cari tag seperti ini di template

<div id=’content-wrapper’>

Lalu letakkan kode ini di bawahnya.

<div class='widget-content'>

<div id='mini-nav'>

<center>

<a href='javascript:scroll(0,0);'><img alt='Home Page' src='http://blogologi.googlepages.com/s_home.gif' title='Home Page'/></a><br/>

<a href='javascript:scroll(10000,10000)'> <img alt='Bottom Page' src='http://blogologi.googlepages.com/s_profile.gif' title='Get Down!'/></a>

<a href='mailto:E-MAIL KAMU'> <img alt='Contact Me' src='http://blogologi.googlepages.com/s_contact.gif' title='Contact Me'/></a>

<a href='URL FEED KAMU'><img alt='Subscribe Me' src='http://blogologi.googlepages.com/s_rss.gif' title='Subscribe Me!'/></a>

<a href='http://technorati.com/faves?sub=addfavbtn&add=’URL BLOG KAMU'> <img alt='Fav Me' src='http://blogologi.googlepages.com/icon_technorati.gif' title='Fav Me!' width='14'/></a>

</center>

</div> </div>

Catatan :

Ubah teks berwarna jingga dengan informasi pribadi kamu, dan bila icon dirasa terlalu kecil, coba ubah url icon dengan icon yang cocok.

How to Make People Like You In 90 Seconds or Less

PDF | 7,18 MB | 185 Pages | snap this book.