Lifestyle Taufikayz

Tampilkan postingan dengan label Tips blog. Tampilkan semua postingan

Cara membuat related post gambar

Jika sebelumnya kita membahas tentang cara membuat related post yang berbentuk tulisan saja.
Kali ini kita akan membahas tentang cara membuat related post berupa gambar yang merupakan fasilitas dari website bernama Link Within

Cara ini lebih mudah dari cara sebelumnya dan juga hasilnya akan lebih menarik dari sebelumnya.
Berikut ini adalah caranya:
1. Daftarkan blog anda disini
2. Masukkan alamat e-mail, URL anda, platform blog anda, dan banyak post yang ditampilkan.
3. Kemudian klik Get widget
4. Ikuti langkah-langkah selanjutnya yang telah dijelaskan dalam website tersebut
5. Setelah selesai, maka related post dengan tampilan yang lebih menarik berupa gambar pun telah jadi

Berikutnya adalah tutorial yang berguna untuk menampilkan related post dari Link Within tersebut hanya ditampilkan pada postingan saja.
Berikut adalah caranya :
1. Masuk ke menu Rancangan
2. Pilih Edit HTML
3. Cek pada tulisan Expand Widget Template
4. Cari kode widget yang menunjukkan gadget linkwithin, kodenya kurang lebih

<b:widget id='HTML2' locked='false' title='LinkWithin' type='HTML'>
<b:includable id='main'><data:content/></b:includable>
</b:widget>

NOTE: kode warna hijau bisa berbeda (bisa HTML1 HTML3 HTML19 dll), tergantung template kamu dan yang pasti memiliki title yang sama dengan judul widgetmu (dalam hal ini linkwithin)

5. Kita akan membuat agar widget linkwithin hanya tampil di postingan dengan menambahkan kode berwarna merah seperti di bawah ini

<b:widget id='HTML2' locked='false' title='LinkWithin' type='HTML'>
<b:includable id='main'><b:if cond='data:blog.pageType == "item"'><data:content/></b:if></b:includable>
</b:widget>

Menambahkan fitur reply pada komentar

"Reply" atau biasa disebut "balas" ini adalah fitur untuk memudahkan pengunjung dan pemilik blog sendiri untuk membalas komentar dari pengunjung.
Fitur ini tidak langsung secara otomatis ada pada blog, sehingga akan ada sedikit tambahan di dalamnya.

Berikut ini adalah caranya:
1. Login akun blog anda
2. Masuk tab Tata Letak (layout)
3. Pilih Edit HTML
4. Centang tulisan Expand widget template
5. Jangan lupa untuk mem-backup template anda terlebih dahulu untuk berjaga-jaga (dengan cara klik pada Download full template)
6. Cari kode <dd class='comment-footer'>, namun jika anda kesulitan mencari kode tersebut, anda bisa saja mencari kode berikut <b:include data='comment' name='commentDeleteIcon'/>
7. Copy kode di bawah ini dan pastekan tepat setelah kode tersebut.

<a expr:href='"https://www.blogger.com/comment.g?blogID=Masukan Blog ID anda disini&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450"); return false;'><img alt='Reply To This Comment' src='http://i984.photobucket.com/albums/ae328/Gie23_84/Gie%20Colection/REPLY2.png'/></a>

NOTE: ubah tulisan Masukan Blog ID anda disini dengan blog ID anda

Cara mencari tahu blog ID adalah sebagai berikut:
1. Login akun blog anda
2. Masuk ke menu posting
3. Maka di address bar akan muncul alamat website tersebut seperti misalnya http://www.blogger.com/post-create.g?blogID=1182217837303910639 dan yang merupakan blog ID yang dimaksud adalah 1182217837303910639 yang merupakan angka terakhir yang tertulis dalam address bar tersebut.

SELAMAT MENCOBA

Tips promosi blog untuk menambah pengunjung

Berikut ini adalah beberapa tips dari saya yang merupakan pemula dalam dunia blogging dan mungkin bisa bermanfaat bagi banyak orang.
Apa tipsnya?
Ini sebenarnya hanyalah tips sederhana dalam dunia promosi blog yaitu dengan cara menambahkan blog kita dalam berbagai website penyedia search engine.
Apa itu search engine?
Search engine adalah sebuah website yang membantu para pembaca untuk mencari apapun yang diinginkan dalam internet. Dengan mendaftarkan blog kita pada beberapa search engine sekaligus, dapat juga memperbesar kemungkinan blog kita akan terdeteksi dan dikunjungi oleh beberapa pembaca.

Berikut ini adalah contoh website yang dapat dipercaya dan bisa anda coba mendaftarkan blog anda pada website-website tersebut:

1. google.com

2. yahoo.com

3. addme.com

4. blog-indonesia.com

5. sitelevel.com

6. jayde.com

7. fybersearch.com

