Tampilkan postingan dengan label Blogger. Tampilkan semua postingan

gravatar

Trik Memasang Gambar Tetap Berada di Pojok Blog

Trik blog ini memang saya dapatkan dan saya sadur dari blog “Trik Tips Blogging”, dan saya sampaikan kembali untuk anda selaku pengunjung blog sederhana saya ini. Berikut trik untuk memasang “Item” agar tetap selalu berada di pojok blog anda (bisa di atas, bawah, kiri, atau kanan blog)

1. Login ke Blogger trus klik "Layout -->> Edit HTML
2. Cari kode :]]></b:skin>. Jika sudah ketemu, taruh kode berikut ini di atasnya.

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

3. Text yang di cetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal diganti text "left" dengan "right". Begitu juga tulisan "bottom", jika ingin di posisi atas bisa diganti dengan "top".

4. Langkah selanjutnya yaitu letakkan script berikut ini sebelum kode : </body>

<div id="trik_pojok">
<a href="http://blog_anda.blogspot.com">
<img src="gambar_anda" border="0" /></a>
</div>


5. Jika anda ingin yang ada disitu bukan gambar, tetapi item lain seperti jam/kalender/hit counter/widget-widget dan lain-lain, maka ganti text yang berwarna merah tersebut dengan script widget-widget tersebut.

6. Simpan hasil kerja anda dan lihat hasilnya.





Selengkapnya
gravatar

Membuat Daftar Isi Blog

Daftar isi di blog sangatlah penting perannya, karena ini dapat mempermudah pembaca kita menemukan artikel-artikel lain di blog kita.
Setelah berkutat berhari-hari dengan javascript, akhirnya selesai juga script untuk membuat daftar isi blog.


Daftar isi ini tidak hanya menampilkan judul dan link-nya, tapi juga menampilkan label, tanggal postingan, serta ringkasan dari artikel-artikel kita.

Selain itu, daftar isi ini dapat di-filter untuk menampilkan beberapa artikel dengan label atau tanggal tertentu saja, dan dapat juga diurutkan sesuai tanggal atau judulnya.
Untuk contohnya, kamu bisa lihat di sini.

Caranya:

1. Masuk ke account Blogger kamu, pilih "Posting" - "New Post",
2. Kemudian isi judulnya dengan judul yang kamu inginkan,
3. Kemudian copy-paste kode di bawah ini:

<div id="cl_option"> Loading... </div>
<div id="cl_content_list"> </div>
<script type="text/javascript">var jumlah_kata_dalam_ringkasan = 200;</script>
<script src="http://copycat91.googlecode.com/svn/trunk/contentlist.js"> </script>
<script src="http://BLOGKAMU.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=500"> </script>

4. Jangan lupa untuk mengganti BLOGKAMU dengan URL blog kamu,
5. Kamu juga bisa mengatur jumlah kata dalam ringkasan dengan mengubah nilai variabel jumlah_kata_dalam_ringkasan,
6. Untuk mencegah daftar isi ini berada di halaman paling depan, klik "Post Option" di bagian bawah sebelah kiri, kemudian ganti tanggalnya jadi beberapa hari yang lalu, sebulan yang lalu, atau setahun yang lalu,
7. Kalau kamu ingin yang versi bahasa inggris, ganti aja contentlist.js jadi contentlist_en.js.

Selengkapnya
gravatar

Posting Code HTML

Pasti Anda bingung pada waktu posting Code HTML di blog Anda, pasti yang muncul bukan codenya melainkan hasil dari code HTML-nya, nah untuk yang ingin menulis tentang tutorial blog pasti code HTML banyak diposting, Nah untuk para penulis yang belum tau caranya posting code HTML nih saya kasih caranya.


Caranya cukup mudah, Encode saja code HTML di situs dibawah ini

  • http://centricle.com/tools/html-entities/
  • http://www.opinionatedgeek.com/DotNet/Tools/HTMLEncode/Encode.aspx

Nah caranya cukup mudah tinggal taruh code HTML yang ingin di posting lalu klik tombol "Encode", Nah hasil dari Encode itu yang Anda posting di Blog Anda.

Selengkapnya
gravatar

Cara Memasang Toolbar Canggih Wibiya di Blog

Wibiya - salah satu website yang menyediakan fasilitas free toolbar untuk blog Anda, toolbar dari wibiya ini sangat canggih. Fitur dari toolbar wibiya ini diantaranya : pencarian langsung, who's online, live video, translate, timeline, Bermacam-macam Facebook widget, twitter, youtube, Live chat dan foto sharing kamu. Hmmm canggih bukan toolbar ini? Untuk demonya silakan lihat blog ini bagian bawah yang melayang, ada tools yang berisi pencarian, who's online, facebook, live chat dll.


Setelah Anda melihat-lihat apakah Anda ingin memasangnya kedalam Blogger Anda? Nah dibawah ini ulasan cara membuatnya.

* Buka website wibiya.com dan klik tombol "Get It Now"

* Pada Form "Create An Account" isi form sesuai dengan data Anda lalu kik tomblol "Next"

* Lalu milih tema toolbar Anda pada bagian "Select A Theme" Lalu klik tombol "Next"

* Pada bagian "Application Setting" configurasi account-account Anda kedalam toolbar tersebut, Seletlah itu klik tombol "Next"

* Pada bagian "Add it" atau final installation klik logo "Blogger" atau install on blogger

* Pastikan Anda sudah Log in blogger untuk memasang widgetnya, setelah Anda klik logo blogger pada tahap Final, Anda langsung ditujukan pada "Import page elements" blogger

add widget

* Select blog yang Anda ingin pasang Toolbarnya, Lalu klik tombol "Add Widget" maka toolbar akan terpasang otomatis dan melayang di bagian bawah blog Anda.


Nah selesai deh ulasan tentang cara membuat Toolbar canggih wibiya, toolbar ini banyak digunakan oleh para pemilik website untuk mempercanggih websitenya, jadi blog kita jika menggunakan toolbar ini serasa seperti di Facebook.


Selengkapnya