Dapat Pembayaran Dari Iklan PPC Kliksaya.Com Yang Ke-3

Senin, 21 Oktober 2013 | komentar

Dapat Pembayaran Dari Iklan PPC Kliksaya.Com Yang Ke-3 - Halo teman :) hari ini saya merasa sangat senang sekali nih, tau kenapa? Baca aja lagi judul artikel ini sekali lagi. Dapat uang dari Kliksaya.com lagi, ya benar sekali teman itulah yang sekarang ini membuat saya merasa senang dan berfikir kalau ternyata ngeblo itu bukan hal yang sia - sia dan bukan pekerjaan yang tanpa ada hasilnya.

Awalnya pas saya membuka akun Kliksaya.com sempat kaget juga sih, karena yang tadinya jumlah earning (penghasilan) bukan segitu tapi pas dilihat waktu itu sudah berkurang menjadi seperti yang ada pada gambar di bawah. Kemudian untuk memastikan saya langsung membuka menu "Laporan" dan jreng-jreng-jreng ternyata benar uang penghasilan di akun Kliksaya.com saya sudah di transfer ke nomor rekening bank saya.

Pembayaran kali ini memang bukan pembayaran yang pertama kali, saya sudah di bayar sama Kliksaya.com sebanyak 3 kali. Dan ini membuktikan bahwa Kliksaya.com memang bukan web periklanan scam / penipuan. Kliksaya.com telah membuktikan kejujurannya kepada para membernya sebanyak 3 kali (kepada saya), dan saya yakin masih banyak para blogger yang sudah sering mendapatkan pembayaran dari Kliksaya.com selain saya.

Apabila anda ingin memastikan silahkan lihat pada gambar dibawah ini yang saya ambil dari akun Kliksaya.com saya.

Dapat Pembayaran Dari Iklan PPC Kliksaya.Com Yang Ke-3

Tuh kan teman, sudah 3 kali saya dapat komisi dari Kliksaya.com. Memang penghasilannya tidak terlalu besar sih, tapi kan lumayan tuh buat uang jajan atau buat beli pulsa modem. Hehe.. Pembayaran yang baru saja saya dapatkan adalah yang paling bawah, yaitu pada tanggal 10-09-2013. Kalau anda kurang jelas melihat gambarnya, anda bisa meng-klik gambarnya untuk memperbesar.

Saya harap penghasilan ini bisa terus berlangsung ya, sehingga saya semakin semangat untuk bermain blog. Terutama untuk menulis artikel tentang informasi - informasi yang akan saya share kepada anda semua. Saya juga selalu akan do'akan semoga saja Kliksaya.com bisa lebih maju lagi dan tetap konsisten dalam visi serta misi yang mereka terapkan. Amin..

Mau Daftar dan Ikut Bergabung untuk mencoba keberuntungan di Kliksaya.com? Daftar Melalui kliksaya.com

Selamat mencoba dan semoga artikel ini bisa bermanfaat :)

Cara Menambahkan Gaya Warna-Warni Pada Komentar Blogger Dengan CSS

Rabu, 07 Agustus 2013 | komentar

Menambahkan Gaya Warna-Warni adalah cara untuk menghiasi komentar agar lebih menarik untuk dipandang. Gaya Warna-warni pada komentar ini dibuat dengan menambahkan kode pelengkap yaitu CSS, dengan adanya kode CSS ini anda dapat mengkreasikan blog atau website anda, salah satu menghiasi komentar ini. Dengan menghiasi komentar ini pengunjung juga lebih tertarik untuk berkomentar.

Komentar Gaya Warna-warni ini mempunyai beberapa fitur seperti, Memberikan gaya latar warna pada nama, tombol Balas(reply), dan tanggal, dan mempunyai fungsi yaitu, jika latar berwarna orange berarti pengunjung, dan jika latar berwarna ungu muda berarti pemilik blog, dan sebagai pelengkap yaitu font.

