Memasang Hidden Chatbox With Jquery Di Sidebar

Hello sobat blogger, apa kabar ? Semoga selalu dalam keadaan sehat wal'afiat ya, Ok pada postingan sebelumnya saya sudah mengepost bagaimana cara membuat Hidden Chatbox yang Tombol Opennya berada di sidebar blog kita (baca : Memasang Hidden Chatbox Pada Sidebar Blog). Nah untuk postingan kali ini saya akan mengepost tentang modifikasi chatbox lainnya.

Sama halnya dengan hidden Chatbox, Tutor kali ini menggunakan Jquery Effect dimana tampilan yang dibuat akan lebih menarik. Dan ditambah lagi, tombol untuk membuka Chatboxnya bisa di letakkan di sidebar blog sobat. Untuk lebih jelas kita bisa lihat Previewnya. Silahkan Klik Tombol ChatBox di bawah ini dan lihat apa yang akan terjadi...

Jika sobat tertarik, maka lakukan langkah dibawah :
1. Pertama-tama Copy kode dibawah ini (Dan edit keterangannya) :

ShoutMix chat widget

YOU FRAME HERE

Note :           : Silahkan ganti dengan icon gambar Chatbox yang kamu suka
                      : Masukkan Kode Chatbox yang bisa didapat di Cbox.ws , Shoutmix.com, dll (Bisa juga diisi dengan kode item / Objek lain selain chatbox seperti Iklan, Animasi Jam, dll)

2. Setelah selesai di edit, dari Dashboard blogger, pilih Tata Letak - Elemen Halaman.
3. Kemudian klik Tambah Gadget dan pilih HTML/Javascript.
4. Paste script yang telah sobat edit tersebut di form HTML/Javascript Lalu Simpan.
    Dan lihat hasilnya ...

Nah, sudah berhasil ?, Alhamdulillah .... Itu effectnya benar-benar cool banget dah sob, keren banget tampilan saat munculnya. Dan jika tutorial ini bermanfaat bagi sobat jangan lupa kasih +1 nya ya sob, ehehehhehee ....

.:: HAPPY BLOGGING SOBAT ::.

Read more »

Cara Membuat Navigasi Halaman Google di Blog

 

Buat kalian yg ingin memasang navigasi halaman seperti itu , ikuti cara dibawah ini

1 . Login dulu > Rancangan > edit HTML >

2 . Cari kode ]]>

3 . Kemudian taruh kode dibawah ini tepat diatas kode ]]>

#nav a,#nav a:visited,.blk a{color:#000}
#nav a{display:block}
#nav .b a,#nav .b a:visited{color:#20c}
#nav .i{color:#a90a08;font-weight:bold}
.csb,.ss{background:url(

http://i879.photobucket.com/albums/ab351/bloggerblogimage/pagenavi/nav_logo7.png

) no-repeat 0 0;height:26px;display:block}
.ss{background-position:0 -88px;position:absolute;left:0;top:0}
.cps{height:18px;overflow:hidden;width:114px}
.mbi{width:13px;height:13px;background-position:-91px -74px;margin-right:3px}
#nav td{padding:0;text-align:center}

4 . Jika sudah , sekarang cari lagi kode

5 . Kemudian letakan kode di bawah ini diatas kode

script type='text/javascript'>


var home_page_url = location.href;




var pageCount=10;
var displayPageNum=6;
var upPageWord ='Previous';
var downPageWord ='Next';




function showpageCount(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';






htmlMap[htmlMap.length]='/';
postNum++;


for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {




var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}


postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'&max-results='+pageCount;


}


var banyaknomer = htmlMap.length;
if (json.feed.entry.length % pageCount == 0){
var banyaknomer = htmlMap.length -1 ;
postNum=postNum-1;
};




