Created (c) by Princexells Seyka (Princelling Saki)

Top Komentator Widget

Top Komentator widget ini sebenarnya udah banyak dibahas oleh blog-blog lain yang membahas seputar tutorial blog.



Tapi dikarenakan saya lihat pada blog ini belum ada panduannya jadi tidak ada salahnya juga membuat tutorial Top Komentator di blog ini juga.



Seperti biasa, caranya :



Login dulu ke account blogger kamu.

  • Pilih tab Tata Letak --> Elemen Halaman.

  • Tambah Gadget dalam elemen blog kamu (rekomendasi : Di bawah atau di samping gadget Posting Terbaru)

  • Dalam "Tambahkan Gadget", pilih HTML/JavaScript

  • Copy dan pastekan kode di bawah ini dan jangan lupa diberi judul (ex : Top Komentator)



<script type="text/javascript">

function pipeCallback(obj) {

document.write('<ol>');

var i;

for (i = 0; i < obj.count ; i++)

{

var href = "'" + obj.value.items[i].link + "'";

if(obj.value.items[i].link == "")

var item ="<li>" + obj.value.items[i].title + "</li>";

else

var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";

document.write(item);

}

document.write('</ol>');

}

</script>

<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=a55cb97ebb368bb1b89b7f6bdeb35336&url=http%3A%2F%2Frudyazhar.blogspot.com&num=15&filter=rudy" type="text/javascript"></script>




Note :



  • Ganti kode yang berwarna biru dengan alamat blog kamu.

  • Ganti kode yang berwarna merah dengan jumlah komentar yang ingin ditampilkan.

  • Kode yang berwarna orange adalah untuk tidak menampilkan nama dari pemilik blog tersebut.



Contoh pemakaian Top Komentator ini bisa anda lihat pada blog rudyazhar disini.



Selamat mencoba...

Description: Top Komentator Widget Rating: 5.0 Reviewer: Unknown ItemReviewed: Top Komentator Widget

Blogger Terintegrasi Dengan Amazon Associates


Dalam usaha me-monetize blog sebagai layanan penghasil dollar, Blogger
semakin memanjakan penggunanya saja. Jika sebelumnya Blogger sudah memberikan
cara termudah untuk melakukan integrasi antara Blogger dengan Adsense,
sekarang Blogger menambah lagi fitur baru dimana kita juga dapat melakukan
integrasi antara Blogger dengan Amazon Associates. Amazon Associates
adalah program yang diberikan pada siapa saja yang mau membangun toko online
dengan mencantumkan link (tautan) ke produk-produk Amazon. Saat seorang
pengunjung toko online membeli sesuatu dari amazon, kita akan mendapat
persentase antara 4 sampai 10% dari harga barang.


 


 


Dengan fitur terbaru Blogger ini, Anda dapat mencari Amazon langsung dari
Blogger editor dan menambahkan gambar dan link ke produk-produk Amazon tepat ke
posting Anda. Pembaca Anda akan mendapatkan komisi Anda setiap kali mereka
membeli produk yang Anda rekomendasikan, dan jika Anda belum memiliki Amazon
Associates account, Anda dapat sign up untuk mendapatkannya secara gratis tanpa
meninggalkan Blogger.


 



 


Silahkan baca informasi lebih lanjut mengenai fitur terbaru ini di

Blogger buzz
dan mengenai integrasi ini di

Amazon.com
dan

Amazon Associates blog
. Yang jelas Integrasi ini merupakan hasil dari
kolaborasi antara para insinyur di kedua perusahaan, dan mereka tentu sangat
bersemangat untuk membagikan hasil kerjasama ini dengan Anda. Happy blogging!

Description: Blogger Terintegrasi Dengan Amazon Associates Rating: 5.0 Reviewer: Unknown ItemReviewed: Blogger Terintegrasi Dengan Amazon Associates

Recent Comments ala Wordpress versi II