Cara Menambahkan Gaya Warna-Warni Pada Komentar Blogger Dengan CSS



  • Silahkan Masuk Ke Akun Blogger Anda.
  • Setelah itu, Klik Menu Template, --> Simpan terlebih dahulu template anda, --> Setelah itu, Klik Tombol Edit HTML.
  • Cari Kode ]]></b:skin> dengan menekan CTRL+F.
  • Masukan Kode berikut ini diatas kode ]]></b:skin> :
<!-- Start Colorful Stylish Comments -->
@font-face {
     font-family: 'Philosopher';
 font-style: normal;
 font-weight: 400;
 src: local('Philosopher'), url(http://themes.googleusercontent.com/static/fonts/philosopher/v4/OttjxgcoEsufOGSINYBGLYbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

.comment .avatar-image-container {
     border: 1px solid #B6B6B6;
 max-height: 70px !important;
 margin-top: -5px;
 width: 70px !important;
 position: relative;
 z-index: 50;
}

.comment .comment-block {
     margin-left: 75px !important;
}

.comment .comment-header {
     background: none repeat scroll 0 0 #A9F5D0;
 color: #333;
 font-size: 15px;
 font-weight: bold;
 margin-left: 60px;
}

.comment .comment-header a {
     color: white !important;
 text-decoration: none;
}

.comment .comment-content {
     background: none repeat scroll 0 0 #FEFFF9;
 border-bottom: 2px solid #E6E6E6;
 font-size: 14px;
 margin: 0 0 30px;
 padding: 5px 5px 10px 10px;
}

.comment .comment-actions a {
     background: none repeat scroll 0 0 #DDD;
 color: #333;
 display: inline-block;
 line-height: 1;
 margin: 0 3px;
 padding: 3px 6px !important;
 text-decoration: none;
}

.comment .comment-actions a {
     background: none repeat scroll 0 0 #DDD;
 color: #333;
 display: inline-block;
 line-height: 1;
 margin: 0 3px;
 padding: 3px 6px !important;
 text-decoration: none;
}

.comment-header cite {
     background: none repeat scroll 0 0 #DF7401;
 border: 1px solid white;
 color: white;
 padding: 2px 20px;
 position: relative;
 z-index: 99;
 margin-left: -20px;
}

cite.blog-author {
     background: none repeat scroll 0 0 #8181F7 !important;
}
.icon.blog-author {
     display: none !important;
 background: url("") no-repeat scroll 0 0;
 margin-left: 90px;
 width: 60px !important;
 height: 60px !important;
 position: absolute;
 right: 5px;
 bottom: 5px;
 top: 10px;
}

.comment .comment-header {
     color: #333;
 font-size: 15px;
 font-weight: bold;
}

.comment .avatar-image-container img {
     border: medium none !important;
 height: 70px !important;
 width: 70px !important;
 max-height: 70px !important;
 max-width: 70px !important;
}

.comment .comment-actions a {
     background: none repeat scroll 0 0 #DDD !important;
 color: #333 !important;
 display: inline-block !important;
 line-height: 1 !important;
 margin: 0 3px !important;
 padding: 3px 6px !important;
 text-decoration: none !important;
 font-size:16px;
}

.comment .comment-actions a:hover {
     background: #CCC !important;
 text-decoration: none !important;
}

.comments {
     font-family: 'Philosopher', arial, serif !important;
 font-size: 1em;
 color: black;
}

.comments .continue a {
     display: block !important;
 font-weight: bold !important;
 padding: .5em !important;
 color:#E34600;
 font-size:16px;
}

.comments .continue a:hover {
     color:#4D3123;
 text-decoration:none;
}

.item-control {
     display: none !important;
}

.comments .continue {
     border-top: 2px solid transparent !important;
}
<!-- End Colorful Stylish Comments -->

  • Kemudian, Klik Tombol Simpan Template.


Selamat Mencoba,
Salam Sukses,

Membuat Widget Recent Comments Dengan Avatar

| komentar

Widget Recent Comments Adalah Widget yang dipergunakan untuk menampilkan Komentar yang telah diterbitkan untuk bisa dilihat oleh pengunjung. Widget Adalah Widget yang wajib dipasang oleh si pemilik blog. Memang di pilihan pada tata letak untuk menambahkan widget ini belum dipasang. tetapi Widget ini bisa dipasang dengan menambahkan widget HTML. Widget ini Dibuat oleh Way2Blogging. Kelebihan dari widget ini adalah Widget Yang Stylish dari pada versi sebelumnya, Memiliki Avatar yang dibingkai bulat dibandingkan dengan versi sebelumnya yang tidak memiliki avatar, Widget ini juga bisa diatur dengan anda seberapa anda ingin menampilkan Komentar, Anda juga bisa mengatur avatar, Dan Widget ini juga mudah dipasang. Untuk Itu saya akan menjelaskan kepada anda cara untuk membuatnya. Untuk itu berikut cara untuk membuatnya:

  • Silahkan Login Ke Blogger Anda.
  • Setelah itu, Klik Menu Tata Letak, --> Klik Tombol Add Gadget, Lalu Tambahkan Gadget HTML.
  • Masukan kode berikut ini :
<style type="text/css">
ul.w2b_recent_comments {
list-style: none;
margin: 0;
padding: 0;
}
.w2b_recent_comments li {
background: none !important;
margin: 0 0 6px !important;
padding: 0 0 6px 0 !important;
display: block;
clear: both;
overflow: hidden;
list-style: none;
}
.w2b_recent_comments li .avatarImage {
padding: 3px;
background: #fefefe;
-webkit-box-shadow: 0 1px 1px #ccc;
-moz-box-shadow: 0 1px 1px #ccc;
box-shadow: 0 1px 1px #ccc;
float: left;
margin: 0 6px 0 0;
position: relative;
overflow: hidden;
}
.avatarRound {
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.w2b_recent_comments li img {
padding: 0px;
position: relative;
overflow: hidden;
display: block;
}
.w2b_recent_comments li span {
margin-top: 4px;
color: #666;
display: block;
font-size: 12px;
font-style: italic;
line-height: 1.4;
}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 60,
roundAvatar = true,
characters = 40,
showMorelink = false,
moreLinktext = "More »",
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://daftar-javascript-kami.googlecode.com/files/Recent%20Comments.js"></script>
<script type="text/javascript" src="http://kumpulan-tips-menarik.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>
<div style="text-align:center">
<span style="float:left;font:italic 10px Arial, Sans-Serif; color:#3D3D3D;"><a target="_blank" href="http://kumpulan-tips-menarik.blogspot.com/">.:Get Widget:.</a></span>
</div>

Keterangan:
Ganti Tulisan yang berwarna Kuning dengan jumlah komentar yang ingin anda terbitkan.
Ganti Tulisan yang berwarna Hijau dengan url Gambar avatar anda (80x80 pixel).
Ganti Tulisan yang berwarna Merah dengan url blog anda.

  • Lalu, Klik Tombol Simpan.

Selamat Mencoba,
Salam Sukses

Cara Menambahkan Background Pada Kotak Komentar

| komentar


Memberikan Background Pada Kotak Komentar adalah Memberikan Background Pada Kotak Komentar yang bisa anda pilih sendiri background yang anda mau Atau anda juga bisa menggantinya dengan kode warna yang anda mau Tak hanya itu Kotak Komentar Juga Dilengkapi Dengan Efek Bayangan atau Hover, Dibandingkan tidak menambahkan background yang terlihat simple-simple saja. Anda Juga Bisa Menambahkan Background lain yang bisa anda ambil di Background Labs Website ini saya pilih karena Background yang menarik dan gratis yang bisa anda pilih sesuai yang anda suka. Memberikan Kotak Komentar adalah salah satu cara untuk memberikan variasi yang menarik untuk lebih dilihat atau untuk menarik pengunjung untuk berkomentar. Menambahkan Background Pada Kotak Komentar ini Juga Mudah Dipasang. Untuk Memasangnya Anda Bisa Ikuti Cara Berikut ini:



  • Silahkan Login Ke Blogger Anda.
  • Setelah itu, Klik Menu Template, Terlebih Dahulu Anda Backup Template Anda, Lalu Klik Tombol Edit HTML.
  • Centang Expand Template Widget, Lalu, Cari Kode ]]></b:skin> dengan menekan CTRL+F atau Dengan F3.
  • Masukan Kode Berikut ini Diatas Kode ]]></b:skin> :