for(var p =0;p< banyaknomer;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
upPageHtml = '<a href="/"><span class="csb ch" style="background-position: 0pt 0pt; margin-left: auto; width: 44px;"></span><div style="margin-right: 8px;">'+ upPageWord +'</a></td>';
}else{
upPageHtml = '<a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: 0pt 0pt; margin-left: auto; width: 44px;"></span><div style="margin-right: 8px;">'+ upPageWord +'</a></td>';
}


fFlag++;
}


if(p==(thisNum-1)){
if(p==0){
html += '<span class="csb" style="background-position: -26px 0pt; width: 18px;"></span></td><td class="cur"><span class="csb" style="background-position: -44px 0pt; width: 16px;"></span>'+thisNum+'</td>';
}else{
html += '<td class="cur"><span class="csb" style="background-position: -44px 0pt; width: 16px;"></span>'+thisNum+'</td>';
}
}else{
if(p==0){
html += '<td><a href="/"><span class="csb ch" style="background-position: -60px 0pt; width: 16px;"></span>1</a></td>';


}else{
html += '<td><a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: -60px 0pt; width: 16px;"></span>'+ (p+1) +'</a></td>';
}
}


if(eFlag ==0 && p == thisNum){
downPageHtml = '<td class="b"> <a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: -76px 0pt; margin-right: 34px; width: 66px;"></span>'+ downPageWord +'</a></td>';
eFlag++;
}
}
}


if(thisNum>1){
html = ''+upPageHtml+' '+html +' ';
}
html2 = '<table id="nav" style="margin: auto auto 1.4em; border-collapse: collapse;text-align: center; direction: ltr;" align="center"><tbody><tr valign="top"><td class="b">Page ('+(postNum-1)+') </td><td class="b">';
html3 = '</tr></tbody></table>';
html = html2+html;


if(thisNum<(postNum-1)){
html += downPageHtml;
}else{
html += '<td class="b"><span class="csb" style="background-position: -76px 0pt; width: 42px;"></span></td>';
}






if(postNum==1) postNum++;
html += html3+ '</div>';




var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");


if(postNum <= 2){
html ='';
}


for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}




if(pageArea&&pageArea.length>0){
html ='';
}


if(blogPager){
blogPager.innerHTML = html;
}




}




function showpageCount2(json) {


var thisUrl = home_page_url;
var htmlMap = new Array();
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';






var labelHtml = '<a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
var thisUrl = home_page_url;


htmlMap[htmlMap.length]=labelHtml;
postNum++;


for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {
var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);




var title = post.title.$t;


if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}


if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount;


itemCount++;
}


var banyaknomer = htmlMap.length;
if (json.feed.entry.length % pageCount == 0){
var banyaknomer = htmlMap.length -1 ;
postNum=postNum-1;
};


for(var p =0;p< banyaknomer;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){






if(thisNum==2){
upPageHtml = labelHtml +'<span class="csb ch" style="background-position: 0pt 0pt; margin-left: auto; width: 44px;"></span><div style="margin-right: 8px;">'+ upPageWord +'</a></td>';
}else{
upPageHtml = '<a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: 0pt 0pt; margin-left: auto; width: 44px;"></span><div style="margin-right: 8px;">'+ upPageWord +'</a></td>';
}


fFlag++;
}










if(p==(thisNum-1)){
if(p==0){
html += '<span class="csb" style="background-position: -26px 0pt; width: 18px;"></span></td><td class="cur"><span class="csb" style="background-position: -44px 0pt; width: 16px;"></span>'+thisNum+'</td>';
}else{
html += '<td class="cur"><span class="csb" style="background-position: -44px 0pt; width: 16px;"></span>'+thisNum+'</td>';
}
}else{
if(p==0){
html = '<td>'+labelHtml+'<span class="csb ch" style="background-position: -60px 0pt; width: 16px;"></span>1</a></td>';
}else{
html += '<td><a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: -60px 0pt; width: 16px;"></span>'+ (p+1) +'</a></td>';
}
}




