CARA MEMBUAT RECENT COMMENTS

Assalamu’ alaikum para penggila blogger. Kalian udah tau nggak cara untuk mempermudah mengetahui komentar-komentar terbaru dari pengunjung blog kita ? Yaa betul, salah satunya adalah memasang gadget recent comments. Oleh karena itu saya menyarankan blog anda lebih baik jika dipasangi dengan gadget recent comments ini.

Kalau begitu nggak usah banyak omong lagi langsung aja kita buat ! Are you ready to do it ?

1. Langkah pertama login ke blogger.com
2. Pilih Layout/Tata Letak ---> Elemen Halaman ---> Add Gadget/Tambah Gadget
3. Pilih HTML/Javascript
4. Kemudian masukkan kode berikut ini ke dalam kotak yang disediakan !

<script style="text/javascript" src="http://anas.ku93.googlepages.com/comments.js"></script><script style="text/javascript">var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 30;var standardstyling = true;</script><script src=" http://xxxxxxxxxxxxxxxxxxxxxx.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Keterangan :

numcomments = 5 ( banyak comment yang ditampilkan )
var numchars = 30 ( jumlah huruf yang akan ditampilkan tiap comment )
xxxxxxxxxxxxxxxxxxxxxx = ganti dengan alamat blog anda

5. Kalau udah selesai klik tombol simpan, allhamdullillah ! Enteng banget yaaaa !!! Wassalamu’ alaikum wr. wb.
Diposting oleh Rico tgl Minggu, Januari 24, 2010 0 komentar

CARA MEMBUAT LINK BERKELAP-KELIP

Assalamu’ alaikum para sobat blogger yang sedang haus dengan ilmu pengetahuan. Pada rapat kali ini saya akan menjelaskan tentang cara membuat Link berkelap-kelip seperti pelangi, kalau nggak percaya silahkan arahkan cursor anda pada tulisan ini “Free Softwares” keren banget kaan ? Nha jika link anda ingin jadi seperti itu silahkan ikuti tips berikut ini :

1. Login ke blogger.com
2. Klik Layout/Tata Letak ---> Edit HTML
3. Copy script berikut di bawah kode <head> biar cepat ketemunya klik Ctrl+F

<script src='http://www.geocities.com/sehatserasi72/rainbow.js'></script>

4. Kemudian klik tombol simpan template
5. Ternyata sangat mudah sekali yaaaa ! Wassalamu’ alaikum wr. wb.
Diposting oleh Rico tgl Minggu, Januari 24, 2010 0 komentar

AUTO HIDE NAVBAR BLOG

Assalamu’ alaikum para penggendeng blogger, berjumpa lagi dengan saya dalam acara yang kita nanti-nantikan apalagi kalau bukan family-mutiarahati.blog. Pada postingan sebelumnya saya sudah menerangkan tentang navbar serta cara menghilangkannya, oleh karena itu pada postingan kali ini saya akan menjelaskan tentang cara auto-hide navbar blog. Artinya jika navbar kita sorot dengan cursor maka akan muncul, tapi apabila tidak disorot dengan cursor maka navbar akan menghilang.
Keren banget kaaan ! Oke kalau begitu langsung aja kita buat navbar blog kita menjadi auto hide, are you ready ? Let’ do it !

1. Login ke blogger.com
2. Klik Layout/Tata Letak ---> Edit HTML
3. Masukkan kode script berikut di atas kode body biar cepat ketemunya tekan Ctrl+F

/* autohide navigation bar */
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

4. Kemudian klik simpan template ! Oke gaaaaaaampang kan ? Wassalamu’ alakum wr. wb.
Diposting oleh Rico tgl Kamis, Januari 21, 2010 0 komentar

CARA MEMBUAT RECENT POST

Assalamu’ alaikum to all my friends ! How are you ? Fine ? Allhamdulillah ! Oke sekarang saya akan menjelaskan tentang cara membuat recent post (postingan terbaru). Tujuannya ialah untuk menampilkan postingan-postingan terbaru yang baru saja kita publikasikan. Sehingga para pengunjung bisa dengan mudah mengetahui artikel-artikel yang baru kita posting. Oleh karena itu recent post sangat dibutuhkan untuk sebuah blog, supaya para pengunjung dapat dengan mudah mengetahui update-update dari blog kita.
Kalau begitu jika anda berminat membuatnya, silakan ikuti tips blog berikut ini :

1. Login ke blogger.com
2. Pilih Layout/Tata Letak ---> Add Gadget/Tambah Gadget---> HTML/Javascript
3. Copy kode berikut ini ke dalam kotak yang disediakan dibawah ini :

