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