#wordless wednesday - aku dah kemaruk..LOL

Sapa baik hati? Meh tolong topapkan aku.. hehe

    Aku stress, xda mood, frust, kecewa, penat..kalau ada sepa2 yang baik hati di sini ble la topapkan aku di 016******* .. Sekian terima kasih..

penat dengan penipuan dunia ni...

Shoutmix akan di tutup..

     Apa kabar suma orang?.. sihat jugak?.. haha.. untung la korang, wa skang ni tgh frust menonggeng jak.. hehe.. frust menonggeng tue teda langsung kait-mengait dengan entri ni..benda2 peribadi, n wa xmo kongsi pun.. hehe..

     Okeh, cukup dengan itu, kita straight to the point dengan tajuk entri, shoutmix, ataupun chatbox yang korang ble lihat dekat tepi nie akan di berhentikan perkhidmatannya bermula January tahun depan.. tapi..cuma ntuk servis yang percuma sahaja .. kenapa, dan mengapa, korang boleh baca sendiri, nota dari pembuat shoutmix nie, Mr. Snecx Tan. Sila klik link dekat bwh nie ya?.. n bagi pendapat korang pulak.. hoho..

Shoutmix- Free Service Has to Stop

Tuto: Guna Dua Jenis Chatbox Tapi Paparkan Hanya Satu Pada Satu Masa

      Salam semua, apa khabar?. Sihat? Semoga kamuorang sehat-sehat seja ar?.. hoho.. kali nie aku mo share sedikit tentang bagaimana hendak gunakan dua jenis chatbox yang berbeza tapi dalam masa yang sama cuma perlu paparkan satu sahaja pada satu-satu masa, untuk lebih jelas lagi, korang boleh refer dekat shoutbox di sebelah kanan nie, korang akan dapati aku gunakan dua jenis chatbox "shoutmix", versi baru dan yang lama, tapi setiap satu disembunyikan dan boleh di akses dengan mengklik tab tersebut.

 Untuk melakukannya, mudah sahaja antara yang korang perlukan.

1.  Mempunyai dua jenis shoutbox/chatbox/shoutmix yang berbeza.
2.  Mengetahui lebar sidebar korang, atau di mana korang hendak letakkan chatbox ini (tidak berapa penting, tapi sekiranya tahu, adalah lebih baik )       

