,Share,

Good afternoon Guys and Galzz..sapaan ini menandakan cyber man tengah menulis postingan ini pada siang hari yang sangat Terik...
So Bahasan pada siang hari yang sangat terik ini, Cyber Man ingin berbagi walaupun hal ini sudah banyak sekali yang sudah membaginya kepada Cyber Mania semua, tentang bagaimana Cara Menambahkan Background Gambar Pada Cbox.

Bagi Cyber Mania sekaligus Blogger pasti sudah tidak asing lagi dengan aplikasi ini, ya aplikasi buku tamu dengan fungsi untuk meninggalkan pesan dan mengobrol..Untuk contoh Cbox yang sudah terpasang background gambar, Cyber mania dapat menilik pada buku tamu Cyber Man yang tertempel pada dinding kanan Cyber Man..Apakah sudah dilihat?bagaimana cara menambahkan gambarnya?hmmm langsung aja ke TKP..


1. Berdoa pada yang Kuasa

2. login pada Cbox

3. Pilih >>Look & Fell >>Colours & fonts


4. Pada menu Colours & Fonts silahkan sobat atur warna cbox (hapus kode warna untuk membuatnya transparan)

5. Setelah diatur warnanya klik "Apply"

6.  Menuju Pada Tata Letak/Rancangan ---> Tambah Gadget ---> Html/Javascript lalu COPAS code berikut
<div style="background:url(http://i763.photobucket.com/albums/xx279/Kempyankz/UntukBukutamu.jpg) no-repeat center;">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="340" height="300" src="http://www7.cbox.ws/box/?boxid=385921&amp;boxtag=kr2k5y&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border: 0px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="340" height="100" src="http://www7.cbox.ws/box/?boxid=385921&amp;boxtag=kr2k5y&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border: 0px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->
</div>



PENTING...!

  - Perhatikan Code Cbox yang bercetak Merah silahkan ganti dengan Code Cyber Mania




 - Siapkan Gambar yang akan dipakai sebagai Background lalu UPLOAD di Photobucket ato ditempat lain

  - height= 300
    height=   100
    -------------+
     Total=  400  << tinggi gambar yang harus dipersiapkan (ini contoh pada blog saya)

  dan contoh Weight 340 di blog Cyber Man tidak berpengaruh  dan tidak perlu di jumlahkan
  Lalu Link gambar yang sudah di Upload Copas pada Code yang berwarna Hijau di atas...

Lalu di SAVE AJA dan Liat Hasilnya...

"Jika gambar tidak tepat pada tengah cbox silahkan cari gambar/buat gambar sesuai dengan ukuran lebar dan tinggi widget sidebar blog sobat, gambar juga bisa berupa icon animasi dll"  no-repeat center dapat diganti dengan :

• Cara Menambah Fitur Replay Komentar Posting Pada Blog
• Cara Menambahkan Emoticon di Kotak Komentar
• Cara Menghapus Komentar Pada CBOX
• Cara Menghapus Komentar Pada CBOX
• Keuntungan dan Kerugian Dofollow Blog
• Pengertian Blog Do Follow
• Cara Membuat Top Menu di atas Header
• Menyembunyikan 2 tautan dalam Satu Link
• Membuat Judul Blog Bergerak
• Cara Membuat Drop Cap

,Share,

Salam Blogger salam Cyber Mania..setelah lama bertapa di gunung Selamet???akhirnya cyber man kembali menulis posting nieh, belakangan ada banyak komentar masuk di postingan cyber man terdahulu, walhasil cyber man harus telaten balesin satu2 hihihi dan walhasil cyber man tertarik tuk menulis bagaimana nieh caranya membuat fitur reply pada komentar blog agar kita bisa dipermudah dengan fitur tersebut.

Langsung aja yah check it dot...

1. Seperti biasa Login dulu ke account Blogger Anda;
2. Pilih Rancangan, lalu perhatikan dulu pada Address Bar, disitu ada No. ID Blog Anda silahkan dicatat dan disimpan, karena ID tersebut nanti akan diperlukan, lihat contoh gambar di bawah:
   
3. Klik Edit HTML => Download Template Lengkap untuk mengantisifasi kesalahan dalam pemasangan kode, lalu beri tanda centang pada Expan Template Widget;
4. Cari kode ini : <dd class='comment-footer'> gunakan Ctrl F untuk mempermudah proses pencarian. Jika kode tersebut tidak ditemukan Anda bisa mencari kode alternatif seperti ini: ;
   <b:include data='comment' name='commentDeleteIcon'/>
   
   
