Tips dan Trik: Tips Blog

Tampilkan postingan dengan label Tips Blog. Tampilkan semua postingan

Pesan Menutup Blog

Pesan penutup di Blog merupakan salah satu trik dari pemilik blog atau admin untuk menyampaikan suatu pesan terima kasih kepada para pengunjungnya karena telah membuka blognya. Anda pasti sudah pahamkan maksud saya mengenai penutup blog itu. anda bisa Coba Sendiri.

Cara buatnya :
1. Login ke account blogger anda.
2. Klik Layout => Edit HTML.
3. Cari kode </head> di dalam template anda.
4. Copy pastekan script di bawah ini tepat dibawah kode </head> :

// goodbye alert

function goodbye(){

alert('Bagaimana Pendapat Anda Tentang Blog Saya ? Silahkan Kembali dan Beri Komentar Anda! Terimah Kasih !!');

}

parent.window.onunload=goodbye;

</script>

Ganti yang berwarna Sesuai dengan Kata anda
5.Simpan dan Lihat Hasilnya.......

»» READMORE...

Cara Memasang Toolbox Bookmark & Share di Bawah Postingan

Salah satu cara untuk memperbanyak trafik/pengunjung ke blog kita adalah dengan bantuan situs-situs sosial bookmarking seperti technorati, delicious, stumble upon dan berbagai macam situs sosial bookmarking terkenal lain nya. Karena dengan di bookmark/share nya blog dan artikel kita pada situs sosial bookmarking tersebut, maka akan peluang blog kita untuk dilihat oleh jutaan orang pun bisa terwujud dan mereka akan dengan mudah menemukan artikel kita kembali, karena mereka sudah membookmark artikel kita di account mereka.

Bagi anda yang sudah pasang addthis button dan anda bosan dengan tampilanya, anda dapat mengubahnya karena Addthis telah mengembangkan sebuah wigdet baru yang berbentuk Toolbox.

Tampilan Toolboxnya seperti ini :

Cara pasang nya sebenar nya sangat mudah, untuk yang belum tau, begini cara nya :

1. Masuk ke addthis.com.
2. Buat account baru, kemudian Login ke account anda.
3. Pilih GET YOUR BUTTON CODE pada bagian kanan atas.
4. Kemudian anda akan ditunjukkan pada setingan bentuk tampilan, pilih sesuai dengan keinginan anda, lalu pada menu WHERE, pilih BLOG, pada PLATFORM pilih BLOGGER.
5. Klik menu GET YOUR BUTTON CODE, kemudian anda akan mendapatkan kode javascript yang harus anda pasang pada blog anda. Copy kode tersebut.
6. Masuk ke account blogger anda, pilih TATA LETAK --> EDIT HTML (beri tanda centang pada expand widget).
7. Anda cari kode : <div class='post-footer'>
8. Paste kode javascript tersebut DI BAWAH kode di atas.
9. Save dan lihat hasilnya...

Sama halnya dengan layanan sosial bookmark lainnya. Selain itu layanan Addthis juga menyediakan fasilitas one button one content yang sudah terintegrasi dengan beberapa platform.

Beberapa layanan Addthis lainnya :
1. Create custom sharing menu configurations.
2. Receive the same analytics, performance and reliability as the standard AddThis button.
3. Toolbox implementations adopt the CSS styling of your site.

Selamat mencoba ...

»» READMORE...

Pasang pasilitas " print "

Memasang Fasilitas Print pada halaman blog tidaklah sulit,tidak perlu keterampilan menguasai bahasa

HTML,ataupun keterampilan memperbaiki motor(he he he bercanda),jika anda ingin memasang fasilitas print

diblog anda cukup dengan meng-Copy kode berikut dan letakkan pada halaman blog anda.

Untuk script fasilitas print, scriptnya di bawah ini (silahkan ganti alamat gambarnya dengan milik anda):

<a href="javascript:print(document)"><img src="http://amen24.googlepages.com/printer.png" alt="print this page" border="0"/> Print this page</a>

Hasilnya akan seperti ini

Print this page
anda bisa ganti gambarnya:

Print this page url http://i388.photobucket.com/albums/oo322/arif_bucket/print.png

Tulisan Print this page bisa anda ubah sesuai keinginan, misal di ubah menjadi Cetak halaman ini atau yang lainnya, perhatikan saja kodenya. Masih bingung cara memasukannya di blog anda? ya sudah saya tuliskan langkah-langkahnya lebih detail :