Kemudian yang harus anda lakukan hanyalah mengikuti petunjuk pendaftaran di masing-masing website dan jika telah selesai, maka blog anda akan secara otomatis ditambahkan dalam search engine milik mereka.

SELAMAT MENCOBA

Menampilkan foto pada kotak komentar

Mungkin banyak diantara para blogger yang masih bingung dengan cara membuat foto dapat ditampilkan pada kotak komentar blog.
Bagaimana caranya?
Mungkin untuk yang lebih mudah, anda hanya tinggal masuk ke tab Pengaturan(settings) kemudian pilih komentar (comments) dan cari pada pilihan Tampilkan gambar profil dalam komentar? (Show profile images on comments?)
Jika langkah tersebut berhasil, maka anda hanya tinggal menikmatinya saja.
Tapi, jika langkah di atas gagal, maka yang harus anda lakukan adalah mengubah sedikit kode HTML template blog anda.

Berikut ini adalah langkah-langkahnya:
1. Login akun blog anda
2. Masuk tab Tata letak (layout)
3. Pilih menu Edit HTML
4. Centang pada tulisan Expand Widget Template (jangan lupa untuk di backup dahulu sebelum mengubah HTML)
5. Cari kode <dl id='comments-block'> atau <div id='comments-block'>
6. Tambahkan kode expr:class='data:post.avatarIndentClass' sebelum tulisan id='comments-block'>
7. Kemudian, cari kode <a expr:name='data:comment.anchorName'/>

NOTE: jika anda kesulitan mencari kode di atas, anda cukup mencari data:comment.anchorName saja

8. Tepat setelah kode tersebut, pastekan kode berikut:

<b:if cond='data:comment.favicon'><img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/></b:if><a expr:name='data:comment.anchorName'/><b:if cond='data:blog.enabledCommentProfileImages'><data:comment.authorAvatarImage/></b:if>

9. Save template

SELAMAT MENCOBA

Cara memasang status online/offline YM

Bagi anda yang gila chatting, mungkin Yahoo! messanger atau bisa dikenal dengan sebutan Y!M sudah tidak asing lagi.
Tapi kali ini, saya akan memberikan tutorial tentang cara membuat icon status onlin/offline Y!M pada blog yang kita miliki.
Mungkin banyak yang bertanya-tanya untuk apa fungsinya?
Fungsinya bisa juga untuk mendekatkan kita dengan para pembaca blog kita, mungkin juga jika kita sering online yahoo messanger maka akan banyak pula para pengunjung blog kita yang ingin bertanya-tanya seputar postingan blog kita ataupun hanya iseng-iseng belaka, dan masih banyak lagi fungsi-funsi lainnya dari pemasangan status online/offline Y!M pada blog ini.

Bagi anda yang ingin mencoba, saya akan memberikan sedikit tutorial tentang cara memasang status tersebut pada blog anda.
Berikut ini adalah cara pemasangannya:
1. Login ke akun blog anda
2. Masuk tab Tata letak (Layout)
3. Pilih menu elemen halaman (page element)
4. Klik pada Tambah gadget (add gadget)
5. Pilih HTML/Javascript
6. Copy salah satu kode di bawah ini yang menurut anda paling menarik dan pastekan pada kotak HTML/Javascript

NOTE: Ubah tulisan ID_YM dengan id/username yahoo! messanger anda masing-masing.

<a href="ymsgr:sendIM?ID_YM">
<img src="http://opi.yahoo.com/online?u=ID_YM&m=g&t=0 border="0/></a>

<a href="ymsgr:sendIM?ID_YM">
<img src="http://opi.yahoo.com/online?u=ID_YM&m=g&t=1 border="0/></a>

<a href="ymsgr:sendIM?ID_YM">
<img src="http://opi.yahoo.com/online?u=ID_YM&m=g&t=2 border="0/></a>

<a href="ymsgr:sendIM?ID_YM">
<img src="http://opi.yahoo.com/online?u=ID_YM&m=g&t=3 border="0/></a>

<a href="ymsgr:sendIM?ID_YM">
<img src="http://opi.yahoo.com/online?u=ID_YM&m=g&t=4 border="0/></a>

<a href="ymsgr:sendIM?ID_YM">
<img src="http://opi.yahoo.com/online?u=ID_YM&m=g&t=5 border="0/></a>

<a href="ymsgr:sendIM?ID_YM">
<img src="http://opi.yahoo.com/online?u=ID_YM&m=g&t=6 border="0/></a>

<a href="ymsgr:sendIM?ID_YM">
<img src="http://opi.yahoo.com/online?u=ID_YM&m=g&t=7 border="0/></a>

<a href="ymsgr:sendIM?ID_YM">
<img src="http://opi.yahoo.com/online?u=ID_YM&m=g&t=8 border="0/></a>

<a href="ymsgr:sendIM?ID_YM">
<img src="http://opi.yahoo.com/online?u=ID_YM&m=g&t=9 border="0/></a>