5. Tambahkan kode di bawah ini ke salah satu kode diatas. Berikut ini kodenya:
   <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=Masukan Blog ID Anda Disini&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'><img alt='Reply To This Comment' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMssqJcSrYsgDtKU7yfEm4iS0HWYI5fsjcypJ0wjbrm0n8cm9QFgsedGzOktUHK_GbiXnQ-2kjA_Rcx8aPtJxt7jfU9StI2Q4dWL6dJCliHyBQtsoaDO6e7hSsT2NaN0afdEnJ5eJGhX0/s1600/reply.gif'/></a>
6. Masukan No. ID Blog Anda yang telah disimpan tadi tepat di tulisan: Masukan Blog ID Anda Disini ;
7. Simpan Template, selesai!!!
   
   Baca Juga Tutorial Berikut :
   
   
   

   • Cara Menambahkan Emoticon di Kotak Komentar
   • Cara Menghapus Komentar Pada CBOX
   • Cara Menghapus Komentar Pada CBOX
   • Keuntungan dan Kerugian Dofollow Blog
   • Pengertian Blog Do Follow

,Share,

Malam Minggu adalah malam yang kelabu..haha bagi para jombloan dan jomblowati pasti sepakat ya..ini nieh yang sedang dirasakan cyber man, bukan jomblo sieh tapi tepatnya LDR..hmmm untuk mengubah kelabu menjadi berwarna sudah pasti sharing2 bareng cyber mania adalah jawabannya.

Cyber mania yang hobi surfing di dunia maya apalagi kalo cyber mania adalah blogger mania, pasti pernah donk menulis komentar pada sebuah postingan artikel yang cyber mania baca...hmm tentunya agar komentar variatif sang pemilik blog menambahkan simbol2 smile icon di bawah kolom komentar agar sang komentator dapat bebas mengekspresikan komentarnya. Hehe mungkin untuk blog bawaan wordpress hal tersebut sudah secara otomatis terdapat di setiap postingan, tapi untuk blog bawaan blogspot untuk menambahkan icon2 tersebut perlu beberapa modifikasi loh..beberapa waktu lalu cyber man baru mempraktikannya. So bagi cyber mania pemilik blog yang belum ada smile icon dibawah kolom komentar bisa mengikuti tutorial berikut..check it dot...

Dalam icon berikut akan dibahas tentang 2 jenis yaitu emoticon yahoo dan emoticon kucing..berikut penjabarannya

1. Pertama login ke blogger, trus ke "Layout (Tataletak) --> Edit HTML "
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script berikut sebelum kode </body>


<script src='http://kendhin.890m.com/emoticon/smile1.js' type='text/javascript'/>


<script src='http://kendhin.890m.com/emoticon/smile2.js' type='text/javascript'/>


4. Kemudian 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>


5. Kalo sudah ketemu letakkan kode2 berikut setelah kode <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>




<b><img border='0' src='http://kendhin.890m.com/emoticon/capek.gif'/>
:f
<img border='0' src='http://kendhin.890m.com/emoticon/bigsmile.gif'/>
:D
<img border='0' src='http://kendhin.890m.com/emoticon/hi.gif'/>
:)
<img border='0' src='http://kendhin.890m.com/emoticon/kagum.gif'/>
;;)
<img border='0' src='http://kendhin.890m.com/emoticon/love.gif'/>
:x
<img border='0' src='http://kendhin.890m.com/emoticon/malu.gif'/>
:$
<img border='0' src='http://kendhin.890m.com/emoticon/marah.gif'/>
x(
<img border='0' src='http://kendhin.890m.com/emoticon/bingung.gif'/>
:?
</b>
<br/>
<b>
<img border='0' src='http://kendhin.890m.com/emoticon/mumet.gif'/>
:@
<img border='0' src='http://kendhin.890m.com/emoticon/muntah.gif'/>
:~
<img border='0' src='http://kendhin.890m.com/emoticon/mentok.gif'/>
:|
<img border='0' src='http://kendhin.890m.com/emoticon/ngakak.gif'/>
:))
<img border='0' src='http://kendhin.890m.com/emoticon/sedih.gif'/>
:(
<img border='0' src='http://kendhin.890m.com/emoticon/senang.gif'/>
:s
<img border='0' src='http://kendhin.890m.com/emoticon/tolong.gif'/>
:((
<img border='0' src='http://kendhin.890m.com/emoticon/wow.gif'/>
:o </b>


6. Kalo sudah trus di "save" dan coba lihat hasilnya
sumber : http://trik-tips.blogspot.com 

Baca Juga Tutorial Lainnya

• Cara Menghapus Komentar Pada CBOX
• Keuntungan dan Kerugian Dofollow Blog
• Pengertian Blog Do Follow
• Cara Membuat Top Menu di atas Header
• Menyembunyikan 2 tautan dalam Satu Link
• Membuat Judul Blog Bergerak
• Cara Membuat Drop Cap