#YBB-form iframe{
background:#ffffff url(URL Gambar Anda) repeat;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#2F97FF;
width:560px; height:213px !important;
}
#YBB-form a{
color:#fff;
}

Ketarangan:
Ganti Kode Yang Berwarna Merah Dengan URL Gambar Background Anda Yang Bisa Anda Pilih Dibawah.
Kode Yang Berwarna Hijau Adalah Warna Dari Teks Komentar, Jika Anda Mau Mengantinya, Ganti Dengan Kode Warna 6 Digit.
Kode Yang Berwarna Kuning adalah Lebar Dari Kotak Komentar.

URL Gambar Background :

Right click and Save Picture As...
http://bglabs.evade.netdna-cdn.com/45875kli90/159.gif
Right click and Save Picture As...

http://bglabs.evade.netdna-cdn.com/45875kli90/163.gif


Right click and Save Picture As...


http://bglabs.evade.netdna-cdn.com/45875kli90/170.gif



http://1.bp.blogspot.com/-PORWuVig3Q8/UUuvwVm4ijI/AAAAAAAADAU/8lvptK5YKxQ/s1600/blur.png




http://1.bp.blogspot.com/-UUyUAUOyLg0/UUuvz9lr5eI/AAAAAAAADAg/Ch9Fg79jvHw/s1600/cread.png