<a href="ymsgr:sendIM?ID_YM">
<img src="http://opi.yahoo.com/online?u=ID_YM&m=g&t=10 border="0/></a>

<a href="ymsgr:sendIM?ID_YM">
<img src="http://opi.yahoo.com/online?u=ID_YM&m=g&t=11 border="0/></a>

<a href="ymsgr:sendIM?ID_YM">
<img src="http://opi.yahoo.com/online?u=ID_YM&m=g&t=12 border="0/></a>

<a href="ymsgr:sendIM?ID_YM">
<img src="http://opi.yahoo.com/online?u=ID_YM&m=g&t=13 border="0/></a>

<a href="ymsgr:sendIM?ID_YM">
<img src="http://opi.yahoo.com/online?u=ID_YM&m=g&t=14 border="0/></a>

<a href="ymsgr:sendIM?ID_YM">
<img src="http://opi.yahoo.com/online?u=ID_YM&m=g&t=15 border="0/></a>

<a href="ymsgr:sendIM?ID_YM">
<img src="http://opi.yahoo.com/online?u=ID_YM&m=g&t=16 border="0/></a>

<a href="ymsgr:sendIM?ID_YM">
<img src="http://opi.yahoo.com/online?u=ID_YM&m=g&t=17 border="0/></a>

<a href="ymsgr:sendIM?ID_YM">
<img src="http://opi.yahoo.com/online?u=ID_YM&m=g&t=18 border="0/></a>

<a href="ymsgr:sendIM?ID_YM">
<img src="http://opi.yahoo.com/online?u=ID_YM&m=g&t=19 border="0/></a>

<a href="ymsgr:sendIM?ID_YM">
<img src="http://opi.yahoo.com/online?u=ID_YM&m=g&t=20 border="0/></a>

<a href="ymsgr:sendIM?ID_YM">
<img src="http://opi.yahoo.com/online?u=ID_YM&m=g&t=21 border="0/></a>

<a href="ymsgr:sendIM?ID_YM">
<img src="http://opi.yahoo.com/online?u=ID_YM&m=g&t=22 border="0/></a>

<a href="ymsgr:sendIM?ID_YM">
<img src="http://opi.yahoo.com/online?u=ID_YM&m=g&t=23 border="0/></a>

<a href="ymsgr:sendIM?ID_YM">
<img src="http://opi.yahoo.com/online?u=ID_YM&m=g&t=24 border="0/></a>

SELAMAT MENCOBA

website toolbar dengan wibiya

Apa itu wibiya?
Wibiya adalah sebuah website yang menyediakan fasilitas toolbar yang di install pada website dan berfungsi untuk memudahkan pengunjung ataupun membuat tampilan website yang lebih menarik.

Lalu, dimanakah toolbar tersebut dipasang?
Toolbar wibiya tersebut terletak pada bawah website, untuk contohnya, anda bisa melihatnya di bawah blog ini (tampilan garis panjang berwarna orange)

Apa saja fasilitas yang diberikan pada toolbar wibiya ini?
Mungkin pada blog ini, fasilitas keseluruhan masih belum saya tambahkan karena banyak yang tidak begitu penting.
Namun, jika anda masih penasaran, saya bisa memberitahukan apa saja fasilitas-fasilitas yang disediakan oleh wibiya

Berikut ini adalah fasilitas-fasilitasnya:

You Tube video gallery

Menampilkan video-video yang ada pada youtube.com

Real Time users

Menampilkan jumlah pengunjung yang sedang online (fasilitas dari whos.amung.us

Twitter Lists

Memudahkan pembaca dalam melihat profile lengkap atau pencarian dalam twitter tanpa perlu meninggalkan website / blog anda

Twitter Dashboard

Memudahkan pengunjung dalam melakukan kegiatan-kegiatan yang berhubungan dengan twitter seperti tweets, latest tweets, search, dan lain lain

Twitter Profile

Menampilkan profil twitter lengkap anda dan memudahkan pengunjung dalam melakukan kegiatan-kegiatan twitter tanpa perlu meninggalkan website / blog anda

Addictive Flash Games

Memberikan fasilitas games flash online gratis bagi pengunjung agar bisa bermain tanpa perlu meninggalkan blog anda

Scroll To Top

Memudahkan pengunjung untuk menuju bagian paling atas pada blog anda

Webpage Chat

Sebuah tambahan chat website yang unik pada setiap halaman website anda dengan full intregasi twitter dan facebook

Smart Share

Memudahkan pengunjung website anda dalam berbagi conten yang ada pada web anda dan juga berguna untuk menambah trafik pengunjung karena anda akan memdapatkan link balik darinya

Share Menu

Memudahkan pengunjung dalam berbagi, menyimpan, mendistribusikan isi konten web anda melalui Facebook, twitter, Digg, Yahoo! Buzz, myspace, dan lain lain