Pages

Diberdayakan oleh Blogger.

Other Menu

Jumat, 30 Agustus 2013

afsffddafa

Chat pada web/blog sangat banyak macamnya. Pada blog ini saya menggunakan fasilias chat dari ShoutMix. Namun yang akan bahas disini adalah bagaimana memodifikasi tampilan chat pada blog menjadi lebih menarik. Anda tidak harus menggunakan fasilitas chat dari shoutmix, akan tetapi anda juga bisa menggunakan yg lain.


Langkah - Langkah Memodifikasi Chat Pada Blog :
1. Daftar pada ChatBox or shoutmix 
2. Copy kodenya "saya menggunakan ChatBox"
3. Sebelumnya tambahkan kode berikut pada template
4. Masuk Blogger >> Tata Letak >> Tambah Gadget >> HTML/Javascript
5. Masukkan kode berikut


<style>
.chat-box {
  font:normal normal 11px/1.4 Tahoma,Verdana,Sans-Serif;
  color:#333;
  width:200px; /* Chatbox width */
  border:1px solid #336DFF;
  border-bottom:none;
  background-color:white;
  position:fixed;
  right:3px;
  bottom:0;
  z-index:9999;
  -webkit-box-shadow:1px 1px 5px rgba(0,0,0,.2);
  -moz-box-shadow:1px 1px 5px rgba(0,0,0,.2);
  box-shadow:1px 1px 5px rgba(0,0,0,.2);
}

.chat-box > input[type="checkbox"] {
  display:block;
  margin:0 0;
  padding:0 0;
  position:absolute;
  top:0;
  right:0;
  left:0;
  width:100%;
  height:26px;
  z-index:4;
  cursor:pointer;
  opacity:0;
  filter:alpha(opacity=0);
}

.chat-box > label {
  display:block;
  height:24px;
  line-height:24px;
  background-color:#184185;
  color:white;
  font-weight:bold;
  padding:0 1em 1px;
}

.chat-box > label:before {content:attr(data-collapsed)}

.chat-box .chat-box-content {
  /* padding:10px; */
  display:none;
}

