aloha: Februari 2010

Minggu, 28 Februari 2010

Merancang RSS FEED Aggregator untuk versi Mobile Phone (bag 1)

oom is back! ya saya kembali untuk menulis lagi hehehe. Setelah sekian lama blog
ini tidak tersentuh tangan saya sendiri saya coba kembali hadir dengan
tulisan maupun tutorial terbaru yang lebih segar dan memang tutorial kali ini
rada lebih berat dari tutorial yang pernah saya publish terdahulu karena
berhubungan langsung dengan PHP murni. Tapi rekan jangan kawatir, tutorial ini cocok
sekali
untuk pengguna Wordpress dan tidak menutup kemungkinan saya juga akan berpikir
lebih keras agar juga bisa di kloning untuk flatform Blogspot, so..ditunggu aja untuk
edisi bloggernya :)

Versi mobile ini bisa saya katakan sebagai versi untuk pengguna HP, walaupun
rata2 browser yang tertanam pada HP modern saat ini sudah support untuk
menampilkan halaman dalam full browser tetap saja tidak senyaman dan seringkas
kita menampilkannya dalam format RSS FEED.

Seperti biasa, ciri khas tulisan saya singkat padat dan jelas. Namun sebelum
saya memulainya mungkin rekan sudah melihat multy RSS FEED edisi mobile yang
saya rancang sendiri untuk Wordpress dialamat ini
m.o-om.net (silahkan buka alamat ini
dengan HP kalian masing2). OK, saya harap rekan sudah mencoba dan melihat
sample display-nya, kalau gak punya HP ya tetap bisa kok buka dengan browser
biasa atau dengan simulator ini
testiphone.com , yang
jelas seperti itulah contoh rancangan yang akan kita buat nantinya. Langsung ke
tutorial aja ya :)

Perkakas penting yang dibutuhkan:

SimplePie: Simplepie ini bisa saya katakan sebagai PHP RSS FEED Parser
tercepat dan terbaik sampai saat ini, walaupun ada beberapa RSS parser yang
sering saya coba seperti
MagPieRSS tetap
saja tidak bisa mengubah kecintaan saya dengan Simplepie. Mungkin rekan masih
bingung fungsinya untuk apa, simplepie ini sebenarnya bahasa program PHP yang
berguna untuk Baca-Tulis format XML yang terdapat dalam batang tubuh RSS FEED.
Simplepie sendiri dari edisi lawas sampai yang versi terbaru saat ini telah
support untuk baca-tulis untuk format FEED, RSS sampai dengan ATOM. Rekan bisa
mendownload Simplepie secara gratis langsung di alamat ini
simplepie.org

Langkah-langkah:

1. Silahkan buat subdomain baru terserah rekan saja, agar terlihat
professional buat saja dengan huruf (m) contoh:
m.namadomainanda.com atau
mobile.namadomainanda.com atau kalau malas membuat domain baru buat
aja sub folder baru misalkan namadomainanda.com/mobile

2. Buat file baru dengan nama index.php kemudian masukan semua
script dibawah ini, lalu upload ke server domain yang baru rekan buat barusan.

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US"
lang="en-US">

<head>

<title>MY MOBILE</title>

<style type="text/css">

body {font-family: "Lucida Grande", "Liberation Sans", Tahoma, Verdana, Arial,
sans-serif; margin:0px; padding:0px;}

#header {background:#432E0D; color: #FFFFFF; margin: 0px 0px 5px 0px; padding:
2px; height: 38px; border-bottom:1px solid #000000}

h2 {font-size: 20px; font-weight: bold; margin: 0px; padding: 0px 0px 0px 0px;}