http://3.bp.blogspot.com/-uIjZS-TccQo/UUuv2XM5E9I/AAAAAAAADAo/a9Ay-O1cyKU/s1600/Rush.png





http://4.bp.blogspot.com/-I8yBduXGo1s/UUuv316861I/AAAAAAAADAw/Vlosx0rLd1s/s1600/hwei.png





http://4.bp.blogspot.com/-y3supte0p8g/UUuv7It68zI/AAAAAAAADA4/7VYllzDkUKA/s1600/grae.png





http://2.bp.blogspot.com/-V5pETwx6Kkk/UUuv9KKypuI/AAAAAAAADBA/VmjjiyFmgc8/s1600/frect.png




http://4.bp.blogspot.com/-0qmneSlbTqA/UUuv-Tqd85I/AAAAAAAADBI/dSYG6c3kcHE/s1600/Creck.png

  • Setelah itu, Cari Kode <div class='comment-form'> dengan menekan CTRL+F atau Dengan F3.
  • Lalu, Ganti kode <div class='comment-form'> dengan kode Berikut:
<div id='YBB-form'>
  • Lalu, Klik Tombol Simpan Template.

Selamat Mencoba,
Salam Sukses,



Your-BelajarBLOG

Cara Membuat Tulisan Bergerak Di Blog (Keren Banget)

| komentar


Tulisan Berjalan di Blog sebuah gadget yang di buat untuk memperindah blog. dan untuk menarik pengunjung. untuk membuat tulisan berjalan ada beberapa tahap yang harus anda ikuti. Berikut contoh dan cara untuk membuat tulisan berjalan:



  • Silahkan Masuk ke blogger anda.
  • Klik Menu Tata Letak, Klik Tombol Add Gadget HTML untuk menambahkan gadget baru.
  • Paste Kode Dibawah.
  • Klik Tombol Simpan.