/* hover state */
.chat-box > input[type="checkbox"]:hover + label {background-color:#14243F}

/* checked state */
.chat-box > input[type="checkbox"]:checked + label {background-color:#184185}
.chat-box > input[type="checkbox"]:checked + label:before {content:attr(data-expanded)}
.chat-box > input[type="checkbox"]:checked ~ .chat-box-content {display:block}
</style>

<div class="chat-box">
    <input type="checkbox" />
    <label data-expanded="  XO- Tutup Jendala Obrolan -OX Anda" data-collapsed="XO- Tinggalkan Pesan Anda -OX"></label>
    <div class="chat-box-content">

        <!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www4.cbox.ws/box/?boxid=4216230&amp;boxtag=nxkwcf&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-4216230" style="border:#ababab 1px solid;" id="cboxmain4-4216230"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www4.cbox.ws/box/?boxid=4216230&amp;boxtag=nxkwcf&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-4216230" style="border:#ababab 1px solid;border-top:0px" id="cboxform4-4216230"></iframe></div>
</div>
<!-- END CBOX -->

</div>
</div>


 5. Letakkan Kode HTML Chat yang telah anda buat tadi tepat dibawahnya kode <!--  Kode HTML warna merah --> 
6. Save
7. Demikianlah sedikit tutorial Modifikasi Tampilan Chat Pada Blog Menjadi Seperti Tampilan Chat Facebook, selamat mencoba.
Chat pada web/blog sangat banyak macamnya. Pada blog ini saya menggunakan fasilias chat dari ShoutMix. Namun yang akan bahas disini adalah bagaimana memodifikasi tampilan chat pada blog menjadi lebih menarik. Anda tidak harus menggunakan fasilitas chat dari shoutmix, akan tetapi anda juga bisa menggunakan yg lain.


Langkah - Langkah Memodifikasi Chat Pada Blog :
1. Daftar pada ChatBox or shoutmix 
2. Copy kodenya "saya menggunakan ChatBox"
3. Sebelumnya tambahkan kode berikut pada template
4. Masuk Blogger >> Tata Letak >> Tambah Gadget >> HTML/Javascript
5. Masukkan kode berikut


<style>
.chat-box {
  font:normal normal 11px/1.4 Tahoma,Verdana,Sans-Serif;
  color:#333;
  width:200px; /* Chatbox width */
  border:1px solid #336DFF;
  border-bottom:none;
  background-color:white;
  position:fixed;
  right:3px;
  bottom:0;
  z-index:9999;
  -webkit-box-shadow:1px 1px 5px rgba(0,0,0,.2);
  -moz-box-shadow:1px 1px 5px rgba(0,0,0,.2);
  box-shadow:1px 1px 5px rgba(0,0,0,.2);
}

.chat-box > input[type="checkbox"] {
  display:block;
  margin:0 0;
  padding:0 0;
  position:absolute;
  top:0;
  right:0;
  left:0;
  width:100%;
  height:26px;
  z-index:4;
  cursor:pointer;
  opacity:0;
  filter:alpha(opacity=0);
}

.chat-box > label {
  display:block;
  height:24px;
  line-height:24px;
  background-color:#184185;
  color:white;
  font-weight:bold;
  padding:0 1em 1px;
}

.chat-box > label:before {content:attr(data-collapsed)}

.chat-box .chat-box-content {
  /* padding:10px; */
  display:none;
}

/* hover state */
.chat-box > input[type="checkbox"]:hover + label {background-color:#14243F}

/* checked state */
.chat-box > input[type="checkbox"]:checked + label {background-color:#184185}
.chat-box > input[type="checkbox"]:checked + label:before {content:attr(data-expanded)}
.chat-box > input[type="checkbox"]:checked ~ .chat-box-content {display:block}
</style>

<div class="chat-box">
    <input type="checkbox" />
    <label data-expanded="  XO- Tutup Jendala Obrolan -OX Anda" data-collapsed="XO- Tinggalkan Pesan Anda -OX"></label>
    <div class="chat-box-content">

        <!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www4.cbox.ws/box/?boxid=4216230&amp;boxtag=nxkwcf&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-4216230" style="border:#ababab 1px solid;" id="cboxmain4-4216230"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www4.cbox.ws/box/?boxid=4216230&amp;boxtag=nxkwcf&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-4216230" style="border:#ababab 1px solid;border-top:0px" id="cboxform4-4216230"></iframe></div>
</div>
<!-- END CBOX -->

</div>
</div>


 5. Letakkan Kode HTML Chat yang telah anda buat tadi tepat dibawahnya kode <!--  Kode HTML warna merah --> 
6. Save
7. Demikianlah sedikit tutorial Modifikasi Tampilan Chat Pada Blog Menjadi Seperti Tampilan Chat Facebook, selamat mencoba.

sewaktu tinggal disana


Merdeka . . .
hehe, apa kabar sobat semua...?? apa yang kalian lakukan di hari kemerdekaan RI ini...??
tentu banyak dong, iyaa kan?? buat sahabat bloger's saya mau minta tolong noh, bantu saya promosikan halaman teman saya,teman saya itu, beberapa jam lalu dia "Rhyan Fozter" upload gambar Gamalamabersama dirinya membentangkan sang saka merah putih di puncakGamalama,saya jadi langsung teringat

sewaktu tinggal disana,nah dengan hati yang senang saya pun duduk manis di depan komputer saya, sambil nanya ama om gugeeel saya ketik dengan kata kunci Merah Putih Berkibar Di Puncak Gamalama, sayang si om gugeel nggak nemuin yang saya cari, karena kangennya saya ama galamama saya belum putus asa nyarinya saya coba dengan kata kunci yang lain, hmmmm hasilnya minim maan, yang keluar malah gunung merapi gamalama, yang di publikasikan oleh teman teman pers kita disana, pas saya ketik yang lain wuih, hampir setiap daerah muncul ama om gugel, dari tiap daerah mempromosikan kemerdekaan yang mereka selenggarakan di daerah meraka masing masing,
saya bingung kok Ternate nggak ada ya...??
hmmm saya baru ke ingat di sana Internetnya masih kurang memadai, mosting artikel kayak gini harus nunggu berjam jam loadingnya, jadi mungkin itu salah satu faktor gamalama jarang terpublikasikan di dunia maya.
makanya saya membuat postingan ini khusus untuk Gamalama sebagai bentuk tanda terimakasih saya pada Gunung Merapi yang menjadi simbol atau salah satu icon dari Ternate, karena saya pernah mendaki sampai ke puncaknya dan pulang dengan selamat,tuh Foto saya


disamping he..he..tapi seminggu kemudiaan Gunung itu beraksi dan mengeluarkan lahar tepat pada jam 11 malam, huiih ngeri tau... jadi ini bentuk trima kasih saya untuk gamalama karena nyawaku masih ter selamatkan.

Di 17 agustus ini teman teman kami yang berda di ternate mereka melakukan pendakian gunung dan mengibarkan sang merah putih tepat di atas puncaknya,  MERDEKA itulah yang terlontar dari mulut mereka saat mengibarkan sang saka di puncak gamalama, wooow keren men, bagi saya menjadi satu kebangaan tersendiri jika bisa melakukan hal tersebut.

Semangat teman teman semoga diulang tahun RI ini pemerintah Ternate bisa memberikan akses iternet yang memungkinkan masyarakat disana untuk mempromosikan kampung halaman tercinta mereka... Aminnn

nah kalo sudah begitu om gugel nggak perlu repot repot nyarinya sekali klik langsung dapat dech... hihi

maaf kalo postingan ini kata katanya kurang bagus, jika ada di antara teman teman yang ingin menambahkan silahkan di kolom komentar aja, atau membuat postingan sendiri yang muncul dari inspirasi masing masing... Ayooo kawaan promosikan Gamalama untuk Indonesia ....

terakhir puisi untuk gamalama yang saya ambil dari Mars GGK Gamalama
Darah kami mengalir tak terarah
Disini kami mencoba merendah yang tak berguna
Mengasah kreativitas untuk menyelam makna dunia

Bukankan dipundak kami juga terpampang asa negeri ini
Bila itu benar akan kami buktikan
Kami junjung kami jaga dan kami lestarikan
Hingga mati di kenang
Sebagai

Generasi Gamalama Kreatif



M  E  R  D  E  K  A

Sekali Merdeka Tetrap Merdeka
Garuda Di Dadaku