h2 a{color:#FFFFFF}

a {text-decoration: none; color:#453528;}

small {font-weight: bold; font-size:x-small; color:#EBEBE6}

#content { font-size: 11px; clear: both; }

#content ul{padding-left:15px; font-size:11px; }

#content li {list-style-type:square; padding:3px }

#footer { background:transparent none repeat scroll 0 0; border-top:1px solid
#000000; clear:left; font-size:x-small; margin:5px 0 2px; padding:2px; }

</style>

</head>

<body>

<div id="header">

<h2><a href="http://m.o-om.net">MY MOBILE</a></h2>

<small>ini adalah edisi mobile pertamaku</small>

</div>

<?php

$widget_string .='<div id="content">';

$widget_string .='<ul>';

$widget_string .='<li><a href="http://m.namadomainanda.com/m?s=okezone">OkeZone</a></li>';

$widget_string .='<li><a href="http://m.namadomainanda.com/m?s=liputan6">Liputan
6</a></li>';

$widget_string .='<li><a href="http://m.namadomainanda.com/m?s=rileks">Rileks</a></li>';

$widget_string .='<li><a href="http://m.namadomainanda.com/m?s=astaga">Astaga!</a></li>';

$widget_string .='<li><a href="http://m.namadomainanda.com/m?s=kapanlagi">Kapan
Lagi</a></li>';

$widget_string .='<li><a href="http://m.namadomainanda.com/m?s=lintasberita">Lintas
Berita</a></li>';

$widget_string .='<li><a href="http://m.namadomainanda.com/m?s=antara">Antara</a></li>';

$widget_string .='<li><a href="http://m.namadomainanda.com/m?s=inilah">Inilah</a></li>';

$widget_string .='<li><a href="http://m.namadomainanda.com/m?s=bbcindonesia">BBC
Indonesia</a></li>';

$widget_string .='<li><a href="http://m.namadomainanda.com/m?s=avivanews">VIVA
News</a></li>';

$widget_string .='<li><a href="http://m.namadomainanda.com/m?s=voanews">VOA
News</a></li>';

$widget_string .='<li><a href="http://m.namadomainanda.com/m?s=kompas">Kompas</a></li>';

$widget_string .='<li><a href="http://m.namadomainanda.com/m?s=tempo">Tempo
Interaktif</a></li>';

$widget_string .='<li><a href="http://m.namadomainanda.com/m?s=republika">Republika</a></li>';

$widget_string .='</ul>' . "\n";

$widget_string .='</div>' . "\n";

echo $widget_string

?>

<div id="footer">

mobile edition - get the full buzz at <a href="http://o-om.net">o-om.net</a>

</div>

</body>

</html>

3. Langkah selanjutnya, silahkan buat folder baru dengan nama folder m,
kemudian buat lagi folder baru dalam folder m dengan nama cache

ingat! folder cache merupakan lokasi
tempat menyimpan file cache RSS FEED sementara yang harus anda buat, hal ini
agar simplepie tidak memeriksa berulang-ulang alamat rss feed yang sudah
diperiksa sebelumnya dan juga untuk menghindari overload memory yang ada di
server.

Kemudian, jangan lupa set attribute folder cache ke 755 atau 777
(writable)

4. Buat file baru lagi dengan nama index.php kemudian masukan
semua script dibawah ini, lalu upload ke server domain dengan nama folder m
yang baru rekan buat barusan.

<?php

require 'simplepie.inc';

$detik = 'http://pipes.yahoo.com/pipes/pipe.run?_id=9c15722cfefcf81ee8f8dd4eb2e0985d&_render=rss';

$okezone = 'http://pipes.yahoo.com/pipes/pipe.run?_id=e0424bf5069943d85b5e4672491b2fd1&_render=rss';

$liputan6 = 'http://pipes.yahoo.com/pipes/pipe.run?_id=beda5b8cc1179ea96f3a958336f2cfb3&_render=rss';

$rileks = 'http://pipes.yahoo.com/pipes/pipe.run?_id=15f8964846497c7e1be77781e883cf0b&_render=rss';

$astaga = 'http://pipes.yahoo.com/pipes/pipe.run?_id=4745466594835975c8d0efdd47bf9901&_render=rss';

$kapanlagi = 'http://pipes.yahoo.com/pipes/pipe.run?_id=83460baf022261d35b33fff59c65aaa8&_render=rss';

$lintasberita = 'http://pipes.yahoo.com/pipes/pipe.run?_id=ee2ca19f30d6de4ca514b6bfb06c3a5c&_render=rss';

$antara= 'http://pipes.yahoo.com/pipes/pipe.run?_id=f4a4807f1b1a65031fa3a1a28a39a994&_render=rss';

$inilah = 'http://pipes.yahoo.com/pipes/pipe.run?_id=f4a4807f1b1a65031fa3a1a28a39a994&_render=rss';

$bbcindonesia = 'http://pipes.yahoo.com/pipes/pipe.run?_id=4a73a632159b8f664c61cc6284a80987&_render=rss';

$avivanews = 'http://pipes.yahoo.com/pipes/pipe.run?_id=e05d69d292ef09fbe2132e0620d86d2f&_render=rss';

$voanews = 'http://pipes.yahoo.com/pipes/pipe.run?_id=06502cae18b3175792c96582dd4004b8&_render=rss';

$kompas = 'http://pipes.yahoo.com/pipes/pipe.run?_id=fefd624f1e6bdb94fe8bb2638adb2ae3&_render=rss';

$tempo = 'http://pipes.yahoo.com/pipes/pipe.run?_id=8044ec72ac31ca481a629bdb38007b78&_render=rss';

$republika = 'http://pipes.yahoo.com/pipes/pipe.run?_id=bcd8fcb247f331b54231c0f0db087a39&_render=rss';

$getinput = $_GET['s'];

if ($getinput == 'okezone') { $getinput = $okezone;}

if ($getinput == 'detik') { $getinput = $detik; }

if ($getinput == 'liputan6') { $getinput = $liputan6; }

if ($getinput == 'rileks') { $getinput = $rileks; }

if ($getinput == 'astaga') { $getinput = $astaga; }

if ($getinput == 'kapanlagi') { $getinput = $kapanlagi; }

if ($getinput == 'lintasberita') { $getinput = $lintasberita; }

if ($getinput == 'antara') { $getinput = $antara; }

if ($getinput == 'inilah') { $getinput = $inilah;}

if ($getinput == 'bbcindonesia') { $getinput = $bbcindonesia; }

if ($getinput == 'avivanews') { $getinput = $avivanews; }

if ($getinput == 'voanews') { $getinput = $voanews; }

if ($getinput == 'kompas') { $getinput = $kompas; }

if ($getinput == 'tempo') { $getinput = $tempo; }

if ($getinput == 'republika') { $getinput = $republika; }

// Konfigurasi utama untuk pemanggilan simplepie

$feed = new SimplePie();

$feed->set_feed_url($getinput);

$feed->enable_cache(false);

$success = $feed->init();

$feed->handle_content_type();

?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">

<head>

<title>MY MOBILE</title>

<style type="text/css">

body {font-family: "Lucida Grande", "Liberation Sans", Tahoma, Verdana, Arial,
sans-serif; margin:0px; padding:0px;}

#header {background:#432E0D; color: #FFFFFF; margin: 0px 0px 5px 0px; padding:
2px; height: 38px; border-bottom:1px solid #000000}

h2 {font-size: 20px; font-weight: bold; margin: 0px; padding: 0px 0px 0px 0px;}

h2 a{color:#FFFFFF}

a {text-decoration: none; color:#453528;}

small {font-weight: bold; font-size:x-small; color:#EBEBE6}

#content { font-size: 11px; clear: both; }

#content ul{padding-left:15px; font-size:11px; }

#content li {list-style-type:square; padding:3px }

#footer { background:transparent none repeat scroll 0 0; border-top:1px solid
#000000; clear:left; color:#000000; font-size:x-small; margin:5px 0 2px;
padding:2px; }

</style>

</head>

<body>

<div id="header">

<h2><a href="http://m.o-om.net">MY MOBILE</h2>

<small>ini adalah edisi mobile pertamaku</a></small>

</div>

<?php

// jika error tampilkan pesan ini

if ($feed->error())

{

echo '<div class="sp_errors">' . "\r\n";

echo '<p>' . htmlspecialchars($feed->error()) . "</p>\r\n";

echo '</div>' . "\r\n";

echo '<p><a href="http://m.o-om.net"><b>« back</b></a></p></a>';

}

?>

<?php if ($success): ?>

<?php

$widget_string .='<div id="content">';

$widget_string .='<p><a href="http://m.o-om.net"><b>«
back</b></a></p></a>';

$widget_string .='<ul>';

foreach($feed->get_items(0, 10) as $item)

{

$widget_string .='<li>';

$widget_string .='<a href="' . $item->get_permalink() . '">' . $item->get_title()
.'</a>';

$widget_string .='</li>' . "\n";

}

$widget_string .='</ul>' . "\n";

$widget_string .='<p><a href="http://m.o-om.net"><b>«
back</b></a></p></a>';

$widget_string .='</div>' . "\n";

echo $widget_string

?>

<?php endif; ?>

<div id="footer">

mobile edition - get the full buzz at <a href="http://o-om.net">o-om.net</a>

</div>

</body>

</html>

Contoh diatas, saya menggunakan Yahoo Pipes, kalian bisa mengubah perantara
lainnya dengan menggunakan Feed Burner atau menggunakan Rss Feed versi sendiri.

5. Langkah akhir jangan lupa upload juga file
simplepie.inc yang sudah rekan download sebelumnya ke dalam folder m
yang ada dalam server.

6. Silahkan dicoba, dan sekarang kalian sudah mempunyai versi mobile sendiri
untuk pembaca web atau blog kalian via rss feed. Kren khan hehehehe

Ini hanya contoh sederhana untuk membuat versi mobile untuk Aggregator Rss
Feed, rekan tentu bisa mengembangkan sendiri untuk versi mobile yang lebih
canggih.

Lihat Demo |
Download Versi
full

Artikel berikutnya saya akan membahas bagaimana cara mendeteksi program
yang kita buat apakah hanya dapat ditampilkan khusus untuk versi mobile phone atau dapat juga dilihat pada standar dibrowser. Ditunggu ya...

Kamis, 25 Februari 2010

Thumbnail Related Posts with Marquee (Berjalan)

Penulis: G E O R G E O U Z | serba-seru.blogspot.com

Bagi anda yang sudah menggunakan atau ingin menggunakan Thumbnail Related
Posts (artikel terkait bergambar), tentu akan lebih tertarik menggunakannya,
karen tampilannya cukup menarik dengan adanya gambar, namun ada sedikit
kekurangan dari tool yang satu ini, yaitu memakan banyak tempat di halaman blog.
Maka dari itu, kebanyakan blog yang saya kunjungi meminimalkan jumlah related
post tersebut, apalagi dengan ukuran halaman posting yang sempit. Maka dari itu
untuk memaksimalkannya yaitu dengan alternatif marquee(berjalan).

Nah, untuk contoh Thumbnail Related Posting menggunakan metode Marquee ini bisa
sobat lihat

disini.

Pada postingan sebelumnya sudah dipaparkan cara membuat Related Posts +
Thumbnail, sobat bisa menerapkan terlebih dahulu tutorial Thumbnail Related
Postsnya

disini, namun cukup terapkan Code CSSnya saja (Script code yg pertama)

Untuk membuat Thumbnail Related Posts ini agar bisa ditampilkan dengan jumlah
yang banyak yaitu dengan metode Marquee, ada sedikit perubahan yang akan
dilakukan pada script code yang kedua.

Nah, untuk memulainya :

1. Silakan lihat cara membuat Thumbnail related posts

disini (Cukup terapkan code CSSnya saja/ code yang pertama)

2. Setelah sobat terapkan poin pertama diatas, sekarang silakan cari code ini :

atau

<p class='post-footer-line post-footer-line-1'>

3. Jika sudah ketemu salah satu code diatas, letakkan code dibawah ini setelah
salah satu code diatas :

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

<div id='related-posts'>

<b:loop values='data:post.labels' var='label'>

<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_thumbs&max-results=12"'
type='text/javascript'/></b:if></b:loop>

<h3><b>Related Posts</b></h3>

<marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()'
onmouseover='this.stop()' scrollamount='2' width='100%'>

<script type='text/javascript'>

var currentposturl="<data:post.url/>";

var maxresults=10;

var relatedpoststitle="";

removeRelatedDuplicates_thumbs();

printRelatedLabels_thumbs();

</script></marquee>

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

</b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>

<a href='http://serba-seru.blogspot.com/2010/02/thumbnail-related-posting-with-marquee.html'
style='display:none;'>Thumbnail Related Post</a>

<a href='http://www.bloggerplugins.org/' style='display:none;'>blogger
tutorials</a>

</b:if>

</b:if>



- Untuk menampilkan jumlah postingan, sobat bisa merubah code yang berwarna
merah

- Untuk mengganti title, sobat bisa merubah code yang berwarna biru

4. Simpan dan lihat hasilnya

Selamat berkreasi, Semoga bermanfaat

Thanx buat O-Om yang sudah menampilkan artikel ini, sukses buat semuanya

Penasaran siapa dibalik penulis artikel ini? G E O R G E O U Z

Kamis, 18 Februari 2010

5 Keuntungan Menjadi Guest Blogger di Blog Master

Maaf Artikel Guest Blog ini telah dihapus oleh Admin o-om.com, Blog Guest dari Artikel ini telah di Compline oleh penulis/pemilik sebenarnya. Thanks

Rabu, 17 Februari 2010

Tips Meningkatkan Pagerank Pada Website Full Flash

Penulis: Rizky2009 | rizky2009.blogspot.com

Website dengan full Flash memang sulit untuk mendapatkan pagerank di google,
dan tanggal 30 Juni 2008 Google telah berupaya dalam memaksimalkan "pembacaan"
website Flash. Google kesulitan dalam "membaca" flash karena :

1. Ada beberapa "javascript" yang tidak dibaca oleh googleboots, jadi jika ada
file flash yang dipanggil menggunakan javascript, maka google tidak akan
merespon.

2. Google tidak membaca file yang secara eksternal disambungkan pada file flash,
seperti misalnya xml, html, dan PDF yang dipanggil dalam file Flash. File-file
tersebut memang terbaca tetapi tidak akan menjadi satu kesatuan dengan web flash
tersebut.

3. Google kesulitan membaca bahasa yang terdapat dalam file Flash yaitu bahasa
actionscript.

Hal ini tentu menjadi masalah karena, banyak website yang menggunakan file
Flash karena lebih animatif, more exploration design dibanding html. Berbeda
dengan website html yang bisa "dibaca" oleh search engine, aksesnya lebih cepat,
tapi tidak animatif dan simple.

Namun ada strategi untuk meningkatkan pagerank pada website yang full Flash
ialah :

1. Dengan menggunakan halaman html yang "memanggil" file flash ditengah-tengah,
dan dalam file html tersebut (yang berfungsi sebagai background) diinput keyword
dengan text yang diberi warna sama dengan backgroundnya supaya tersamarkan dan
tidak merusak keindahan desain.

2. Cara lain adalah dengan membuat blog sebagai penunjang dari website Flash
tersebut. Blog hanya digunakan sebagai link yang mengarah pada website Flash.

3. SEO juga hal yang penting dalam meningkatkan pagerank. SEO untuk website
flash adalah dengan menciptakan link yang mengarah ke website.

Contoh web site full flash bisa rekan sambangi disini

*** Adobe Flash adalah suatu program aplikasi untuk membuat animasi yang sangat handal. Kelengkapan feature dan tools yang dimiliki, menjadikan program pengolah animasi ini pilihan wajib para Animator dan para professional lainnya. Banyak hal yang dapat dilakuan dengan aplikasi pembuat animasi ini, diantaranya adalah: mendesain interface suatu halaman web, membuat presentasi, membuat game, membuat multimedia interaktif dan masih banyak lagi yang dapat dilakukan dengan program aplikasi ini. ***

Penasaran siapa dibalik penulis artikel ini? Rizky2009 | rizky2009.blogspot.com

Senin, 15 Februari 2010

Cara Simple Membuat Iklan Melayang dengan Tombol Close

Penulis: Kang Yasin | trik-tipsblog.blogspot.com

Mungkin rekan blogger pernah melihat tutorial ini, memang setau saya ada yang
lebih rumit
menggunakan banyak kode, tapi disini saya coba memberikan tips
yang lebih mudah dan sangat simple bahkan bagi anda blogger yang baru mengenal
pengkodean pasti bisa
melakukannya, ok saya "Kang Yasin" akan segera memberikan tutornya, nih ikutin saja
langkahnya :

Login Ke Blogger.com dengan Akun anda masing-masing Pastinya
Masuk ke Tab Tata Letak
Pilih Elemen Halaman
Tambah Gadget Pilih HTML / JAVASCRIPT
Dan Copy kode di bawah ini kedalamnya yah

<a onblur="try {parent.

deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGoPQr_s_Y5MCd8MoO7dCDNR214flNAaknhfNDa0Z9B4n9mlytoMf_gLmpMNC-90lbotts22e5bTAB0B1bPt20CBR7PA7GeIUldN8N3NdKQkdv3UYNDyk7mSpyZubliuq0nRxdeGk2Ry8/s1600-h/Widget.JPG"><img
style="margin: 0px auto 10px; display: block; text-align: center; cursor:
pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGoPQr_s_Y5MCd8MoO7dCDNR214flNAaknhfNDa0Z9B4n9mlytoMf_gLmpMNC-90lbotts22e5bTAB0B1bPt20CBR7PA7GeIUldN8N3NdKQkdv3UYNDyk7mSpyZubliuq0nRxdeGk2Ry8/s400/Widget.JPG"
alt="" id="BLOGGER_PHOTO_ID_5433478876639914642" border="0" /></a>

<style type="text/css">

#gb{

position:fixed;

top:10px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbcontent{

float:right;

border:2px solid #A5BD51;

background:#ffffff;

padding:10px;

}

</style>

<script type="text/javascript">

function showHideGB(){

var gb = document.getElementById("gb");

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);

gb.opened = !gb.opened;

}

function moveGB(x0, xf){

var gb = document.getElementById("gb");

var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

gb.style.top = x.toString() + "px";

if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}

}

</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">

<a href="javascript:showHideGB()">

.:[Close][Klik 2x]:.

</a>

</div>

<center>

Masukan Kode iklan atau Gambar yang anda
inginkan di sini

</center>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.center = (30-gb.offsetWidth).toString() + "px";

</script></center></div></div>

6. Simpan

Semoga BERHASIL :)

Penasaran siapa dibalik penulis artikel ini? Kang Yasin | trik-tipsblog.blogspot.com

Minggu, 14 Februari 2010

Point Penting Dari Sebuah Blog

Penulis: Aglolink | Aglolink.org

Setelah mendapat respon dari pembaca O-om, saya terus bertekad untuk
menulis artikel lebih lanjut dan mungkin akan dipublish O-om tiap minggu
(kalau diijinkan). Ada yang berkomentar bahwa posting saya bisa digunakan
didalam marketing, itu benar! Basic saya memang marketing dan dimana-mana yang
namanya basic itu tetap sama, biarpun saya marketing offline tetapi saya yakin
dapat mengekspresikan trik offline di dunia online. Saya sering membuat tulisan
mini mengenai marketing tapi hanya untuk pribadi saya. Bukannya tidak mau
membuat blog tersendiri, kalau isinya hanya tips melulu pembaca juga bakalan
bosan. Blog tips memang harus dibarengi dengan coding (ini kekurangan saya),
seperti di blog Oom yang komplit banget!

Untuk topik kali ini saya akan memberikan beberapa point penting dari sebuah
blog spesial. Apa itu blog spesial?

Maksudnya, blog tersebut lebih dihargai pembaca baik dari sisi isi konten maupun
dalam merespon komentar yang diberikan orang lain terhadapnya, dan memberikan
cita rasa berbeda dari blog lain yang sejenis. Berikut penjelasan dari
point-point penting/spesial yang bisa anda gunakan untuk blog anda;

Bersikeras dengan tanggapan Anda yang benar, akan membuat Anda lebih
bijaksana.

Namun, Anda perlu melihat hal-hal lain untuk bisa menjelaskan pendapat Anda
adalah 'benar' daripada yang lain. Jangan biarkan siapa pun meluruskan pendapat
anda bahwa itu benar-benar 'salah'. Dan mengakui kesalahan Anda kepada diri Anda
sendiri akan memberikan pengaruh besar pada banyak orang. Ini membutuhkan
keberanian, dan dapat mengundang reaksi besar dari orang lain. Berani
mengungkapkan fakta merupakan daya tarik utama bagi pembaca Anda.

Memberikan informasi yang tidak diperoleh orang lain adalah sikap positif
yang dapat mengambil perhatian pembaca Anda. Memberikan informasi yang
lengkap dan mudah dipahami akan membuat orang lain merasa memiliki blog Anda (seperti
blognya O-om ^_^)

Memberi kejutan

Sama seperti memberikan hadiah kepada seseorang yang Anda sayangi, maka orang
itu akan merasakan hal yang sama kepada Anda. Atau cara lain adalah untuk
memberikan gambar bunga atau video, menciptakan karya-karya yang akan bermanfaat
bagi pembaca. Biasanya blog-blog besar memberikan free pdf book kepada
subscriber by email, sehingga penggemar merasa diperlakukan istimewa.

Membuat orang tertawa saat membaca blog Anda.

Situasi ini akan membuat pembaca blog Anda tidak kaku dan tidak merasa bosan.
Kadang-kadang orang lain benar-benar membutuhkannya, dan Anda dapat bertindak
sebagai dokter yang dapat mengatasi masalah mereka.

Buat posting yang menarik

Sub ini sudah saya jelaskan pada artikel terdahulu, anda cukup membaca ulang.
Jika seorang pria remaja pergi ke pantai, apa yang membuatnya tertarik?
Alasannya hanya satu, "wanita dengan pakaian bikini". Tulisan yang panjang tidak
menjamin pembaca akan merasa puas tentang penjelasan Anda, justru sebaliknya
akan merasa bosan dengan kata-kata yang berbelit.

Haruskah membuat perbedaan antara penulis dan pembaca?

Ini hanya pendapat universal, bahwa kebanyakan dari mereka (pembaca) mengikuti
semua tentang kehidupan penulis, terus-menerus mendefinisikan dan mendefinisikan
kembali diri anda. Dan anda selalu merasa tidak aman dengan identitas yang
dimiliki. Ubah blog Anda menjadi sesuatu yang mendefinisikan diri anda kepada
pembaca.

Jujur dan sopan adalah salah satu kunci sukses dalam blogging.

Jujur dalam beberapa cara yang akan membuat pembaca Anda merasa puas dan
kadang-kadang membingungkan mereka untuk memberikan komentar yang buruk. Sopan
akan menutupi kekurangan Anda dalam berinteraksi dengan pembaca dan mereka akan
merasa dihormati atau dihargai.

Salah satu ide yang bagus adalah "cerita yang menarik dan mendapat respon
yang baik dari pembaca Anda."

Cerita ini tidak menghantui hidup mereka, tidak menakutkan atau mendorong mereka
untuk berbuat jahat kepada orang lain. Berikan kebebasan batin yang dapat
memasuki jiwa pembaca akan lebih mendapatkan respon positif.

Penasaran siapa dibalik penulis artikel ini? Aglolink | Aglolink.org

Rabu, 10 Februari 2010

Cara memasang tooltip dengan javascript

Penulis: Anawia putra | anawia.com

Biar tutorial ini menjadi bikin anda penasaran, coba anda arahkan mouse anda pada text berikut ini.

Cara memasang tooltip dengan javascript

Setelah mouse anda arahkan pada text diatas untuk beberapa saat, maka anda akan melihat sebuah tampilan kotak yang berisi diskripsi yang menjelaskan tentang isi dari text tersebut. Kotak yang muncul inilah yang disebut dengan tooltips. Trus bagaimana cara membuat tooltip seperti diatas? Untuk itu ikuti tutorial ini hingga selesai.

Untuk membuat tooltip diatas kita memerlukan kode javascript. Untuk kode scriptnya bisa anda lihat pada kotak dibawah ini.

Untuk mengatur bagaimana tampilan tooltip tersebut nantinya, maka disini memerlukan kode style. Kode yang diperlukan seperti berikut ini.

Kode script dan style diatas sebelumnya letakkan dihosting anda. Jika anda menggunakan blogger, maka anda bisa menggunakan saran untuk meletakkan javascript seperti pada posting solusi hosting javascript di blogger . untuk kode style bisa digabungkan dengan kode style blog di atas </head>.

Setelah kode javascript dan style telah diletakkan dengan benar, maka selanjutnya kita meletakkan kode tooltip di tempat yang kita inginkan. Misalnya kita ingin memasang tooltip pada link referral. Dengan begitu akan membuat pembaca lebih tertarik untuk bergabung dengan referral kita.

Misalnya kita ingin meletakkan tooltip di text Cara memasang tooltip dengan javascript. Maka hasilnya menjadi seperti berikut ini.
Kode yang kita pasang pada sebuah link :

onmouseover="ddrivetip('tutorial bagaimana memasang sebuah tooltip yang membuat text menjadi lebih menarik.', 240)" onmouseout="hideddrivetip()"

keterangan :

merah = text yang kita inginkan muncul di tooltip

Biru = lebar kotak yang kita inginkan

secara keseluruhan kodenya menjadi seperti berikut ini.

<a onmouseover="ddrivetip('tutorial bagaimana memasang sebuah tooltip yang membuat text menjadi lebih menarik.', 240)" onmouseout="hideddrivetip()" href="http://www.o-om.com/2010/02/cara-memasang-tooltip-dengan-javascript.html" target="_blank">Cara memasang tooltip dengan javascript</a>

jadi kode tersebut bisa kita pasang pada link refferal, banner atau yang lainnya. untuk mengubah warna background kotak tersebut bisa kita lakukan melalui style css diatas.

Akhirnya selesai juga tutorial javasript episode kali ini. semoga tutorial ini bisa berguna untuk anda. Terima kasih banyak buat O-Om yang sudah mau menampilkan tulisan saya.

Penasaran siapa dibalik penulis artikel ini? Anawia putra | anawia.com

Minggu, 07 Februari 2010

Tiga Step Rounded Corner

Penulis: Biyan A Pasau | kingtemplates.blogspot.com

Ada tiga cara yang lazim digunakan oleh para designer jika ingin membentuk
background bulat (elips) atau apalah yang jelas nama kerennya adalah Rounded
Corner. Nilanya dinyatakan dengan radius. Dan karena memanfaatkan CSS dasar
mulai dari property sampai selector, trik ini bisa digunakan pada semua
templates dan themes.

1. Menyatakan Background Sebagai Images Langsung

Persentasi penggunaannya bisa sampai 40%. Ini adalah tahap yang paling mudah
dari tiga tahap yang akan saya jelaskan. Ada tiga extention yang sering
digunakan:

PNG: Biasanya digunakan jika background dibelakangnya bukanlah warna
tetapi images. Menyimpan images dengan extensi ini bisa membuat efek
transparant pada bagian rounded. Semua browser besar sudah support PNG
transparansi kecuali IE6.

GIF: Hampir mirip dengan extensi PNG, hanya saja image yang dihasilkan
kurang berkualitas meskipun dengan size yang lebih kecil sehingga loading
lumayan cepat.

JPG: Digunakan jika designer sudah mengetahui warna background target.
Karena extensi ini tidak support transparansi, jadi jika images dibuat di
photoshop (*background transparan) dan disave dengan extensi ini, background
akan menjadi putih.

Ada tools menarik dari third party yang menyediakan jasa pembuatan rounded
corners secara gratis. coba saja kunjungi

http://www.roundedcornr.com

Contoh penerapannya bisa dilihat pada kutipan ID CSS dibawah ==>

#menubottom{

width:100%;

margin:0 0 0px;

height:46px;

background:#40534a url(http://img706.imageshack.us/img706/8813/navmenu2radius7.png)
no-repeat;

}

2. Property

Selain step satu diatas, ini adalah yang kedua termudah. Bahkan bisa
dikatakan lebih mudah, jika bagi mereka yang tidak bisa menggunakan Photoshop.
Dari beberapa templates yang saya bedah, presentasi penggunaan property ini bisa
mencapat 35%. Beberapa browser besar (Mozilla, Chrome, Safari dan Opera) sudah
mendukungnya kecuali IE sekeluarga.

Berikut property-nya:

moz-border-radius:7px; /* untuk mozilla FF &
Universal*/

webkit-border-radius:7px; /* untuk Safari */

Contoh penerapannya bisa dilihat pada kutipan CSS dibawah ==>

#header1{

background: #8a9c8e;

margin: 10px 0;

text-align: center;

color:$pagetitlecolor;

width:490px;

height:90px;

float:right;

overflow:hidden;

-moz-border-radius:7px;

-webkit-border-radius:7px;

3. CSS Selector

Caranya lumayan rumit. Mungkin karena itu, cara ini jarang digunakan didalam
template yang berbasis personal design. Meskipun rumit, tetapi bekerja dengan
baik pada semua browser. Tahapannya masih memanfaatkan images yang disave dengan
extensi tertentu (*perhatikan Step 1 diatas). Posisi peletakannya diatur oleh
CSS selanjutnya dipanggil dibagian HTML. Ada satu blog yang sudah pernah
menjelaskan penerapan cara ini. Saya sudah lupa siapa penulisnya, yang jelas
linknya ada

disini. Maaf, saya tidak bisa jelaskan disini karena terlalu panjang...

Oh iya...pengaturan margin/padding sangat berpengaruh. Saran saya, sebaiknya
margin ber-value "0" (nol).

Penasaran siapa dibalik penulis artikel ini? Biyan | kingtemplates.blogspot.com

Jumat, 05 Februari 2010

Awas Virus Blog menyerang Anda

Penulis: Gus Ikhwan | mxwan.web.id

Virus blog yang saya maksud bukan menyebarkan keinginan blogging kepada orang
lain. Virus disini juga bukan virus layaknya avian influenza yang bisa bikin KO
penderitanya. Virus disini adalah virus yang dibawa oleh blog (halaman blog)
berupa script-script yang sudah terjangkit virus atau terdefinisi sebagai virus
oleh antivirus tertentu, yang dalam hal ini saya mendefinisikan antivirus yang
saya maksud adalah Kaspersky Internet Security 2010 dengan virus definition
update (database release) 24/01/2010 3:27:00.

Jika antivirus mendeteksi adanya virus saat kita
membuka halaman blog (dan web statik juga berlaku) akan muncul notifikasi
mengenai virus yang terdeteksi. Dalam hal ini yang dilakukan antivirus adalah
memblokir script (hanya script), bukan memblokir halaman web yang kita buka.

Saya memperoleh notofikasi ini ketika saya
mengunjungi blog seorang kawan blogger yang memang sudah saya masukkan dalam
agregasi blog, maksudnya agar saya bisa selalu ikut tahu update terbaru-nya.
Sudah beberapa hari memang blog itu masuk dalam agregasi. Tapi ketika saya
berkunjung disambut warning dari antivirus di laptop saya.

Ah terpaksa deh saya hapus dari agregasi. Tetapi
saya sudah mencoba memberi tahu empunya blog kok mengenai apa saja yang
mengandung virus. Dan kalau saya lihat dari object yang terdeteksi sepertinya
itu dari iklan-iklan yang terpasang pada blog.

Apa akibatnya?

Halaman web tidak akan tertampil sempurna (bahkan bisa diblokir).

Pengunjung enggan mengunjungi blog anda (makanya demi menjaga nama baik,
blog yang saya maksud tidak saya cantumkan).

Merugikan pengunjung yang tidak tahu, jelas karena artinya komputer jadi
ikut-ikutan kena virus. Artinya tentu saja anda jadi agen penyevar
virus walau pastinya anda tidak sengaja.

Bagaimana mengatasinya?

Kalau itu dari iklan yang dipasang, lihat link yang menuju alamat script
yang terdeteksi virus, hapus jika memang itu perlu dihapus

Kalau itu dari theme, silahkan buka entah itu PHP, CSS, HTML, JAVA dari
file theme. Cari link menuju scritpt, kalau perlu hapus saja.

Kalau itu berasal dari plugins yang anda pasang dalam blog, deactive
pluginsnya.

Preventif? Ada baiknya juga….

Jangan memasang iklan sembarangan, pastikan script-script yang dimasukkan
dalam kode (HTML, CSS, PHP, JAVA) bersih, ada baiknya test terlebih dahulu
dengan download semua script yang digunakan oleh iklan.

Teliti memasang theme, sebelum memasang theme ada baiknya dicoba di local
computer.

Hati-hati pasang plugins, ada baiknya dicoba offline terlebih dahulu.
Selain untuk ngindhik virus, mencoba secara offline juga berguna
siapa tahhu dalam plugins ada eror, bisa-bisa web anda suspended (seperti
pernah dialami portal-nya Gus Ikhwan).

Penasaran siapa dibalik penulis artikel ini? Gus Ikhwan | mxwan.web.id

Selasa, 02 Februari 2010

Alternatif Selain Copy Paste

Penulis: Rahmat Hidayat | BlogMamet.com

Bagi siapa saja yang menekuni kegiatan Blogging, tentu saja tidak lepas dari
kegiatan mengupdate postingan. Menulis artikel-artikel terbaru untuk menjaring
pengunjung dan memberi pembaca setia Anda info-info terbaru yang bermanfaat
tentunya sudah menjadi kebiasaan yang menyenangkan (Menyenangkan bukan?). Namun
terkadang, bagi sebagian blogger agak kebingungan untuk mencari ide mengenai apa
yang ingin dia tulis (keculai jika dia memang mempunyai keterampilan atau
keahlian pada suatu bidang, otomatis bisa membuat postingan berkala mengenai
bidang yang dikuasainya tersebut). Biasanya, mereka (sepertinya termasuk saya)
melakukan googling dulu terlebih dahulu, melihat-lihat postingan-postingan
Blogger lainnya untuk mendapatkan ide. Lalu disaat ide untuk menulis didapatkan,
cukup sulit pula untuk merangkai kata-kata agar ide tersebut menjadi sebuah
postingan yang bagus.

Dan ujung-ujungnya, karena tidak mau ambil pusing, ilustrasi diatas berakhir
dengan tragedi copy paste artikel dari blog orang lain. Tentu saja yang saya
maksud disini adalah copy paste mentah-mentah. Sebenarnya hal ini tidak masalah
jika pemilik Blog yang di copy paste mengizinkan, atau menginzinkan dengan
syarat memberi link/tautan balik ke sumbernya. Karena memang ada sebagian
Blogger yang mengizinkan blognya di copy paste, sebagian lagi melarang, sebagian
lagi membolehkan asal memberi tautan balik/link ke sumbernya.

Namun bagaimana jika ada yang melakukan copy paste seenaknya, tanpa ijin dan
tidak mencantumkan/memberik link sumbernya. Tentunya ini akan membuat si empunya
blog berang karena hasil karyanya dibajak.

Apa sebenarnya alasan-alasan seseorang melakukan copy paste?

Info yang ingin saya tulis sudah banyak dibahas di situs lain, jadi dari pada
repot nulis lagi, copy paste aja..

Saya Blogger pemula, susah untuk nulis, bahasanya masih belepotan, jadi mending
copy paste aja…

Bingung mau nulis apa, kebanyakan topik yang mau ditulis udah ada di situs-situs
lain yang lebih terkenal, sementara saya masih pemula, sulit menemukan sesuatu
yang baru untuk ditulis.

Males nulis, lebih praktis copy paste…dsb…

Nah, saya juga pernah menjumpai komentar diblog saya yang bunyinya seperti ini:

“tapi saya sendiri masih merasa kesulitan dalam hal menulis konten yang menarik
..

rasanya sulit sekali bagi saya , karena saya tidak tahu apa-apa dan masih
newbie..”

Sepertinya permasalahan copy paste ini memang perlu mendapat perhatian, mungkin
memang ada yang melakukan copy paste karena kesulitan menulis artikel yang bagus
dan belum banyak tahu mengenai dunia blogging (kebanyak dilakukan para Newbie,
tetapi saya juga termasuk Newbie kok..). Namun memang lebih baik Anda
menghindari copy paste, karena justru bisa merusak posisi Blog Anda di Search
Engine (dicap sebagai duplicate content). Artikel-artikel diblog Anda harus unik/berbeda
penulisannya agar bisa memperoleh posisi bagus di Search Engine. Walau pun topik
sama, tetapi penulisannya harus berbeda. Karena itu, saya ingin memberi anjuran/masukan
kepada Blogger sekalian mengenai alternative lain dari copy paste ini.

Bila ada yang beralasan melakukan copy paste karena sulit menemukan hal baru
yang menarik untuk dibahas, sebenarnya untuk menulis artikel yang menarik dan
unik, tidak harus tentang sesuatu yang baru. Anda bisa memposting ulang artikel
yang ada di blog orang lain, TAPI BUKAN COPY PASTE.

Dalam menulis artikel yang umum (seperti info, berita, gossip, download
software, dll), Blogger-blogger lain pun sebenarnya memperoleh informasi yang ia
butuhkan dari situs-situs lain yang bertebaran di internet bukan? Namun memang
ada yang 100% ide sendiri (biasanya memang sudah punya keahlian dalam bidang
tersebut). Dan yang mereka lakukan bukanlah copy paste bahan yang mereka dapat
mentah-mentah. Mereka menulis ulang artikel dengan gaya dan bahasa mereka
sendiri dengan mengacu kepada sumber-sumber yang mereka dapat.

Jadi, walaupun isinya sama tapi cara penyajiannya berbeda. Ingat! SESUATU YANG
SAMA, JIKA DISAMPAIKAN/DISAJIKAN OLEH ORANG YANG BERBEDA AKAN MENGHASILKAN HASIL
YANG BERBEDA PULA. Ilustrasinya seperti seorang Motivator. Contohnya yang sedang
popular saat ini, yaitu Mario Teguh di acara Golden Ways (MetroTV). Coba Anda
perhatikan, masalah yang dibahas di acara tersebut sebenarnya mengenai
permasalahan sehari-hari bukan? Dimana masalah dan nasehat mengenai hal tersebut
seing kita dengar. Namun, Mario teguh bisa menyampaikannya dengan lebih menarik
dengan gaya dan penyajiannya yang khas. Tentunya saja kita bukanlah seorang
Mario Teguh yang sudah kian piawai, namun saya percaya setiap orang pasti punya
ciri khas tersendiri.

Karena itu, untuk Anda yang kesulitan menulis, berikut saya berikan tips
untuk menulis ulang artikel dari situs lain dan bukan copy paste.

Tentukan dulu apa yang ingin Anda tulis. Sebagai pertimbangan, tulis saja topik
yang sesuai dengan tema blog Anda (misalnya tentang komputer, tips facebook,
info software terbaru, dll) atau pun berita yang sedang banyak dibicarakan.

Carilah situs-situs yang membahas mengenai topik tersebut melalui google atau
search engine lainnya. Carilah lebih dari satu sumber referensi (tiga atau empat
lah). Ini berguna agar artikel yang Anda tulis nanti lebih padat, karena berasal
dari berbagai sumber.

Baca dulu artikel-artikel dari sumber yang Anda dapat, semakin banyak sumber
yang Anda baca semakin bagus. Banyak membaca akan memperluas pemahaman Anda dan
secara perlahan akan melatih kemampuan menyusun kata. Ini akan berguna saat Anda
menulis nanti.

Bangun pemahaman Anda sendiri mengenai topik tersebut. Tidak masalah jika
sewaktu-waktu Anda melakukan sedikit kesalahan, pengunjung bisa mengoreksi
melalui kotak komentar bukan? Kesalahan adalah salah satu jalan untuk mengetahui
kebenaran.

Setelah Anda memperoleh keyakinan untuk menulis, duduk tenang, rileks dan
mulailah. Terkadang bagian yang paling sulit dari menulis artikel ini adalah
MENULIS KATA PERTAMA (saya juga mengalaminya). “Kata apa yang akan saya tuliskan
pertama kali?”. Tidak usah ragu, tuliskan saja yang Anda pikirkan. Kalu nantinya
dirasa kurang bagus, bisa Anda ubah lagi bukan? Saat Anda sudah mengambil awalan
dan menuliskan beberapa kata, jari-jari akan mulai mengikuti irama hati dan
pikiran Anda.

Nah dari sini keterampilan Anda dalam menulis akan terasah sedikit demi sedikit.
Dan nantinya tulisan Anda akan mempunyai ciri khas tersendiri. Ciri khas
merupakan hal yang sangat menentukan kesuksesan Blog Anda. Ada berjuta Blog di
luar sana dengan topik yang mungkin sama dengan blog Anda.

Memang agak sulit, tapi ini memang tahap yang harus Anda lewati jika ingin
menjadi Blogger yang sukses. Semua orang sukses pasti melewati masa-masa yang
sulit. Dan menurut saya, jika Anda Blogger, Anda harus pandai menulis. Jangan
Cuma melakukan Copy paste mentah-mentah dari Blog orang lain dan berharap Blog
Anda terkenal karena hal tersebut.

Harap dikoreksi jika ada yang salah, saran dan kritik akan membangun saya
menjadi lebih baik.

Terima kasih….

Penasaran siapa dibalik penulis artikel ini? Rahmat Hidayat | BlogMamet.com

Senin, 01 Februari 2010

Bagaimana Membuat Blog Menjadi Lebih Menarik?

Penulis: Aglolink | Aglolink.org

Salah satu yang paling penting dalam membuat artikel atau topik adalah
kreativitas yang Anda susun secara terencana dan teratur. Metode ini dapat
menghasilkan lebih banyak ide dan jauh lebih baik daripada proses lain. Hal ini
didasarkan pada dua konsep atau lebih akan lebih baik daripada satu konsep. Jika
Anda sering berinteraksi dengan blogger lainnya di blog Anda, mungkin akan
melakukan sedikit interaksi. Mungkin bukan cara yang baik untuk memberikan
jawaban, tetapi juga bisa trik yang baik untuk menjaga blog Anda segar dan
menarik. Bahkan, Anda harus berpikir tentang pola pikir bagi blogger khususnya,
karena semakin banyak blogger yang mulai berinteraksi dengan Anda, menciptakan
pos,t mempromosikan, dan memberikan kehidupan ke blog lain adalah suatu kekuatan,
ide yang cemerlang dan tidak pernah terpikirkan.

Berikut adalah beberapa saran untuk membuat beberapa ide:

Memilih Idea yang Brilliant

Ketika melakukan sesi pemilihan, Anda harus bertindak sebagai seorang pemikir
dan pembaca. Tetapi sering kali kita hanya memilih ide singkat sementara ide
lain hilang begitu saja.

Tentukan inti Artikel.

Memberikan definisi yang jelas untuk masalah yang terkandung dalam artikel. Yang
Anda butuhkan adalah dua atau tiga kalimat yang sangat jelas dalam menggambarkan
topik utama.

Menciptakan Sebuah Catatan Kecil

Apa garis besar yang ingin anda diskusikan di dalam topik tersebut? Memiliki
beberapa ide di awal halaman untuk mendapatkan sesuatu yang berbeda, dan
bersiaplah untuk mendapatkan pertanyaan dan kritik.

Dapatkan Semua Gagasan Dan Kaji Kembali Post
Anda.

Jangan membuat orang merasa bosan sebelum mereka selesai membaca posting Anda,
analisis informasi latar belakang post yang anda buat. Hasil akhir dari sebuah
artikel akan menjadi post yang berisi "daftar ide", mengorganisir atau
mengelompokkan ide-ide untuk dievaluasi kembali. Jangan terkejut karena akan
muncul ratusan ide di kepala Anda.

Pilih Tag Atau Kategori dan Publikasikan

Pilih tag / kategori yang berada pada tingkat yang sama. Batas kontrol pembaca,
terutama orang-orang aneh dan yang ingin mendominasi komentar.

Jangan kecewa Jika Tidak Sempurna

Buat tag/kategori yang baik, menciptakan suasana yang terbuka dan berbeda dari
yang lain, dan untuk menciptakan hasil yang terbaik akan membutuhkan lebih
banyak waktu. Seperti dalam kehidupan sehari-hari 'Praktek akan membuat Anda
lebih sempurna. "

Penasaran siapa dibalik penulis artikel ini? Aglolink | Aglolink.org