if(eFlag ==0 && p == thisNum){
downPageHtml = '<td class="b"> <a href="'+htmlMap[p]+'"><span class="csb ch" style="background-position: -76px 0pt; margin-right: 34px; width: 66px;"></span>'+ downPageWord +'</a></td>';
eFlag++;
}
}
}








if(thisNum>1){
if(!isLablePage){
html = ''+upPageHtml+' '+html +' ';
}else{
html = ''+upPageHtml+' '+html +' ';
}
}


html2 = '<table id="nav" style="margin: auto auto 1.4em; border-collapse: collapse;text-align: center; direction: ltr;" align="center"><tbody><tr valign="top"><td class="b">Page ('+(postNum-1)+') </td><td class="b">';
html3 = '</tr></tbody></table>';
html = html2+html;


if(thisNum<(postNum-1)){
html += downPageHtml;
}else{
html += '<td class="b"><span class="csb" style="background-position: -76px 0pt; width: 42px;"></span></td>';
}


if(postNum==1) postNum++;
html += html3+ '</div>';


var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");


if(postNum <= 2){
html ='';
}


for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}


if(pageArea&&pageArea.length>0){
html ='';
}


if(blogPager){
blogPager.innerHTML = html;
}




}

Keterangan :

== Untuk melihat script aslinya klik disini... ( Biar cepat Copasnya )

== var pageCount=10; / ganti sesuai keinginan kalian

== var displayPageNum=6; / ganti sesuai keinginan kalian

== var upPageWord ='Previous'; / Bisa kalian ganti dengan sebelumnya

== var downPageWord ='Next'; / bisa kalian ganti denga selanjutnya

== Page ('+(postNum-1)+') / Untuk menampilkan kata page(10)/jumlah halaman

6 . Kemudian simpan

Dan lihat hasilnya , keren kan ? selamat mencoba

Semoga bermanfaat dan jangan lupa berikan komentarnya apabila ada yang kurang mengerti... oia kalian boleh juga Share Artikel dengan cara klik gambar logo sharing bookmark di bawah... Terima kasih.

Read more »

Kosa Kata Korea - Belajar Bahasa Korea

Semakin banyak yang ingin belajar bahasa Korea lewat kosa kata sehari2 yang dipakai oleh masayarakat negeri gingseng tersebut. Walaupun masih asing ditelinga kita, namun bahasa Korea sebenarnya hampir sama dengan membaca cerita bahasa Inggris atau bahasa asing lainnya. Anda juga bisa belajar lewat lagu Korea dengan mendengar dan melihat bagaimana kata tersebut diucapkan dalam bahasa aslinya. Yang terpenting adalah tahu bagaimana pengucapan kosakata itu dengan benar agar tidak disalah artikan. Perhatikan juga bentuk tulisan Korea agar kita bisa membaca dan mengartikannya dengan tepat

Untuk anda yang ingin tahu kosa kata bahasa Korea agar bisa semakin memperlancar usaha anda untuk belajar bahasa Korea, dibawah ini ada beberapa kosa kata dasar dan sederhana yang bisa dipakai untuk percakapan sehari hari. Semoga berguna untuk anda semua

1. 사랑 ( sarang ) dalam bahasa Korea artinya cinta .
2. 사랑 하다 ( sarang hada ) = mencintai. kata ini disebut Verb base ( kata kerja dasar ). Dalam contoh sederhana : 나는
너를 사랑 하다 ( Naneun neoreul sarang hada ) ” aku mencintaimu “
3. 사랑해 ( sarang hae ) : kata ini digunakan untuk menyatakan ke akraban ( intimate ). sedangkan halusnya ( polite) adalah 사랑 해요 ( sarang haeyo ).
4. 사랑합니다 ( sarang hamnida ) : mencintai.digunakan dalam kalimat formal -hormat.저는 당신을 사랑합니다 ( jeoneun dangsineul sarang hamnida ) “saya mencintai anda “. Sedangkan dalam kalimat pertanyaan, 사랑합니다 ( sarang hamnida ) dirubah menjadi 사랑합니까? ( sarang hamnika ? )
Catatan :
a. Huruf akhir ( bachim ) ㅂ ( b/p ) ketika bertemu dengan ㄴ( n ) maka dibaca ㅁ ( m ).받침 ㅂ, ㅍ [p] + ㄴ [n] / ㅁ [m]
─> [m.n , m.?] / [m.m]
b. Dalam bahasa korea dikenal ada bahasa pergaulan ( 반 말 ) dan bahasa halus/hormat ( 존대 말 ).
5. 사랑 하시다 ( sarang hasida ) adalah bentuk kehormatan ( kromo inggil dlm bahasa jawa ).
6. 사랑 하지 못 하다 ( sarang haji mot hada ): tidak mampu mencintai
7. 사랑 할수있다 ( sarang hal suitda ) : bisa mencintai
8. 사랑 할 수없다( sarang hal sueopda ) : tidak bisa mencintai. kata ini adalah bentuk negatif dari sarang hal suitda. Secara umum lebih sering digunakan kata ”사랑 하지 못 하다 ( sarang haji mot hada ): tidak mampu mencintai.
Mungkin kita juga pernah mendengar kata di bawah ini :
9. 사랑 할수록 ( sarang hal surok ) = semakin mencintai , misalnya ada lagunya Boohwal 사랑 할 수록, yang liriknya : 너를 사랑하면 할 수록 ( neoreul saranghamyeon hal surog ) = semakin lama mencintai maka akan semakin sayang.
10.사랑한 다고 ( sarang han dago ) = ” ( aku bilang) aku mencintamu ” .는/은 다고 (-n/neundagoyo) adalah akhiran yang mengulangi pernyataan seseorang . Hal ini dapat digunakan untuk menekankan, menegaskan kembali, atau bila digunakan dalam bentuk pertanyaan, untuk mengkonfirmasi pernyataan sebelumnya.
Beberapa kata tentang cinta :
사랑에 빠지다 ( sarang ppajida ) = jatuh cinta
사랑을 고백하다( sarang gobaek hada )= pengakuan cinta
첫사랑 ( cheossarang ) = cinta pertama
사랑하는 ( sarang haneun ) = kekasih.
눈먼 사랑 ( nun meon sarang ) = cinta buta
깊은 사랑 ( kipeun sarang ) = cinta yang mendalam
사 랑 없는( sarang eopneun ) = tanpa cinta
사랑스러운( sarang sereoun ) = cinta yang berkesan,
순진한 사랑 ( sonjinan sarang ) = cinta murni
1. Ch’ônnun = pandangan pertama
2. Ch’ôssarang = cinta pertama
3. Kalsaek = coklat
4. Sarang = Cinta
5. Nae Yoja Chin-gu Ga Dwae-O Jullae = Maukah kau jadi pacarku?
6. Nôl kûriwohal gôya = Aku akan merindukanmu
7. Nôrûl hangsang saranghal gôya = Aku akan selalu mencintaimu
8. Nôl yôljunghanda = aku tergila-gila padamu
9. Nôl saranghanda = aku cinta padamu
10. Nôl saranghædo doeni? = bolehkah aku mencintaimu?
11. Dô mani saranghæ = cintai aku lebih banyak
12. Nôl joahajiman saranghaji ana = aku suka padamu, tapi aku tak mencintaimu lagi
13. Nôl saranghæssô = aku cinta padamu (dulu).(lampau)
14. Saranghada = mencintai (sangat)
15. Chohada = suka
16. Cho-a ha-da = menyukai
17. Yônae = asmara
18. Saranghanun = kekasih
19. Sarang-su-rop-ge = sayang
20. Sarang hae (yo) = Aku mencintaimu(tambahan yo = lebih sopan dan penuh penekanan)

Read more »