Berikut Script kodenya:


Tulisan Bergerak Bergerak kekanan (Ganti dengan Teks Anda)
Untuk Tulisan Bergerak Ke Kanan Berikut Scricpt Kodenya:
<marquee direction="right"><span style="color: rgb(255, 0, 0); font-weight: bold;">Tulisan Bergerak Bergerak kekanan (Ganti dengan Teks Anda)</span></marquee>


Tulisan Bergerak Ke Kanan dan Kekiri (Ganti dengan Teks anda)

Untuk Tulisan Bergerak Ke Kanan Dan Kekiri Berikut Scricpt Kodenya:
<marquee direction="left" behavior="alternate"><span style="color:red; font-weight: bold;">Tulisan Bergerak Ke Kanan dan Kekiri (Ganti dengan Teks anda)</span></marquee>


Tulisan Bergerak kekanan Perlahan (Ganti dengan teks anda)Untuk Tulisan Bergerak Ke Kanan Perlahan Berikut Scricpt Kodenya:
<marquee direction="right" scrolldelay="500"><span style="color:red; font-weight: bold;">Tulisan Bergerak kekanan Perlahan (Ganti Dengan Teks Anda)</span></marquee>

Tulisan Bergerak Ke Kanan dan Kekiri Dan Bisa Di stop (Ganti dengan Teks Anda) 
Untuk Tulisan Bergerak Ke Kanan dan Kekiri Bisa di stop Berikut Scricpt Kodenya:
<marquee direction="left" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" width="95%"><span style="color:red; font-weight: bold;">Tulisan Bergerak Ke Kanan dan Kekiri Dan Bisa Di stop (Ganti dengan Teks Anda)</span></marquee>

Tulisan Bergerak Ke Atas(Ganti dengan Teks anda) 
Untuk Tulisan Bergerak Ke Atas Berikut Scricpt Kodenya:
<marquee align="center" direction="up" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="95%"><span style="color: red; font-weight: bold;">Tulisan Bergerak Ke Atas(Ganti dengan Teks anda)</span></marquee>

Tulisan Bergerak Ke Atas dan Ke bawah(Ganti dengan Teks Anda) 
Untuk Tulisan Bergerak Ke Atas Berikut Scricpt Kodenya:
<marquee align="center" direction="up" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100" width="95%"><span style="color:red; font-weight: bold;">Tulisan Bergerak Ke Atas dan Ke bawah(Ganti dengan Teks Anda)</span></marquee>

Keterangan:
Ganti Kode berwarna Merah dengan Teks yang anda mau, Ganti kode berwarna Biru dengan warna yang anda Mau (Pilihan warna Ada Dibawah).

  • Merah= red
  • Biru= blue
  • Kuning= yellow
  • Putih= white
  • Hitam= black
Bisa Diganti dengan kode warna
  • <span style="color:red; font-weight: bold;"> menjadi <span style="color:#f00; font-weight: bold;">
  • Ini Kode warnanya:
  • Merah= #f00;
  • Biru= #00f;
  • Hijau= #0f0;
  • Ungu= #f0f;
  • Dan masih banyak lagi.
Untuk itu silahkan di coba-coba kode warna yang lain.


Untuk Gambar yang bisa berjalan Ke Kiri berikut Scriptnya:
<marquee direction="right"> <img src="http://3.bp.blogspot.com/-DS1grN00YHQ/UPA2Y5pH4xI/AAAAAAAABLg/v4DDSeZV5Ms/s1600/Blog.jpg" /></marquee>

Gambar Diatas Merupakan Contoh Gambar Berjalan.



Selamat Mencoba,
Salam Sukses.

Cara Share Otomatis Posting Blog Ke Twitter Dan Facebook

Sabtu, 20 Juli 2013 | komentar


