Menambah/ Memasang Emoticon di Kotak Komentar

 Mungkin dengan menambahkan emulator seperti saat kita Chat dengan YM di Coment Blog Kita mungkin suasananya akan jadi lebih heboh kali. Jadi yang mau Coment Bisa Mengeluarkan isi hatinya entah berupa emosi/tertawa/menertawai senyum dan masik banyak lagi.

Mungkin langsung aja menuju TKP gan tapi sebelum dilanjutin Aktifin Dulu Coment anda di-blog (Agar pengunjung blog anda dapat berkomentar).

Berikut Langkah-langkahnya :

1. Jika sudah klik Design -> Edit HTML

2. Beri tanda centang pada "Expand Widget Templates"

3. Cari kode </body>

4. Lalu letakkan script dibawah ini diatas kode </body>

<script src='http://www.hermanblog.googlecode.com/files/yemoticon.js' type='text/javascript'/>

5. Trus cari kode berikut ini:

<p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='comment-form'/>

<b:else/>

<b:if cond='data:post.allowComments'>

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if>

</b:if>

</p>

6. Kalau tidak sama, cari yang paling mendekati. Kemudian letakkan kode berikut ini dibawah <p class='comment-footer'>

<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>

:))

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>

:)]

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>

;))

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>

;;)

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>

:D

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>

;)

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>

:p

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>

:((

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>

:)

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>

:(

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>

:X

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>

=((

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>

:-o

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>

:-/

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>

:-*

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>

:

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>

8-}

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>

~x(

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>

:-t

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>

b-(

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>

:-L

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>

x(

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>

=))

</b>

7. Klik Save Template.

8. Selesai. Silahkan dites di kotak komentar anda. Jika berhasil maka akan muncul icon-icon lucu di kotak komentar anda seperti ini:

SEMOGA BERHASIL SELAMAT MENCOBA---- Kurang Jelas Silahkan Posting Aja dibawah OKE---------- 

Read More

Cara Memasang Like FB di Blog

Pada postingan ini saya akan membahas tentang teknik lain untuk menyebarkan artikel blog anda di Facebook yaitu denganmemasang tombol like Facebook pada postingan blog anda.

Keuntungan memasang tombol like ini adalah pembaca dapat dengan mudah berbagi postingan yang mereka sukai kepada teman facebook mereka hanya dengan satu klik. Dan sebagai pemilik blog, anda juga mendapat keuntungan berupa tambahan trafik dari pembaca yang mengelink artikel anda di profil Facebook mereka.


Nah bagi anda yang tertarik memasang tombol like ini, silahkan ikuti langkah- langkah dibawah ini:

1. Buka Blogger. Masuk ke menu Rancangan -> Edit HTML
2. Beri centang pada "Expand Widget Templates"
3. Cari kode <data:post.body/>
4. Jika anda menemukan dua kode <data:post.body/> maka pilih yang pertama
5. Letakkan kode berikut ini dibawah <data:post.body/> jika anda ingin memasang tombol like dibawah posting atau letakkan diatas <data:post.body/> jika anda ingin memasang tombol like diatas posting

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' height='30' scrolling='no' style='border:none; overflow:hidden; '/>

 6. Lalu Save template anda

Kalo Ini:

maka ganti standard dengan button_count
Anda juga dapat mengganti warna background tombol menjadi gelap dengan mengganti light menjadi dark.

------------------SEMOGA------------BERHASIL--------------------- 

Read More

Cara memasang Icon Smile Emotion Di Blogger

Anda pastinya sudah tahu kan apa itu Smile ? yang sering digunakan oleh pengguna Wordpress atau pengguna lainnya. yang apabila diketik kode icon smile maka akan muncul icon smile secara visual. tapi sayangnya bagi pengguna blogger tidak support. Namun anda janganlah bersedih karena saya akan memberi tau cara memberi icon smile pada blogger secara visual.

Coba lihat contohnya di blog ini, setiap ada penulisan text yang mengacu kepada code smile pasti akan berubah secara visual. Sebagai contoh, saya mengetikan icon senyum :) dan tertawa :D dan ketika saya tersipu malu :$ yang jelas Icon smile ini akan tampil pada semua text yang ada pada blog kita di manapun letaknya (Nb: bukan dalam shoutbox, link dan gambar), yang paling menguntungkan icon smile ini dapat memberikan keterangan emoticon pengujung ketika sedang memberikan komentar :o.

3 langkah mudah pasang icon smile di blogger :

1. Masuk ke template > edit HTML > Expand Widget Templates dan cari kode dibawah ini:

]]></b:skin>

2. Jika sudah ketemu copy code javascript di bawah, dan letakan dibawah kode ini ]]></b:skin>

