Home » Archives for September 2009
Buyblogreviews is a good place for blog advertising
Posted by Unknown on Tuesday, September 29, 2009
Widget Kurs Valuta Asing
Posted by Unknown on Friday, September 25, 2009
Menambahkan Widget Valuta Asing Pada Blog. Postingan kali ini masih seputar aksesoris blog dan kali ini Tips dan Trik Blog akan mengetengahkan widget kurs valuta asing. Sebenarnya widget serupa pernah Tips dan Trik Blog pada kesempatan terdahulu, di sini juga di sini. Dengan postingan kali ini, saya berharap akan memberi banyak pilihan kepada para pengunjung yang ingin menambahkan akesoris blognya dengan kurs valuta asing.
Jika tertarik untuk memasangnya, silakan copy paste kode berikut ini pada side bar blog kita. Langkah-langkahnya, seperti biasa adalah sebagai berikut.
Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Tambah Gadget >> Tambahkan HTML/Javascript
Kedua, copy kode berikut ini.
<a href="http://blog.fendiahmad.com/script-kurs-bca" target="_blank"><img alt="kurs bca Script Kurs BCA" src="http://blog.fendiahmad.com/kurs-bca.php" title="Script Kurs BCA" border="0" width="160" height="200"></a>
Ketiga, simpan perubahan
Keempat, selesai.
Sekarang, refresh blog dan pastikan kurs valuta asing sudah “nangkring” pada side bar blog kita, seperti di bawah ini
Selamat Mencoba!!
Description: Widget Kurs Valuta Asing Rating: 4.5 Reviewer: Unknown - ItemReviewed: Widget Kurs Valuta Asing
Menambah Widget Polling Pada Blog (bag. 3)
Posted by Unknown on Monday, September 21, 2009
Menambahkan Widget Polling Pada Blog. Untuk menjaga “kelangsungan hidup blog”, kita perlu mengerti dan memahami sedikit (jika tidak mungkin semuanya) keinginan atau apa yang diharapkan pengunjung terhadap blog kita. Untuk tujuan tersebut diperlukan wadah tersendiri. Dan salah satu wadah tersebut adalah kita dapat memasang widget polling pada blog kita.
Sebenarnya Tips Trik Blog sudah pernah mengetengahkan postingan serupa, yaitu Widget Polling Bag. Pertama dan Widget Polling Bag. Kedua. Dan pada kesempatan ini, Tips Trik Blog akan mengetengahkan lagi namun dengan layanan yang berbeda. Dengan postingan ini, saya berharap pengunjung mempunyai banyak pilihan untuk memasang widget polling mana yang paling cocok dengan selera masing-masing.
Pada kesempatan kali ini, Tips dan Trik Blog akan mengetengahkan layanan widget polling yang disediakan oleh Ballot-Box.net. Fitur dari layanan widget polling tersebut sangatlah lengkap untuk ukuran layanan yang gratis, antara lain sebagai berikut.
- Tampilan Polling yang dapat dikustomasi
- Support sampai dengan 15 pertanyaan
- Support sampai dengan 15 jawaban untuk masing-masing pertanyaan
- Mencegah user melakukan voting dua kali atau lebih
- Hasil polling yang dapat dibuat privat maupun dipublikasikan
- Hasil polling dapat diketahui se-real time dan se-update mungkin
- Pembuatan account yang instant
- Mengizinkan user untuk meninggalkan pesan
- Hasil polling ditampilkan dalam popup
- Dan masih banyak lagi fitur lainnya.
Jika tertarik, silakan ikuti langkah-langkahnya sebagai berikut.
Pertama, masuk ke halaman http://www.ballot-box.net/
Kedua, lakukan sign up (pendaftaran) dengan cara geser ke menu yang berada di sisi sebelah kanan kemudian pilih sign up.
Ketiga, isilah semua data pada form yang disediakan dan jangan lupa centangi pada “I agree to the Terms of Service” kemudian lanjutkan dengan menekan button “sign up”
Keempat, setelah sukses melakukan sign up, kemudian lakukan login dengan user dan password yang baru saja kita buat.
Kelima, untuk mulai membuat widget polling, pada menu yang ada di sebelah kiri, klik “Create New Poll”
Keenam, klik “next” hingga kita harus memilih jumlah pertanyaan yang akan kita buat pada polling tersebut.
Ketujuh, pilih jumlah pertanyaan yang akan kita buat pada widget polling tersebut kemudian lanjutkan dengan menekan “next”.
Kedelapan, kita akan mendapat pemberitahuan bahwa polling telah sukses dibuat juga tentang ID polling kita tersebut.
Kesembilan, lanjutkan dengan menekan “next”.
Kesepuluh, isikan Judul dan URL blog kita kemudian lanjutkan dengan “next”
Kesebelas, buat pertanyaan sekaligus opsi jawaban yang dapat dipilih oleh user atau pengunjung. Jika menginginkan, kita dapat memilih bentuk “question style”, misalnya “radio buttons”, “check boxes”, atau “drop menu”.
Keduabelas, buat pertanyaan sekaligus opsi jawaban untuk yang kedua dan seterusnya sesuai dengan jumlah pertanyaan yang kita setting sebelumnya.
Ketigabelas, pilih satu dari beberapa “sceme” polling widget yang ada kemudian lanjutkan dengan “next”
Keempatbelas, kita akan mendapati preview dari widget polling yang baru saja kita buat tersebut.
Jika dirasa kurang cocok tampilannya, klik “edit” untuk melakukan pengeditan seperlunya.
Jika ingin melakukan pengeditan pada pertanyaan maupun jawabannya, klik “prev”.
Jika sudah cocok, silakan klik “done”.
Kelimabelas, setelah itu kita akan mendapat konfirmasi bahwa pembuatan polling telah selesai, seperti screenshot di bawah ini.
Keenambelas, untuk melihat hasilnya silakan klik “view the poll” dan untuk memasang widget polling pada blog, silakan klik “get the poll HTML code”
Ketujuhbeas, klik button “get code”
Kedelapanbelas, kemudian kita akan mendapati code HTML widget polling tersebut.
Kesembilanbelas, copy dan pastekan pada sidebar atau pada halaman blog.
Keduapuluh, jika berhasil, hasilnya seperti di bawah ini.
Keduapuluhsatu, selesai dan selamat mencoba!!
Description: Menambah Widget Polling Pada Blog (bag. 3) Rating: 4.5 Reviewer: Unknown - ItemReviewed: Menambah Widget Polling Pada Blog (bag. 3)
SELAMAT HARI RAYA IDUL FITRI 1430 H
Posted by Unknown on Saturday, September 19, 2009
Blogspot Sudah Support Fungsi Readmore
Posted by Unknown on Tuesday, September 15, 2009
Fitur Baru Blogspot, Fungsi Readmore. Akhirnya, setelah sekian lamanya, pada ulang tahun yang ke-10 ini, Blogspot memberi “hadiah” kepada para penggunanya suatu fitur baru berupa fungsi Readmore. Dengan adanya fitur baru tersebut, kini para pengguna blogspot tidak perlu susah-susah lagi mengedit templatenya untuk mendapatkan fungsi readmore, seperti pada postingan sebelumnya, Membuat Readmore versi pertama dan juga Membuat Readmore Versi Kedua. Dengan hanya sekali klik saja, kita sudah dapat menikmati postingan dengan fitur readmore, yaitu postingan yang secara default hanya ditampilkan sebagian dan ketika kita mengklik klik “readmore” (baca selengkapnya), postingan akan ditampilkan secara utuh (penuh). Jika tertarik, silakan ikuti selengkapnya bersama Tips dan Trik Blog berikut ini.
Oh, iya fitur readmore ini masih dalam draft namun demikian kita sudah dapat menikmati atau menggunakan fitur tersebut. Dan fitur ini akan berfungsi dengan baik jika kita menggunakan tempalate asli blogspot. Bagi yang menggunakan template bukan dari blogspot, fitur tersebut tidak berfungsi dengan baik, di mana link “Readmore” (baca selengkapnya) tidak muncul namun postingan atau tulisan dapat terpotong dengan baik.
Berikut langkah-langkah untuk menikmati fitur readmore tersebut.
Pertama, login ke http://draft.blogger.com hingga masuk Dasbor >> Entri Baru hingga kita akan mendapati post editor (halaman pengetikan).
Kedua, ubah ke mode “compose”, seperti secreenshot di bawah ini.
Ketiga, ketikkan artikel atau tulisan yang ingin kita posting pada post editor tersebut.
Keempat, jika sudah, arahkan (tempatkan) kursor pada bagian tulisan yang ingin kita penggal, seperti screenshot di bawah ini.
Kelima, kemudian klik icon “Insert jump break”, seperti di bawah ini.
Keenam, kemudian “Terbitkan Entri” (publish)
Ketujuh, sekarang bukalah blog dan pastikan tulisan atau artikel telah terpenggal dengan baik.
Description: Blogspot Sudah Support Fungsi Readmore Rating: 4.5 Reviewer: Unknown - ItemReviewed: Blogspot Sudah Support Fungsi Readmore
Let’s Do Football Betting
Posted by Unknown on Sunday, September 13, 2009
Memasang Layanan Link Exchange Otomatis
Posted by Unknown on Friday, September 11, 2009
Tips Memasang Layanan Link Exchange Otomatis Pada Blog. Pada postingan terdahulu, Tips Trik Blog juga telah mengetengahkan layanan serupa, yaitu Link Me Up, juga Memasang Banner Exchange Swalayan. Dan pada postingan kali ini, Tips Trik Blog akan mengetengahkan layanan lain yang serupa di mana dengan memasang layanan ini pada blog kita maka akan memberikan kesempatan para pengunjung untuk memasang URL blognya secara swalayan. Artinya para pengunjung dapat memasang sendiri URL blognya tersebut pada blog kita tanpa perlu “mengemis-ngemis” kepada kita untuk memasang URL blognya pada blog kita.
Dan satu lagi layanan yang dapat memberikan layanan link exchange otomatis tersebut adalah Link Box.
Langkah-langkahnya adalah sebagai berikut.
Pertama, buka halaman linkbox.
Kedua, klik register untuk melakukan pendaftaran terlebih dahulu, hingga akan muncul form isian, seperti di bawah ini.
Ketiga, isilah username, email, password, security code, dan jangan lupa mencentagi pada “I agree with Terms od Service” kemudian dilanjutkan dengan menekan “Submit” dan tunggu beberapa saat dan jika sukses maka kita akan mendapatkan konfirmasi “Registration Success”, seperti di bawah ini.
Keempat, klik “home” untuk melanjutkan ke langkah berikutnya.
Kelima, kemudian pada “Create a new Linkbox” isi pada Box Name (nama kotak link), dan juga alamat URL_Blog kita kemudian dilanjutkan dengan menekan “Create Box”, seperti di bawah ini.
Catatan
Jika setelah mengklik “Create Box” terdapat tanda silang berwarna merah, berarti nama box sudah digunakan user lain, silakan untuk mengganti dengan nama lainnya.
Keenam, kustomasi warna sesuai keinginan masing-masing. Atau jika ingin praktis, kita dapat memilih opsi template dengan mengklik pada menu pulldown “template” kemudian kita akan melihat previewnya.
Ketujuh, jika pengaturannya selesai, kemudian lanjutkan dengan menekan button “Get the Code”, dan kemudian kita akan mendapatkan code html tersebut, seperti di bawah ini.
Kedelapan, copy dan pastekan pada halaman blog atau sidebar pada blog milik kita.
Jika sukses, kita akan melihat hasilnya seperti pada sidebar blog ini.
Selamat Memasang Link Exchange Otomatis.Bisa juga dicoba yang ini.
Link Me Up
Banner Exchange Swalayan
Description: Memasang Layanan Link Exchange Otomatis Rating: 4.5 Reviewer: Unknown - ItemReviewed: Memasang Layanan Link Exchange Otomatis
Sports Gambling USA
Posted by Unknown on Tuesday, September 8, 2009
Cara Memasang Tombol Share On Facebook di Akhir Postingan
Posted by Unknown on Sunday, September 6, 2009
Seperti pada artikel saya sebelumnya tentang cara memasang tombol save as pdf di akhir postingan. Kali ini saya ingin menjelaskan cara memasang tombol Share On Facebook di Akhir postingan. Dengan memasang tombol ini maka akan lebih banyak kemungkinan artikel kita dibaca oleh banyak orang karena setiap yang membacanya bisa Share kembali di Facebook mereka.
Cara untuk memasangnya adalah sebagai berikut :
1. Login dengan Account blogger anda lalu masuk ke Dashboard > tata letak > edit HTML
2. Cari kode <b:if cond='data:top.showAuthor'>
3. Letakan kode berikut diatas kode no.2
<b:if cond='data:post.url'>
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_2.png'/></a>
</b:if>
Kode diatas akan tampak seperti ini >>
Atau anda bisa juga memasang logo-logo yang lain seperti yang telah saya sediakan berikut ini :
<b:if cond='data:post.url'>
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_3.png'/></a>
</b:if>
<b:if cond='data:post.url'>
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_4.png'/></a>
</b:if>
<b:if cond='data:post.url'>
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/></a> share_on_facebook_5.jpg'/
</b:if>
<b:if cond='data:post.url'>
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_6.jpg'/></a>
</b:if>
<b:if cond='data:post.url'>
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_7.jpg'/></a>
</b:if>
<b:if cond='data:post.url'>
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_8.jpg'/></a>
</b:if>
<b:if cond='data:post.url'>
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_9.jpg'/></a>
</b:if>
<b:if cond='data:post.url'>
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'><img alt='www.ihsan.co.nr' border='0' src='http://i216.photobucket.com/albums/cc252/santertainment/share_on_facebook_10.jpg'/></a>
</b:if>
Anda bisa memilih salah satu tombol diatara tombol-tombol diatas yang anda sukai atau jika anda ingin mengganti tombol dengan tombol yang anda desain sendiri. Anda tinggal mengganti bagian yang tercetak tebal dan miring berikut ini dengan URL gambar yang telah anda upload sebelumnya seperti :
<b:if cond='data:post.url'>
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'><img src=’http://i15.photobucket.com/albums/cc252/santertainment/share_on_facebook_3.png‘border="0" alt="www.tips-fb.com"></a>
</b:if>
4. Setelah menentukan pilihan Silahkan tekan tombol Save Template.
Description: Cara Memasang Tombol Share On Facebook di Akhir Postingan Rating: 4.5 Reviewer: Unknown - ItemReviewed: Cara Memasang Tombol Share On Facebook di Akhir PostinganMenampilkan Top Post Atau Artikel Terpopuler
Posted by Unknown on Thursday, September 3, 2009
MENAMPILKAN TOP POST POSTINGAN TERPOPULER. Agar para pengunjung dapat mengetahui postingan apa saja yang paling popular pada blog kita, kita dapat memasang widget top post pada side bar. Di sini, Tips dan Trik Blog akan mengetengahkan widget yang dapat menampilkan postingan terpopuler (top post) yang saya dapatkan ketika melakukan “blogwalking” di “rumahnya” O-om. Top post (artikel terpopuler) yang ditampilkan pada widget ini didasarkan pada banyaknya komentar yang dilakukan oleh pengunjung blog pada setiap postingan. Jika tertarik, silakan ikuti tips memasang Widget TOP POST yang dibuat dengan bantuan Yahoo Pipes ini bersama Tips dan Trik Blog.
Kelemahan Widget TOP POST ini
Mendasarkan perhitungan pada banyaknya komentar memang bukanlah cara yang pas karena banyak pengunjung yang melakukan klik tetapi tidak meninggalkan komentar apa-apa pada suatu postingan. Namun setidaknya inilah yang dapat diukur dan paling mendekati kenyataan.
Dari pada pusing, lebih baik kita langsung mengikuti langkah-langkah untuk menampilkan top post seperti berikut ini.
1. Login ke http://blogger.com hingga masuk Dasbor >> Tata Letak (layout) >> Tambah Gadget >> Tambahkan HTML/Javascript >>
2. Kemudian copy kode berikut ini.
<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=ff855e4f4d4a10fde1c2eb32074f99cd&url=http%3A%2F%2Fnamablog.blogspot.com&num=10" type="text/javascript">
</script>
Keterangan
Ubah nama_blog dengan nama blog Anda tanpa “http”
Angka 10 menunjukkan jumlah post dengan peringkat teratas yang dapat Anda ganti sesuai keinginan.
3. Kemudian Simpan Perubahan
4. Selesai
Jika ingin melihat hasilnya, silakan kunjungi Tips Trik Komputer.
(sumber : o-om.com)
Description: Menampilkan Top Post Atau Artikel Terpopuler Rating: 4.5 Reviewer: Unknown - ItemReviewed: Menampilkan Top Post Atau Artikel Terpopuler
Membuat Menu Navigasi Horisontal
Posted by Unknown on Tuesday, September 1, 2009
Screenshot contoh Menu Navigasi Horisontal adalah seperti di bawah ini.
Langkah-langkah membuatnya adalah sebagai berikut.
Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Edit HTML
Kedua, temukan kode ]]></b:skin> (jika menggunakan Firefox, gunakan saja Ctrl + F untuk memudahkan pencarian kode tersebut).
Ketiga, copy kode di bawah ini di atas kode ]]></b:skin>
.menuhorisontal{
width: 100%;
overflow: hidden;
}
.menuhorisontal ul{
margin: 0;
padding: 0;
padding-left: 10px;
font: bold 12px Arial; /* jenis dan ukuran huruf */
list-style-type: none;
}
.menuhorisontal li{
display: inline;
margin: 0;
}
.menuhorisontal li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px;
border-right: 1px solid black;
border-left:1px solid black;
color:#071907;
background: #A9F5A9; /*warna background Menu*/
}
.menuhorisontal li a:visited{
color: #088A08; /* warna teks menu jika linknya pernah dikunjungi*/
}
.menuhorisontal li a:hover, .menuhorisontal li.selected a{
background:#58ACFA; /*Warna Background Ketika Pointer Diarahkan */
}
#footheader {
width: 100%;
float:left;
margin:0 0 0;
padding:0 0 0;
height:35px;
}
Keterangan, silakan untuk mengganti warna dan juga font sesuai dengan selera masing-masing. Kode html untuk warna silakan lihat di sini.
Keempat, langkah berikutnya adalah cari dan temukan kode berikut ini.
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1'>
<b:widget id='Header1' locked='true' title='Testing Blog (Header)' type='Header'/>
</b:section>
</div>
Atau jika tidak ketemu, cari kode yang mirip atau jika bingung cari kode yang diapit warna merah.
Kelima, tempatkan kode di bawah ini di bawah kode di atas tersebut.
<div id='footheader'>
<b:section class='footheader' id='footheader' preferred='yes'>
</b:section>
</div>
Keenam, simpan template
Ketujuh, langkah berikutnya adalah kita menuju menu Elemen Halaman (Dasbor >> Tata Letak >> Elemen Halaman).
Sekarang kita sudah dapat menambahkan gadget yang letaknya di bawah header.
Kedelapan, klik Tambah Gadget >> Tambahkan HTML/Javascript
Kesembilan, copy kode dengan format seperti di bawah ini.
<div class="menuhorisontal">
<ul>
<li><a href="/">Home</a></li>
<li><a href="http://onoid.blogspot.com">Tips Trik Komputer</a></li>
<li><a href="http://tips-net.blogspot.com">Tips Internet</a></li>
<li><a href="http://clixsense2007.blogspot.com">Bisnis Internet<a></li>
</ul>
</div>
Keterangan
Silakan untuk mengganti URL dan Link Teks sesuai dengan kehendak masing-masing.blognya masing-masing.
Kesepuluh, Simpan Perubahan
Kesebelas, refresh blog dan pastikan menu navigasi horizontalnya sudah “nangkring” pada header blog kita.
Selamat Mencoba!!
(sumber referensi : Tutorial Jitu)
Description: Membuat Menu Navigasi Horisontal Rating: 4.5 Reviewer: Unknown - ItemReviewed: Membuat Menu Navigasi Horisontal