Cara Share Otomatis Posting Blog Ke Twitter Dan Facebook - Setelah membuat blog atau situs web dengan penuh ketekunan, tentunya kita ingin menjadikan blog kita di kenal oleh banyak orang. Pada satu sisi juga pasti ingin blog kita dikunjungi oleh banyak visitor, karena ada satu semboyan untuk para blogger yang bunyinya "Visitor Is Money" kurang lebih artinya Pengunjung adalah uang.

Salah satu cara untuk mengenalkan blog atau situs web kita kepada dunia adalah melalui situs jejaring sosial, dan untuk saat ini yang sangat populer di dunia adalah situs jejaring sosial Facebook, Google+, Twitter dan lain sebagainya masih banyak lagi. Tentunya dengan adanya situs jejaring sosial tersebut kita bisa dengan mudah mengenalkan blog atau situs web kita kepada dunia, dengan catatan kita share posting blog ke situs jejaring sosial tersebut. Apalagi kalau blog kita artikelnya sangat menarik dan bermutu, pasti akan banyak yang mengunjungi blog kita melalui artikel posting yang kita share ke situs jejaring sosial tersebut.


Cara Share Otomatis Posting Blog Ke Twitter Dan Facebook


Cara mengenalkan blog atau situs web kita kepada dunia adalah dengan cara share artikel kita ke situs jejaring sosial seperti Google+, Facebook, dan Twitter. Bagi blogger blogspot tentunya sangat mudah untuk melakukan share ke situs jejaring sosial Google+, karena setiap kita publikasikan posting terbaru yang kita buat pasti akan keluar fasilitas share langsung ke Google+. Namun untuk share posting blog ke facebook dan twitter tentunya harus dilakukan cara manual, oleh sebab itu disini saya akan kasih tips dan trik untuk share otomatis posting blog ke twitter dan facebook melalui dlvr.it.

Tidak mungkin setiap kali kita membuat posting pada blog kita harus share satu persatu artikel blog kita ke situs jejaring sosial secara manual, sebab cara itu mungkin bisa mamakan banyak waktu. Karena kemungkinan kita mempunyai banyak sekali akun di situs jejaring sosial facebook dan twitter, maka kita bisa bisa menggunakancara share otomatis posting blog atau situs web ke banyak akun twitter dan facebook.

Karena cara share yang akan kita gunakan ini adalah cara otomatis, maka silahkan sobat mengikuti langkah-langkah yang saya berikan sebagai berikut:

1. Langkah yang pertama, silahkan sobat >> Masuk ke situs dlvr.it


2. Kemudian masukkan email dan password, lalu klik sign up.
Lihat gambar screenshot di bawah ini.

Cara Share Otomatis Posting Blog Ke Twitter Dan Facebook

3. Setelah sing up, maka sobat akan dibawa ke halaman seperti screenshot dibawah ini, kemudian masukkan alamat url blog sobat, lalu klik next.

Cara Share Otomatis Posting Blog Ke Twitter Dan Facebook

4. Langkah yang selanjutnya, silahkan sobat pilih situs jejaring sosial mana yang akan sobat gunakan untuk share posting otomatis blog sobat. Namun sebelum memilih saya sarankan agar sobat untuk login atau masuk terlebih dahulu pada akun situs jejaring sosial yang akan sobat pilih Twitter atau Facebook, hal ini untuk mempermudah dalam proses menautkan situs blog sobat ke akun jejaring sosial sobat.
Lihat gambar berikut dibawah ini.

Cara Share Otomatis Posting Blog Ke Twitter Dan Facebook

5. Disini saya akan kasih contoh untuk share otomatis posting blog ke situs jejaring social Twitter. Setelah sobat login atau masuk dan pilih twitter, kemudian silahkan sobat klik "izinkan aplikasi".
Lihat gambar berikut.

Cara Share Otomatis Posting Blog Ke Twitter Dan Facebook

