Home » Archives for Desember 2011

Senin, 05 Desember 2011

Modifikasi Link Home, Posting Lama dan Posting Lebih Baru dengan Gambar

Jumpalagi Teman-teman pembaca blog AapaajA, kesempatan kali ini kita akan membahas tentang Modifikasi Link Home, Posting Lama dan Posting Lebih Baru dengan Gambar seperti yang ada di setiap blog bahwa pada bagian bawah setiap postingan ada link yang menujukan kita pada halaman posting lama, postingan lebih baru dan halaman utama yang berbentuk kalimat. Teman-teman tentu sering melihat pada kunjungan beberapa blog link untuk halaman ini berupa gambar. Nah bagai mana caranya? mari kita bahas caranya.

Sebelum kita mulai yang perlu kita lakukan adalah menyiapkan gambarnya terlebih dahulu, hal ini tergantung kreatifitas kreasi Teman-teman. silahkan di cari atau Teman-teman juga dapat mencobanya dengan gambar yang sudah saya sediakan di topik sebelumnya Koleksi Macam-macam icon untuk Blog Kita. Baiklah sekarang kita lanjutkan penerapan Modifikasinya.

1. Lakukan login ke blog kita seperti biasa
2. Lanjutkan ke Rancangan > Edit HTML > centang Expand Template Widget
3. Aktifkan fasilitas pencari atau find masukkan cari kode berikut

<data:newerPageTitle/> kode untuk posting terbaru terletak di kiri
<data:olderPageTitle/> kode untuk posting lama terletak di kanan
<data:homeMsg/> kode untuk halaman utama

Setelah ketemu ganti degan kode berikut dan berikan alamatnya pada tulisan ber warna kuning.

<img src='berikan alamat gambar sesuai keinginan dan sesuaikan dengan typenya'/>

4. yang terakhir simpan  template, Mudahkan Teman-teman :)

untuk pemberia alamat gambar sesuaikan ya Teman-teman. Akhirnya pembahasan kita kali ini selesai sudah, sampai jumap pada pembahasan yang berbeda dan waktu yang berbeda pula. Terima kasih atas kunjungannya.
Read More..
Diposting oleh Unknown di 18.57 4 komentar
Label: , , , ,

Menambah Efek Salju pada Halaman Blog

Apakabar Teman-teman pembaca Blog Aapaaja, kali ini kita akan membahas bagaimana cara menambah efek salju pada halaman blog kita. jadi halaman blog kita akan terlihat seperti ada butiran-butiran salju yang jatuh. Efek salju ini akan bergerak mengikuti arah peregerakan pointer bagaikan terhembus angin. Agar tidak penasaran terlalu lama mari kita praktekkan saja. Berikut langkah-langkahnya :

1. Langkahnya bakalan singkat, pertama lakukan login seperti biasa di blog
2. Pilih tab Rancangan > Edit HTML > buka fasilitas find
3. Sebelum dilanjutkan jangan lupa backup template dengan cari download pada bagian atas editor template
4. cari code <head> lalu salin script berikut diatasnya :

<script src='http://projectjqueryku.googlecode.com/files/Snowefek2%20oketrik.js' type='text/javascript'/>

5. Terakhir simpan template.

Sekian saja dari blog AapaajA semoga bermanfaat bagi Teman-teman, sampai ketemu lagi dipembahasan berikutnya. Akhir kata Blog AapaajA Terimakasih Atas kunjungannya.
Read More..
Diposting oleh Unknown di 14.09 0 komentar
Label: , , ,

Koleksi Macam-Macan Icon Untuk Blog Kita

Apakabar Teman-teman Blog AapaajA posting yang satu ini sengaja di buat untuk pengguanan icon silahkan save dan dipergunakan seperlunya. Oke sekian dari blog AapaajA.



Read More..
Diposting oleh Unknown di 09.19 0 komentar
Label: , , , ,

Minggu, 04 Desember 2011

Efek Refresh Auto Pada Blog