Kemudian, Copy kod di bawah dan paste di widgte "HTML/Javascript".

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script type="text/javascript">$(document).ready(function(){$(".tab_content").hide();$("ul.tabs li:first").addClass("active").show();$(".tab_content:first").show();$("ul.tabs li").click(function(){$("ul.tabs li").removeClass("active");$(this).addClass("active");$(".tab_content").hide();var a=$(this).find("a").attr("href");$(a).fadeIn();return false})});</script>
<style type="text/css">
ul.tabs{margin:0;padding:0;float:left;list-style:none;height:32px;border-bottom:1px solid #999;border-left:1px solid #999;width:100%;-moz-border-radius:8px 8px 0 0;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-goog-ms-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0}ul.tabs li{float:left;margin:0;padding:0;height:31px;line-height:31px;border:1px solid #999;border-left:none;margin-bottom:-1px;overflow:hidden;position:relative;background:#e0e0e0;-moz-border-radius:8px 8px 0 0;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-goog-ms-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0}ul.tabs li a{text-decoration:none;color:#000;display:block;font-size:1.2em;padding:0 20px;border:1px solid #fff;outline:none;-moz-border-radius:8px 8px 0 0;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-goog-ms-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0}ul.tabs li a:hover{background:#ccc}html ul.tabs li.active,html ul.tabs li.active a:hover{background:#fff;border-bottom:1px solid #fff}.tab_container{border:1px solid #999;border-top:none;overflow:hidden;clear:both;float:left;width:100%;background:#fff;-moz-border-radius:0 4px 4px 4px;-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:4px;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;-goog-ms-border-radius:0 4px 4px 4px;border-radius:0 4px 4px 4px}.tab_content{padding:5px;font-size:1.2em}</style>
<ul class="tabs">
    <li><a href="#tab1">Chatbox 1</a></li>
    <li><a href="#tab2">Chatbox 2</a></li>
</ul>
<div class="tab_container">
    <div id="tab1" class="tab_content">
     
        [KOD CHATBOX NO 1]
     
    </div>
    <div id="tab2" class="tab_content">
   
        [KOD CHATBOX NO2]
   
    </div>
 
    <span style="margin:2px;float:right;font:3px;color:gray;"> powered by <a href="http://hazzdeath.blogspot.com/2011/11/tuto-guna-dua-jenis-chatbox-tapi.html">HazzDeath</a></span>
</div>

Ambil kod Chatbox anda yang pertama, tue dan gantikan pada [KOD CHATBOX NO 1] dan yang kedua pada [KOD CHATBOX NO 2]

Jangan lupa tukar perkataan Shoutbox 1 dan Shoutbox 2 dengan tajuk yang sesuai ok?

Kod asal adalah hasil tutorial Soh Tanaka, untuk dokumentasi penuh korang boleh rujuknya di sini

Aku mo cari komuniti blogger yang suka edit blog

          Assalamulaikum dan salam satu Malaysia .. hoho.. macam mana hari korang? ada baek ka?.... hoho *ada bakat ka jadi penyampai redio?.. guhhhh,sory, intro yang sangat buruk tuh.. guhh.. kesian blog nie, habis sudah bersawang, ntah tiba-tiba tadi tup2 teringin nak update, tapi xtau mo update pasal apa..hehe cuba berlawak dengan muka serius

ko nie napa tengok aku macam tue? huh?

          Sumpah, aku langsung teda mood mo update pa2 skang, teda idea, atau mugkin sebab batasan masa yang terhad untuk online dan mungkin kesibukan aku yang melampau-lampau dengan kerja so, idea pun tidak timbul.. guhh..

"golllll!!! "

       Untuk entri kali ni, aku mo bertanyakan dekat kalian suma, wujud ka kumpulan-kumpulan atau komuniti-komuniti di luar sana yang gemar mo edit2 kod html dan layout blog nie?.. ya, aku memang noob , so aku mo join and minta tunjuk ajar serta kongsi2 pengetahuan dengan korang2 yang minat ni... hoho

       

"eh2 patut la aku masak x jadi, rupanya dalam resepi nie sepatutnya ada halia.."
aku: "errr??"

      Okeh2 kalau ada sepa2 yang mo ajak aku or sudi mo ajar2 aku pasal benda nie, sudi2 lainform aku ya?.. huhu boleh kan..? okeh.. mo blogwalking dulu,, huhu

segala caption teda ketan dengan hidup atau pun yang sudah teda wokeh?

#WW - eh? terlambat suda =_="

WYSIWYG mode VS HTML mode

       

       

       Uishh.. da berhabuk habess da blog aku nih.. haha.. kesian btol.. guhh.. ntah napa, macam xda mood jak mo update blog..haha tapi sebok mo edit segala2 suma ok la, ntuk entri kali nih, aku mo kongsi sedikit info pasal WYSIWYG mode ngan HTML mode. Apa kejadah menatang dua nih?.. haha.. baca sampai habess la baru tau an?.. hoho


WYSIWYG mode

yang nie guna interface blogger yang lama

yang nie plak kalu guna interface baru..

         WYSIWG mode ataupun korang boleh lihat pada bahagian "write post" dekat blogger tue sebagai "compose". WYSIWYG adalah akronim daripada What You See Is What You Get (korang boleh bacanya sebagai wiziwig), bersesuaian dengan namanya WYSIWYG mode adalah suatu keadaan di mana korang tidak perlukan sebarang pengetahuan mengenai kod HTML dalam mengedit sesuatu. Korang juga, boleh menemui feature ini pada "template designer" pada blogger.

actualy, apa-apa benda berkaitan edit-mengedit tanpa perlu rujukan kod di kenali sebagai WYSWIG




        HTML Mode

html mode pada interface lama blogger

html mode pada interface baru

   HTML mode pula, memerlukan pengetahuan korang mengenai kod html. HTML ialah bahasa standard yang digunakan dalam membina laman web, berasal daripada akronim Hyper Text Mail Link. Kod inilah yang browser korang download sebelum diterjemahkan (oleh browser), menjadi seperti yang anda dapat lihat sekarang.

korang jugak boleh belajar lebih mengenai html pada laman sesawang w3school.com


 Faedah Mengetahui Kedua-duanya..    


Feature Compose mode atau WYSWIG mode pada blogger membuatkan penulisan lebih mudah dan xpayah mo garu2 kepala mo edit2 segala, namun dengan menambah pengetahuan mengenai html, dan penggunaan kedua-dua feature ini korang boleh mengawal susun atur entri korang agar kelihatan kemas dengan lebih mudah.

 nota: next post, aku akan kongsi pulak macam mana setiap button pada ruangan "write post" di blogger akan appear sebagai html..