Thursday, August 27, 2009

Menampilkan Judul Artikel Yang Terkait (Related Articles by Categories)

Berjalan-jalan ke trik-tips blogging, saya menemukan cara untuk menampilkan judul artikel yang berhubungan. Di trik ini, judul itu di tampilkan di bawah artikel, dan penampilan itu berdasarkan label. Mungkin kita ada label Musik karena kamu hobby main Musik, di Label Musik itu ada 15 judul, maka saat kita melihat salah satu dari judul itu maka 14 judul ada di bawahnya.

Berikut ini langkah-langkah kita untuk menampilkan judul artikel yang berhubungan :

1. login ke Blogger
2. Lalu pilih Tata Letak-->Edit HTML
3. Selanjutnya Expand Widgets Template template kita
4. Cari kode berikut ini

<data:post.body/>
*) untuk blog yang ada "read more" nya akan ditemui 2 kode <data:post.body/>, pilihlah kode yang pertama
5. Kalau sudah ketemu, letakan script berikut ini di bawahnya:

<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 = 10; maxNumberOfPostsPerLabel = 100;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>
6. Klik Save Template, Lalu lihat hasilnya.
Terima Kasih,
Semoga Bermanfaat.

Read more ...
Wednesday, August 26, 2009

Cara Menampilkan Komentar Terbaru di Blog

Merupakan suatu penghargaan tertinggi apabila artikel yang kita tulis dibanjiri dengan komentar oleh para pembaca, apalagi jika komentar tersebut relevan dengan apa yang kita tuliskan. Pasti rasanya wow banget. Itu artinya ada beberapa orang yang memperhatikan blog kita, walaupun komentarnya tidak terlalu panjang, kita harus tetap menghargai mereka.

Cara Menampilkan Komentar Terbaru di Blog


Menampilkan komentar terbaru di blog berfungsi untuk mengetahui siapa dan di artikel mana orang tersebut memberikan sebuah komentar. Hal ini bisa kita lakukan dengan cara memasang script berikut ini :
<script style="text/javascript" src="http://www.geocities.com/leo_host/komentar-terbaru.js"></script><script style="text/javascript">var a_rc=10;var m_rc=false;var n_rc=true;var o_rc=50;</script><script src="http://aguskristianto.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
Yang perlu Anda perhatikan :
  • rc=10 angka 10 berarti banyaknya komentar yang ingin Anda tampilkan.
  • rc=50 angka 50 berarti banyaknya suku kata yang ingin Anda tampilkan pada setiap komentarnya.
  • http://aguskristianto.blogspot.com ganti dengan URL blog Anda sendiri.

Terima Kasih,
Semoga Bermanfaat.
Read more ...
Wednesday, August 12, 2009

Cara Memasang Google Translate Pada Blogspot


1. Log In dulu ke account blogger Anda
2. Klik Layout > Page Element > Tambah Gadget



3. Klik Add Gadget > Edit HTML/Java Script



4. Kemudian masukkan kode di bawah ini

<center><br/><script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script><br/></center>

5. Simpan dan lihat hasilnya



Terima Kasih,
Semoga Bermanfaat.

Read more ...

About Google Translate


Layanan google translate saat ini sudah mencakup 34 bahasa, dan kita sebagai negara indonesia cukup berbangga diri karena bahasa indonesia termasuk satu diantaranya.Dengan layanan situs web gratis ini, pengguna bahasa Indonesia dapat menerjemahkan teks frase atau halaman web tertentu dari dan ke bahasa Indonesia. Mereka juga dapat menggunakan kata-kata kunci dalam bahasa Indonesia untuk mencari halaman situs web yang diterbitkan dalam 34 bahasa dan hasilnya diterjemahkan secara otomatis ke dalam bahasa Indonesia.
-->
Selain itu, Google juga menyediakan sebuah alat (gadget) yang dapat digunakan oleh pemilik situs web berbahasa Indonesia untuk menerjemahkan secara instan halaman situs web mereka ke 34 bahasa lainnya.
Kini, pengguna internet yang mengunjungi situs web berbahasa Indonesia dapat menerjemahkan situs web tersebut secara otomatis ke salah satu dari 34 bahasa yang tersedia dengan menggunakan menu drop-down yang terdapat pada gadget Google Terjemahan™. Pengguna akan dibawa secara otomatis ke versi situs web anda yang telah diterjemahkan.
-->
Layanan tersebut dapat diakses di http://translate.google.co.id. Google Terjemahan™ saat ini mendukung bahasa-bahasa:

Arab, Indonesia, Bulgaria, Catalan, Cina, Kroasia, Ceko, Denmark, Belanda, Inggris, Filipina, Finlandia, Perancis, Jerman, Yunani, Yahudi, Hindi, Italia, Jepang, Korea, Latvia , Lithuania, Norwegia, Polandia, Portugis, Rumania, Rusia, Serbia, Slovakia, Slovenia, Spanyol, Swedia, Ukraina, dan Vietnam.
Nb: Google Translate hanya bisa menerjemahkan kata yang sesuai dengan ejaan yang benar bukan bahasa gaul atau sehari- hari.
Jadi, jangan heran kalau hasil terjemahan teman- teman tidak terlalu sempurna.

Sumber: http://tutor-internet.com

Terima Kasih,
Semoga Bermanfaat.

Read more ...
Tuesday, August 11, 2009

Cara Membuat Shoutmix Tersembunyi



1. Pertama-tama Log In terlebih dahulu ke Account Blogger Anda.
2. Setelah itu klik Tata Letak > Elemen Halaman > Tambah Gadget > HTML/Java Script.

3. Kemudian masukkan kode di bawah ini.

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe scrolling="auto" frameborder="0" width="300" src="http://www2.shoutmix.com/?aguschristiant" height="400" title="aguschristiant">
<a href="http://www2.shoutmix.com/?aguschristiant">View shoutbox</a>
</iframe>
<br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br/>
<!-- End ShoutMix -->


<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

4. Ganti kode yang berwarna biru dengan kode shoutmix anda
5. Lalu simpan dan lihat hasilnya.


Terima Kasih,
Semoga bermanfaat.

Read more ...