Gimana khabar anda semua, Semangat Luar Biasa untuk mempercantik blog Anda?

Kali ini saya ingin sharing ilmu untuk mempercantik blog di blogspot dengan recent comments ala wordpress Versi II, karena versi pertama udah di bahas OB pada postingan Trik Blogger | Memasang Komentar Terbaru (Recent Comments).



Beda dengan yang terdahulu apa? kalau yang dulu link antara nama komentar saya postingan menuju ke alamat yang sama, yaitu kehalaman postingan yang dikomentari.

Nah versi yang sekarang kalau link yang berkomentar langsung menuju ke-alamat si komentar itu sendiri mirip seperti yang ada di wordpress.



ini contohnya :



recent comments



Widget ini hasil kreasi dari www.corpseofattic.com, disitu ada berbagai versi yang sudah dibuatnya.

Anda juga bisa intip langsung source code dari wordpress recent comments disini, bisa kamu modifikasi jika tidak membuat kepala kamu pusing.

Tapi kalau kamu tidak mau pusing-pusing ini saya jelaskan triknya :



Login dulu ke account blogger kamu.

  • Pilih tab Tata Letak --> Elemen Halaman.

  • Tambah Gadget dalam elemen blog kamu (rekomendasi : Di bawah atau di samping gadget Posting Terbaru)

  • Dalam "Tambahkan Gadget", pilih HTML/JavaScript

  • Copy dan pastekan kode di bawah ini dan jangan lupa diberi judul (ex : Komentar terbaru)



<div style="overflow: auto; width: 180px;

height: 330px; background-attachment: scroll;

background-color:#dde5d1; line-height:1.5em;padding: 5px; border: 4px dotted #FFF; -moz-border-radius:10px;-webkit-border-radius:10px;">

<script style="text/javascript" src="http://corpseofattic.com/scripts/recentcommentsv2.js"></script><script style="text/javascript">var numposts = 7;var showposttitle = true;var standardstyling = true;</script><script src="http://rudyazhar.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script></div>




Note :

  • kode yang berwarna biru untuk mengaktifkan fungsi scroll, jika tidak menggunakannya kamu bisa hapus aja kode tersebut.

  • Ganti kode yang berwarna merah dengan alamat penyimpanan file "recentcommentsv2.js" kamu sendiri. Kalau tidak biarkan apa adanya.

  • Kode yang berwarna orange adalah jumlah recent comments yang ingin kamu tampilkan, contoh diatas 7 komentar yang tertampil kamu bisa rubah angka 7 ke angka 5 misalnya.

  • Ganti kode yang berwarna hijau dengan alamat blog kamu.



Contoh pemakaian recent comments ini bisa anda lihat pada blog rudyazhar disini.



Selamat mencoba...

Description: Recent Comments ala Wordpress versi II Rating: 5.0 Reviewer: Unknown ItemReviewed: Recent Comments ala Wordpress versi II

Launching O-OM.NET: Indonesian Online Media Aggregator

Akhirnya kelar juga setelah hampir 6 jam melototin laptop kesayangan, mulai
dari ngedit Script PHP, Template, Rss Feed dan fungsi Key API yang bikin mata
mau copot aja rasanya hehehe. Sebenarnya layanan situs aggregator ini pengen
saya lounching beberapa hari yang lalu, berhubung koneksi internet dirumah tidak
bersahabat dan saya harus rela bolak-balik kewarnet, maka baru sekarang baru
bisa saya publikasikan.


 


OK, agak serius dikit ya :)


 


Alasan kenapa saya meluncurkan situs Aggregator O-OM.NET?



Bisa saya katakan O-OM.NET merupakan sindikasi pertama dari berbagai
media-media online populer yang ada di indonesia. Kita tau sendiri khan Situs
Media Online di Indonesia saat ini sangat banyak. Hampir semua media offline
yang kita kenal dulu kini sudah merambah ke dunia online. Saking banyaknya,
sampai2 kita sendiri bingung memilih situs mana yang ingin kita kunjungi setiap
harinya. Untuk mengunjungi satu situs saja biasanya kita harus membuang waktu
beberapa menit, itupun bila koneksi internet lancar, padahal, kita sendiri belum
tentu tertarik dengan isi beritanya. Nah, untuk itulah saya meluncurkan O-OM.NET
sebagai cara mudah untuk kita mengetahui berbagai macam media berita hanya dari
satu sumber saja.


 


Gak sampai disitu aja, O-OM.NET  juga menampilkan sindikasi
menarik lainnya melalui Twitter, Video YouTube, del.icio.us, Readernaut Books,
Album terbaru via Last.fm  dan photo melalui Flickr. Sebenarnya masih
banyak lagi sindikasi lainnya seperti Facebook, Google Picasa dan Video via
Vimeo. Yang lainnya tar menyusul aja ya :)


 



 


Yah..sepertinya itu aja dulu, saya juga sadar situs ini sepenuhnya belum 100%
sempurna. Oleh itu saya sangat mengharapkan kritik membangun dan saran2 dari
rekan semua. Oh iya, ada satu lagi, saya kesulitan mencari informasi situs media
online lainnya. saya harap rekan bisa membantu saya dengan menuliskan alamat
situs media cetak online, majalah/ tabloid online atau apa saja di kolom
komentar ya. lebih baik lagi kalau ada info situs media cetak online, sekalian
lokasi daerah penerbitnya. thanks


 


Jangan lupa join di

Group O-OM.NET di Facebook

Description: Launching O-OM.NET: Indonesian Online Media Aggregator Rating: 5.0 Reviewer: Unknown ItemReviewed: Launching O-OM.NET: Indonesian Online Media Aggregator

Menampilkan Next Comments Blogger untuk komentar diatas 200



Kita yang menggunakan Blogger Custom Template biasanya tidak terlalu
memperhatikan masalah Next Comment ini, masalah ini biasanya baru
ketahuan setelah jumlah komentar diblog kita sudah melebihi angka 200. Saya dulu
sempat kaget juga melihat jumlah komentar blog saya yang seharusnya menampilkan
lebih dari 500 komentar dan ternyata dari blogger sendiri hanya membatasi pada
200 komentar saja per artikel, selebihnya blogger meminta pengguna untuk melihat
halaman lanjutan yang ditampilkan bedasarkan jumlah komentar dan link ke halaman 
komentar yang lebih baru. Anda bisa melihat contohnya pada gambar dibawah ini.


 



 


Tidak adanya fasilitas Next Comment ini pada Custom Template
lama juga bukan kesalahan dari pembuat template terdahulu, saya bisa mengatakan
ini karena blogger sendiri yang beberapa waktu lalu baru memperbaharui fasilitas
ini, akibatnya tempate-template yang lama malah tidak support untuk menampilkan fasilitas ini. Tapi jangan kawatir, untuk menambah fasilitas Next Comment ini gak begitu sulit
kok, ikutin saja tutorialnya di bawah ini:


 


Pertama cari kode dibawah ini, oh iya jangan lupa memberi centang pada Expand
Template Widget.


 


<dl expr:class='data:post.avatarIndentClass'
id='comments-block'>


 


Kalau sudah ketemu Copas aja semua kode dibawah ini, lalu letakan tepat
dibawah kode diatas.


 


<b:if cond='data:post.commentPagingRequired'>

<span class='paging-control-container'>

<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>

&#160;

<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>

&#160;

<data:post.commentRangeText/>

&#160;

<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>

&#160;

<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>

</span>

</b:if>



 


Dengan cara yang sama, Copas kembali semua kode diatas, kemudian cari kembali
kode dibawah ini dan letakan kode yang baru saja kita copas tadi tepat diatas
kode dibawah ini.


 


<p class='comment-footer'>


 


Silahkan disimpan, oh iya sayangnya kita tidak bisa melihat hasilnya kecuali
komentar di blog kita ada yang sudah mencapai angka lebih dari 200 :(


 


Yups! Tutorial diatas sebenarnya sudah Finish, tapi bila ingin menampilkan
tampilan yang berbeda menggunakan Custom CSS pada Blogger Next Comment,
kita bisa menggunakan coding CSS dibawah ini:


 


.paging-control-container

{

float: right;

margin-top: 0pt;

margin-right: 6px;

margin-bottom: 0pt;

margin-left: 0pt;

font-size: 11px;

font-weight:bold;

}
 


 


Seperti biasa, untuk memasang Code CSS diatas tinggal masukannya saja pada
deretan Code CSS yang ada pada halaman Edit HTML, lalu simpan dan lihat hasilnya.
Silahkan dicoba aja ya :)

Description: Menampilkan Next Comments Blogger untuk komentar diatas 200 Rating: 5.0 Reviewer: Unknown ItemReviewed: Menampilkan Next Comments Blogger untuk komentar diatas 200

Random Post Dinamis

random post dinamisDikatakan Random Post dinamis dikarenakan widget random post ini akan menampilkan seluruh postingan blog kita secara acak dengan trik slide show.

Ini akan lebih memaksimalkan semua isi postingan tertampil dengan jeda waktu yang dapat kita atur.



Dan satu lagi kelebihan random post ini tidak memakan space yang besar dan sangat simpel.



Jadi, tertarik untuk memasang? ini dia script code-nya:



*Silahkan sobat pasang di sidebar : Layout >> Add Page Element >> HTML/Javascript >>





<style type="text/css">

