Kotak Chat


ShoutMix chat widget

Followers

Membuat Related Post Atau Artikel terkait

Diposting oleh fajar site Sabtu, 22 Mei 2010 0 komentar

Related Post/Artikel terkait adalah salah satu cara untuk membuat blog kita menarik dan mempermudah pengunjung untuk mencari suatu materi yang masih bersangkutan dengan materi yang dia baca. Oke, tanpa banyak kata-kata lagi langsung saja kita ke materi.

  1. Login ke Blogger.
  2. Klik Tata Letak.
  3. Klik Edit HTML.
  4. Kemudian klik Expand Template Widgets .
  5. Cari kode yang seperti ini : <p><data:post.body/></p> atau <data:post.body/>
  6. Jika Anda sudah menggunakan read more, maka akan terdapat 2 kode <data:post.body/>. Maka letakkan script berikut ini setelah kode <data:post.body/> yang pertama.

    <b:if cond='data:blog.pageType == "item"'>
    <div class='similiar'>

    <div class='widget-content'>
    <h3>Artikel Terkait</h3>
    <div id='data2007'/><br/><br/>
    <script type='text/javascript'>

    var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
    var maxNumberOfPostsPerLabel = 4;
    var maxNumberOfLabels = 7;

    maxNumberOfPostsPerLabel = 7;
    maxNumberOfLabels = 3;


    function listEntries10(json) {
    var ul = document.createElement(&#39;ul&#39;);
    var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
    json.feed.entry.length : maxNumberOfPostsPerLabel;
    for (var i = 0; i &lt; maxPosts; i++) {
    var entry = json.feed.entry[i];
    var alturl;

    for (var k = 0; k &lt; entry.link.length; k++) {
    if (entry.link[k].rel == &#39;alternate&#39;) {
    alturl = entry.link[k].href;
    break;
    }
    }
    var li = document.createElement(&#39;li&#39;);
    var a = document.createElement(&#39;a&#39;);
    a.href = alturl;

    if(a.href!=location.href) {
    var txt = document.createTextNode(entry.title.$t);
    a.appendChild(txt);
    li.appendChild(a);
    ul.appendChild(li);
    }
    }
    for (var l = 0; l &lt; json.feed.link.length; l++) {
    if (json.feed.link[l].rel == &#39;alternate&#39;) {
    var raw = json.feed.link[l].href;
    var label = raw.substr(homeUrl3.length+13);
    var k;
    for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
    var txt = document.createTextNode(label);
    var h = document.createElement(&#39;b&#39;);
    h.appendChild(txt);
    var div1 = document.createElement(&#39;div&#39;);
    div1.appendChild(h);
    div1.appendChild(ul);
    document.getElementById(&#39;data2007&#39;).appendChild(div1);
    }
    }
    }
    function search10(query, label) {

    var script = document.createElement(&#39;script&#39;);
    script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
    + label +
    &#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
    script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
    document.documentElement.firstChild.appendChild(script);
    }

    var labelArray = new Array();
    var numLabel = 0;

    <b:loop values='data:posts' var='post'>
    <b:loop values='data:post.labels' var='label'>
    textLabel = &quot;<data:label.name/>&quot;;

    var test = 0;
    for (var i = 0; i &lt; labelArray.length; i++)
    if (labelArray[i] == textLabel) test = 1;
    if (test == 0) {
    labelArray.push(textLabel);
    var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
    labelArray.length : maxNumberOfLabels;
    if (numLabel &lt; maxLabels) {
    search10(homeUrl3, textLabel);
    numLabel++;
    }
    }
    </b:loop>
    </b:loop>
    </script>
    </div>

    </div>
    </b:if>

  7. Kata Artikel Terkait dapat Anda ganti dengan kata yang Anda inginkan.
  8. Kemudian klik Save.
Selamat mencoba dan berkreasi.

Baca Selengkapnya......

Membuat translate pada blog

Diposting oleh fajar site 0 komentar

Hari ini saya ingin berbagi ilmu pengetahuan tentang bagaimana caranya agar postingan blog kita dibaca oleh orang-orang yang ada di mancanegara!!! Anda sudah tidak perlu bingung lagi karena bahasa yang menjadi penghalang komunikasi sekarang sudah terpecahkan. Karena sekarang sudah ada google translate, dengan google translate anda dapat menterjemahkan suatu bahasa kebahasa lain dengan hitungan menit bahkan bisa dalam hitungan detik (tergantung kecepatan komputer anda). Langsung saja ke materi:

  1. Pertama, pastinya harus login dulu.
  2. Klik Tataletak
  3. Klik Element Laman
  4. Klik Tambah Gadget dan pilih HTML/JavaScript
  5. Setelah itu masukan kode yang ada dibawah ini

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglQk3pPvAuUQmQ-_WTI01Go1REB-TiRcUxPoUFJZjrk1fwAobKYyhBrF0j48Gs_Ip8Yb651g7Jm26x3E_Ml_u6maYoXQrBoeWXjAiGoxKUUGIP-2lFjbPSVxdbuxoIKBzt2UK-POd95Mc/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdw4TbpLO88h6qZMl9TeaLkMafAGUn5nVNLPbrRbvj2RSjoXjUvEh9ZvgBamyc4yr_PPrZhwxVmYW__IkyXODfF2cejO7VTRAorNZ_eT6rE8b-7ED9opf-pncOqwOnAS-JRCIkMnsFXeA/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij_4xiL7x_noUVxmlpbc2HUyJ37wOMrHSlDdyJ6d6dIgbouGnVn96dAzUktz0BGrMrHRTdyTMyiWXeeut3cLXzGMhw0AcTQW4lTKtLJLM2Pckaj4klLG3GDBqxeRodHyQN8q_1Q61KSZjo/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhRYI-ojfcWDGEjRKrwuqkYycgI3V0TTIsR1yFrSWjpdokjJHZjXlgsZeBaH_xrm2zy-hAkY0Wb6GDsPEe0jzSMcHXOSde12my9s6yl0K5j6izhu8NXbj3j4eoyC6DjaDuKx74QmDhn06h/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz4zmqqmXLtjYHhqhObboUVvIHEPZc4BpqLQ6DZTn-GTTj0FDLF08EbP_4AItsmFGnkvRrkaMyB1W0BIpW9VfB2cf1sZE6VFqEMkiA6aQCgzKGDFz417ukVQUWYGxQPBWkdr9jlyhsKy4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGoeLKJMDBnA53-zcXUgCoPLTdzssvKYx52NTK0SQxFqN7-HIAs_LNbZDLk-In2ULT7gr9-G_vfmkijZdGOBS5Jdjm9Y4MbNjEnfcrHXckwUFaTvaumqSZiHvsRVcxwLw8O3Uqv-Zd3OI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaehu3VDSpMykIx5DYZT5hr-9PyO9f07kki0CIabpTpSfVW-5UH4qQdv3jHqmAnHmZ2Cg7YJ0V0maG5HF86xWVMbNxZB48qKWvH36RM3QgZ_FfqWhhda__i_KJPjZ8vXg3hT5PMRyMJwk/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitLxOMuKSrAj1vT3mnK02MiPj-WB0tB5pNTi5AnqJ65r17qZ04XQQ3R6rclvwkg0VU4CEmnCOqa0vZZzt14RE2CnCzcn8Su1Pbeg63Uck8w0cl3XpEc6KMJCGDg0Chhuv0dKEUFHYzviY/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgewdJwfn73iECxjs2Yapokri32UqORi8GqkkSSpnEK7tN0zKb8Mkv_es7Zy3dK7rLhxb1X1cTMRNqeix-pkiNnAsylAvnvd6JP_rrJeLqb8-hYAfsdFQi95T0LpVGt-o-RuVaLaDHy7iqf/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.oogle.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO9wUyUKQ1uD5F8GDd07uZ2QxPl2-l9ej-vl4bL35KLlkSvmimLQQ3MnZJVZFs_NjTTxg1dnuurWRevTVvN-4qUbShpVBADzXXVWMBbr4mf2gXOPiys2fsuTcvSrMlWPR08jM2lA2Etg0/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg18QSX0zCbeA-kli-uGsgrCFT4GM7XvERpdffxJ6X9tWvEZCH99K9RQvoXwdskS0B471tNVtp19pbWp3azvvcziG41gQvvVihbNj8FZ21Uubd90M5coJR7cwrFGfazWMu4tCOiQWpBsIM/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM1K8m8kdjcDb00seFSd0tCdfTqxIWPfpqQSBtJcQLD-6-cay5kLgZltl5Vo6SOTDWp8V24IesQyxVr12cWPSRhsGzRgJrrkqy9UvqQK9TiajoNUv1CSu32vZMov4BKYAFmXM5ITZLZiU/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a>

6. Klik save dan lihat hasilnya.

Selamat mencoba......

Baca Selengkapnya......

MEMBUAT YAHOO MESSENGER DI MENU BLOG

Diposting oleh fajar site Jumat, 12 Februari 2010 0 komentar

Kalau anda ingin memasang yahoo messenger diblog anda yang biasanya gambarnya separti ini
yahoo offline
Dan kalau sedang online seperti gambar ini
yahoo online
Langsung saja ya ke materi tanpa banyak bicara yang lain-lain....
1. Pastinya harus login dulu.
2. Klik Tata Letak --> Element Halaman.

3. Klik Tambah Gadged
4. Pilih HTML/JavaScript
5. Beri Judul dan tambahkan kode HTML ini didalam kotak konten

<a href="ymsgr:sendIM?fjr_dewa"> <img src="http://opi.yahoo.com/online?u=fjr_dewa&amp;m=g&amp;t=8&amp;l=us"/></a>


6. Ganti fjr_dewa dengan ID YM mu (Contoh: ID Yahoo, fjr_dewa@Yahoo.com, maka tulis pada script HTML itu hanya fjr_dewa, kecuali rocketmail dan lain-lain maka pada script HTML itu ditulis semua).
7. Ganti t=8 dengan model yang anda sukai.
8. Klik simpan dan lihat hasilnya.
Selamat mencoba


Baca Selengkapnya......

Drop Down

Diposting oleh fajar site Rabu, 10 Februari 2010 0 komentar

Baca Selengkapnya......
| edit post

MEMBUAT FLOAT ATAU GAMBAR POJOK

Diposting oleh fajar site Selasa, 09 Februari 2010 0 komentar

Float adalah gambar, animasi, iklan, Widget atau lain-lainnya yang berada di samping pojok (bisa pojok atas, atau sebaliknya dan bisa pojok kanan atau sebaliknya) pada postingan. Float tidak terpengaruh terhadap scroll bar, meskipun scroll bar ditarik ke atas atau ke bawah. Tanpa panjang kali lebar lagi (jadi luas donk)mari saya akan bahas caranya:

1. Pastinya harus login dulu.

2. Klik Tata Letak --> Edit HTML.

3. Centang kotak Expand Template Widget dengan cara mangkliknya.

4. Cari kode ]]></b:skin> dan taruh kode HTML ini di atasnya

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }



*Kata yang bercetak tebal bisa anda ganti sesuai keinginan anda, karena kata itu yang menentukan letak float tersebut. Contoh apabila anda ingin gambar floatnya dipojok kanan atas maka ganti Botton menjadi Top dan Left menjadi Right.

5. Setelah itu cari kode HTML </body> dan letakan kode ini sebelum kode tersebut

<div id="trik_pojok">
<a href="http://fajar-sites.blogspot.com">
<img src="http://i28.photobucket.com/albums/c231/lapanpuluh/2006-2/tutwuri.jpg" border="0" /></a>

</div>



*Kata yang bercetak miring "http://fajar-sites.blogspot.com" adalah link, ganti dengan link kamu dan kata "http://i28.photobucket.com/albums/c231/lapanpuluh/2006-2/tutwuri.jpg" adalah link gambar, ganti dengan link gambar kamu.
** Jika anda ingin disitu bukan gambar melainkan kalender, jam atau widget lainnya, maka ganti kata yang bercetak tebal itu dengan kode widget tersebut.

6. Klik Simpan Template dan lihat hasilnya.

Selamat mencoba dan semoga materi ini bermanfaat buat semuanya. Amin.



Baca Selengkapnya......

MENARUH KODE HTML PADA POSTINGAN

Diposting oleh fajar site Senin, 08 Februari 2010 0 komentar

Pertama ngeblog saya bingung untuk memposting kode-kode HTML seperti kode ini </head>. Lalu saya cari postingan-postingan yang membahas masalah itu. Dari beberapa postingan tersebut saya menarik kesimpulan, dan mendapat beberapa cara seperti:
1. Menggunakan software-software webs desain seperti Macromedia Dreamweaver dan sejenisnya.

2. Cara ini boleh dibilang sangat praktis anda tinggal Klik disini untuk menerjemahkan kode itu kedalam bahasa postingan tersebut, karena postingan akan menerjemahkan setiap kata yang berbentuk kode HTML. Setelah anda masuk pada link itu anda tinggal masukan kode HTML yang anda ingin masukan dalam postingan dan klik Encode. Terus anda copy kode yang sudah diterjemahkan tersebut dan pastekan pada postingan anda.

Akhir kata, Selamat mencoba dan semoga postingan ini dapat bermanfaat bagi anda dan saya sendiri. Amin....

Baca Selengkapnya......

MENGGANTI LOGO BLOG

Diposting oleh fajar site 0 komentar

Pasti anda sering melihat ini diatas blog anda, dan jika anda bermaksud ingin iseng-iseng mengganti logo itu tau sudah bosan dengan logo itu, silakan ikuti materi ini.

1. Masuk ke blog anda.

2. Terus pilih menu Tata Letak --> Edit HTML

3. Jangan lupa centang pada kotak

4. Cari kode </head> atau tekan Ctrl+F, terus tulis </head>, tekan enter dan taruh kode ini diatasnya:

<link href='http://i957.photobucket.com/albums/ae55/fajar_dewa/Untitled-3.gif' rel='SHORTCUT ICON'/>


Ganti kata yang bercetak tebal itu dengan link gambar yang anda sukai.

5. Selanjutnya klik Simpan Template

6. Selesai.... dan selamat mencoba...

Baca Selengkapnya......

Iklan


Masukkan Code ini K1-1FA493-1
untuk berbelanja di KutuKutuBuku.com

translator

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

kontak

Tuker link

visitor

free counters