6. Setelah klik izinkan aplikasi, itu artinya sobat sudah selesai dan berhasil membuat share otomatis posting blog ke twitter. Maka sobat akan di hadapkan pada halaman seperti gambar screenshot dibawah ini.

Cara Share Otomatis Posting Blog Ke Twitter Dan Facebook

Keterangan:
  • Sources kotak box sebelah kiri adalah sumber dari posting blog yang akan share otomatis ke situs jejaring sosial. Sobat bisa menambah lagi dengan blog yang lain dengan cara klik tombol +add pada Sources, kemudian masukkan alamat url blog sobat seperti pada langkah nomor 3 di atas.
  • Destinations kotak box sebelah kanan adalah akun situs jejaring sosial sobat yang akan melakukan share posting blog secara otomatis. Sobat bisa menambah lagi dengan akun jejaring sosial sobat yang lain dengan cara klik tombol +add pada Destinations, kemudian tautkan akun jejaring sosial sobat yang lain.
Kesimpulannya, sobat bisa langsung menautkan beberapa blog atau web untuk melakukan share posting otomatis pada satu akun jejaring sosial begitu juga sebaliknya. Satu blog share otomatis posting ke banyak akun jejaring sosial atau satu akun jejaring sosial melakukan share otomatis dari posting banyak blog.

Membuat Widget Yahoo Messenger di Blog

Jumat, 19 Juli 2013 | komentar

Membuat Widget Yahoo Messenger di Blog
Berusaha tidak putus-putus membuat postingan nih sobat. Sobat Blogger yang baik, pernahkah kalian berfikir bagaimana memberikan keterangan kepada pengunjung Blog bahwa kita sebagai admin Blog sedang online/offline. Nah salah satunya dengan Widget Yahoo Messenger ini, kita bisa memberitahu pengunjung bahwa kita sebagai Admin Blog sedang dalam keadaan online/offline. Untuk Cara Pembuatanya saya akan bahas pada artikel Membuat Widget Yahoo Messenger di Blog, silakan simak yah sobat.
  • Pertama sobat harus memiliki software Yahoo Messenger pada PC sobat. Silakan klik disini, atau masuk akun Yahoo>>Messengger untuk Download Yahoo Messenger.
  • Setelah Yahoo berhasil didownload maka instalkan. Setelah berhasil terinstal, buka software Yahoo Messenger dan sign in seperti biasa sobat melakukan sign in di akun Yahoo.
  • Perhatikan gambar dibawah ini pada tulisan yang bergaris bawah merah adalah ID YM sobat. Atau biasanya ID YM itu pada email client (contoh: el_hufadz@yahoo.com).
Yahoo Messenger
# Jika sobat telah mempunyai softaware Yahoo Messenger dan mengetahui ID YM sobat, silakan teruskan ke langkah berikutnya.
  • Langkah berikutnya, login ke akun Blogger sobat. Masuk pada bagian Tata Letak>>Tambahkan Gadget (diposisi yang sobat inginkan)>>HTML/Javascript.
  • Berikan judul ataupun tidak, terserah sobat. Masukan kode HTML di bawah ini.
<a href="ymsgr:sendIM?el_hufadz"> <img src="http://opi.yahoo.com/online?u=el_hufadz&amp;m=g&amp;t=14&amp;l=us"/>

# Ubahlah tulisan berwarna merah dengan ID YM sobat. Ubahlah kode berwarna biru dengan tampilan yang sobat inginkan. Berikut daftar kode dan tampilan yang akan dihasilkan.

Yahoo Messenger Status

Yahoo Messenger Status

Yahoo Messenger Status

Yahoo Messenger Status
  • Setelah sobat selesai menentukan ID YM dan kode tampilanya, maka klik Simpan dan lihat hasilnya.
  • Bila BERHASIL jangan lupa Kometarnya ya......

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. kumpulan tips menarik - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger