Sebenarnya sudah lama saya "melirik" menu ini, lho kenapa melirik? Lha gimana, lhawong menunya ada di bawah halaman dashboard kita...??? otomatis setiap hari lihat itu menu....!! tapi baru kemarin saja saya mencoba menggunakannya, ternyata cukup informatif dan asik juga kalo digunakan. Fungsinya apa sih? Berikut penjelasannya.
Dibagian bawah halaman dashboard blogspot
Kemarin saya menemukan menu baru di blogspot, Blogs I'm Following, yaitu menu yang digunakan untuk mem-follow/mengikuti update terbaru dari blog orang lain. Jadi begini, jika kita ingin membaca blog orang lain atau ingin tahu update artikel terbaru dari blog seseorang kita bisa menggunakan menu ini sebagai alternatif selain subscribe via email atau berlangganan lewat email. Untuk lebih jelasnya silahkan lihat pada gambar di bawah ini :
Bagi yang sering melakukan blogwalking pasti sudah akrab dengan shoutbox yang ada di blog-blog yang telah dikunjungi. Apa itu shoutbox? Shoutbox adalah sebuah tool atau widget yang dapat kita gunakan untuk beriteraksi dengan pengunjung. Maksudnya? Maksudnya adalah pengunjung bisa meletakkan pesan pendek di shoutbox ini, sehingga kita bisa tahu apa pesan yang disampaikan oleh pengunjung. Jika masih belum paham juga, silahkan Anda lihat di sebelah kanan blog saya ini dan jangan lupa diisi... :)
Kenapa tidak menggunakan kotak komentar yang ada dibawah postingan?
Jawabannya adalah karena shoutbox lebih praktis, lebih cepat prosesnya, dan lebih mudah dilihat oleh pengunjung lain atau si pemilik blog. Beda dengan komentar yang jika kita ingin melihatnya maka kita harus melihat postingan secara lengkap, bagaimana jika komentarnya berada di topik-topik yang berbeda pada postingan blog kita? pasti akan merepotkan buat kita untuk melacaknya kecuali blog kita sudah diberi fasilitas recent comment atau kometar terakhir.
Nah, sebenarnya untuk memasang shoutbox di blogspot tidaklah sulit. Kita hanya perlu mendaftar di layanan yang menyediakan tool tersebut, dan kita akan mendapatkan sebuah script yang bisa langsung kita pasang di blog kita.
Shoutmix
Shoutmix adalah tool shoutbox yang saya rekomendasikan untuk dipasang di blogspot karena free, desainnya yang cukup bagus, ringan, dan mudah dalam proses registrasinya. Dan tentunya mudah pula dalam memasangnya di blogspot.
Baiklah, sebagai bahan belajar saya akan memberikan tips atau tutorial pemasangan shoutbox dalam hal ini shoutmix di blogspot. Berikut ini langkah demi langkah yang bisa Anda lakukan, semoga berhasil.. :)
1. Melakukan Pendaftaran Shoutbox di Situs Shoutmix
Langkah pertama yang harus dilakukan agar kita bisa memasang shoutbox di blogspot tentu saja adalah mendaftar di situs penyedia tool shoutmix ini. Silahkan klik disini untuk mendaftar di situs mereka yang beralamat www.shoutmix.com. Proses pendaftarannya sangat mudah, silahkan ikuti instruksi yang diberikan.
2. Ambil Script Shoutbox
Jika Anda sudah melakukan pendaftaran, sekarang ambilah script shoutbox atau shoutmix yang diberikan oleh mereka.
3. Pemasangan Shoutbox di Blogspot
Langkah selanjutnya adalah memasang shoutbox di blogspot, caranya:
Kenapa tidak menggunakan kotak komentar yang ada dibawah postingan?
Jawabannya adalah karena shoutbox lebih praktis, lebih cepat prosesnya, dan lebih mudah dilihat oleh pengunjung lain atau si pemilik blog. Beda dengan komentar yang jika kita ingin melihatnya maka kita harus melihat postingan secara lengkap, bagaimana jika komentarnya berada di topik-topik yang berbeda pada postingan blog kita? pasti akan merepotkan buat kita untuk melacaknya kecuali blog kita sudah diberi fasilitas recent comment atau kometar terakhir.
Nah, sebenarnya untuk memasang shoutbox di blogspot tidaklah sulit. Kita hanya perlu mendaftar di layanan yang menyediakan tool tersebut, dan kita akan mendapatkan sebuah script yang bisa langsung kita pasang di blog kita.
Shoutmix
Shoutmix adalah tool shoutbox yang saya rekomendasikan untuk dipasang di blogspot karena free, desainnya yang cukup bagus, ringan, dan mudah dalam proses registrasinya. Dan tentunya mudah pula dalam memasangnya di blogspot.
Baiklah, sebagai bahan belajar saya akan memberikan tips atau tutorial pemasangan shoutbox dalam hal ini shoutmix di blogspot. Berikut ini langkah demi langkah yang bisa Anda lakukan, semoga berhasil.. :)
1. Melakukan Pendaftaran Shoutbox di Situs Shoutmix
Langkah pertama yang harus dilakukan agar kita bisa memasang shoutbox di blogspot tentu saja adalah mendaftar di situs penyedia tool shoutmix ini. Silahkan klik disini untuk mendaftar di situs mereka yang beralamat www.shoutmix.com. Proses pendaftarannya sangat mudah, silahkan ikuti instruksi yang diberikan.
2. Ambil Script Shoutbox
Jika Anda sudah melakukan pendaftaran, sekarang ambilah script shoutbox atau shoutmix yang diberikan oleh mereka.
3. Pemasangan Shoutbox di Blogspot
Langkah selanjutnya adalah memasang shoutbox di blogspot, caranya:
- Login ke dashboard blogspot Anda
- Masuk ke tab menu Layout dan pilih submenu Page Element
- Tambahkan sebuah widget baru dengan tipe Javascript/HTML
- Isikan title/judul dari widget Anda
- Letakkan script kode shoutbox yang telah Anda peroleh di situ shoutmix
- Simpan widget tersebut
Jika langkah-langkah pemasangan shoutbox/shoutmix sudah Anda lakukan dengan benar sesuai tutorial di atas, maka sekarang shoutbox dengan tipe shoutmix sudah bisa Anda nikmati di blog kesayangan Anda. Sekian semoga bermanfaat,,,,,,,jangan lupa comentnya,,,,,,,
Membuat Kotak Komentar di Bawah Postingan Blogspot
Trik/tips berikut baru saja saya dapatkan beberapa hari kemarin setelah blogging dan googling ke beberapa situs atau blog. Kalau para pembaca sekalian pengguna blogspot, tentu saja berpikir kenapa kotak komentar/form komentar tidak langsung terlihat dibawah postingan? Jawabnya adalah secara default memang kotak komentar akan ditampilkan ketika kita mengklik link "post a comment".
Hal ini tentu saja sangat tidak efisien, karena mengingat pengunjung yang rata-rata mempunyai sifat/pembawaan terburu-buru karena saking banyaknya informasi yang harus mereka baca. Apa mereka punya waktu untuk masuk lagi ke bagian kotak komentar setelah sebelumnya mereka juga masuk ke postingan detail? Ya meskipun kalau memang sungguh-sungguh ingin berkomentar hal ini akan dilakukan juga. Dan parahnya lagi, ketika mereka masuk ke kotak komentar mereka akan kehilangan halaman blog kita karena kotak komentar seperti berdiri sendiri. Bagi mereka yang tahu alamat blog kita dari google, pasti sudah lupa dimana alamatnya tadi, dan plasshhh.... mereka akan meninggalkan blog kita :(
Nah, ada trik di blogspot yang bisa digunakan agar kotak komentar berada langsung dibawah area postingan(bahasa "dewanya" embedded bellow post :p). Apa sih wujud dari tips kali ini? Jawabannya silahkan di tarik scrolnya kebawah..perhatikan kotak komentar saya langsung nongol dibawah postingan detail, dan jangan lupa diisi...:p
Baiklah saya tidak akan panjang lebar, langsung saja kita praktekan trik blogspot kali ini yaituMembuat Kotak Komentar di Bawah Postingan Blogspot. Oia, ada beberapa trik yang bisa dilakukan sesuai kondisi blogspot Anda dan akan saya bagi menjadi beberapa bagian:
1. Trik/tips Pertama
Setelah login ke dashboard, masuk kebagian setting, lalu comment, dan pada pilihan menu item Comment Form Placement(Peletakan Form Komentar) pilih embedded bellow post. Simpan perubahannya dan lihat hasilnya.
2. Trik/tips Kedua
Jika cara diatas belum berhasil, sekarang masuklah kebagian editing template via html. Yaitu tab menu Layout->Edit Html
- "tik" expand widget template
- cari kode dibawah ini:
Hal ini tentu saja sangat tidak efisien, karena mengingat pengunjung yang rata-rata mempunyai sifat/pembawaan terburu-buru karena saking banyaknya informasi yang harus mereka baca. Apa mereka punya waktu untuk masuk lagi ke bagian kotak komentar setelah sebelumnya mereka juga masuk ke postingan detail? Ya meskipun kalau memang sungguh-sungguh ingin berkomentar hal ini akan dilakukan juga. Dan parahnya lagi, ketika mereka masuk ke kotak komentar mereka akan kehilangan halaman blog kita karena kotak komentar seperti berdiri sendiri. Bagi mereka yang tahu alamat blog kita dari google, pasti sudah lupa dimana alamatnya tadi, dan plasshhh.... mereka akan meninggalkan blog kita :(
Nah, ada trik di blogspot yang bisa digunakan agar kotak komentar berada langsung dibawah area postingan(bahasa "dewanya" embedded bellow post :p). Apa sih wujud dari tips kali ini? Jawabannya silahkan di tarik scrolnya kebawah..perhatikan kotak komentar saya langsung nongol dibawah postingan detail, dan jangan lupa diisi...:p
Baiklah saya tidak akan panjang lebar, langsung saja kita praktekan trik blogspot kali ini yaitu
1. Trik/tips Pertama
Setelah login ke dashboard, masuk kebagian setting, lalu comment, dan pada pilihan menu item Comment Form Placement(Peletakan Form Komentar) pilih embedded bellow post. Simpan perubahannya dan lihat hasilnya.
2. Trik/tips Kedua
Jika cara diatas belum berhasil, sekarang masuklah kebagian editing template via html. Yaitu tab menu Layout->Edit Html
- "tik" expand widget template
- cari kode dibawah ini:
--------->> Perhatikan kode tidak harus sama persis karena tergantung dari template yang digunakan, biasanya terjadi sedikit perbedaan, oleh sebab itu tidak perlu mencari yang spesifik sama dengan kode diatas tetapi cukup sebagian saja. Misalnya pada script
3. Trik/tips Ketiga
Cara ketiga ini ditempuh setelah mencoba cara no. 1 tetapi tidak berhasil, dan mencoba cara kedua tetapi tidak dapat menemukan kode yang saya maksud. Untuk itu lakukan beberapa langkah dibawah ini:
- cari kode seperti dibawah ini:
---------->> Perhatikan sekali lagi, di dalam mencari usahkan tidak terlalu fokus dengan kode seperti diatas, dipotong saja setidaknya tidak sampai akhir karena sebagian template berbeda dalam pengkodeannya.
- jika ditemukan, tambahkan kode dibawah ini tepat dibawah kode diatas:
Well, sekali lagi kita dipusingkan dengan hanya meletakkan kotak komentar dibawah postingan oleh blogspot. Mungkin pembaca sekalian berpikiran kalau wordpress lebih baik dalam kasus ini. Saya sendiri sependapat, tetapi inilah tantangan ngeblog di blogspot, dengan begini kita bisa ngerti dikit-dikit koding, secara sambil belajar bahasa pemrograman :p
Catatan terakhir: sebenarnya jika para pembaca sekalian menggunakan template default yang disediakan oleh blogspot, maka untuk membuat kotak komentar dibawah postingan cukup melakukan langkah satu saja sudah dapat dipastikan berhasil. Cara no. 2 dan 3 dikhususkan untuk yang meng-advance templatenya.
Dan catatan terakhir sekali lagi :p adalah berdasarkan googling dan blogging saya diinternet, kebanyakan menyarankan kalau kita login kedashboard dari draft blogger dan menggunakan bahasa Inggris, klik disini untuk menuju kesana. Kenapa? karena menu yang ditampilkan lebih lengkap sehingga lebih maksimal.
Kali ini saya akan menulis trik ato tutorial untuk membuat related post di blogspot. Apa sih related post itu? Related post atau related link adalah daftar link-link atau daftar judul-judul artikel yang berkaitan atau ada hubungannya dengan artikel yang sedang ditampilkan. Berkaitan dalam artian sama kategorinya(kalo di blogspot labelnya). Kegunaan related post apa? Jawabannya untuk meningkatkan page view, dengan begini pembaca seolah-olah di-suggest/ditawari untuk membaca artikel yang berkaitan dengan artikel yang barusan dibaca.
Gimana caranya Ini dia:
1. Masuk ke mode edite template HTML.
2. "Tik" Expand widget template.
3. Cari tag html penutup head(didahului simbol slash("/")), seperti dibawah ini:
1. Masuk ke mode edite template HTML.
2. "Tik" Expand widget template.
3. Cari tag html penutup head(didahului simbol slash("/")), seperti dibawah ini:
Untuk memudahkan tekan CTRL+F
</head>
4. Letakkan kode dibawah ini tepat diatas kode diatas(penutup tag head):
<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>
5. Kemudian cari lagi kode seperti dibawah ini:
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/> </a> <b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
6. Masukkan kode merah dibawah ini ke dalam kode diatas, sehingga hasilnya seperti:
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
7. Kalo sudah, simpan perubahan templatenya...sudah ada tulisan "saved"?? Kalo sudah juga..laanjooottt...:p
8. Sekarang masuk ke mode page element, kita akan menambahkan element baru untuk dipajang diblog.
9. Tambahkan element HTML/Javascript.
10. Kasih judul dan ingat-ingat judulnya(...jangan dilupakan!! ingak..ingak....:p), misal saya masukkan judul "Related Post Ala Blognya Orang Desa"
11. Setelah itu masukkan kode dibawah ke dalam element tersebut diatas:
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
12. Simpan....
13. Nah, kalo cuma gini aja nanti related post kesayangan kita ini akan ditampilkan di halaman home page blog. Sangat tidak kita inginkan bukan? Oleh sebab itu tarik scrol kebawah...dan lanjutkan....
14. Masuk lagi ke mode edit template HTML, jangan lupa "tik" expand widget template.
15. Sekarang cari judul element yang sudah kita buat tadi. (masih ingat kan judulnya??), misalnya judul saya tadi "Related Post Ala Blognya Orang Desa "
16. Jika sudah ketemu, masukkan kode berwarna merah dibawah ini kedalam rangkaian kode dengan teks seperti pada judul element tadi
<b:widget id='HTML13' locked='false' title='Related Post Ala Blognya Orang Desa ' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
17. Jika sudah selesai, simpan perubahannya..
Selamat mencoba,,,,,,
Kemarin waktu browsing saya mendapatkan sebuah tool/trik/script baru dari blog ini yang bisa mempercantik tampilan dari blog kita, yaitu Tab View. Dengan menggunakan tab view kita bisa meringkas widget-widget kita sehingga dapat memberikan space/ruang kosong baru yang bisa kita gunakan untuk keperluan lain.
Nah ternyata mudah sekali pembuatannya, silahkan tambahkan widget baru (Javascript/HTML) lalu isikan kode dibawah ini:
<style type="text/css">div.TabTampil div.TTs{height: 24px; overflow: hidden; }div.TabTampil div.TTs a:hover, div.TabTampil div.TTs a.Active{ background-color: #77d0ee; }div.TabTampil div.Halamans{ clear: both; border: 1px solid #0199cb; overflow: hidden; background-color: #ffffff;}div.TabTampil div.Halamans div.Halaman{ height: 100%; padding: 0px; overflow: hidden; }div.TabTampil div.Halamans div.Halaman div.Alas{ padding: 3px 5px; }div.TabTampil div.TTs a{ border-left:1px solid #0199cb; border-right:1px solid #0199cb; border-top:1px solid #0199cb; border-bottom:0px solid #0199cb; float: left;display: block; width: 104px; text-align: center; height: 24px; padding-top: 3px; vertical-align: middle; text-decoration: none; font-family: "Arial", Serif;font-size: 12px; font-weight: 900; color: #222}</style>
<form action="tabtampil.html" method="get">
<div id="TabTampil" class="TabTampil">
<div style="width: 318px;" class="TTs">
<a>Tab 1 Name </a> <a>Tab 2 Name</a> <a>Tab 3 Name</a>
</div>
<div style="width: 316px; height: 200px;" class="Halamans">
<div class="Halaman">
<div class="Alas">
<a href="http://quickbond.blogspot.com/search/label/SEO/">SEO</a>
<a href="http://quickbond.blogspot.com/search/label/Tips Trik/">Tips Trik</a>
<a href="http://quickbond.blogspot.com/search/label/Ngeblog/">NgeBlog</a>
<a href="http://quickbond.blogspot.com/search/label/Pemrograman/">Pemrograman</a>
</div>
</div>
<div class="Halaman">
<div class="Alas">Silahkan isi disini...<br>Bisa javascript/HTML</div>
</div>
<div class="Halaman">
<div class="Alas">Silahkan isi disini...<br>Bisa javascript/HTML</div>
</div>
</div>
</div>
</form>
<script style="text/javascript" src="http://meichelina.googlepages.com/newscriptab.js"></script>
<script type="text/javascript">tabtampil_inisial('TabTampil');</script>
Keterangan:
1. Kode yang berwarna merah adalah kode CSS untuk pengaturan tampilan
2. Kode yang berwarna hitam adalah kode HTML untuk menampilkan tab-tabnya
3. Kode yang berwarna hijau adalah kode javascript yang diambil dari sumber lain, bisa dilihat alamat urlnya
4. Silahkan diganti judul tabnya pada bagian "Tab 1 Name", "Tab 2 Name", dan "Tab 3 Name" diatas atau jika ingin ditambahkan juga bisa.
5. Untuk pengisiannya silahkan diisi dibagian antara:
<div class="Alas">
dan
</div>
pada kode yang berwarna hitam secara urut sesuai nama/judul tabnya. Sebagai gambaran, saya mempunyai 3 tab name, oleh sebab itu saya juga membuat tag <div> sebanyak 3.
6. Sekian, semoga bermanfaat.
Ringkasan ini tidak tersedia. Harap klik di sini untuk melihat postingan.
Membuat Red More Di Blogspot Anda
Readmore/baca selengkapnya adalah fasilitas yang dapat kita gunakan untuk memberikan tampilan postingan secara pendek, dan untuk dapat membaca artikel/postingan secara penuh harus meng-klik link "Readmore.." atau "Selengkapnya.." atau apalah tergantung selera masing-masing. Mengingat di blogspot tidak menyediakan fitur untuk membuat ini secara otomatis seperti di WordPress, maka harus melakukan sedikit editing/oprekan pada templatenya agar bisa menggunakan fasilitas ini.
Seperti kita ketahui, postingan yang ada di blogspot akan ditampilkan secara penuh pada halaman itu juga, ini memberikan kesan tampilan yang tidak begitu "manis", misalnya pada halaman Home/Homepage kita akan menampilkan 10 postingan maka keseluruhan postingan akan ditampilkan sehingga halaman akan memanjang kebawah sepanjang postingan tersebut.
Nah agar tampilan halaman home tidak seperti itu maka diperlukan trik readmore/baca selengkapnya sehingga postingan yang ditampilkan di halaman depan hanya potongannya saja dan postingan secara penuh dapat dilihat dengan meng-klik readmore/baca selengkapnya/selengkapnya (tergantung selera :p) seperti yang sudah saya jelaskan diatas. Untuk membuatnya ada dua langkah yang harus kita lakukan yaitu dibagian Template dan dibagian Setting. Silahkan simak tulisan dibawah ini:
A. Pengaturan di Template?
1. Setelah login di blogger denga akun Anda, masuklah ke tab menu "Layout" kemudian pilih "Edit HTML".
2. Jangan lupa "tik" menu checkbox "expand widget template".
3. Carilah kode dibawah ini:
Seperti kita ketahui, postingan yang ada di blogspot akan ditampilkan secara penuh pada halaman itu juga, ini memberikan kesan tampilan yang tidak begitu "manis", misalnya pada halaman Home/Homepage kita akan menampilkan 10 postingan maka keseluruhan postingan akan ditampilkan sehingga halaman akan memanjang kebawah sepanjang postingan tersebut.
Nah agar tampilan halaman home tidak seperti itu maka diperlukan trik readmore/baca selengkapnya sehingga postingan yang ditampilkan di halaman depan hanya potongannya saja dan postingan secara penuh dapat dilihat dengan meng-klik readmore/baca selengkapnya/selengkapnya (tergantung selera :p) seperti yang sudah saya jelaskan diatas. Untuk membuatnya ada dua langkah yang harus kita lakukan yaitu dibagian Template dan dibagian Setting. Silahkan simak tulisan dibawah ini:
A. Pengaturan di Template?
1. Setelah login di blogger denga akun Anda, masuklah ke tab menu "Layout" kemudian pilih "Edit HTML".
2. Jangan lupa "tik" menu checkbox "expand widget template".
3. Carilah kode dibawah ini:
<p><data:post.body/></p>
4. Setelah ketemu, hapus dan ganti dengan kode dibawah ini:
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'> <strong>Selengkapnya…</strong></a> </p>
</b:if>
--> tulisan "Selengkapnya" bisa diganti sesuai selera...
5. Setelah selesai, jangan lupa disimpan.
B. Di bagian Setting/Pengaturan?
1. Pilih tab menu setting (atau pengaturan jika menggunakan bahasa Indonesai)
2. Kemudian pilih Formatting/Format
3. Dibagian paling bawah terdapat kotak kosonga, disamping label menu "Template Posting", isi kotak tersebut dengan kode dibawah ini:
<span class="fullpost">
</span>
4. Jangan lupa disimpan.
C. Perhatikan! Cara memposting berbeda!
1. Untuk memposting tulisan/artikel ada perbedaan dengan kalau kita tidak menggunakan readmore.
2. Ketika memposting, pilih tab menu "Edit Html" bukan "Compose" (sebaiknya mulai sekarang lupakan posting lewat compose jika Anda tidak begitu paham HTML). Perbedaannya adalah Compose mempunyai fungsi WYSIWYG(What You See Is What You Get) artinya tampilan yang kita lihat ketika menulis/memposting sama dengan tampilan yang kita lihat setelah di publish, sedangkan Edit Html sebaliknya, artinya untuk membuat suatu tampilan yang bagus kita harus meletakkan tag-tag HTML jika diinginkan. OK, kembali ke Toooooo.....PIK!!! :p
3. Setelah memilih tab menu "Edit Html", maka secara otomatis akan terlihat kode:
<span class="fullpost">
</span>
4. Nah letakkan potongan artikel yang akan kita tampilkan di halaman muka sebelum kode diatas, dan letakkan sisanya di dalam kode diatas, seperti terlihat dibawah ini:
...potongan postingan...
<span class="fullpost">
...sisa postingan...
</span>
5. Kode diatas muncul sebagai akibat ketika kita meletakkan kode di menu Formatting/Format.
6. Cukup mudah kan membuatnya? Hanya sedikit oprekan di template dan di formatting.
Selamat Mencoba
Trik Membuat Recent Posts dan Recent Comments Di Blogspot
Mungkin banyak dari para blogger newbie, termasuk saya setidaknya sebelum menulis artikel ini yang belum tahu bagaimana cara membuat recent comments/komentar terakhir dan recent posts/postingan terakhir. Apa gunanya? Banyak sekali kegunaan dari kedua widget tersebut, antara lain:
1. Recent posts digunakan untuk mempermudah pengunjung dalam mengetahui shortcut/judul postingan terbaru pada blog kita, sehingga mereka tahu apa saja yang kita posting(terutama yang terbaru)
2. Recent comments dapat kita gunakan untuk memantau siapa saja yang berkomentar di blog kita. Ini sangat bermanfaat, dari pada kita harus melihat satu-persatu lewat detail postingan.
Nah setelah mengetahui secara singkat manfaat dari kedua widget ini, sekarang saya akan memberikan trik bagaimana membuatnya. Meskipun trik ini sudah banyak yang membahasnya, barangkali masih berguna bagi temen-temen yang belum tahu. Sebenarnya banyak sekali cara untuk membuat kedua widget ini, seperti menggunakan widget creator, feed, dan dengan memasukkan script javascript. Untuk optimasi loading agar lebih ringan memang menggunakan feed lebih ringan daripada javascript, tetapi javascript lebih mempunyai fitur yang lengkap sehingga "sedap" untuk dilihat.
Berikut beberapa trik yang saya maksud:
1. Recent Post
• Menggunakan feed default blogger
1. Recent posts digunakan untuk mempermudah pengunjung dalam mengetahui shortcut/judul postingan terbaru pada blog kita, sehingga mereka tahu apa saja yang kita posting(terutama yang terbaru)
2. Recent comments dapat kita gunakan untuk memantau siapa saja yang berkomentar di blog kita. Ini sangat bermanfaat, dari pada kita harus melihat satu-persatu lewat detail postingan.
Nah setelah mengetahui secara singkat manfaat dari kedua widget ini, sekarang saya akan memberikan trik bagaimana membuatnya. Meskipun trik ini sudah banyak yang membahasnya, barangkali masih berguna bagi temen-temen yang belum tahu. Sebenarnya banyak sekali cara untuk membuat kedua widget ini, seperti menggunakan widget creator, feed, dan dengan memasukkan script javascript. Untuk optimasi loading agar lebih ringan memang menggunakan feed lebih ringan daripada javascript, tetapi javascript lebih mempunyai fitur yang lengkap sehingga "sedap" untuk dilihat.
Berikut beberapa trik yang saya maksud:
1. Recent Post
• Menggunakan feed default blogger
http://qickbond.blogspot.com/feeds/posts/default
http://quickbond.blogspot.com/feeds/posts/full
http://quickbond.blogspot.com/feeds/posts/summary
http://quickbond.blogspot.com/feeds/posts/full
http://quickbond.blogspot.com/feeds/posts/summary
--> teks yang dicetak merah adalah alamat blog Anda.
--> untuk mengetahui perbedaannya, silahkan dicoba satu-persatu
• Menggunakan feed dari FeedBurner
http://feeds.feedburner.com/quickbond
--> teks yang dicetak merah adalah nama feed Anda.
• Menggunakan javascript
<script style="text/javascript" src="http://www.geocities.com/oom_directory/recentpost.txt">
</script>
<script style="text/javascript">var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script>
<script src = "http://quickbond.blogspot.com/feeds/posts/default?orderby = published&alt = json-in-script&callback = showrecentposts"></script>
--> sebenarnya terdapat 3 script yang kita tuliskan (sesuai warnanya).
--> kuning: adalah sumber dari script kita, bisa dilihat di alamat urlnya. Kebetulah kita menggunakan scriptnya O-Om
--> hijau: nilai variabel yang bisa kita customisasi/rubah sesuai selera
--> merah: script feed blog kita, silahkan ubah alamat url yang dicetak tebal dengan alamat blog Anda
2. Recent Comments
* Menggunakan feed default blogger
* Menggunakan feed default blogger
http://quickbond.blogspot.com/feeds/comments/default
http://quickbond.blogspot.com/feeds/comments/full
http://quickbond.blogspot.com/feeds/comments/summary
http://quickbond.blogspot.com/feeds/comments/full
http://quickbond.blogspot.com/feeds/comments/summary
--> teks yang dicetak merah adalah alamat blog Anda.
--> untuk mengetahui perbedaannya, silahkan dicoba satu-persatu
* Menggunakan javascript
<script style="text/javascript" src="http://www.sputnixshop.com/komentar.txt">
</script><script style="text/javascript">var numcomments = 5;var showcommentdate = false;var showposttitle = true;var numchars = 50;var standardstyling = true;</script>
<div style = "font-size:12px"><script src = "http://quickbond.blogspot.com/feeds/comments/default?alt = json-in-script&callback = showrecentcomments">
</script>
</div>
--> kali ini kita juga menggunakan 3 script yang kita tuliskan (sesuai warnanya).
--> kuning: adalah sumber dari script kita, bisa dilihat di alamat urlnya. Kebetulah kita menggunakan script orang lain juga
--> hijau: nilai variabel yang bisa kita customisasi/rubah sesuai selera
--> merah: script feed blog kita, silahkan ubah alamat url yang dicetak tebal dengan alamat blog Anda
Cara Pemasangan
1. Menggunakan Feed
--> Tambahkan widget baru pada menu Layout->Page Element. Pilih widget Feed dan isikan alamat feed sesuai alamat yang Anda pilih diatas.
2. Menggunakan Javascript
--> Tambahkan widget html/javascript pada menu Layout->Page Element, dan isikan judul serta teks javascriptnya.
Sekian, semoga bermanfaat
Tips Trik Pencarian Dengan Google
1. Google dapat menjadi buku telepon. Ketik nama seseorang, kota dan Negara bagian kedalam kotak pencarian, maka google akan memberikan daftar nomor telepon dan alamat yang paling Anda cari. Fitur ini juga berlaku untuk keperluan bisnis.
Tip bonus: google juga dapat bekerja kebalikannya; jika anda miliki hanya nomor telepon, ketiklah nomor itu, maka Anda akan mendapatkan hasilnya.
2. Google dapat menjadi kalkulator. Ketik sebuah soal matematika ke dalam kotak pencarian maka Google akan mengolahnya. Anda dapat meunilskan persamaan atau soal dengan kata-kata (two plus two, twelve divided by three), menggunakan angka-angka dan symbol-simbol (2+2,12/3), atau mengetikkan kombinasi keduanya (ten million *pi,15% of six).
3. Lebih panjang lebih baik, tapi pendekpun ok. Google dirancang untuk memberikan hasil bermutu tinggi bahkan meskipun yang Anda ketikkan hanya satu atau dua patah kata, maka Anda dapat mencari dengan masukkan sesedikit mungkin. Namun, menambahkan beberapa kata sering memberikan hasil lebih baik.
Contoh: ketika mencari informasi pendaftaran ke perguruan tinggi, masukkan kata admission sesudah nama sebuh universitas sering memberi Anda hasil pencarian lebih relevan.
4. Gunkan tanda kutip jika ketepatan yang anda butuhkan. Mengetikkan “the search is over” ke dalam google akan menghasilkan halaman Web tentang lagu rock yang dibawakan oleh Survivor__tetapi tanpa tanda kutip akan menghasilkan sekumpulan halaman yang tidak berhubungan. Alasan: penambahan tanda kutip di awal dan di akhir kumpulan kata berarti meminta Google mencari kumpulan kata yang persis sama dengan yang Anda ketikkan. Itu menjadikan tanda kutip sangat bermanfaat ketika Anda mencari berdasarkan lirik lagu, nama orangm atu ungkapan seperti “ to be or not to be” yang termsuk ungkapan sangat umum.
5. Google dapat menjadi kamus. Ketikkan define diikuti kata apaun dalam bahasa inggris kedalam kotak pencarian, maka Google akan memberikan Anda sebuah definisi yang cepat di bagian atas hasil pencarian.
6. Huruf besar atau kecil sama saja. Anda bisa menghemat waktu dalam mengetik karena tidak usah memakai tombol SHIFT. Mengetikkan Queen Elizabeth dan queen elizabeth memberikan hasil yang sama. Jadi entah Anda memberikkan perlakuan yang sama ___meskipun Ratu Inggris lebih suka Anda mengetikkan namanya dengan huruf besar.
Tip bonus: Google mengabaikan kata-kata umum seperti the, and, is, of, dan to ketika Anda menggunakannya dalam pencarian tanpa tanda kutip. Menambahkan kata-kata tersebut tidak mengubah atau menyempurnakan hasil pencarian, jika Anda tidak boleh menggunakan kata-kata tersebut.
7. Lupakan bentuk jamak atau kata jadian. Google secara otomatis mencari kata dasar, maka Anda tidak perlu melakukan pencarian terpisah untuk dance, dances, dan dancing. Cukup ketik salah satu kata maka Google akan mengerjakan selanjutnya, memberikan Anda hasi-hasil dalam satu daftar.
8. Mencari gambar. Mencari foto Paris Hilton, atau foto Paris Hilton Hotel? Klik “images“ di atas kotak pencarian, ketikkan yang Anda mau, maka Google akan memberikan foto atau gambar dalam database-nya yang memiliki lebih dari satu milyar gambar. Anda akan memperoleh sesuai dengan keinginan Anda, lengkap dengan link ke halaman tempat halama itu muncul.
Tip bonus: pencarian gambar bisa mengantarkan Anda ke situs Web yang bermanfaat yang mungkin tidak Anda dapatkan melalui pencarian biasa.
9. Peta petunjuk jalan, dan pemandangan dari satelit cukup dengan satu klik. Cara yang paling cepat untuk menemukan jalan paling cepat ke tujuan Anda adalah memasukkan nama kota dan Negara bagian (atau cukup kode pos) ke dalam kotak pencarian.
Contoh: ketik Washington dc, maka Google akan menyediakan sebuah link langsung ke layanan peta dan pentunjuk jalannya sendiri, maps.Google.com, selain ke situs yang dikelola oleh Yahoo dan mapQuest, menjadikan Anda mudah mencari perbandungan atau opini ke dua. Di Google Maps, Anda dapat memilih antara peta garis biasa dan cintra satelit yang bisa digeser dan diperbesar menggunakan mouse. Anda juga akan menemukan daftar perusahaan setempat.
10. Kemana Anda akan pergi hari ini? Jika Anda tahu situs Web tertentu yang ingin Anda kunjungi , ketik namanya kedalam kotak pencarian Google, tekan enter, dalam sekejap Anda akan berada di sana.
11. Jelajahi rak buku di dunia secara online. Carilah sebuah topic di print.google.com maka Anda akan melihat informasi dari buku-buku actual yang telah dipindai dan diindeks oleh Google dalam databesya. Anda dapat membuka-buka dan menbaca seluruh teks asal karya bersangkutan tidak dilindungi hak cipta;bagi yang lain, Anda boleh membaca halaman yang memuat kata dari pencarian Anda dan mendapatkan informasi tentang di mana bisa membeli buku lengkapnya.
12. Tekan tombol GOOGLE di ponsel sewaktu Anda dalam perjalanan. Mendapatkan nomor telepon, petunjuk jalan, jam main bioskop, harga saham dan sebagainya
Tip bonus: google juga dapat bekerja kebalikannya; jika anda miliki hanya nomor telepon, ketiklah nomor itu, maka Anda akan mendapatkan hasilnya.
2. Google dapat menjadi kalkulator. Ketik sebuah soal matematika ke dalam kotak pencarian maka Google akan mengolahnya. Anda dapat meunilskan persamaan atau soal dengan kata-kata (two plus two, twelve divided by three), menggunakan angka-angka dan symbol-simbol (2+2,12/3), atau mengetikkan kombinasi keduanya (ten million *pi,15% of six).
3. Lebih panjang lebih baik, tapi pendekpun ok. Google dirancang untuk memberikan hasil bermutu tinggi bahkan meskipun yang Anda ketikkan hanya satu atau dua patah kata, maka Anda dapat mencari dengan masukkan sesedikit mungkin. Namun, menambahkan beberapa kata sering memberikan hasil lebih baik.
Contoh: ketika mencari informasi pendaftaran ke perguruan tinggi, masukkan kata admission sesudah nama sebuh universitas sering memberi Anda hasil pencarian lebih relevan.
4. Gunkan tanda kutip jika ketepatan yang anda butuhkan. Mengetikkan “the search is over” ke dalam google akan menghasilkan halaman Web tentang lagu rock yang dibawakan oleh Survivor__tetapi tanpa tanda kutip akan menghasilkan sekumpulan halaman yang tidak berhubungan. Alasan: penambahan tanda kutip di awal dan di akhir kumpulan kata berarti meminta Google mencari kumpulan kata yang persis sama dengan yang Anda ketikkan. Itu menjadikan tanda kutip sangat bermanfaat ketika Anda mencari berdasarkan lirik lagu, nama orangm atu ungkapan seperti “ to be or not to be” yang termsuk ungkapan sangat umum.
5. Google dapat menjadi kamus. Ketikkan define diikuti kata apaun dalam bahasa inggris kedalam kotak pencarian, maka Google akan memberikan Anda sebuah definisi yang cepat di bagian atas hasil pencarian.
6. Huruf besar atau kecil sama saja. Anda bisa menghemat waktu dalam mengetik karena tidak usah memakai tombol SHIFT. Mengetikkan Queen Elizabeth dan queen elizabeth memberikan hasil yang sama. Jadi entah Anda memberikkan perlakuan yang sama ___meskipun Ratu Inggris lebih suka Anda mengetikkan namanya dengan huruf besar.
Tip bonus: Google mengabaikan kata-kata umum seperti the, and, is, of, dan to ketika Anda menggunakannya dalam pencarian tanpa tanda kutip. Menambahkan kata-kata tersebut tidak mengubah atau menyempurnakan hasil pencarian, jika Anda tidak boleh menggunakan kata-kata tersebut.
7. Lupakan bentuk jamak atau kata jadian. Google secara otomatis mencari kata dasar, maka Anda tidak perlu melakukan pencarian terpisah untuk dance, dances, dan dancing. Cukup ketik salah satu kata maka Google akan mengerjakan selanjutnya, memberikan Anda hasi-hasil dalam satu daftar.
8. Mencari gambar. Mencari foto Paris Hilton, atau foto Paris Hilton Hotel? Klik “images“ di atas kotak pencarian, ketikkan yang Anda mau, maka Google akan memberikan foto atau gambar dalam database-nya yang memiliki lebih dari satu milyar gambar. Anda akan memperoleh sesuai dengan keinginan Anda, lengkap dengan link ke halaman tempat halama itu muncul.
Tip bonus: pencarian gambar bisa mengantarkan Anda ke situs Web yang bermanfaat yang mungkin tidak Anda dapatkan melalui pencarian biasa.
9. Peta petunjuk jalan, dan pemandangan dari satelit cukup dengan satu klik. Cara yang paling cepat untuk menemukan jalan paling cepat ke tujuan Anda adalah memasukkan nama kota dan Negara bagian (atau cukup kode pos) ke dalam kotak pencarian.
Contoh: ketik Washington dc, maka Google akan menyediakan sebuah link langsung ke layanan peta dan pentunjuk jalannya sendiri, maps.Google.com, selain ke situs yang dikelola oleh Yahoo dan mapQuest, menjadikan Anda mudah mencari perbandungan atau opini ke dua. Di Google Maps, Anda dapat memilih antara peta garis biasa dan cintra satelit yang bisa digeser dan diperbesar menggunakan mouse. Anda juga akan menemukan daftar perusahaan setempat.
10. Kemana Anda akan pergi hari ini? Jika Anda tahu situs Web tertentu yang ingin Anda kunjungi , ketik namanya kedalam kotak pencarian Google, tekan enter, dalam sekejap Anda akan berada di sana.
11. Jelajahi rak buku di dunia secara online. Carilah sebuah topic di print.google.com maka Anda akan melihat informasi dari buku-buku actual yang telah dipindai dan diindeks oleh Google dalam databesya. Anda dapat membuka-buka dan menbaca seluruh teks asal karya bersangkutan tidak dilindungi hak cipta;bagi yang lain, Anda boleh membaca halaman yang memuat kata dari pencarian Anda dan mendapatkan informasi tentang di mana bisa membeli buku lengkapnya.
12. Tekan tombol GOOGLE di ponsel sewaktu Anda dalam perjalanan. Mendapatkan nomor telepon, petunjuk jalan, jam main bioskop, harga saham dan sebagainya
