Mereund Blog

Home » All posts

Membuka Link Feed pada halaman baru

Anda pasti pernah menggunakan Feed Widget yang sudah
disediakan dalam fasilitas Blogger,
biasanya feed ini banyak juga dimanfaatkan untuk menampilkan
Recent
Comment dan
Recent Post via feed,
contohnya bisa anda lihat pada blog saya ini.

Selain fungsi diatas, biasanya beberapa program
advertising seperti
Ask2link dan
Teks Link Ads juga
memanfaatkan feed ini untuk menampilkan link mereka. Nah, sekarang yang jadi
masalah, coba saja anda perhatikan ketika link feed ini
diklik, maka halaman yang terbuka akan tetap pada halaman yang sama, tidak
masalah bila halaman tujuan merupakan halaman kita sendiri, tapi akan jadi
masalah bila halaman yang dibuka menuju kealamat lain, iya khan?

Tutorial kali ini kita akan mencoba menambahkan sedikit baris
kode agar link feed ini bila diklik terbuka pada halaman yang baru (new window).
Langsung aja ya, pertama anda masuk ke halaman Edit HTML dulu, kemudia
beri tanda centang pada Expand Widget Template, silahkan anda cari
seperti penggalan script dibawah.

Untuk mempermudah anda mencari Feed ID, blogger sebenarnya
sudah memberikan nama default untuk feed ini yaitu
Feed[nomor urut Feed], (Penting:
bila feed anda hanya satu berarti anda hanya cukup mencari Feed1)

Lihat warna merah dibawah
merupakan contoh Feed3 yang berarti Feed ID
ke-3 yang akan dicari.

<b:widget id='Feed3'
locked='false' title='Friends Blog' type='Feed'>

<b:includable id='main'>

<h2><data:title/></h2>

<div class='widget-content'>

<ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>

<b:loop values='data:feedData.items' var='i'>

<li>

<span class='item-title'>

<a expr:href='data:i.alternate.href'>

<data:i.title/>

</a>

Bila anda sudah menemukan ID Feed, sekarang tambahkan kode
target='_blank' lihat contoh penambahan kode
warna merah dibawah.

<b:widget id='Feed3' locked='false' title='Friends Blog'
type='Feed'>

<b:includable id='main'>

<h2><data:title/></h2>

<div class='widget-content'>

<ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>

<b:loop values='data:feedData.items' var='i'>

<li>

<span class='item-title'>

<a expr:href='data:i.alternate.href'
target='_blank'>

<data:i.title/>

</a>

Selamat mencoba, (i'm oom, i blogg stuff)

FutureTweets: Atur Sendiri Schedule Tweets Anda

"What are you doing?". Cuplikan kalimat ini tentunya sudah begitu
kental bagi pengguna
Twitter. Satu baris kalimat singkat yang menanyakan "apa yang sedang anda lakukan?",
mungkin kalimat ini lebih tepatnya ditujukan untuk waktu saat ini ya. Lalu
bagaimana jika anda sibuk dan tidak sempat menyampaikan pesan untuk waktu yang
akan datang? yups, untuk solusinya gunakan saja
FutureTweets

FutureTweets merupakan layanan gratis yang memungkinkan kita mengatur
sendiri jadwal (schedule) pesan langsung ke inbox Twitter. Layanan ini
sangat berguna untuk mengirim pesan ketika kita tidak sedang berhadapan dengan
komputer atau perangkat mobile lainnya, hebatnya lagi FutureTweets mampu
menjadwalkan sebuah pesan untuk waktu yang akan datang, bisa untuk pesan
harian, mingguan, bulanan bahkan tahunan!. Yang jelas berguna juga ya digunakan sebagai alarm pengingat, atau bisa juga dimanfaatkan untuk mengirim pesan ucapan selamat ulang tahun dan hari penting lainnya.

Ya sudah silahkan dicoba aja ya, jangan lupa buat schedule dan kirim pesan ke o-om.com via
Twitter :)

Freshgenerator: Kreasi sendiri komponen grafik Web2.0

Jujur saja, saya sangat senang ketika pertama kali mencoba layanan
Freshgenerator.
Ternyata begitu mudahnya layanan ini membantu saya mendesain hal-hal yang kecil,
terutama membuat background untuk menu navigasi, desain tab menu dan
membuat button cantik bergaya web2.0. Seperti biasa, kompenen grafik dari
web2.0 kebanyakan menggunakan kolaborasi warna antara Gradient dan 3D trim.

Dibawah ini contoh menu navigasi dan button yang dibuat semirip mungkin dari beberapa layanan web populer seperti ebay, Firefox dan Youtube.
Lihat
disini sampelnya

Melalui layanan online FreshGenerator ini, kita tidak perlu lagi direpotkan harus menggunakan software desktop canggih seperti Adobe Photoshop, Corel
Draw dan Ulead Photoimpact yang sudah sering saya gunakan. Untuk
menjalankan aplikasi ini menurut saya tidak begitu rumit, kita tinggal mengatur
sendiri beberapa elemen pada tab meliputi Box, Corner, Border dan Text.

Untuk membuat perubahan pada gambar sewaktu-waktu nantinya, kita dapat
menyimpan link yang tercantum di bawah gambar. Untuk menyimpan file gambar yang
baru saja dibuat, silahkan klik kanan pada gambar dan pilih "Save image as".
Selamat mencoba :)

WidgetEasy: Pasang Widget Rss Feed Tanpa Registrasi

Sebenarnya ada cara yang lebih instan bila anda hanya
berencana untuk memasang Widget RSS Feed tanpa harus melakukan registrasi
sama sekali. Hanya dengan mengunjungi layanan
WidgetEasy kemudian menyisipkan
alamat feed anda, maka dalam waktu kurang dari satu menit Widget Rss feed
ini siap untuk diaplikasikan ke flatform manapun termasuk Blogger dan Wordpress
tentunya.

Selain mendapatkan code dari WidgetEasy script, keuntungan lainnya, widget feed anda akan tetap ditampilkan dalam urutan daftar, sehingga
pengguna lain dapat juga menggunakannya.

Contoh widgetEasy milik o-om.com:

Bila berkenan, anda dapat
juga memasang Widget Code milik o-om.com
disini

URLmetrix: Cek Popularitas URL Blog Anda

URLMetrix (beta) merupakan aplikasi yang memungkinkan
kita untuk memeriksa popularitas URL (link popularity) suatu Blog atau WebSite. Hanya dengan
memasukan alamat URL, kita langsung disuguhkan beberapa informasi penting
tentang keberadaan, posisi dan ranking serta jumlah backlink dari beberapa
layanan populer seperti Google PageRank, Alexa Rank, Compete Rank, Quantcast
rank, Technorati Rank, Google Indexed, Yahoo Indexed, Google BackLinks, Yahoo
BackLinks, Delicious Bookmarks, DMOZ Links dan beberapa layanan popular lainnya.

Bila dicermati, layanan URLMetrix ini sangat berguna sebagai
media pembanding, dan apa saja yang perlu kita tingkatkan untuk bisa menyamai keberadaan seperti blog popular lainnya.

Silahkan kunjungi
http://www.urlmetrix.com/

AVA7 Patterns: Gratis Background Web Pola Batik

Desain template boleh saja sama persis, tapi ya paling tidak
background-nya khan yang harus berbeda. Nah, bila anda masih bingung memilih latar
belakang (background) untuk menghiasi halaman blog anda,
saya sarankan wajib mengunjungi
AVA7 Patterns.

Banyak sekali pilihan latar belakang (background) yang ditawarkan AVA7
Patterns, dimana sampai saat ini terdapat 158 halaman dengan 4 pola indah
pada setiap halamannya. Anda dapat mengatur sendiri pilihan latar belakang
dengan memilih pola yang lebih spesifik jika anda klik "Preview".
Sehingga anda dapat mencoba dan melihat sendiri seperti pada situs yang
sebenarnya. Jika pilihan anda sudah mantap, silahkan klik "Download"
untuk men-download pola pada komputer anda.

Ups hampir lupa, setelah anda menggunakan background dari
layanan ini pastikan anda memberi love link sebagai tanda terima kasih ke
http://patterns.ava7.com, tetap hargai
jerih payah pembuatnya ya :)

Selamat mencoba (i'm oom, i blogging stuff)

Memasang Icon Back to top / Iklan Float Image

Belum terhitung satu hari semenjak saya memasang icon Back
to top, ternyata sudah banyak juga rekan yang menanyakan bagaimana cara
memasangnya di blogger. Icon back to top ini sebenarnya berguna untuk melakukan
lompatan dari halaman paling bawah menuju halaman paling atas, jadi rekan tidak
perlu lagi melakukan scrollbar pada browser.

Caranya memasangnya pun sangan mudah, silahkan tuju pada
halaman HTML, kemudian letakan kode dibawah ini diatas tag </body>

Trus apa hubunganya dengan Iklan Float image?

Rekan tentu sudah pernah melihat gambar yang posisinya
mengambang/melayang pada halaman web, nah sebenarnya script diatas tidak hanya
untuk fungsi Back to top saja, jika kita jeli kita dapat juga memanfaatkanya
sebagai Float image..ups ribet benar ya kalimatnya..intinya untuk memasang space
iklan. Gitu aja kok repot hehehe

Posisi iklan Atas-Kiri

Posisi iklan Atas-Kanan

Posisi iklan Bawah-Kiri

Posisi iklan Bawah-Kanan

Eksperimen Lanjutan.

Jika ingin bermain-main dengan kode diatas, rekan bisa
mengatur sendiri jarak posisi gambar dengan mengatur kode
bottom:5px;right:5px; jika belum puas juga coba sedikit bermain dengan
menganti position: fixed; dengan
position: absolute; position: relative; dan
position: static;.

Selamat mencoba (i'm oom, i blogging stuff)

Pilihan Free Short URL Script mirip TinyURL

Siapa yang tidak kenal dengan
TinyURL sebagai penyedia
layanan Short URL dan Layanan Cloaking paling populer. Dengan
layanan TinyURL inilah yang memungkinkan kita menyingkat URL yang panjang menjadi lebih pendek. Dari sekian banyak kegunaan Short URL, selain fungsi redirect,
tentu saja yang paling utama memudahkan kita menyembunyikan link orisinil dari program Affiliate dan memungkinkan kita menyamarkan link orisinil yang akan dipromosikan.

Dari sini tentu kita sudah punya gambaran kegunaan layanan
Short URL, namun alangkah baiknya bila kita membuat sendiri layanan yang sama
dengan menggunakan Custom URL pada domain sendiri tentunya.

Sebenarnya banyak sekali penyedia layanan Script untuk Short
URL, tentu saja ada yang gratis dan ada yang berbayar, namun kali ini saya hanya
memberi rujukan yang gratis saja. Ada dua free script Short URL yang menurut
saya layak untuk dicoba yaitu dari layanan

Plusphp dan Shorty

Dari dua layanan diatas tentu masing-masing memiliki
kelebihan dan kekurangan, layanan Plusphp mungkin lebih mudah, sayangnya layanan
ini belum support menggunakan Custom Url, dan masih menggunakan karakter
secara acak. Salah satu contoh layanan Free Short Url milik saya
menggunakan Plusphp bisa dilihat di
http://url.o-om.com.

Jika dibandingkan dengan layanan plusphp tentu saja layanan
Shorty lebih bagus, kita lebih mudah menentukan sendiri karakter yang ingin
digunakan, bisa secara otomatis, berdasarkan keyword atau secara random. Untuk mencoba
demonya silahkan lihat
disini

Cara installasi Free Short URL Script diatas juga tidak
begitu sulit, kita tinggal Upload saja langsung file PHP script ke web hosting milik
sendiri tentunya. Silahkan baca panduan Help/Readme untuk keterangan setting dan
installasi selanjutnya.

Selamat mencoba, happy blogging with o-om.com

Membuka Link Feed pada halaman baru

FutureTweets: Atur Sendiri Schedule Tweets Anda

Freshgenerator: Kreasi sendiri komponen grafik Web2.0

WidgetEasy: Pasang Widget Rss Feed Tanpa Registrasi

URLmetrix: Cek Popularitas URL Blog Anda

AVA7 Patterns: Gratis Background Web Pola Batik

Memasang Icon Back to top / Iklan Float Image

Pilihan Free Short URL Script mirip TinyURL

Popular Posts

Arsip Blog

Label Blog

Total Pageviews

- Mereund Blog