<script src="http://www.geocities.com/uddin_81/recent-post.js"></script><script>var numposts = 8; var showpostdate = false; var showpostsummary = false;var numchars = 30; </script>
<script src="xxxxxxxxxxxxxxxxxxx/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp"></script>

Ganti xxxxxxxxxxxxxxxxxxx dengan nama blogmu, kode var numposts =8 merupakan jumlah recent post yang akan ditampilkan dan kode var numchars =30 merupakan jumlah huruf yang akan ditampilkan

4. Kemudian klik tombol simpan ! Dan apa yang terjadi jangan sampai pingsan ! Wassalamu’ alaikum wr. wb.
Diposting oleh Rico tgl Minggu, Januari 17, 2010 0 komentar

CARA MENGHILANGKAN GARIS BAWAH LINK

Assalamu’ alaikum my friend ! Setelah beberapa hari melancong ke Disney Land, akhirnya kita dapat berjumpa lagi dalam acara yang dinanti-nantikan ini “Tapi Boong”. Pada pertemuan kali ini saya akan membahas tentang cara menghilangkan garis bawah link. Oke are you ready to do it ?

Kode-kode yang perlu diganti :

a:link { color: #3333FF; text-decoration: underline; }
a:hover { color: #000066; text-decoration: underline; }
a:visited { color: #663366; text-decoration: underline; }

Keterangan :

a:link { color: #3333FF; text-decoration: underline; }
Penjelasan : warna sebuah link biru dan bergaris bawah
a:hover { color: #000066; text-decoration: underline; }
Penjelasan : Sebuah link apabila di sorot oleh cursor akan berubah warna menjadi biru tua dan bergaris bawah
a:visited { color: #663366; text-decoration: underline; }
Penjelasan : Sebuah link apabila pernah di klik oleh sebuah komputer yang sama akan berwarna ungu dan bergaris bawah

Berarti yang kode yang membuat sebuah link menjadi bergaris bawah adalah kode text-decoration: underline; dan yang harus diganti adalah kode yang warna biru menjadi none

Jadinya seperti ini :

text-decoration: none;

Ternyata mudah buuanget yaaa menghilangkan garis bawah link. Kalau begitu sekian dulu, jangan lupa ucapkan terima kasih kepada Bang Kiwol dan Allah SWT. Wassalamu’ alaikum wr. wb.
Diposting oleh Rico tgl Minggu, Januari 17, 2010 0 komentar

CARA MEMBUAT PHOTO PROFILE BERBINGKAI

Assalamu’ alaikum para maniak blogger yang haus akan ilmu pengetahuan. Pada episode kali ini saya akan menjelaskan tentang cara membuat photo profile berbingkai. Fungsinya agar photo profile kita semakin ngganteng dilihat oleh para pengunjung. Oke, jika anda berminat untuk membuatnya silahkan ikuti tips berikut ini :

Template Klasik :

1.  Login ke blogger.com
2.  Pilih Template ---> Edit HTML
3. Copy seluruh kode template kemudian simpan pada hardisk untuk berjaga-jaga kalau ada kesalahan dalam  pengeditan HTML
4.  Kemudian cari kode seperti ini :

   .profile-img img {
   float:left;
   padding:4px;
   border:1px solid #ddd;
   margin:0 8px 3px 0;
   }

5.  Ganti nilai border dengan angka yang lebih besar supaya terlihat seperti pigura
6.  Contohnya seperti ini :

   .profile-img img {
   float:left;
   padding:4px;
   border:6px solid #ddd;
   margin:0 8px 3px 0;
   }

7.  Klik tombol Pratinjau untuk melihat perubahan
8.  Kalau udah siip tinggal klik tombol simpan perubahan template

Template Baru :

1.  Login ke blogger.com
2.  Pilih Layout/Tata Letak ---> Edit HTML
3.  Klik tulisan Download Template Lengkap untuk berjaga-jaga kalau ada kesalahan pengeditan
4.  Beri tanda centang pada kotak kecil di samping tulisan Expand Template Widget
5.  Tunggu sampai proses selesai
6.  Kemudian cari kode seperti ini :

   .profile-img {
   float: left;
   margin: 0 5px 5px 0;
   padding: 4px;
   border: 1px solid $bordercolor;
   }

7.  Ganti nilai border dengan angka yang lebih besar supaya terlihat seperti pigura
8.  Contohnya seperti ini :

   .profile-img {
   float: left;
   margin: 0 5px 5px 0;
   padding: 4px;
   border: 6px solid $bordercolor;
   }

9.  Klik pratinjau untuk melihat hasilnya
10. Kalau udah siip tinggal klik tombol simpan template
11. Allhamdulillah. Wassalamu’ alaikum wr. wb.
Diposting oleh Rico tgl Rabu, Januari 13, 2010 0 komentar

CARA PASANG ALEXA RANK

Assalamu’ alaikum to all my friends yang telah menanti-nantikan kedatangan saya selama bertahun-tahun. Pada postingan kali ini saya akan menerangkan tentang cara memasang Alexa Rank pada blog. Alexa Rank adalah tool yang dapat digunakan untuk mengetahui ranking traffic (pengunjung) pada blog kita. Dengan memasang gadget alexa pada blog, maka mesin alexa akan dapat mengetahui secara akurat berapa pengunjung serta Page view (halaman yang di lihat) pada blog anda. Oleh karena itu saya menyarankan kepada anda untuk memasang Gadget Alexa Rank pada blog anda.

Nah kalau begitu nggak usah banyak bacot lagi, langsung aja ikuti tips blog berikut ini :

1. Kik DI SINI !
2. Masukkan nama blog anda pada kotak yang disediakan (tanpa menggunakan http://) kemudian klik tombol Build Widget
3. Ada 3 macam ukuran yang bisa anda pilih salah satunya, kemudian copy kode yang berada di sampingnya
4. Langkah selanjutnya login ke blogger.com
5. Klik Layout ---> Elemen Halaman ---> Add Gadget/Tambah Gadget
6. Pilih HTML/Javascript
7. Masukkan kode yang telah dicopy dari Alexa Rank ke dalam kotak yang disediakan
8. Klik tombol simpan
9. Selesai dhe, allhamdulillah !
10. Moga-moga dengan memasang gadget Alexa Rank dapat meningkatkan ranking alexa.

Kemudian jangan lupa semakin kecil angkanya semakin baik rangkingnya. Wassalamu’ alaikum wr.wb.
Diposting oleh Rico tgl Selasa, Januari 12, 2010 0 komentar

CARA MEMASANG UCAPAN SELAMAT DATANG PADA BLOG

 Assalamu’ alaikum to all my friend, how are you ? Fine ? Allhamdulillah Ya Allah ! Pada rapat kali ini saya akan menjelaskan tentang cara memasang ucapan selamat datang pada blog anda. Tujuannya agar tampilan blog anda kelihatan lebih impresive dan tidak kuatrook. Oke, nggak usah banyak bacot lagi langsung aja kita make it, are you ready ? Dan yang paling penting adalah baca dulu Bismillah

Contoh Flash Message :




widget

1. Langkah pertama silahkan klik DI SINI !
2. Pilih menu Flash Message
3. Terdapat 2 pilihan flash message :

A. Flash Message I (Di Bagian Atas) :

- Terdiri dari 4 kotak :

a. Kotak I : Isi dengan pesan yang ingin anda tampilkan. Contohnya : Selamat Datang di Family-mutiarahati
b. Kotak II : Untuk memilih warna tulisan flash message
c. Kotak III : Ukuran dari flash message
d. Kotak IV : Isi dengan kategori blog anda. Misalnya jika blog anda membahas tentang computer, maka pilih kategori computing/softwares

- Kemudian klik OK
- Setelah itu akan muncul sebuah kotak, beri tanda centang pada kotak di sebelah tulisan “I accept Policies & Conditions (FR)”
- Lalu klik tombol “Safe Content”
- Kemudian copy kode yang berada di dalam kotak dan beri tanda centang di samping tulisan “I accept Policies & Conditions (FR)”
- Langkah selanjutnya login ke blogger.com
- Pilih Layout/Tata Letak ---> Add Gadget/Tambah Gadget ---> HTML/Javascript
- Paste kode yang sudah dicopy ke dalam kotak yang telah disediakan
- Langkah terakhir klik simpan

B. Flash Message II (DI Bagian Bawah) :
- Terdiri dari 3 kotak :

a. Kotak I (Votre Texte) : Isi dengan pesan yang ingin anda tampilkan. Contohnya : Selamat Datang di Family-mutiarahati.Blog
b. Kotak II (VotreStyle) : Untuk memilih warna tulisan flash message
c. Kotak III (Votre Police): Untuk memilih model tulisan flash message

- Kemudian copy kode yang telah disediakan pada kotak yang berada di bagian bawah
- Langkah selanjutnya login ke blogger.com
- Pilih Layout/Tata Letak ---> Add Gadget/Tambah Gadget ---> HTML/Javascript
- Paste kode yang sudah dicopy ke dalam kotak yang telah disediakan
- Langkah terakhir klik simpan
- Allhamdulillah, akhirnya jadi juga yaa ? Wassalamu’ alaikum wr. wb.
Diposting oleh Rico tgl Sabtu, Januari 09, 2010 0 komentar
Langganan: Postingan (Atom)

By entering your email address below, you will be able to post the latest articles in your inbox from speechyourm1nd:

Share/Save/Bookmark

Kamus Indonesia-Arab Arab-Indonesia