<script src='http://louislim2.googlepages.com/addSmiley.js ' type='text/javascript'/>

3. Simpan dan lihat hasilnya.
Icon smile ini akan tampil secara otomatis pada blog kita setiap kali kita mengetikan standar kode dari icon tersebut.


Pengguna blogger pasti udah mengetahui icon smile yang banyak digunakan oleh pengguna wordpress atau pengguna blog lain, dimana setiap ada kode teks icon smile maka kode tersebut akan berganti dengan icon smile secara visual. Namun sayangnya blogger tidak support untuk icon smile ini..Ups jangan berkecil hati..banyak jalan menuju roma, semua pasti ada solusinya.

Coba lihat contohnya di blog ini, setiap ada penulisan text yang mengacu kepada code smile pasti akan berubah secara visual. Sebagai contoh, saya mengetikan icon senyum :) dan tertawa :D dan ketika saya tersipu malu :$ yang jelas Icon smile ini akan tampil pada semua text yang ada pada blog kita di manapun letaknya (Nb: bukan dalam shoutbox, link dan gambar), yang paling menguntungkan icon smile ini dapat memberikan keterangan emoticon pengujung ketika sedang memberikan komentar :o.

3 langkah mudah pasang icon smile di blogger :

1. Masuk ke template > edit HTML > Expand Widget Templates dan cari kode dibawah ini:

]]></b:skin>

2. Jika sudah ketemu copy code javascript di bawah, dan letakan dibawah kode ini ]]></b:skin>

<script src='http://louislim2.googlepages.com/addSmiley.js ' type='text/javascript'/>


3. Simpan dan lihat hasilnya.
Icon smile ini akan tampil secara otomatis pada blog kita setiap kali kita mengetikan standar kode dari icon tersebut.


Standar kode smile yang bisa digunakan (tanpa tanda petik):

":)  or  ":-)  = :-)
":D or ":-D  = :-D
":$ or ":-$  = :-$
":( or ":-(   = :-(
":p or ":-p  = :-p
";) or ";-)  = ;-)
":k or ":-k  = :-k
":@ or ":-@ = :-@
":# or ":-#"  = :-#
":x or ":-x"  = :-x
":o or ":-o  = :-o

Read More

Panduan Awal Membuat Blog

Saya disini akan sedikit berbagai ilmu bagaimana cara membual Blog di Blogger. Bagi yang belum bisa ikuti langkah-langkah berikut. Untuk membuat Blogspot kita harus mempunyai e-mail di gmail.com karena e-mail dari instansi lain tidak mendukung di blogspot. Mungkin langsung aja kita ke TKP.

Penulis meyarankan membuat email di gmail (google mail) karena satu layanan dengan blogger yang menyediakan layanan blog secara gratis.

----Panduan Membuat Email Gmail-----

-> Masuk alamat www.gmail.com

-> Lalu klik tombol "Buat akun / Create an Account" tampak seperti gambar berikut :

Lalu setelah itu akan muncul form-form yang harus Anda isi dengan benar dan sesuai data diri Anda.

-> Setelah semuanya terisi dan vertifikasi kata sudah diisi dengan benar klik tombol "Saya Menerima. Buat Akunku."