Apa kabar Teman pembaca blog Aapaaja semoga kita senantiasa diberikan keberkahan akan ilmu yang kita dapatkan kali ini, sehinja kita semakin lama semakin haus akan ilmu pengetahuan yang akan membawakita kepada kecerdasan. Kali ini kita akan membahasa bagaimana Efek Refresh Autu Pada Blog dapak dilakukan dan bagaimana caranya. Efek Refresh Auto ini merupakan suatu cara agar suatu halaman blog yang sedang dibuka dapat melakukan refresh secara auto maka efek refresh ini mempunyai fungsi yang sama dengan yang ada di aplikasi browse kita yang membedakan hanya Autonya.

Ok Teman-teman kita lanjutkan Prakteknya ini dia langkahnya :

1. Lakukan login pada blog kita
2. Pilih tab Perancangan > Edit HTML > lakukan pencarian <head>
3. Pastekan script berikut sebelum <head> tersebut.

<meta http-equiv="refresh" content="300"/>

:) saya rasa Teman-teman sudah mengerti maksud dari scriptnya, untuk isi dari content merupakan satuan detik jadi kalau kita set 60 = 1 menit. Nah sebaiknya jika Teman-teman ingin memanfaatkannya set parameternya jangan terlalu dekat jedanya ya. Bayangkan aja jika pengunjung kita sedang membaca, tiba-tiba halaman refresh bisa saja mengganggu konsentrasi. Sekian dari Blog Aapaaja semoga bermanfaat, sampai ketemu lagi di kesempatan yang lain.
Read More..
Diposting oleh Unknown di 22.25 4 komentar
Label: , , ,

Menggunakan Spoiler Untuk Posting Blog

Apa kabar Teman-teman blog Aapaaja, kali ini kita akan membahas tentang Spoiler yang biasa dipergunakan pada saat tertentu untuk menyembunyikan beberapa isi dari atrikel. Spoiler merupakan cara yang digunakan untuk menyembunyikan tulisan, link, gambar, video, dan bagian bagian lain yang biasa dipergunakan untuk kebutuhan suatu artikel atau bisa juga pembagasan. Kegunaan spoiler ini adalah untuk menyembunyikan isi tertentu dari pembahasan topik bisa juga di gunakan dalam forum namun suatu forum biasanya menggunakan code yang telah di sediakan, selain itu juga dapat mengurangi ruang space dan pembaca dapat meload halaman dengan lebih cepat.


Ayo kita mulai saja prakteknya agar tidak berbelit-belit. Kita akan bahas 3 macam ini dia silahkan :

1. Menggunakan Spoiler tanpa warna background.

<div id="spoiler">
<div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Lihat'; }" name="button" type="button" value="Contoh Spoiler Tanpa Warna Background" /></div>
<div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">
<p style="text-align: justify;">Spoiler merupakan cara yang digunakan untuk menyembunyikan tulisan, link, gambar, video, dan bagian bagian lain yang biasa dipergunakan untuk kebutuhan suatu artikel atau bisa juga pembagasan. Kegunaan spoiler ini adalah untuk menyembunyikan isi tertentu dari pembahasan topik bisa juga di gunakan dalam forum namun suatu forum biasanya menggunakan code yang telah di sediakan, selain itu juga dapat mengurangi ruang space dan pembaca dapat meload halaman dengan lebih cepat.</p>
</div><div id="hide"></div></div></div>

Contoh :


2. Menggunakan Spoiler dengan warna background dan border.

<div id="spoiler">
<div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Lihat'; }" name="button" type="button" value="Contoh Spoiler Dengan Border dan Warna Background" /></div>
<div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">
<div style="color: #000000; background: none repeat scroll 0% 0% #ebf3fb; border: 1px solid #aaccee; padding: 7px; margin: 0px;">
<p style="text-align: justify;">Spoiler merupakan cara yang digunakan untuk menyembunyikan tulisan, link, gambar, video, dan bagian bagian lain yang biasa dipergunakan untuk kebutuhan suatu artikel atau bisa juga pembagasan. Kegunaan spoiler ini adalah untuk menyembunyikan isi tertentu dari pembahasan topik bisa juga di gunakan dalam forum namun suatu forum biasanya menggunakan code yang telah di sediakan, selain itu juga dapat mengurangi ruang space dan pembaca dapat meload halaman dengan lebih cepat.</p>
</div><div id="hide"></div></div></div>


