Thursday, August 27, 2009

Menampilkan Entri Terbaru Dengan Memanfaatkan Daftar Blog

Pada postingan saya sebelumnya saya membahas tentang menampilkan judul postingan terbaru, dengan mengunakan java script. Sekarang ada cara lagi yang lebih seru. Yang ini menampilkan entri terbaru atau recent post dengan mengunakan fitur dari blogger yaitu "Daftar Blog"

Saat kamu menambahkan gadget, di tata letak. Kita menemui fitur terbaru blogger yaitu "Daftar Blog" Perlihatkan yang Anda baca dengan blogroll dari blog favorit Anda. Nah sekarang bagaimana seandainya blog favorit kita adalah blog kita sendiri, jadinya akan asyik kan? 


Dengan fitur Daftar Blog ini kita kan menampilkan entri terbaru kita, dengan menampilkan juga

- Ikon
- Judul dari item terbaru
- Snippet dari item terbaru
- Gambar mini butir terkini
- Tanggal pembaruan terakhir

Sekarang bagaimana cara menampilkan entri terbaru dengan memanfaatkan Daftar Blog? 1. Login ke blogger
2. Pilih Tata Letak --> Tambah Gaget
3. Pilih Daftar Blog --> TAMBAHKAN KE DAFTAR
4. Tambah URL, masukan kode berikut ini:



http://NAMA.blogspot.com/feeds/posts/default/?start-index=2

Untuk entri terbaru kedua

http://NAMA.blogspot.com/feeds/posts/default/?start-index=3

Untuk entri terbaru ketiga

http://NAMA.blogspot.com/feeds/posts/default/?start-index=4

Untuk entri terbaru keempat

Dan seterusnya sesuai dengan keinginanmu, berapa banyak entri terbaru yang ingin kamu tampilkan, tinggal mengantinya dengan start-index=4 angka 4 berarti judul keempat. Ganti NAMA.blogspot.com dengan URL blog kamu sendiri. Untuk entri terbaru pertama kita tinggal memasukan URL blog kita (misal http://aguskristianto.blogspot.com).


Untuk menghilangkan judul blog, sehingga yang muncul hanya judul postingan tambahkan kode berikut ini pada template:

.blog-title {
display:none;
}


Letakkan diatas kode ]]></b:skin>



Terima Kasih,
Semoga Bermanfaat.

Read more ...

Menampilkan Judul Entri Terbaru ( Recent Post )

Masih sama dengan menampilkan judul postingan terbaru, setiap pengunjung akan dapat melihat judul-judul yang pernah kita tulis. Kita dapat menampilkannya di halaman utama blog kita. Judul yang dapat kita tampilkan lebih dari 15 judul. Judul postingan terbaru juga dikenal dengan nama recent post atau new entri.

Caranya sangat mudah, yaitu kita
1. Login ke blog kita,
2. Pilih tata letak, tambahkan gadget,
3. Pilih HTML/Javascript.

Sekarang masukan script berikut ini :

<script src="http://www.geocities.com/uddin_81/recent-post.js"></script> <script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script> <script src="http://NAMABLOG.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"> </script>

Sedikit yang harus kita rubah yaitu:
numposts = 10 angka 10 berarti 10 judul yang akan kita tampilkan
http://NAMABLOG.blogspot.com NAMABLOG harus diganti dengan URL blog kita.

4. Klik Save lalu lihat hasilnya.


Terima Kasih,
Semoga Bermanfaat.

Read more ...

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 ...

Cara Memasang Shoutmix Pada Blogspot

Shoutmix adalah tempat komunikasi dengan meninggalkan pesan (chatbox) yang umumnya di letakan pada sebuah blog atau website, yang mempermudah pengunjung untuk meninggalkan pesan.

Langkah-langkah memasang Shoutmix :

Mendaftar untuk mendapatkan Shoutmix

1. Masuk dahulu ke situsnya http://www.shoutmix.com
2. Klik CREATE YOUR SHOUTBOX NOW
3. Isi Formulir pendaftaran/ register


  • Shoutbox ID:
“Username untuk mengakses Shoutbox, contoh: "aguschristiant”
  • Choose Password:
“Isi dengan password yang diinginkan”
  • Retype password:
“Isi kembali password yang di atas”
  • Name:
“Nama Anda, contoh: "Agus kristianto”
  • Email:
“Masukan email Anda, contoh "aguschristiant@gmail.com"
  • Checklist ” I have read and agree to the Terms of Service.”
  • Klik continue

1. Pilih salah satu bentuk
Shoutmix yang diinginkan dengan mengklik lingkaran di gambar, kemudian klik Continue

2. Kemudian klik “Go to my control panel now >>
3. Klik Get codes, jika ingin merubah warna atau style shoutmix anda bisa merubah di bagian Display.


4. Tentukan Width (Lebar) dan Height (Tinggi) yang diinginkan, atau dibiarkan saja.

5. Blok Script (code tulisan di bawahnya) klik kanan mouse, klik copy.

MEMASANG SCRRIPT DI BLOGSPOT
1. Buka jendela baru, File => New => Window, atau File => New Tab

2. Login ke blogspot
3. klik “Tata Letak”


4. Klik Tambah Gadget -->
HTML/JavaScript


5. Masukan Judul yang diinginkan, contoh: Tinggalkan Pesan
6. Pada bagian Konten, Paste Kode Script yang tadi diambil di shoutmix.com

7. Kemudian klik Simpan
8. Kemudian pada Layout bagian atas klik SIMPAN (sebelah kanan BERSIHKAN EDIT)

9. Lihat hasilnya dengan klik “Lihat Blog” pada bagian atas Dashboard



Demikian Cara Memasang Shoutmix Pada Blogspot.


Terima Kasih,
Semoga bermanfaat..


Read more ...