-> kalau semua form diisi dengan benar alamat dan mengklik tombol "Saya menerima. Buat.." alamat emailpun sudah jadi. (Biasanya Confirmasi e-mail fia Hp jadi masukan nomer hp-anda dan anda akan dapat sms dari gmail) Saya anggap anda sudah berhasil kita masuk langkah 2.

---Langkah 2 :



Cara Membuat Blog di Blogger

-> Masuk alamat www.blogger.com
-> Loggin dengan e-mail anda (@gmail) jika sudah dalam posisi Login maka akan muncul seperti gambar berikut :

-> Lalu klik tombol navigasi "Ciptakan Blog Anda"

-> Lalu isi form yang mucul dengan benar sesuai data diri Anda

-> Setelah diisi dengan benar contreng kotak "Saya Menerima..." Lalu klik tombol "Lanjutkan"

Lalu akan muncul konfigurasi nama blog Anda seperti dibawah ini, isi judul blog dan alamat blog Anda

Setelah diisi klik tombol "Lanjutkan"

Setelah langkah ke empat selesai sekarang pilih sebuah template Anda. Pilih template yang Anda sukai kemudian klik tombol "Lanjutkan"

Dan blog Anda sudah jadi apabila ingin memposting silahkan klik tombol "Mulai Blogging" 

Read More

Menampilkan Widget Di Halaman Tertentu

Hai sobat semua, bagaimanakah kabar Anda hari ini? semoga dalam keadaan sehat dan selalu ceria Amin... Pada tulisan kali ini, saya akan membagikan ilmu yang sudah saya pelajari kepada Anda yaitu masih tentang blogger dan topik yang saya bahas kali ini adalah seputar "Menampilkan widget pada halaman tertentu" yang sering digunakan pada template megazine, misalnya anda ingin menampilkan widget dihalaman post saja atau tidak ada hanya dihalaman post.

Nah langsung saja kita pelajari bersama-sama.

Langkah pertama yang harus Anda lakukan adalah masuk menu "Design" kemudian masuk ke bagian "Edit HTML" lalu centang kotak "Expand widget templates"

lalu cari code widgetnya seperti ini


<b:widget id='HTML1' locked='false' title='Pesan' type='HTML'>
<b:includable id='main'>

<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>

</b:includable>
</b:widget>

Untuk mempermudah pencarian silahkan masukkan judul widget seperti "Pesan" kedalam kotak pencarian browser (ctrl + F)

Kemudian tambah code

<b:if cond='data:blog.url == data:blog.homepageUrl'>

dan ditutup dengan code </b:if> untuk menempatkan di hanya halaman depan saja

dan ditempatkan seperti dibawah ini


<b:widget id='HTML1' locked='false' title='Pesan' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Perhatikan penempatan code yang berwarna hijau !

kemudian save.

Dan dibawah ini adalah code yang bisa digunakan untuk penempatan lainya

Untuk menempatkan di halaman depan/index digunakan code
<b:if cond='data:blog.pageType == data:blog.homepageUrl'>


Untuk menempatkan di halaman Archive saja
<b:if cond='data:blog.pageType == "archive"'>


Untuk menempatkan dihalaman item/posting saja digunakan code
<b:if cond='data:blog.pageType == "item"'>


Dan untuk pada halaman pages atau static page blogger digunakan
<b:if cond='data:blog.pageType == "static_page"'>

Dan untuk tambahan, jika Anda ingin menempatkan di halaman tertentu dengan menggunakan URL gunakan code dibawah ini
<b:if cond='data:blog.url == "URL_HERE"'>


Ganti code URL_HERE dengan URL yang ingin anda tampilkan.

Dan untuk pengecualian, misalnya anda tidak menempatkan widget hanya di halaman depan saja dengan cara mengganti tanda = pertama dengan tanda !

Contoh

<b:if cond='data:blog.pageType != data:blog.homepageUrl'>

Nah tidak terlalu sulit kan? semoga bermanfaat bagi Anda.

Sekian silahkan berkomentar jika ada pertanyaa, :D

Read More