Membuat Gambar Melayang di Pojok
Berikut ini saya Mencoba ngebahas gimana cara membuat gambar yang selalu berlari tanpa henti dan berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana. "Scroll bar" itu apa sih? itu lho kotak kecil panjang yang ada disamping itu, yg biasanya ditarik kebawah dan keatas supaya bisa ngelihat isi blog yang kepanjangan. Trus maksudnya "gambar" itu apa? "gambar " itu maksudnya bisa gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. Kalo untuk di blog ini aku pasang gambar sonic yg sedang lari-lari klik disini untuk melihatnya (pojok kiri bawah). Nha udah tahu kan maksudnya. Kalo dah tahu dan pingin mencobanya mari ikuti trik berikut ini:
1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]> kalo dah ketemu taru 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 dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>
/body>
<div id="trik_pojok">
<a href="http://trik-nyaman.blogspot.com">
<img src="http://i700.photobucket.com/albums/ww6/mandalika3/soniclari.gif" border="0" /></a>
</div>
"http://trik-nyaman.blogspot.com" adalah link. ganti dengan link kamu.
"http://i700.photobucket.com/albums/ww6/mandalika3/soniclari.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.
5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya.
Selamat Datang di rumah saya .. Tempat saya berkreasi , mengisi waktu luang , dan berimajinasi .. terima kasih telah mengunjungi rumah saya :) .
Thursday, December 23, 2010
membuat gambar di pojok
Membuat Kotak Pesan
Membuat Kotak Pesan Diblog
Kotak Pesan,jejak pengunjung atau istilah lainnya shout box, Say Box, Tag Board, dan Chatter Box adalah suatu kotak yang berfungsi untuk mengirimkan pesan-pesan pendek, namun bisa juga berfungsi sebagai tempat ngobrol (chatting). Dengan shoutbox, kita juga bisa mempromosikan blog kita, misalnya nih, kita datangi blog orang yang menyediakan kotak ini kemudian kita kasih komentar atau cuma sekedar salam di shoutbox mereka, lalu yang punya blog akan melihat di shoutbox, biasanya meraka akan balas mengunjungi blog kita. Nha gitu ceritannya. Biasanya kotak ngoceh diselipkan kedalam halaman web/blog dengan bahasa java Script. Bagi kamu yang jago pemrograman java script mungkin bisa membuatnya sendiri dengan membuat kode-kode yang memusingkan kepala. Namun buat kamu yang nggak jago nggak usah kuatir karena sekarang ini banyak situs internet yang menyediakan layanan ini, salah satunya yaitu Shoutmix . Caranya adalah sebagai berikut :
1. Buka situs Shoutmix Kamu harus mendaftar di situs tersebut, cara daftarnya gampang kok, yaitu masukan email kamu dan pasword yang kamu kehendaki.
2. Jika pendaftarannya berhasil kamu langsung disuruh milih type shoutbox yang disediakan, terserah kamu milih bentuknya yang gimana. Klik tombol Continue
3. Setelah itu kamu akan mendapat ucapan "Terima Kasih" lalu klik link Go to My Control Panel Now
4. Disitu kamu bisa mensetting terlebih dahulu shoutbox kamu, misalnya Style & Color, Date & Time, dan lain-lain.
5. Jika sudah selesai klik menu Get Codes
6. Jika kamu pingin menaruh shoutbox di blog kamu pilih "Place Shoutbox on Webpage"
7. Atur lebar dan tinggi shoutbox di kolom widht dan hight
8. Kemudian Copy kode yang ada di dalam kotak "generated Codes"
9. Login ke blogger.com lalu pilih Layout kemudian Add Page Elements
11. Tambahkan element HTML/Javascript.
12. Paste Kode yang telah kamu copy dari shoutbox.com tadi di kotak "Content" lalu simpan.
13. oke,, lalu jangan lupa tinggalkan koment di shoutmix saya hahahaaa
Monday, December 20, 2010
Cara Melihat Jumlah pengunjung yang sedang online
Whos.amung.us adalah tool untuk melihat jumlah pengunjung yang sedang online. Kemudahan memakainya yaitu anda tidak perlu registrasi untuk mendapatkannya. Mungkin widget whos.amung.us sudah lama dikenal oleh kalangan blogger sekalian, tetapi kini widget ini sudah berubah. Pada tampilannya yang lama widget ini berbentuk seperti widget biasa (contohnya lihat di blog ini pada widget "Statistik Blog Ini"). Namun sekarang widget ini berbentuk mengapung atau float (atau apapun namanya saya tidak ngerti). Jadi ketika discroll halaman blog anda, maka widget tersebut akan terlihat pada bagian kiri/bawah/kanan layar. Tertarik memasangnya di blog anda??? Ikuti langkah berikut.
1. Buka situs web http://whos.amung.us
2. Scroll sedikit ke bawah, dan anda akan menemukan pengaturan letak widget. Apabila anda ingin berada pada kiri atas, pada bagian Left, pilih Top. Atau pilih sesuai selera.
3. Diatasnya ada script yang harus dipasang ke blog anda. Copy kode tersebut.
4. Lalu paste ke template blog anda. Caranya Login ke Blogger, lalu klik Tata Letak > Elemen Halaman > Tambah Gadget > HTML/Javascript. Lalu paste kode yang tadi didapat dari halaman whos.amung.us.
5. Lalu tekan tombol Simpan. Dan lihat blog anda. Kini akan terlihat jumlah pengunjung yang sedang online dan akan terus terlihat meskipun kita scroll halaman blog anda.
Sebuah tips ringan yang mudah-mudahan bermanfaat bagi anda. Semoga bermanfaat!
Sunday, December 19, 2010
Membuat Next Page di Blogspot
Membuat Navigasi Page Number Blogspot
Tulisan kali ini masih tentang trik Blogspot, yaitu tentang navigasi nomor halaman pada Blogspot. Pada template Blogspot umumnya menggunakan navigasi Previous dan Next pada bagian bawah, yang membantu pembaca untuk berganti halaman menuju tulisan sebelum atau setelah dari tulisan yang sedang dibaca tanpa ada keterangan nomor halaman.
Pembuatan navigasi nomor halaman ini memiliki cara yang sama dengan trik Blogspot sebelumnya yaitu melakukan beberapa modifikasi pada template HTML seperti trik membuat Table Of Contents, Spoiler, Artikel Terkait, dan trik Blogspot lainnya.
Berikut adalah langkah-langkah membuat navigasi nomor halaman.
Pertama kita masuk menu Layout dan Edit HTML, jangan lupa Backup!! dulu template blog kita. Setelah kita backup, selanjutnya cari script berikut.
]]></b:skin>
Kemudian masukan script dibawah ini tepat di atas script yang kita cari tadi.
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}
Script di atas adalah script Style (CSS), yang menentukan bentuk visual dari nomor halaman yang akan kita buat.
Selanjutnya kita cari script kedua yaitu seperti di bawah ini.
</body>
Kemudian masukan script berikut tepat di atas script tadi.
<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
Kode pageCount di atas menunjukkan jumlah tulisan/posting/artikel yang akan ditampilkan dalam satu halaman, sedangkan displayPageNum menunjukkan jumlah nomor halaman yang ditampilkan (jika diisi dengan angka 7 berarti nomor halaman yang muncul ada 8, ditambah satu untuk halaman satu). upPageWord mengarahkan kita ke halaman yang lebih baru (tulisan Previous bisa diganti sesuai dengan keinginan), dan downPageWord mengarahkan ke halaman yang lebih lama (tulisan Next bisa diganti sesuai dengan keinginan).
Setelah itu kita simpan template kita.
Terakhir kita cari script berikut ini (jangan lupa untuk mengklik Expand Widget Templates-nya).
'data:label.url'
Ganti script tersebut dengan script di bawah ini.
'data:label.url + "?&max-results=5"'
Fungsi dari script ini adalah untuk mengganti default (standar) Blogspot yang akan menampilkan 20 posting setiap halamannya, karena pada pageCount di atas kita isi 5, maka pada script ini pun juga diisi dengan 5 (menampilkan 5 posting per halaman).
Simpan template kita, dan kita coba lihat hasilnya dengan membuka blog kita. Jika berhasil maka pada halaman Home blog kita akan muncul nomor halaman setelah posting terakhir (paling bawah).
Itu tadi temen-temen informasi yang bisa saya sampaikan tentang pembuatan navigasi nomor halaman pada Blogspot. Selamat mencoba, dan semoga bermanfaat.
Cara Memasang Badge (Status) Facebook di Blogspot
Cara Memasang Badge (Status) Facebook di Blogspot
Dengan memasang badge Facebook di blogspot, maka setiap kali kita mengupdate status di Facebook setiap kali itu juga status Facebook tersebut akan ditampilkan di badge tersebut. Cukup menarik bagi yang sudah ketagihan dengan Facebook dan sudah memiliki blog. Tujuannya apasih? Mungkin tujuan yang paling narsis adalah mempopulerkan diri kita sendiri...hehe... :)
Badge/lencana Facebook tersebut sebenarnya merupakan sebuah kode script javascript, jadi intinya kita hanya mengambil kode yang telah disediakan oleh Facebook dan langsung memasangnya ke blog kita. OK, daripada muter-muter tidak tentu arah lebih baik langsung saja saya berikan tutorial cara pemasangan status/badge/lencana Facebook di blogspot.
Pengambilan kode javascript badge/lencana/status di Facebook (saya asumsikan Facebooknya menggunakan bahasa Inggris):
•Login ke akun Facebook
•Pilih menu tab Profil
•Klik link "Create a Profile Badge" (sebelah kiri paling bawah, dibawah daftar teman/friends)
•Nah silahkan copy paste kode javascript yang disediakan, dibawah tulisan "Copy and paste the following HTML into your webpage:"
Oia, kita juga bisa melakukan pengeditan terhadap badge kita. Maksudnya adalah kita diberikan opsi apa saja yang ingin ditampilkan di badge Facebook kita. Caranya silahkan klik "Edit this badge". Ada banyak sekali bagian atau opsi yang bisa kita tampilkan ke dalam lencana/badge Facebook kita, silahkan klik "Add Item" untuk melakukan penambahan item yang ingin ditampilkan. Selain itu layout badge juga bisa kita pilih antara horisontal dan vertikal, sebagai contoh badge Facebook saya yang terletak di blog ini adalah layout vertikal.
Jika sudah selesai melakukan pengeditan badge Facebook, jangan lupa klik "Save". Dan silahkan diambil kode javascript badge Facebook yang telah Anda buat.
Pemasangan Badge/Lencana/Status Facebook di Blogspot:
•Sampai langkah ini berarti Anda sudah mempunyai atau mengambil kode javascript badge Facebook.
•Silahkan login ke akun blogger Anda.
•Masuk menu tab Layout --> Page Element
•Silahkan tambahkan element/widget baru dengan tipe Javascript/HTML
•Letakkan kode javascript badge Facebook Anda
•Dan terakhir jangan lupa klik "Save"
Selamat!! Anda telah berhasil...!!! Demikian artikel sederhana tentang cara pemasangan badge/lencana/status Facebook di blogspot, semoga bermanfaat :)
Membuat Kategori Blogspot
Membuat kategori pada blogspot mungkin cukup membingungkan bagi yang belum tahu caranya (seperti pengalaman Eggy he..he..), meskipun ternyata sangat mudah ketika sudah tahu caranya. anda yang belum tahu pun sangat mudah mempelajarinya. Eggy baru saja mempraktekannya ketika posting artikel ini.
Sebelumnya Eggy jelaskan dulu barang kali ada yang masih bingung apa itu kategori, kategori adalah tempat terkumpulannya artikel yang memiliki tema yang sama. misal kalo bang jay posting artikel dengan judul "makanan yang mengandung kolestrol tinggi", "manfaat Buah", dan "4 sehat 5 sempurna". maka semua artikel tersebut bisa Eggy masukan ke kategori "Kesehatan". adanya kategori ini akan memudahkan pengunjung dalam memilah artikel yang diperlukan.
di dalam blogspot kategori diistilahkan sebagai LABEL.
Bagaimana cara membuat kategori atau label?
Untuk membuat sebuah kategori atau label, anda hanya perlu menceklis kotak di samping tulisan Label pada postingan anda. lengkapnya sebagai berikut:
1. Pada Dashboard Pilih Edit Entri.
2. Pilih postingan yang akan diberi label/kategori dengan cara menceklis kotak
disamping kiri.
3. Pada pojok kanan atas pilih kategori yang menurut anda cocok untuk postingan anda
4. Jika anda ingin menambahkan kategori anda cukup pilih label baru kemudian
tulis kategori yang anda inginkan.
Satu postingan bisa dimasukkan kedalam beberapa kategori. untuk membuatnya tinggal di pisahkan dengan tanda koma ( , )saja.
Bagaimana memunculkan kategori (label) pada halaman blog anda?
Untuk para pengguna template baru, Label (kategori) bisa di tampilkan di sidebar, dan biasanya element label ini sudah tersedia ketika baru memasang template. Jika element label belum tersidia, anda bisa membuatnya sendiri, silahkan ikuti langkah - langkah berikut ini :
1. Klik Dashboard yang ada di pojok kanan atas
2. klik menu Tata Letak
3. Klik menu Elemen Halaman
4. Klik tulisan Tambahkan Gadget
5. Cari Gadget "Label" kemudian klik " + " di sebelah kanan gadget label.
7. Muncul jendela pilihan, Pilih radio button yang anda inginkan di samping
tulisan Menyortir, Alfabetik : jika kategori ingin di tampilkan sesuai dengan
abjad alfabetik ( dari A --> Z ), Frekuensi : jika kategori ingin
ditampilkan sesuai dengan banyaknya postingan.
8. Klik tombol yang bertuliskan SIMPAN PERUBAHAN
9. Selesai.
Bagaimana mudah kan?
Oke deh Eggy ucapkan Selamat Mencoba :)
Cara Menyetting Blogspot
Jika sudah berhasil mendaftar dan membuat blog di Blogspot, kita akan diminta untuk mengatur setting blog yang telah dibuat. Apa saja setting ini ? dan apa kegunaan dari setiap setting ini ? mari kita mambahasnya.
Setting blog berguna untuk mengatur segala sesuatu yang berhubungan dengan blog. Setting yang tepat sangat membantu bagi blog yang kita buat. Kita tidak perlu khawatir walaupun tidak memiliki pengetahuan tentang hal-hal yang teknis, karena Blogspot sudah memberikan berbagai kemudahan untuk mengatur setting ini.
Setting Basic
•Title – ini merupakan judul dari blog yang kita buat, kita bisa mengisikannya sesuai selera. Yang perlu diperhatikan adalah buatlah judul yang bisa menggambarkan apa isi dari blog. Karena judul ini akan tampil pada halaman hasil pencarian search engine (misalnya Google).
•Description – setting ini untuk menjelaskan isi dari blog, ini untuk memberikan sedikit penjelasan kepada pengunjung maksud dan tujuan dari blog yang dibuat.
•Add your Blog to our listings? – setting ini meminta konfirmasi kepada pemilik blog, apakah blognya akan dimasukkan kedalam index Google. Jika memilih YES berarti Blog kita akan dimasukkan kedalam Index.
•Show Quick Editing on your Blog? – pilihan ini meminta kita untuk memilih apakah ingin menampilkan layar untuk mengedit secara cepat.
•Show Email Post links? – pilihan ini menawarkan kita apakah akan menampilkan link email, link email ini maksudnya jika seorang pembaca menyukai artikel yang kita buat dan ingin memberikannya kepada temannya melalui email, dia dapat melakukkannya dengan mengklik link tersebut.
•Show Compose Mode for all your blogs? – setting ini berguna pada saat mengedit artikel menggunakan editor dari Blogspot, bila memilih yes maka Editor akan menampilkan menu Compose.
•Show transliteration button for your posts? – setting ini untuk menampilkan tombol yang berfungsi mentranslate artikel yang kita buat (jika berbahasa Inggris) ke dalam bahasa India.
•Delete Your Blog? - jangan mengklik ini, jika tidak diperlukan.
Setting Publishing
•Blog*Spot Address – ini akan jadi bagian dari alamat URL blog, seperti blog yang saya buat ini mempunya blog address belajar-yok, dan alamat URL nya menjadi belajar-yok.blogspot.com. Ini juga salah satu hal yang membedakan blod dengan website biasa, jika pada website biasanya menggunakan www.namawebsite.com.
•Send Pings – pilih Yes.
Setting Formating
•Show – setting ini untuk mengatur berapa artikel yang akan ditampilkan perhalaman. Tips: semakin sedikit yang ditampilkan akan semakin cepat dibuka oleh browser pengunjung.
•Date Header Format – untuk mengatur format tampilan penanggalan.
•Archive Index Date Format - untuk mengatur format tampilan penanggalan arsip.
•Timestamp Format – format tampilan waktu.
•Time Zone – zona waktu
•Language – pemilihan bahasa.
•Convert line breaks – bila memilih yes berarti setiap kali kita menekan tombol ENTER pada saat mengedit dan membuat komentar, akan dikonversi menjadi BR (break return).
•Show Title field – untuk menampilkan atau menyembunyikan judul artikel.
•Show Link Field – menampilkan link ke artikel.
•Enable float alignment - untuk mengatur layout.
•Post Template – yaitu untuk menambahkan hal-hal tertentu secara otomatis setiap kali membuat artikel baru.
Setting Comments
•Comments - menampilkan atau menyembunyikan komentar.
•Who Can Comment? - setting ini untuk mengatur siapa saja yang boleh membuat komentar.
•Comments Default for Posts - jika memilih New Post Have Commnets berarti setiap artike boleh mempunyai komentar.
•Backlinks – menampilkan atau menyembunyikan informasi siapa saja yang melink pada blog kita.
•Backlinks Default for Posts – setiap artikel baru boleh atau tidak boleh mempunyai backlink.
•Comments Timestamp Format – format tampilan waktu pada komentar.
•Show comments in a popup window? – Yes, berarti setiap akan mengisi komentar, Blogspot akan menampilkan jendela Pop Up.
•Enable comment moderation? – untuk mengatur komentar apasaja yang boleh ditampilkan.
•Show word verification for comments? – utility untuk mencegah comment spam.
•Show profile images on comments? – menampilkan photo orang yang membuat komentar (jika dia seorang blogger).
•Comment Notification Address – setiap kali ada yang berkomentar, Blogspot akan memberi tahukan melalui alamat email ini.
Setting Archiving
•Archive Frequency - mengatur tampilan frekuensi pengarsipan, setting ini berpengaruh jika kita membuat widget Pos Archive.
•Enable Post Pages? - Yes berarti setiap artikel yang kita buat mempunyai alamat URLnya sendiri.
Seeting Site Feed
•Allow Blog Feed – setting ini berpengaruh bagi yang pembaca melalui RSS Feed.
•Feed Item Footer – untuk menyertakan hal-hal tertentu (misalnya Banner) pada bagian footer di RSS Feed.
Setting Email
•BlogSend Address – isikan alamat email orang atau teman yang ingin anda kirim secara otomatis setiap kali membuat artikel baru.
•Mail-to-Blogger Address – mengirimkan artikel ke blog melalui email.
Setting Permission
•Blog Authors – nama pembuat blog, kita bisa membuat beberapa account jika blog tersebut blog keroyokan.
•Blog Readers – siapa saja yang oleh membaca blog.
Itulah setting-setting yang yang terdapat didalam blog, perlu waktu untuk memahaminya lebih jauh bila ingin membuat blog kita semakin baik. Namun semakin sering kita ngeblog, dengan sendirinya pengetahuan akan semakin bertambah.
Trik Mudah membuat Read more
Bagi yang belum sukses membuat fungsi read more..., coba ikuti langkah berikut ini :
Langkah #1
1.Sign in di blogger dengan id anda.
2.Klik Pengaturan
3.Klik Format
4.Pada layar paling bawah, ada text area kosong disamping tulisan Template Posting, isi tesxt area kosong tersebut dengan kode di bawah ini :
<span class="fullpost">
</span>
5.Klik tombol Simpan Pengaturan
Pemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut.
Langkah #2
1.Klik menu Dasboard
2.Klik Tata Letak
3.Klik tab Edit HTML
4.Klik tulisan Download Template Lengkap.
5.Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
6.Beri tanda centang pada kotak di samping tulisan Expand Template Widget , lihat gambar di bawah :
7.Tunggu beberapa saat ketika proses sedang berlangsung
8.Silahkan anda cari kode berikut pada kode template milik anda :
<data:post.body/>
atau kode di bawah ini (sama saja) ;
<p><data:post.body/></p>
9.Hapus kode diatas, lalu ganti dengan kode di bawah ini (klik pada tombol untuk menandai):
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>
10.Klik tombol Simpan Template
Selesai.
Cara Posting Artikel
1.Klik menu Posting
2.Klik menu Edit HTML, maka secara otomatis tampak kode yang telah kita setting tadi, yakni :
3.Tuliskan artikel yang ingin tampak pada blog sebelum kode :
4.Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode :
5.Klik tombol bertuliskan MEMPUBLIKASIKAN POSTING
6.Klik tulisan Lihat Blog(di jendela baru) untuk melihat hasil dari postingan kita, kemudian lihat apakah hasilnya sukses atau tidak. Jika tidak, mungkin ada bagian yang terlewatkan. Coba lihat kembali langkah diatas
Mudah-mudahan dengan adanya postingan ini tidak ada lagi yang mengalami kegagalan dalam membuat menu Read more...
Bagi anda yang mengikuti tutorial ini dan mengalami kegagalan, jangan panik ketika blog anda menjadi amburadul (katanya begitu dalam komentar), upload kembali backup templatenya dan nanti akan kembali ke keadaan semula sebelum di edit.
Selamat mencoba !