Contoh :


3. yang terakhir Mengguanakan Spoiler pada gambar.

<div id="spoiler"><div>
<input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Lihat'; }" name="button" type="button" value="Contoh Dengan Gambar" /></div>
<div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">
<img class="aligncenter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2jws7PcygIxIxYXgg5wJX5iqYNXaEKMFFPFxPgBmogmzCD8FmXnTTCn2braFkZVcQNkrg7rXq9yDgCG5y1wyhQjk938p_9ZcoieHy2EP78ba6uy8cckATwzcgQ6b_tOxGmrlxZtbJ9xw/s1600/SpoilerButton.jpg" alt="spoiler" width="300" height="280" />
</div><div id="hide"></div></div></div>


Contoh :

Read More..
Diposting oleh Unknown di 16.59 0 komentar
Label: , , ,

Kamis, 01 Desember 2011

Modifikasi Sudut Tabel Pada Blog

Apakabar Teman-teman blog Aapaaja hari ini. Hari ini kita akan membahas bagai mana cari Modifikasi Sudut Tabel pada Blog setidaknya tidak terlihat biasa-biasa saja. Sebelumnya kita telah membahas bagainama Menambahkan Tabel Pada Posting Blog Kita, namun pada pembahasan tersebut kita hanya mengetahui pembuatan tabel dengan cara biasa. Kali ini kita akan membuat tabel jadi berbeda dengan Modifikasi Sudut Tabel Pada Blog kita. untuk modifikasinya sendiri kita perlumengetahui bahwa semakitin bagus maka wajarnya konten yang kita prioritaskan adalah kenyamanan sehingga untuk konsekwensinya kita harus tahu semakin bagus maka semakin berat untuk mengaksesnya kecuali teknologi kita telah setara dengan konten kita, namun kenyataannya masih banyak yang terkendala degan berbagai alasan tertentu misalnya grafis card, akses internet, bayanknya widget yang dipasang untuk mempercantik tampilan. He.. jadi membahasnya terlalu jauh, baik agar mempersingkat waktu kita langsung saja ke praktek y.


Kode yang akan kita gunakan berbeda dengan pembahasan sebelumya yaitu Menambahkan Tabel Pada Posting Blog maka kode kali ini kita menggunakan <div> dan ditutup dengan </div>. Nah ini scriptnya silahkan Teman-teman perhatikan ya...

Pertama tabel yang tanpa scroll
<div style="background: none repeat scroll 0% 0% rgb(0, 0, 70); border-radius: 10px 10px 10px 10px; border: 3px solid rgb(255, 255, 255); padding: 10px; text-align: left; width: 90%;">
Disini Teman-teman dapat memberikan isinya.. Silahkan n_n
</div>

Seterunya yang kedua pakai scroll, ini dia scriptnya
<div style="background: none repeat scroll 0% 0% rgb(0, 0, 70); border-radius: 10px 10px 10px 10px; border: 3px solid rgb(255, 255, 255); height: 200px; overflow: auto; padding: 10px; text-align: left; width: 90%; width: ancho;">
diasini Teman-teman masukkan isi dari tabelnya
</div>

Dari script diata Teman-teman dapat berkreasi dingan menukar parameternya seperti :
1. background none repeat scroll rgb(0, 0, 70) mrupakan warna kombinasi dari red green blue (merah hijau biru). Merupakan warna untuk background tabel.
2. border-radius ada 4 sudut kelengkunyan Kita bisa modifikasi sesuai dengan kienginan.kiti atas, kanan atas, kanan bawah, kiri bawah.
3. bordre untuk yang px adalah ukuran ketebalan, dan rgb untuk warnanya sama dengan tadi yang membedakan antara satu sama lain background dan border.
4. overflow merupakan parameter scroll.

Baiklah sekian dari blog AapaajA semoga bermanfaat, sampai ketemulagi kita pada topik berikutnya. Terimakasih...
Read More..
Diposting oleh Unknown di 14.09 0 komentar
Label: , , , ,
Langganan: Postingan (Atom)
Top Bottom Back To Top