.gfg-root { width: auto; height: auto; position: relative; overflow: hidden; text-align: center; font-family: verdana, sans-serif;font-size: 12px;padding:2px; background:none;border: 0px solid #363636;}



.gfg-title {font-size: 16px;font-weight : bold;color : #fff;background-color: none;line-height : 1.4em;overflow: hidden;white-space : nowrap;}



.gfg-subtitle {font-size: 14px;font-weight: bold;color: #333;background-color: none;line-height : 1.4em; overflow : hidden;white-space : nowrap;margin-bottom : 0px;}



.gfg-subtitle a {color : #a43434;display:none !important;}



.gfg-entry {background-color: none;width : 100%;height : 9.9em;position : relative;overflow : hidden;text-align : left;margin-top : 0px;}



/* To allow correct behavior for overlay */

.gfg-root .gfg-entry .gf-result {position : relative;background-color:none;width : auto;height : 100%;padding-left : 5px;padding-right : 5px;}



.gfg-list {position : relative;overflow : hidden;text-align : left; margin-bottom : 15px;display:none !important;}



.gfg-root .gfg-entry .gf-result .gf-title {font-size: 13px;display:block;color:#a43434;font-weight:bold;line-height: 1.2em;overflow : hidden;white-space : nowrap;text-overflow : ellipsis;-o-text-overflow : ellipsis;margin-top : 4px;}



.gfg-root .gfg-entry .gf-result .gf-snippet {line-height : 1.3em;color: #333;margin-top : 3px;font-size: 12px;}



.clearFloat {clear : both;}



#feedGadget { margin-top: 3px;margin-left: auto;margin-right: auto;width: auto;font-family:verdana, arial;font-size: 10px;color: #333;}

</style>



<script src="http://www.google.com/jsapi/?key=ABQIAAAAcV2jSs52yGHKNXjYTcwvNBQjGizh_00DUHOFTBoYdXcXzGgaZxRGIm148GyVsULR8I1--uCF7hoW2w" type="text/javascript"></script>



<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script>



<script type="text/javascript">

function showGadget() {

var feeds = [

{title:'title',

url:'http://NAMABLOGKAMU.blogspot.com/feeds/posts/default?redirect=false&start-index=1&max-results=999'},

];

new GFdynamicFeedControl(feeds, 'feedGadget',

{numResults : 1000, stacked : true,

title: " "});

}

google.load("feeds", "1");

google.setOnLoadCallback(showGadget);

</script>



<div id="feedGadget"><center><img src="http://img80.imageshack.us/img80/1577/loadingtrans.gif" /></center></div>






Kemudian Save.



*Silahkan ganti alamat yang berwarna MERAH dengan alamat blog sobat.



Untuk contoh hasilnya dapat sobat lihat disini.

Description: Random Post Dinamis Rating: 5.0 Reviewer: Unknown ItemReviewed: Random Post Dinamis

nowGoogle.com: Multiple Search Engine


Mesin pencari adalah program komputer yang dirancang untuk membantu seseorang menemukan file-file yang disimpan dalam komputer, misalnya dalam sebuah server umum di web (WWW) atau dalam komputer sendiri. Mesin pencari memungkinkan kita untuk meminta content media dengan kriteria yang spesifik (biasanya yang berisi kata atau frasa yang kita tentukan) dan memperoleh daftar file yang memenuhi kriteria tersebut. Mesin pencari biasanya menggunakan indeks (yang sudah dibuat sebelumnya dan dimutakhirkan secara teratur) untuk mencari file setelah pengguna memasukkan kriteria pencarian.



Dalam konteks Internet, mesin pencari biasanya merujuk kepada WWW dan bukan protokol ataupun area lainnya. Selain itu, mesin pencari mengumpulkan data yang tersedia di newsgroup, database besar, atau direktori terbuka seperti DMOZ.org. Karena pengumpulan datanya dilakukan secara otomatis, mesin pencari berbeda dengan direktori Web yang dikerjakan manusia.







Sebagian besar mesin pencari dijalankan oleh perusahaan swasta yang menggunakan algoritma kepemilikan dan database tertutup – yang paling populer adalah Google (MSN Search dan Yahoo! tertinggal sedikit di belakang). Telah ada beberapa upaya menciptakan mesin pencari dengan sumber-terbuka (open-source), contohnya adalah Htdig, Nutch, Egothor dan OpenFTS. (wikipedia)



Multiple search engine yang merupakan gabungan beberapa Search Engine dalam satu halaman web site. Jadi Anda tidak perlu membuka window baru untuk melakukan pencarian dengan Search Engine yang lain. Multiple Search Engine. Dengan menggunakan satu search engine anda bisa mencari di beberapa Search Engine dalam waktu bersamaan. Bukan itu saja, anda juga bisa memilih hasil pencarian misalnya tentang : download, musik, lowongan saja. Nah! ini dia Multiple Search Engine
Description: nowGoogle.com: Multiple Search Engine Rating: 5.0 Reviewer: Unknown ItemReviewed: nowGoogle.com: Multiple Search Engine

Variasi Font untuk blogger template

variasi font untuk bloggerBagi pengguna blogger.com sekarang ada layanan untuk mengganti font pada blog kita biar terkesan lebih unik dan elegan lagi dengan menggunakan @font-face CSS.



Kita tidak perlu pusing-pusing menyimpan font yang akan kita gunakan, cukup menggunakan '@font-face CSS' ('Font Embedding') di 'blogger template' melalui jasa gratis yang disediakan oleh kernest.com.



Contoh blog yang sudah menggunakan @font-face dapat anda lihat pada Blogger Display dan blog Rudy Azhar yang digunakan pada judul blog (h1) dan judul posting (h2).



Penerapannya sangat simple tinggal copy paste aja ke blog kita, Jika kamu berminat langsung aja menuju ke blog code-code-an untuk tutorial yang lebih lengkap.



Sebelumnya saya minta dukungan kalian semua dalam kontes Ngobrol Seputar Bisnis Online. Terima kasih....

Description: Variasi Font untuk blogger template Rating: 5.0 Reviewer: Unknown ItemReviewed: Variasi Font untuk blogger template