Cara pasang "Random Post" (menampilkan posting secara acak)

Random post adalah suatu cara menampilkan posting
secara acak, Sebenarnya cara memasang random post sudah lama ada dan
sudah banyak yang menulis, namun blogger yang baru memulai membuat blog masih
saja bingung, mungkin tutorila yang digunakan/ditemukan masih menggunakan bahasa
inggris. Agar gak membuat sahabat blogger kecewa saya tulis aja artikelnya
secara singkat.

Langkah mudah membuat Random Post:

Pertama:

Buka Template -> Edit HTML -> Jangan lupa lakukan backup
template :)

Kemudian Copy-paste kode dibawah ini biasanya atas tag </head>

<script type="text/javascript">

//<![CDATA[

var _yourBlogUrl
= "http://www.o-om.com";



function randomPost() {

  var script = document.createElement("script");

  script.setAttribute("type", "text/javascript");

  var theUrl = _yourBlogUrl
+"/feeds/posts/summary?alt=json-in-script&callback=getTotalPostsCallback&start-index=1&max-results=1";

  script.setAttribute("src", theUrl);

  document.documentElement.firstChild.appendChild(script);

};

function getTotalPostsCallback(json) {

  var totalResults = json.feed.openSearch$totalResults.$t;

  if (totalResults > 0) {

    getRandomPostNumber(totalResults);

  }

};

function getRandomPostNumber(totalResults) {

  var randomNumber = Math.floor((Math.random() * totalResults) + 1);

  getRandomUrl(randomNumber);

};

function getRandomUrl(randomNumber) {

  var script = document.createElement("script");

  script.setAttribute("type", "text/javascript");

  var theUrl = _yourBlogUrl
+"/feeds/posts/summary?alt=json-in-script&callback=getTheUrlCallback&start-index="
+ randomNumber + "&max-results=1";

  script.setAttribute("src", theUrl);

  document.documentElement.firstChild.appendChild(script);

};

function getTheUrlCallback(json) {

  var theUrl = json.feed.entry[0].link[0].href;

  window.location.href = theUrl;

}

//]]>

</script>

=> Jangan lupa ganti warna merah diatas dengan nama blog
kita, jika sudah jangan lupa disimpan

Kedua:

Kemudian Tambahkan sebuah Element halaman -> HTML/Javascript

<a href="javascript:randomPost();">View Random Post</a>

Jangan lupa disimpan dan lihat hasilnya :)

 

Sumber:
http://purplemoggy.blogspot.com/

 

Tips mudah blog walking pada shoutmix (shoutbox)

Ketika blogwalking adakalanya kita merasa kesal dan
bosan setiap kali ingin menulis pesan baru di shoutbox (shoutmix),
terutama ketika memasukan nama dan alamat alamat URL setiap kali mengujungi blog
sahabat. Sebenarnya ada tips mudah untuk mengatasi masalah ini, caranya yaitu
kita cukup klik icon admin untuk login pada shoutbox (shoutmix), kemudian
masukan password dan klik tombol login. sekarang kita sudah masuk admin area,
pada area ini masukan nama dan alamat Blog kita sendiri kemudian tulis pesan
pertama jangan lupa klik shout! (kirim) -> cara
ini digunakan untuk menyimpan history pada shoutbox (shoutmix) pertama
kali.

Kalo masih bingung lihat gambar dibawah:

RALAT :

Ada sedikit kesalahan analisa pada
tips diatas, ketika menganalisa saya sempat melakukan clear history pada
browser, sebenarnya kita bisa menyimpan history nama dan alamat url tanpa perlu
login, pengisian nama dan url harus pada shoutmix kita sendiri.

Bagaimana jika kita perbaiki saja, halaman icon admin kita gunakan untuk
masuk ke admin area guna menghapus beberapa pesan yang tidak dinginkan dan
melaporkan jika pesan tersebut masuk dalam kategory spam ke pada pihak layanan
shoutbox (shoutmix), setuju? setuju......

Visual Search Engine "Kartoo" Layak dicoba

Kartoo merupakan Search
Engine dengan tampilan secara visual tik .. tok .. tik ..tok.. waktu berlalu.. bingung mau
ngebahas apa? kayaknya semua search engine sama aja ya, sama-sama
melakukan pencarian, namun yang ini berbeda karena hasil yang temukan akan
ditampilkan secara visual. untuk mencoba Search Engine ini jelas browser
harus mendukung Adobe Flash Player jika
belum ada bisa di download
disini



Apa yang menarik dari Search Engine kartoo:

Selain tampil secara visual SE ini juga mempunyai beberapa fitur yang
lengkap yang bisa kamu coba. Setiap kita sekali saja melakukan pencarian maka
SE ini akan menganalisa kembali mengenai keyword maupun topik yang berkaitan,
Selain itu SE ini juga menampilkan relasi url yang berhubungan satu
dengan yang lain, dari sini kita bisa melihat kemana saja arah backlink alamat
URL Blog atau Website.

Contoh gambar hasil pencarian:

Dari gambar diatas terlihat topik dan backlink yang saling berkatian.

Mencari informasi seseorang dengan "Search Engine Spock"

Pernah terpikirkan mencari informasi seseorang di internet?
pasti jawabannya ya!. Saya yakin kadang kita ingin mencari seseorang namun tidak
pernah menemukan jawaban yang benar-benar sesuai keinginan. Jangan putus asa..sekarang tidak perlu bingung
lagi karena sekarang sudah ada Search Engine
Spock yang akan mempermudah kita dalam melakukan pencarian informasi orang
di dunia maya.

Dibandingkan dengan
Google Image
Search dan Yahoo Image Search, tentu
spock lebih baik dalam melakukan pencarian ke suatu obyek gambar secara
mendetail dan menampilkan informasi secara rinci, search engine ini juga
mengambil beberapa informasi mengenai sesorang melalui
Wikipedia,
Linkedin dan
Facebook.  Walaupun masih relatif
baru search engine ini tidak bisa di remehkan dalam urusan pencarian seseorang
di internet. Untuk mendapatkan hasil pencarian yang lebih relevan kita mesti
terdaftar pada layanan spock, untuk mendaftar kita tinggal melakukan
sign-up pada layanan tersebut.

Untuk contoh misalkan kita ingin mencari informasi tentang penemu

Isaac Newton

Dari gambar diatas dapat kita lihat informasi penting
mengenai Isaac Newton beserta gambar dan lokasi dirinya.


Informasi lengkap tentang search engine ini bisa langsung baca sendiri pada situsnya ya. Selamat mencoba :)

China melakukan pemblokiran terhadap RSS FEEDS

Baru aja beli majalah baru PC media dah dikejutin dengan
berita bahwa negeri china telah melakukan pemblokiran terhadap RSS FEED, mungkin
sebagian dari kita telah mengetahui kalo china terkenal dengan penyensoran akses
pengguna internet yang ketat. Pengguna internet di negeri china yang pintar
dapat menggunakan Rss Feeds agar dapat mengelabuhi kontrol akses pemerintah
china.

Masa Rss feed telah berakhir karena pemerintah dinegeri
china sudah memblokir tiap URL yang berawalan "Feeds", "Rss", dan "Blog". hal
ini membuat pengguna di china sangat sulit mengakses feed dibanyak situs,
termasuk semua situs yang feeds-nya disediakan oleh Feedburner. sepertinya
pengguna komputer dichina telah mendulang sukses dengan online feed-readers,
seperti newsgator, dan semoga pemerintah china tidak memblokir newsgator, dan
pengguna internet di china akan lebih sering menggunakan web browser dan
webproxy alternatif seperti Tor.

Sumber : PC Media (12/2007)

Cara buat "Readmore" pada Blogger

Banyaknya permintaan mengenai cara buat readmore membuat saya tetap
mengharuskan artikel ini ditulis. walaupun tutorial cara buat readmore sudah
banyak ditulis oleh rekan blogger, sayangnya penjelasan yang diberikan kadang
tidak mudah dimengerti dan malah membuat bingung, untuk itu tidak ada salahnya saya juga menulis
artikel ini sebagai pelengkap agar mempermudah blogger baru bisa lebih mengerti
cara membuat readmore serta cara penggunanan kode readmore pada
posting.

Mungkin rekan blogger yang baru mulai membuat blog masih bingung apa itu readmore?
Readmore adalah pemenggalan kalimat pada posting suatu halaman, Pemenggalan
halaman posting biasanya ditandai dengan "Read More", "Next",
"Baca
Selanjutnya", "Baca berikutnya", "Selengkapnya" atau apalah
namanya :).
Readmore biasanya digunakan untuk menandai bahwa kalimat pada posting
masih mempunyai kelanjutan, dan juga berguna mempersingkat halaman posting yang
panjang. Pengen tau cara buatnya?

Contoh ReadMore :

Pernah menemukan pesan seperti diatas?...jika pernah jangan panik, ini hanya pesan pemberitahuan dari blogger kalau layanan sedang melakukan perbaikan maintenance pada server. pesan ini hanya berlangsung kurang lebih beberapa menit setelah itu akan normal kembali. Semoga informasi ini membantu :)Readmore.. »

Untuk membuat readmore ikuti langkah dibawah ini :

Langkah Pertama:

Buka Template - Edit HTML - Berikan
tanda centang pada "Expand widget template"

Langkah Kedua:

Jangan Lupa backup blogger dengan mengklik "dowlnoad template lengkap"

Langkah Ketiga:

Cari kode dibawah ini:

<div
class='post-header-line-1'/> <div class='post-body'>

Tips :
Untuk mempermudah pencarian kode diatas sebaiknya ikuti tips berikut
ini. pertama kamu buka program text editor misalnya notepad.exe ( Pada MS
Windows tekan menu Start -> Proggram -> Accessories ->
Notepad) kemudian kopy/paste kode HTML tadi ke notepad. kemudian pada
notepad pilih Menu Edit -> Find. pada box find masukan kode ini <div class='post-header-line-1'/> kemudian
klik tombol Find next. (jika masih gak ketemu terpaksa kita melakukan
pencarian secara manual)

Jika sudah menemukan kode diatas, Copy-Paste kode dibawah ini kemudian
letakan kode tersebut dibawah kode diatas.

 

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

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>

Kemudian dibawah kode diatas kita akan menemukan
kode:

<p><data:post.body/></p>

Lakukan Copy-Paste kode dibawah ini dibawah code
diatas

<a expr:href='data:post.url'>Readmore

»»</a>

</b:if>


 

Tips: Kode
Readmore diatas bisa ganti dengan kalimat sendiri (contoh "Baca
Selanjutnya", "Baca berikutnya", "Selengkapnya")

Kode selengkapnya jika dilihat akan tampak sebagai berikut:

<div class='post-header-line-1'/>

<div class='post-body'>

<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/></p>

<a expr:href='data:post.url'>Readmore

»»</a>

</b:if>

<div style='clear: both;'/>

Jika kita mengedit langsung pada halaman blogger Edit HTML dan semua kode diatas
sudah dilakukan perubahan, jangan lupa disimpan ya :)

Ini jika kita menggunakan Text Editor Notepad : Setelah melakukan pengeditan kode pada notepad, lalu hapus semua kode yang
ada pada halaman edit blogger, kemudian masukan seluruh kode pada notepad tadi
dengan cara copy/paste) Sampai disini pengeditan kode selesai, jangan lupa
disimpan.

Langkah Empat

Setelah kode diatas disimpan kita kembali dan masuk ke tab Pengaturan
-> Format -> cari "Post Template" Kemudian pada kotak masukan kode
dibawah ini

<div class="fullpost">

</div>

Jangan lupa disimpan :)

Langkah Kelima :

Disini saya akan menjelaskan cara penggunaan readmore pada halaman posting.
Ketika kita melakukan posting pertama kali kita akan melihat kode:

<div class="fullpost">

</div>

ingat jangan hapus kode diatas karena kode tersebut merupakan kode yang akan
kita gunakan dalam pemenggalan posting nantinya.

Sebagai contoh lihat cuplikan kalimat dibawah:

Tips of the day merupakan tips singkat yang akan disampaikan kepada pengunjung seriap hari, Tips ini bisa berisi apa saja, bisa berupa Tips Bisnis, Tips memasak, Tips merawat mobil, Tips money online, Tips bercinta atau apalah terserah :), Asal jangan tips blogging karena dah punya om hehehe (emang siapa om ya :). (Dini rencana text yang akan dipenggal) Sebenarnya Tips of the day disini cuma istilah saja...tips yang akan kita buat nanti bukan disampaikan setiap hari melainkan tips ini akan berganti ketika pengunjung melakukan refresh atau reload pada halaman blog.

Bagaimana cara pemenggalan kode diatas? caranya tinggal kamu
lihat 2 kode pemenggalan kalimat dibawah (ingat kode hanya bekerja pada
halaman editor posting)

Tips of the day merupakan tips singkat yang akan disampaikan kepada pengunjung seriap hari, Tips ini bisa berisi apa saja, bisa berupa Tips Bisnis, Tips memasak, Tips merawat mobil, Tips money online, Tips bercinta atau apalah terserah :), Asal jangan tips blogging karena dah punya om hehehe (emang siapa om ya :). <div class="fullpost"> Sebenarnya Tips of the day disini cuma istilah saja...tips yang akan kita buat nanti bukan disampaikan setiap hari melainkan tips ini akan berganti ketika pengunjung melakukan refresh atau reload pada halaman blog.</div>

Jadi hasil posting pada halaman browser akan tampai sebagai
berikut:

Tips of the day merupakan tips singkat yang akan disampaikan kepada pengunjung seriap hari, Tips ini bisa berisi apa saja, bisa berupa Tips Bisnis, Tips memasak, Tips merawat mobil, Tips money online, Tips bercinta atau apalah terserah :), Asal jangan tips blogging karena dah punya om hehehe (emang siapa om ya :). Readmore »»

Selamat mencoba :) happy blogging

Sebagai pelengkap Baca juga artikel dibawah ini :

Rahasia (read more) waktu yang tepat memenggal tulisan halaman posting

Cara buat "Random Image Header" pada Blogger

Random image header pada blogger sebenarnya bisa kita ganti secara
otomatis setiap kali halaman di Refresh atau di Reload.  Tujuan tutorial
kali ini tentu tetap membuat blog kita tampil lebih bergaya dan punya warna
warni tersendiri. Selain membuat blog terlihat lebih hidup juga berguna
menghilangkan rasa bosan pengunjung ketika mengunjungi blog kita, agar blog
tidak monoton kita perlu menambahkan Random image header ini. pengen tau
cara buatnya..

 

Cara pasang image pada blogger:

 

Buka  Template -> Edit HTML

 

Cari kode <b:skin><![CDATA[

 

Kemudian Copy kode dibawah ini, letakan (paste) kode tersebut dibawah kode
diatas, kemudian simpan dan lihat hasilnya.

 

</script>

<script type='text/javascript'>

var gambar= new Array()

gambar[0]="http://alamat_url_gambar1"

gambar[1]="http://alamat_url_gambar2"

var acak=Math.floor(
2
*Math.acak());

document.write("<style>");

document.write("#header {");

document.write(' background:url("' + gambar[acak] + '") no-repeat top left ;');

document.write(" }");

document.write("</style>");

</script>

 

Gimana seandainya ada 5 atau lebih image?

 

</script>

<script type='text/javascript'>

var gambar= new Array()

gambar[0]="http://alamat_url_gambar1"

gambar[1]="http://alamat_url_gambar2"

gambar[2]="http://alamat_url_gambar3"

gambar[3]="http://alamat_url_gambar4"

gambar[4]="http://alamat_url_gambar5"

var acak=Math.floor(
5 *Math.acak());

document.write("<style>");

document.write("#header {");

document.write(' background:url("' + gambar[acak] + '") no-repeat top left ;');

document.write(" }");

document.write("</style>");

</script>

 

Info: http://alamat_url_gambar =>
ini merupakan alamat gambar, caranya
arahkan alamat URL dimana tempat gambar kamu disimpan

 

Selamat mencoba :)