Senin, 29 April 2013

0 Cara Buat/Pasang Burung Twitter Terbang Di Blogspot

Chyberart - Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot


Memasang Burung Twitter Terbang di Blogspot
Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget burung twitter terbang ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat,Cara Buat / Pasang Burung Twitter Terbang Di Blog hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat,
Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini

Pertama-tama silahkan login di Blogger

  • Klik Layout > Add Gadget > Html/Javascript
  • Copy paste kode di bawah ini ke kolom Html/javascript

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihNi4jVzpCl_MY4wBlT8wh0lQd0kQRKry3h_KJGHYKUuyybm3EnD8kY2wAQsa9NmhfEC6a1nCiOyoKVDjOTL1XpymPur55T6TCOU258CBGlVxLnh4cSZnTYLrJqRQGX7iBo5WAnuIoGmw/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/Username";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>



  • Ganti kode yang berwarna biru dengan nama pengguna (username) akun Twitter sobat
  • Simpan dan lihat hasilnya

Sabtu, 27 April 2013

0 Memasang Status YM Online Atau Offline Di Blog

Chyberart - Cara memasang Status Yahoo Messenger atau lebih di kenal dengan YM Online Or Offline di blogger sobat..cara ini berguna sekali bagi pengunjung yang ingin mengetahi admin saat Online atau OFFline, nah maka dari itu saya kasih trick cara memasangnya!

misalkan messenger anda offline, akan tampak seperti ini:



jika online, maka akan tampak seperti ini:



Caranya cukup simple sob, silahkan anda copas Codenya di bawah ini dan taruh di gadget or sesuai kebutuhan kalian masing2.

Kalau anda masih bingung, seperti biasa aja tarok di gadget blog. Caranya :


  • Login blog
  • Masuk rancangan-> Elemen Laman
  • Kemudian pilih HTML/JavaScript
  • Masukkan Kode di bawah ini kedalamnya.
<a href="ymsgr:sendIM?ID YM ANDA"> <imgsrc="http://opi.yahoo.com/online?u=dayatthe95&amp;m=g&amp;t=14&amp;l=us"/></a>
  • Ingat!!! Warna Merah adalah ID Yahoo Messenger Sobat silahkan anda cek di YM anda.
  • Kalau sudah silahkan anda SAVE dan lihat hasilnya!
Semoga bermanfaat yah!

Contoh:

  • t=0 

  • t=1 

  • t=2 

  • t=3 

  • t=4 

  • t=5 


Begitu seterusnya sampai angka 16 (Dan seterusnya, Karena ada pembaharuan dari Yahoo)

selesai..

Jumat, 19 April 2013

0 Cara Membuat Komentar Admin Berbeda dengan Pengunjung

Chyberart - Komentar di dalam sebuah blog sepertinya sudah merupakan sebuah bagian dari 'harmoni' yang tak bisa terpisahkan, karena setiap orang yang berkunjung dan membaca-baca artikel, tentunya mereka ingin menumpahkan ide-ide, inovasi, bahkan kritikan-kritian atau feedback yang ada di dalam benak mereka. Dengan adanya fasilitas komentar, kini pengunjung lebih mudah untuk mengemukakan pertanyaan, pendapat, dan juga mendapatkan solusi atau jawaban yang ia butuhkan, seperti halnya dengan author blog yang bisa lebih dekat dan akrab kepada para pengunjungnya melalui fitur komentar ini.

Kembali ke lap...top..., selain tips diatas saya juga menyarankan agar rekan-rekan webmaster/blogger membalas setiap komentar pengunjung di blog anda (terkecuali komentar SPAM), karena setelah saya amati pada blog-blog yang pemiliknya sering membalas komentar pengunjung,  mereka akan lebih mendapatkan respect dan pengunjung blog yang setia dikarenakan mereka selalu bersahabat dan friendly menjawab setiap pertanyaan-pertanyaan pengunjung yang perlu dijawab.
Pada kesempatan kali ini saya akan membahas tutorial mengenai cara membuat komentar admin berbeda dengan pengunjung, dengan artian background dan border kotak komentar author blog tampilanya nanti akan berbeda dengan pengunjung biasa, warna border dan backgroundnya juga bisa diubah-ubah kok, sesuai dengan kreativitas dan minat kita. Tampilan ini dibuat bertujuan untuk memudahkan para pembaca membedakan antara komentar pemilik dan pembaca blog, serta juga dapat memperindah dan menambah interesting pengunjung blog untuk berkomentar.
*Keterangan: pastikan anda download/backup dulu template anda, untuk mengantisipasi kesalahan dalam meng-edit HTML.
Bila sudah di backup silahkan ikuti cara di bawah ini
1. Login ke Blogger.
2. Pilih Template.
3. Pilih Edit HTML. 
4. Centang box 'Expand Template Widget'.
5. Cari kode ]]></b:skin> menggunakan CTRL+F, lalu letakkan kode dibawah ini tepat diatasnya.
.comment-body-author {
background: #F0F8FF;
border:1px dotted #000000;
margin:0;
padding:0 0 0 20px;
}
 Keterangan:
  • #F0F8FF = kode HTML warna yang ingin dijadikan background komentar author.
  • 1px = ketebalan border atau garis tepi komentar author,
  • #000000 = kode HTML warna yang ingin dijadikan warna untuk border komentar author.                                                                                     
6. Kemudian, cari kode yang berwarna  hitam yang mirip seperti kode di bawah, lalu sisipkan/letakkan kode yang berwarna merah sampai susunanya seperti di bawah ini.
<div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt> 
<b:if cond='data:comment.author == data:post.author'>

<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
</b:if>
<dd class='comment-footer'>

7. Terakhir, klik 'save', dan selesai.
Bagaimana? mudah bukan cara membedakan antara komentar admin dan komentar pengunjung. Demikian tutorial blog tentang Cara Membuat Komentar Admin Berbeda dengan Pengunjung, semoga bermanfaat, dan selamat mencoba. Happy Nice Blogging...