Silahkan login di blogger dengan id anda.
Klik Layout.
Klik Elemen Halaman.
Klik tulisan Tambahkan sebuah Elemen Halaman.
Tambahkan HTML/JavaScript.
Copy lalu paste kode di atas tadi
Klik simpan Dan liat hasilnya....

Ada juga yang memasang fasilitas ini dalam bentuk tombol, kodenya seperti ini :

<form>
<input type="button" value="Print this page" Onclick="print()" ;>
</form>

hasilnya akan seperti ini (coba klik untuk membuktikannya !) :

»» READMORE...

Mengatur postingan lama (lawas) agar tampil di home

Salah satu kelemahan (kekurangan) dari blog, adalah dalam pengaturan postingan yang akan dimunculkan di home (halaman depan/halaman utama). Karena prinsip pengaturan tampilan postingan adalah postingan terbaru akan muncul di home. Hal ini akan terasa jika sudah banyak postingan di dalam blog maka pastilah postingan terbaru yg akan tampil di home. Yang jadi pertanyaan adalah bagaiana kita menampilkan postingan lama atau postingan tertentu di home.

Berikut ini ada salah satu teknik dummy (teknik orang bodoh), mengapa saya katakan teknik dummy, alasannya teknik ini sebenarnya hanya teknik akal-akalan bagi orang bodoh seperti saya, karena bingung mencari di google tetapi belum ketemu script untuk menampilkan halaman (lawas) tertentu di home.

Daripada anda pusing mencari script htmlnya, mungkin untuk sementara bisa gunakan teknik dummy. Teknik dummy ini bisa anda gunakan sambil mencari teknik script yang lebih paten dan lebih profesional.

Agar postingan lamanya bisa muncul di home, maka anda bisa mengubah tanggal dan jam entri:

Misalkan:
a. postingan tanggalnya 09/06/06 maka anda ubah ke tanggal terbaru 09/06/20
b. jika postingan tanggal sama, maka bisa diubah jam entri
postingan baru tanggal 09/06/20 jam 19.13 , agar postingan lama bisa muncul maka ubah jam entri menjadi : 09/06/20 jam 19.14.

Setelah selesai mengubah tanggal entri jangan lupa Simpan dan terbitkan entri.

Silahkan dicoba, teknik dummy di atas. Sekalipun kesannya bodoh saya terkadang menggunakannya untuk menampilkan postingan lama agar bisa muncul di home.
Agar muncul 1 postingan di home ubah angka 8 menjadi 1.

»» READMORE...

Memasang /menambah widget google pagerank ke blog

Mungkin ada diantara teman-teman yang masih bingung cara pasang (menambah/memasang) widget page rank (google pagerank) di blog anda. Sebenarnya ada sebuah situs yang menawarkan layanan gratisan, yang bisa anda manfaatkan. jadi tidak perlu pusing memikirkan rumitnya script, karena scriptnya telah disediakan oleh situs tersebut, anda hanya pelu meng-copy-nya dan memasang (tambah/pasang) script widget tersebut ke blog anda.

Widget Google Pagerank, dapat anda tambahkan ke blog dengan terlebih dahulu melakukan pendaftaran blog pada fasilitas penyedia layanan page rank gratis. Salah satu penyedia layanan tersebut adalah MyPagerank. Setelah anda mendaftar dan account anda telah diaktivasi maka anda bisa mendapatkan script yang bisa dimasukkan ke gadget html/javascript di blog anda. Hasilnya bisa dilihat seperti gambar di bawah ini:

Langkah yang harus anda lakukan adalah:
1. Buka halaman mypagerank, silahkan klik disini

2. Pada tampilan berikut, masukkan alamat blog anda , kemudian klik Check PR

3. Klik model tombol google page rank yang anda suka, maka di bagian bawahnya akan muncul script, Copy script tersebut, kemudian masukkan ke gadget html/javascript di blog anda

»» READMORE...

Memasang/menambah widget Alexa rank pada sidebar blog

Mungkin ada diantara teman-teman yang masih bingung cara pasang (menambah/memasang) widget alexa rank (alexarank) di blog anda. Sebenarnya ada sebuah situs yang menawarkan layanan gratisan, yang bisa anda manfaatkan. jadi tidak perlu pusing memikirkan rumitnya script, karena scriptnya telah disediakan oleh situs tersebut, anda hanya pelu meng-copy-nya dan memasang (tambah/pasang) script widget alexa rank tersebut ke blog anda.

Anda dapat membuat widget Alexa button untuk memudahkan memantau dan mengetahui ranking Alexa dari blog anda. Hal ini sangat berguna jika di browser anda belum terinstal Alexa toolbar. Umumnya blogger memasang widget Alexa pada blog mereka. Semakin kecil nilai Alexa maka semakin bagus peringkatnya. Contoh widget Alexa dapat dilihat di bawah ini:

Untuk menambahkan Alexa button ke website/blog anda lakukan langkah berikut:

1. Login ke Alexa services, klik disini

2. Setelah muncul halaman Alexa Site Button, masukkan alamat (url) blog anda:
misalnya: http://namablog.blogspot.com
Klik tombol Build Widget

3. Akan muncul halaman yang berisi script, copy script berikut (pilih satu saja, sesuai selera anda), script ini nantinya akan dimasukkan ke gadget html/javascript

4. Login ke dashboard, pilih Tata letak =>Elemen Halaman
Pilih Tambah Gadget, panduan untuk memasukkan script ke gagdet

»» READMORE...

Cara burning (membuat) feed blog di feedburner (blogspot dan wordpress)

Kegunaan feed pada feedburner ini buat blog anda adalah memudahkan pengguna:
1. Untuk berlangganan email
2. Untuk berlangganan feed
3. Untuk melihat posting terbaru, dan lain lain
Dan anda bisa memperoleh penghasilan dari google, jika telah terpasang program adsense text atau banner dari google

Untuk melakukan burning blog ke feedburner, lakukan langkah berikut:

1. Daftar blog anda ke : feedburner
Masukkan google account anda
Klik tombol Sign in

2. Akan masuk ke halaman depan Feedbuner
3. pada halaman di bawah masukkan alamat blog anda, misalnya: http://namablog.blogspot.com, contoh: http://artikelkomputerku.blogspot.com
kemudian klik Next

4. Masukkan nama/judul feed, dan alamat feed, klik tombol Activate Feed

5. Feedburner akan melakukan identifikasi terhadap feed yang kita inginkan, jika tidak ada kesalahan akan muncul halaman berikut, klik Next

6. Akan muncul halaman berikut, klik Activate Feed

7. Setelah proses activated, akan dilakukan pembakaran (burning feed)
Jika tidah ada kesalahan akan muncul halaman berikut
catat url yang diberikan, misalnya http://feeds2.feedburner.com/artikelkomputerku anda nanti bisa menggunakan browser untuk melihat hasilnya.

8. klik Next

9. Klik Next, kan muncul pesan successfully

Untuk anda yang menggunakan blog wordpress (domain gratis) jika ingin burning atau membuat feed blog wordpress bisa dilihat disini feed wordpress
Untuk anda yang menggunakan blog wordpress (domain berbayar/self hosting) jika ingin burning atau membuat feed blog wordpress bisa dilihat disini feed wordpress

»» READMORE...

Car Buat Contac Me

Bisakah kita membuat halaman contact me pada blogspot? Jawabannya tentu BISA.
He3x, walaupun blogspot hanya menyediakan halaman penulisan konten yang tentunya tidak diperuntukkan untuk memasukkan script-script pemograman website. Ada sebuah situs penyedia layanan membuat form contact me yang bisa kita masukkan ke dalam halaman posting (konten) pada blogspot tersebut. Berikut saya jelaskan cara mendapatkan dan menggunakannya pada blogspot:

Buka situs http://www.emailmeform.com.
Anda harus mendaftar terlebih dahulu pada situs tersebut dengan mengklik link Signup for Free!.
Jika sudah mendaftar, silahkan login ke situs tersebut. Anda akan melihat beberapa menu yang ada disebelah kanan. Silahkan klik menu Create new Form.
Selanjutnya Anda akan masuk pada step 1 pembuatan form email. Pada bagian ini, ada beberapa isian yang harus Anda isi:
- Web form name : isi dengan nama form email yang akan Anda buat.
- Recipients Emails : isi dengan alamat email Anda yang digunakan untuk menerima email dari halaman pengunjung.
- Spam Email address : isi dengan alamat email yang akan menerima spam.
- Thank you page : isi dengan URL halaman yang akan dituju setelah pengunjung mengirim email kepada Anda. Biasanya halaman ini berisi ucapan terima kasih karena telah mengirim email kepada Anda. Jika Anda ingin pengirim kembali ke halaman utama blog Anda, silahkan masukkan URL blog Anda.
- Number of fields : jumlah kotak isian yang akan ada pada form email Anda.
Setelah itu klik tombol Next. Selanjutnya Anda akan menuju step 2. Beberepa isian yang harus Anda atur:
- Field Name --> judul isian yang akan diisi.
- Text effect --> efek tulisan, apakah cetak miring atau cetak tebal.
- Field type --> tipe isian, apakah menggunakan kotak text 1 baris (1 line), check box, dan lain-lani.
- Required --> mengatur apakah isian wajib diisi atau tidak.
Selanjutnya klik tombol Next.
Pada step 3, Anda diminta mengatur jumlah maksimal karakter yang bisa dimasukkan dalam setiap kotak isian. Atus jumlah karakter tersebut pada bagian Size and Details untuk setiap isian. Setelah itu klik tombol Next.
Langkah selanjutnya (step 4) adalah mengatur tampilan form email Anda.
- Font : jenis huruf dan ukuran yang Anda gunakan.
- Color : memilih warna tulisan dan background.
- Form description : deskripsi form email Anda.
- Header : tulisan yang akan dimunculkan di atas form email.
- Footer : tulisan yang akan dimunculkan di bawah form email.
- Style CSS : membuat CSS untuk table dan kolom pada form email. Anda bisa membaca postingan ini untuk mengetahui tentang CSS.
- Send button name : nama yang akan muncul pada tombol pengiriman email.
- Send button alignment : letak tombol kirim.
- Include a clear button : memunculkan tombol "Clear" yang berfungsi untuk menghapus isian jika salah.
- Anti spam : memilih anti spam yang akan digunakan pada form email Anda.
- Display mode : memilih penempatan form email yang akan Anda buat apakah di sebuah halaman situs Anda, di halaman website server, atau terpisah dalam bentuk window baru.
Selanjutnya klik tombol Next.
Langkah selanjutnya (step 5) adalah mengatur properties pesan yang akan masuk ke dalam email Anda.
- Message from : memilih tampilan pengirim yang akan terlihat di inbox Anda.
- Message subject : memilih tampilan subjek email yang akan terlihat di inbox Anda.
- Send Copy to Sender : memilih apakah mengirimkan salinan email yang dikirim oleh pengunjung ke email-nya sendiri.
- Include data for export : mengatur apakah melibatkan data untuk diekspor atau tidak (Hmm, agak bingung kalau yang ini ^_^ ).
Jika semua dirasa cukup, klik tombol Next.
Pada langkah berikutnya (step 6), Anda akan ditunjukkan tampilan form email yang telah Anda buat. Form email tersebutlah yang akan kita masukkan ke halaman contact me yang akan kita buat selanjutnya pada blogspot. Silahkan klik tombol Finish jika merasa sudah sesuai.
Oke, jika sudah, klik menu Get HTML Codes yang ada di sebalah kanan. Anda akan ditunjukkan sebuah kotak berisi kode HTML dari form email yang telah Anda buat. Kode tersebutlah yang akan kita copy paste pada halaman posting blogspot.
Untuk itu, masuklah sekarang ke dasbor blogspot Anda.
Buatlah sebuah posting baru. Beru judul misalnya : Contact Me
Pada form penulisan posting, klik tab Edit HTML , bukan Compose.
Copy paste-lah kode HTML yang Anda temukan pada langkah 10 di atas ke dalam kotak penunisan posting baru tersebut. Selanjutnya klik tombol Terbitkan Entri.

Selamat, Anda sudah mempunyai sebuah halaman Contact Me. Karena halaman tersebut muncul sebagai posting, tentu akan "menghilang" jika muncul postingan-postingan baru. Untuk itu, saya sarankan Anda membuat menu pada blogspot Anda agar pengunjung bisa mengklik menu tersebut untuk menuju ke halaman Contact Me yang telah Anda buat

»» READMORE...

Cara Menghilangkan Border Image di Blog

Bagi sebagian orang, tampilan border image atau bingkai photo dirasa kurang cantik, namun bagi sebagian orang lagi punya pendapat sebaliknya. Nah jika Anda termasuk bagian dari sebagian orang dalam kategori pertama, Anda bisa mengikuti cara ini untuk menghilangkan border Image di Blog Anda.
Caranya sbb:

1. Login ke Blogspot Anda;
2. Tata letak;
3. Edit HTML;
4. Cari kode di bawah ini:

.post img {
border:1pxsolid $bordercolor;
margin:4px;
padding:4px
}
Untuk kemudahan pencarian kode di atas, gunakan tombol Find atau tekan Ctrl + F, masukan kode .post img { ke kotak Find, ketemu dech.

5. Ganti nilai border:1px menjadi border:0px;

6. Save Tamplate, selesai!!!

»» READMORE...

Cara Menambah Image Pada Link Download

ujuan menambah gambar/image/icon pada link download adalah selain untuk mempercantik tampilan juga bisa mempermudah pengunjung untuk menemukan link download yang harus diklik.

Cara Menambah Image Pada Link Download, sesungguhnya hampir sama dengan cara membuat link banner, namun dengan sedikit kreatifitas bisa membuat link download tersebut menjadi sedikit lebih menarik.

Contoh Pertama

Kode Pada Contoh Pertama

Internet Download Manager (IDM) 5.19 Build 3 Full<br /><a href=" http://www.ziddu.com/download/10253668/IDM5.19Build3.Full.rar.html" target="_blank"><img src=" http://i977.photobucket.com/albums/ae258/SPN_photo/Animasi-Download-Here.gif" alt="Click Here"></a>

Kode Pada Contoh Kedua

Internet Download Manager (IDM) 5.19 Build 3 Full<br />
<img src=" http://i977.photobucket.com/albums/ae258/SPN_photo/Icon-Panah.gif" border="0" alt="download now" align="center"><a href=" http://www.ziddu.com/download/10253668/IDM5.19Build3.Full.rar.html" target="_blank"><b><font size="5">Download Now</font></b></a>
Keterangan:
* Teks warna Merah adalah judul file yang akan didownload;
* Teks warna hijau adalah alamat link Image;
* Teks warna Biru adalah alamat link file yang akan didownload;

»» READMORE...

Cara Menambah Buku Tamu di Blog

Sekarang ini yani mau bagi-bagi cara nambah buku tamu di blog.. buku tamu ini sangat penting ada di blog kamu.. agar teman-teman para blogger lain bisa maen2 ke blogmu dengan meninggalkan pesan di buku tamu ini.. dan dari buku tamu ini kamu bisa juga ningkatin traffick rank dari blogmu (apa tuh traffic rank.. next post ya...) disini ada 2 link yang paling banyak di gunakan di antara para blogger.. kamu bisa pilih salah satu ataupun salah duanya (satu aja cukup sih sebenernya..hohoho)...kamu bisa coba buka link ini:

ShoutBox pada tampilan awal kamu akan menemukan seperti ini

setelah itu kamu klik tombol "creat shoutbox" maka akan ada tampilan seperti ini

isi form "Shoutbox information" sebagai ID saat kamu login ke situs ini.. jangan lupa isi juga form "Contact information" dan centang pada bagian bawahnya.. jika sudah klik Continue.. jika keluar tampilan seperti di bawah ini bearti kamu sudah berhasil registrasi..

untuk langkah selanjutnya.. kamu tinggal copy scrip di bagian yang yani beri kotak merah.. lalu silahkan copykan ke blog kamu.. Layout --> Page Elements --> Add a Gadget.. lalu pilih yang HTML/Java Scrip dengan meng-klik tanda plus (+)nya..

lalu copy scrip tersebut seperti di bawah ini.. lalu tekan save..

langkah terakhir save juga di Page Element blog kamu.. dah kamu bisa lihat hasilnya di halaman blog kamu.. untuk merubah2 style dari tampilan kamu.. kamu bisa berkreasi di menu "Display" yang ada di menu login kamu..

ChatBox ini salah satu jenis buku tamu lain yang digunakan para blogger.. tampilan awal ChatBox akan muncul seperti ini..

lakukan registrasi dengan klik tombol "sign up" seperti yani blok di atas.. maka akan tampilan registrasi seperti ini..

isi semua form jangan sampai ada yang terlewatkan.. jika sudah jangan lupa centang bagian bawahnya lalu klik tomblol "Create My Cbox!".. jika tampilan sudah berganti dengan tampilan sepeti di bawah ini, bearti kamu sudah berhasil registrasinya..

selanjutnya masukin ID login dan pasword kamu.. lalu "ENTER" ato klik tanda panah di samping formnya.. setelah masuk ke tampilan home

tekan "PUBLISH" untuk menemukan scrip dari Cbox ini..

lalu copy semua scrip yang ada di box dalam kotak merah itu.. lalu masukkan scrip itu ke blog kamu.. caranya sama kok dengan cara memasukkan scrip ShoutMix.. dan untuk mengedit style dari ChatBox sesuai keinginan kamu, kamu bisa berkreasi pada menu "LOOK & FEEL" pada home ChatBox kamu..

ok teman2.. akhirnya kalian punya buku tamu.. congrat ya.. selamat berkreasi..

»» READMORE...

Labels