Dell Akan Luncurkan SmartPhone dan Tablet Baru

Ini dia tiga gadget yang akan diluncurkan Dell dan bakal makin meramaikan pasar ponsel cerdas dan tablet di pasaran. Untuk smartphone berplatform Android, Dell mengeluarkan Venue, smartphone berplatform Windos phone 7, Dell mengeluarkan Venue Pro Windows Phone 7, dan untuk tablet Dell keluarkan Dell Streak 7.
Meski mengaku penjualan smartphone Dell sebelumnya hanya pada taraf “oke”, seperti disebutkan Willy Hendrajudo, Marketing Manager Consumer Business Dell Indonesia, rupanya Dell tak kapok. Kembali ia akan meluncurkan dua smartphone terbarunya. Dua varian ponsel ini memiliki OS yang berbeda.

Venue yang mengusung Android 2.2 Froyo berbodi full multitouch touchscreen dengan layar AMOLED 4,1 inci beresolusi 800×480 pixel. Sementara, Venue Pro yang menggunakan Windows Phone 7 berbodi lebih tebal dari Venue, sebab keyboard geser disematkan di belakang bodinya. Kedua ponsel ini sudah dilindungi oleh layar Gorilla glass yang anti gores dan tahan tekanan itu.

Bedanya lagi, Venue dilengkapi kamera 8MP sementara Pro hanya 5MP. Untuk kemampuan peramban, Venue mampu menampilkan web 2.0 full HTML, sementara Pro masih menggunakan internet explorer mobile. Soal storage,Venue mungkin memberi lebih banyak kebebasan karena kamu bebas mengganti microSD-nya hingga 32MB. Sementara, memori Pro hanya tersedia memori internal dengan dua pilihan, 8MB dan 16MB. Untuk prosesor, keduanya menggunakan QSD 8250 1GHz. Lalu, bagaimana dengan Dell Streak 7 ? Sesuai namanya, tablet satu ini menawarkan panel layar 7 inci. Layar yang lebih luas dari generasi sebelumnya, Dell Streak 5, yang berdisplay 5inci saja. Sayangnya, meski berayar lebih lebar, tapi kemampuan resolusi layarnya hanya setara smarphone 800x480pixel.


Bedanya Streak 7 sudah membenamkan NVIDIA Tegra 2, yang merupakan prosesor mobile inti ganda pertama dunia. Penyimpan di perangkat ini pun cukup lega, dengan memori internal sebesar 16GB. Memori ini masih bisa ditambah dengan memori eksternal hingga 32GB lewat slot SD, MMC, ataupun SDHC.Gorilla glass uga ditambatkan pada layar perangkat yang berdimensi 1999,9 x 119,8 x 12,4 mm ini. Ukuran bodi yang lebih besar dan tebal dibanding Streak 5. Kamera depan 1,3MP fixfocus pun disediakan, sementara di belakangnya, disediakan kamera 5MP auto focus dengan flash. Tersedia dalam dua model, 3G dan wifi. Untuk model 3G, perangkat ini bisa digunakan pula untuk mengetik sms dan mms, sayangnya kemampuan bertelepon dengan jaringan GSM tidak disertakan. Perangkat ini bahkan sudah bisa digunakan di jaringan 4G lho. Sama seperti Venue yang menggunakan Froyo, perangkat ini menawarkan pengalaman berinternet penuh karena sudah mendukung flash player. Sayangnya, tiga perangkat ini masih belum tersedia di Indonesia. Willy menyebutkan, kuartal dua 2011 mungkin akan jadi waktu kemunculan tiga perangkat ini di pasar.

Dikutip dari : tabloidpcplus.com

Miskonsepsi Keyword: Antara Indeks dan SEO

Sebelum melihat lebih jauh kaitan antara keyword, indeks, dan SEO, ada beberapa pertanyaan mendasar yang perlu digarisbawahi mengenai keyword. Keyword dalam hal ini tentu saja mengacu pada keyword dalam search engine, bukan keyword yang ada dalam bahasa pemrograman computer. Secara sederhana Webopedia, menjelaskan tentang keyword dalam pencarian di search engine (keyword search):A type of search

Baiklah, Aku Pulang ke Pernaunganku...

Baiklah, aku pulang ke pernaunganku
Kembaraku hanya menoktahkan setitik pilu
Mengusik ketenteraman para pemuja rindu
Memisah ruah kata-kata penjalin kalbu

Langkahku memang tak kuarah
Sejalan setapak entah kemana anak panah
Sempat kutahankan, karena bertengkar dengan gundah
Namun sang raja HATI tak mau mengalah

Aku tak ingin menyelam lagi
Lagi-lagi, hati memungkiri
Aku tak ingin berlari sendiri

Daftar Blog Dofollow Indonesia 2012 Pagerank (PR) Tinggi (Always Updated)

List/Daftar Blog dofollow Indonesia 2011 ini dikumpulkan berdasarkan Page Rank (PR) yang lumayan tinggi dan akan terus dicek dan diupdate setiap bulan. Masing-masing memiliki kategori yg berbeda jadi silahkan cek sendiri untuk mengetahui jenis blog-nya.List ini saya persembahkan kepada anda yang tentu saja tahu arti penting backlink yang berkualitas untuk SEO blog/web. Tinggalkan link anda

Ocehan RASA-ku tentang MUTIARA-mu

Sekedar ocehan kegelisahan, kegamangan, dan kekalutan HATI akan RASA yang tak pernah terujarkan...
Genggaman jari yang terus ditahan dengan sepenuh tenaga.....
Agar tak memudar....agar tak berpendar......
Perumpamaan rasa yang tak pernah terkatakan
Tertahan..
Atau lebih tepatnya: Dikekang...


Untaian senyum ketika melihat mutiara-mutiaramu bertebaran
Kecerahan pikir dan kemurnian hati
Bercampur

Membuat Menu Navigasi Image

Navigasi merupakan penentuan posisi & arah tujuan, baik di medan sebenarnya atau di peta (Wikipedia). Dalam blog, kita bersama mengenal istilah sitemap yang mungkin dapat kita hubungkan dengan peta. Navigasi dalam blog bertujuan untuk memberikan kemudahan bagi pengunjung menemukan tujuan konten yang ingin ia cari (baca:red).

Berbagai jenis menu navigasi dapat Anda sematkan dalam blog, seperti: navigasi horizontal, vertikal, dan sebagainya. Termasuk menu navigasi dengan image (gambar) yang akan kita review sekarang ini. Bagaimana bentuk dari navigasi yang saya maksud, silakan klik link ini blog versi demo. Coba perhatikan kumpulan gambar di sebelah kanan blog demo tersebut! Navigasi image akan terus bergeser mengikuti arah scroll mouse ke atas dan ke bawah (fixed).

1. Letakkan kode CSS berikut di atas ]]></b:skin>.

/*-- NAV IMAGE --*/
#nav-image {
right:4%;
position:fixed;
top:33%;
padding:0 6px;
overflow:hidden;
}

.linkopacity img {
filter:alpha(opacity=25);
-moz-opacity:0.3;
opacity:0.3;
border:0;
}

.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
border:0;
}

.to-home, .table-of-content, .back-to-top, .to-subscribe, .to-comment, .back-to-down {border:0; margin:1em 0;}

Catatan:

• Kode yang berwarna merah dapat Anda rubah, sesuai dengan karakter blog Anda.


• Jika Anda ingin meletakkannya di sebelah kiri, ganti right:4%; menjadi left:4%;.


• Semakin kecil nilai opacity atau -moz-opacity (warna hijau) — nilainya berkisar antara 0 – 1 —  maka image semakin blur (baca:kabur).

2. Letakkan — atau tidak — jQuery berikut di atas </head>.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){$("a[href*=#content], a[href*=#comments-block], a[href*=#footer-content]").click(function(){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var a=$(this.hash);a=a.length&&a||$("[name="+this.hash.slice(1)+"]");if(a.length){var b=a.offset().top;$("html,body").animate({scrollTop:b},1000);return false}}})});
//]]>
</script>

JQuery di atas hanya akan menampilkan scrolling yang lembut, ketika link dalam image kita klik. Kemudian untuk kode jQuery yang berwarna merah merupakan link - link tujuan dari navigasi image. Attention! Mungkin template yang satu berbeda dengan lainnya, dimungkinkan pula untuk merubah kode yang berwarna merah (#content, #comments-block, #footer-content).

3. Letakkan kode HTML berikut di atas </body>.

<figure id='nav-image'>
<div class='to-home'>
<a class='linkopacity' href='isi dengan alamat blog Anda…' title='Halaman Utama'><img alt='Home' height='30' src='https://lh6.googleusercontent.com/_sl-hvfgWCfI/TXaFG5_UosI/AAAAAAAAABU/tEReYbtwo4w/home.png' width='30'/></a>
</div>
<div class='table-of-content'>
<a class='linkopacity' href='isi dengan alamat blog Anda…/search?max-results=200' rel='nofollow' title='Daftar Isi'><img alt='Content' height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTiL2DtOpux625v72OnS2F4pl5buu576bbrI53-zz-hqi5jn9XudtftWr673sjPoiqX86OV6tjybTWuxx1Qf4-YTRBKzsDHcaTtQMU8crX4hfCU-pTkQXALPMjBZEHcOvxI_zVjATJHWk/s800/arsip.png' width='30'/></a>
</div>
<div class='back-to-top'>
<a class='linkopacity' href='#content' title='Ke Atas'><img alt='Up' height='30' src='https://lh4.googleusercontent.com/_sl-hvfgWCfI/TXaFHPH5nuI/AAAAAAAAABY/UtBQNUtekmA/arrow-up.png' width='30'/></a>
</div>
<b:if cond='data:blog.pageType == "item"'>
<div class='to-comment'>
<a class='linkopacity' href='#comments-block' title='Komentar'><img alt='Comment' height='30' src='https://lh3.googleusercontent.com/_sl-hvfgWCfI/TXaFHgfaC9I/AAAAAAAAABg/0FmVG-_r7p4/comment.png' width='30'/></a>
</div></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='to-subscribe'>
<a class='linkopacity' href='isi dengan alamat RSS blog Anda…' title='Langgan RSS'><img alt='Langgan RSS' height='30' src='https://lh5.googleusercontent.com/_sl-hvfgWCfI/TXaX0fGJIPI/AAAAAAAAABw/aZqTbkdIeQI/RSS.png' width='30'/></a>
</div></b:if>
<div class='back-to-down'>
<a class='linkopacity' href='#footer-content' title='Ke Bawah'><img alt='Down' height='30' src='https://lh4.googleusercontent.com/_sl-hvfgWCfI/TXaFHSoQCxI/AAAAAAAAABc/evR8CjwFCFQ/arrow-down.png' width='30'/></a>
</div>
</figure>

Catatan :

• Perhatikan kode yang berwarna merah (HTML = JQuery )!


• Silakan rubah — atau tidak  — alamat image (warna hijau) sesuai dengan alamat penyimpanan image Anda.


• Sesuaikan height & width dengan besar - kecilnya gambar yang Anda inginkan.


• Kode yang berwarna biru silakan buka kembali posting tentang “optimasi tampilan widget”.


• Jangan dilupakan! Bagi blog yang menggunakan image sebagai media bacanya, sebaiknya selalu menambahkan atribut alt='…' dan title='…'.

Demo Navigasi Image

Semoga bermanfaat trik membuat menu navigasi image ini.

Informasi Update Posting Terdahulu (1)

Tidak sedikit posting di blog ini yang seharusnya di update. Apalagi kalau posting tersebut berkaitan dengan ‘widget’ atau ‘gadget’. Selanjutnya, secara berkala Optimasi Blog akan berusaha rutin melakukan update terhadap “posting-posting terdahulu”, yang ditengarai mendapat banyak keluhan dari Narablog. Selain itu, kami juga mengupayakan blog demo versi dari setiap posting yang berkaitan dengan trik blogger.

Berikut ini merupakan beberapa update posting terdahulu yang mungkin — sedikit banyak — menimbulkan rasa kecewa di hati teman - teman sekalian, karena gagal diaplikasikan pada blognya masing - masing.

1. Memasang Emoticon dalam Komentar

“Emoticon” tidak muncul dalam komentar, walaupun telah dipasang sesuai dengan step by step dalam posting Optimasi Blog. Atau bisa pula, emoticon hanya muncul jika yang berkomentar adalah pemilik blog (blog-owner : beda tampilan komentar pemilik blog).

2. Trik Membuat Cloud Label

Hal tersebut dikarenakan pemindahan file - file javascript & animasi flash oleh pembuatnya. Sekarang, widget ‘Blogumus’ tersebut sudah dapat dimanfaatkan. Detailnya, silakan klik link point 2 (link sumber sudah termasuk didalamnya).

3. Mengatur Tata Letak “Link to This Post”

Setelah diaplikasikan, ternyata menimbulkan permasalahan baru dalam penyampaian komentar. Permasalahan tersebut adalah ketinggian form komentar tidak memenuhi syarat bagi blog-blog yang memanfaatkan fasilitas “verifikasi”.

Kemudian ada beberapa posting yang tidak direkomendasikan untuk di-ikuti, antara lain:

• Link Penulis Komentar terbuka di Tab Baru


• Menghilangkan Garis Bintik - Bintik Jejak Link

Demikian beberapa informasi tentang update pertama dari kami. Kritik & saran sangat kami harapkan, agar terjalin hubungan timbal – balik yang positif, baik itu konten dengan Anda; Anda dengan kami; dan kami dengan konten.

Cara Membuat Blog Cepat Terindeks Google Search Engine

Apa efek dari blog/website yang cepat terindeks/diindeks Google? Tentu saja artikel blog yang baru saja dibuat menjadi lebih cepat ditemukan oleh pengunjung blog/website yang mencari lewat Google search engine. Dan mengapa pula kok harus Google, bukankah masih ada Bing, Yahoo, Altavista dan lain-lain? Ya, tapi harus diakui dan dipahami bahwa Google lah yang saat ini masih terus merajai dunia

"Hadiah Istimewa" Untuk AutoBlog dan AutoBlogger

Tentang AutoBlog dan AutoBlogger-Fungsi AutoBlog dan AutoBlogger-AutoBlogging dan AutoBlogger
Ini adalah posting spesial untuk AutoBlog. Apa itu Auto Blog? Buat yang punya blog sejenis ini silahkan jawab. Ini hadiah untuk kalian semua yang katanya tidak tahu-menahu tentang konten yang kalian dapat. Kenapa juga bikin blog yang berfungsi sebagai feed agregator? Kalo saya bilang sih, itu namanya

Cara Membuat "Read More" Otomatis

Read More. Perasaan saya sudah berapa kali melakukan postingan ini. Tapi teman-teman kalau yang ini pasti beda. Tips ini akan memberikan read more yang otomatis pada blog sobat. Tanpa kita memotong teks postingan kita secara otomatis akan terpotong dengan adanya read more otomatis ini.

Jika sobat blogger ingin melihat tulisan saya yang lainnya, silahkan baca DISINI.

Caranya adalah seperti ini:

1. Seperti biasa, login ke blogger dengan akun kamu

2. Pilih Rancangan

3. Pilih Edit HTML

Penting! Yang sudah memasang Read More versi lama sebaiknya di kodenya kembalikan dulu ke seperti semula, caranya hapus kode yang berwarna Hijau dibawah ini (Setiap template mungkin berbeda, jadi tinggal disesuaikan saja)

<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;'/>

4. Jika sudah, lanjutkan anda mencari kode berikut   </head> dan letakkan kode berikut di atas kode  </head>

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>


<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

Masih dalam Edit HTML. berikan centang pada "Expand Widget Template" dan cari kode yang mirip seperti ini <data:post.body/>.

Kalau sudah ketemu, ganti kode tersebut dengan kode berikut ini

b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Kalu sudah silahkan Simpan Template.

dan jangan lupa komentarnya yah. atau Tukaran Link diSINI.

Menambah Icon di Samping Judul Artikel

Bosan dengan tampilan judul artikel yang tidak ada desain sama sekali?. Jika sobat blogger bosan dengan tampilan judul artikel yang tidak ada pernak-perniknya, silahkan ikuti tips ini. Pasti tips ini sangat menarik untuk ditampilkan pada blog anda.

Sebelum kita melaju kepada langkah-langkah, sekarang saya akan menjelaskan terlebih dahulu mengenai tips kali ini. Adapun ikon yang dimaksud disini adalah ikon yang dapat mempercantik juduk artikel kita. Biasanya gambar ikon yang umum digunakan adalah seperti gambar rumah, atau sejenis gambar admin. Nah sobat blogger bisa berkreasi sedikit untuk blog anda.

Oke langsung saja,

1. Login ke blogger dengan akun kamu

2. Pilih Rancangan

3. Pilih Edit HTML

4. Cari kode yang mirip seperti ini (Biar gampang tekan Ctrl+F)

.post h3 {
margin:.5em 0;
padding:30px 0px 0px 45px;
font-size:120%;
<font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;

5. Sebelumnya ada sudah menentukan alamat URL gambar ikon anda.  Jika belom, silahkan cari di website ini Iconarchive.com.

6. ganti tulisan padding:30px 0px 0px 45px; menjadi 48px 0px 0px 45px; dan tambahkan kode height:48px; dan background:  di bawah  color:#333; yang tampak seperti kode berikut.

.post h3 {
margin:.5em 0;
padding:48px 0px 0px 45px;
font-size:120%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;

background:url(http://tbn1.google.com/images?q=tbn:nlmFs_SO55kJ_M:

http://remas-alakbar.com/images/buku.png) no-repeat left center;

7. Setelah selesai, silahkan Simapan Template.

Selesai deh. Semoga berhasil dan bermanfaat.

Cara Mempercepat Loading Blog (5 Kiat Optimalisasi Elemen Blog)

Kiat dan cara lengkap membuat blog di-load dengan cepat (Tutorial Lengkap)Kecepatan loading blog adalah hal yang sangat penting, baik bagi kenyamanan pengunjung dan juga SEO. Waktu load (load time) yang terlalu lama dapat membuat pengunjung ngacir sebelum dapat membaca seluruh isi sebuah halaman.Sebenarnya, wajar apabila blog memiliki waktu load yang agak lebih lama daripada website, karena blog

Sentuhan Magis dalam Blog

Jangan biarkan tulisan hanya di - intimidasi oleh atribut emosi & ambisi yang berkesan mewah serta modern. Tapi beri ia pijakan yang kuat agar mampu bertahan! Dan biarlah pijakan tersebut bekerja dengan magicnya.

BELAJAR

Saya masih belajar dan tulisan inipun saya dapat dari belajar. Kita semua sama-sama belajar_dalam hal apapun_agar tahu tentang sesuatu. So, tidak perlu ada sebutan "lebih pintar".

"Kita tidak akan tahu 'garam itu asin', jika kita tidak mencobanya."

Saya dan Anda adalah sama. Saya belajar kepada Anda, karena Anda tahu lebih dulu. Sebaliknya, jika saya lebih dulu tahu, mungkin Anda akan belajar kepada saya. Yah, hanya sekedar 'puzzle' kata-kata_sudah 30'15" memikirkannya_yang tidak berarti apa-apa...

Belajar

Saya masih belajar & tulisan inipun saya dapat dari belajar. Kita semua sama - sama belajar — dalam hal apapun — agar tahu tentang sesuatu. So, tidak perlu ada sebutan “lebih pintar”.

Kita tidak akan tahu ‘garam itu asin’, jika kita tidak mencobanya.

Saya & Anda adalah sama. Saya belajar kepada Anda, karena Anda tahu lebih dulu. Sebaliknya, jika saya lebih dulu tahu, mungkin Anda akan belajar kepada saya. Yah, hanya sekedar ‘puzzle’ kata - kata — sudah 30′15″ memikirkannya — yang tidak berarti apa - apa…

Dari kedua kasus bacaan di atas, “mana yang Anda sukai?” Mungkin rata - rata Narablog menyukai bacaan yang kedua, karena lebih legibility & readability (keterbacaan). Selanjutnya, pokok bahasan tulisan ini dibatasi hanya untuk membicarakan dua kasus tersebut.

Analisa Kasus

Dua kasus tulisan di atas sama - sama menggunakan keluarga font ‘Serif’ (font-family:Georgia,Serif;) & ukuran font sebesar 16 pixels (font-size:16px;). Panjang baris yang digunakan berkisar antara 52 – 78 karakter termasuk spasi, atau 2 – 3 alfabet yang disusun secara mendatar (1 alfabet=26 huruf). Selanjutnya, untuk mengerucutkan masalah dalam analisa, mungkin kita lebih menyoroti salah satu kasus. Yah, anggap saja kasus pertama merupakan problematika yang patut kita bicarakan.

Titik sensitif problematika yang terdapat pada kasus pertama, antara lain :

• Pemilihan warna font yang kurang ‘matching’ dengan warna latar, sehingga tulisan pun kurang terbaca dengan jelas.


• Gaya penulisan rata kanan & rata kiri (text-align:justify;), menyebabkan kurangnya “konsistensi kontrol” per kata. Hal tersebut dapat kita temui pada lebarnya ‘white space’ (ruang kosong), antara kata yang satu dengan kata berikutnya dalam setiap baris tulisan.


• Jarak vertikal antar baris terlalu rapat, sehingga kita harus memicingkan mata untuk membaca tulisan tersebut.


• Penggunaan tanda baca yang kurang tepat.


• Judul kasus “Belajar” ditulis secara manual dengan huruf kapital.

Alternatif Pemecahan

Mudah - mudahan Narablog setuju bahwa salah satu alternatif pemecahan kasus pertama adalah pada kasus kedua. :)

Menurut Harry Roberts, “panjang baris yang ideal untuk legibility berkisar antara 2 – 3 alfabet, atau 52 – 78 karakter termasuk spasi ”. Sedangkan Oliver Reichenstein berpendapat, “panjang baris yang optimal adalah 10 – 15 kata, & untuk liquid layout dengan ukuran font 100%, maka dibutuhkan lebar kolom sebesar 50% (layar windows)”.

“Liquid layout merupakan tata letak yang berdasarkan persentase dari ukuran jendela browser.”

(Definition: Liquid Layout)

Pemilihan warna font (font-color) seharusnya kontras dengan warna latar (background). Background gelap; font-color cerah, begitu pula sebaliknya. Kemudian, gaya perataan tulisan sebaiknya menggunakan “rata kiri” (text-align:left;) untuk menjaga konsistensi per kata & jarak “ruang kosong” yang ideal dalam setiap baris.

Pengaturan jarak vertikal antar baris (ritme vertical) seharusnya menjadi salah satu titik penting untuk meningkatkan kenyamanan dalam membaca suatu tulisan. Hal ini dapat dilakukan dengan menambahkan atribut line-height, yang besarnya disesuaikan dengan ukuran font. Umumnya, pengaturan ini disertai pula dengan pengaturan jarak antar paragraf — paragraf 1, 2, 3,… — yang ber - atribut margin-bottom.

“If you have a 24px baseline, all your line-heights and margin-bottoms must be in multiples of 24. So a font-size of 16px would need a line-height of 1.5em and a margin-bottom of 24px.”

Harry Roberts¹

Secara matematis, mungkin rekomendasi dari Harry Roberts dapat ditulis demikian: font-size:16px; = line-height:1.5em; + margin-bottom:24px;. Artinya font yang berukuran 16 pixels membutuhkan tinggi sebesar 1.5 ems & batas bawah antar paragraf sebesar 24 pixels. Perhatikan juga jarak antar huruf — jika masih kelihatan rapat — kita dapat menambahkan atribut letter-spacing secukupnya. Selain itu, Anda pun bisa menentukan sendiri, besaran (font-size, line-height, & margin) yang sesuai dengan karakter blog Anda.

Alangkah lebih baik, kalau kita selalu memperhatikan tanda baca dalam tulisan kita, sehingga “setiap orang” mampu memaknai tulisan — intonasi, jeda, & sebagainya — sesuai dengan pengamatannya sewaktu pembacaan. Mengenai tanda baca lebih lanjut, Anda dapat mengunjungi sebuah artikel menarik, yang diberi title “Tanda Baca” oleh Ardianzzz.

Akhirnya kita sampai di penghujung alternatif, yakni huruf kapital yang ditulis secara manual. Jika kita ingin menulis kata atau beberapa kata dengan huruf kapital, sebaiknya menggunakan CSS untuk mengubahnya, contoh: {text-transform:uppercase;}. Hal ini tidak berlaku untuk kata - kata yang pada dasarnya memang ditulis dengan huruf kapital, seperti: RI, DPR, PBB, & lain - lain.

Itulah sedikit dari sekian banyak sentuhan magic — CSS & HTML — yang mungkin dapat lebih menata tulisan kita untuk menciptakan kesan tertentu, sehingga pembaca mendapatkan kenyamanan membaca semaksimal mungkin. Mungkinkah ini sebagian kecil dari “Tipografi”?

Sumber Tulisan

Berikut beberapa sumber bacaan yang mungkin dapat menambah wawasan & pengetahuan serta bahan koreksi, atas kesalah – tafsiran penulis dalam menerbitkan posting ini.

1. Typography quick tips (Harry Roberts of CSS Wizardry)


2. Quick Tips-A series of quick development tips (Harry Roberts of CSS Wizardry)


3. Tipografi (Wikipedia)


4. The 100% Easy – 2 – Read Standard (Information Architects)


5. Five simple steps to better typography (Mark Boulton)


6. Tipografi (Ardianzzz)

Mari Tukaran Link

Tukaran Link merupakan sebuah upaya kita untuk memperkenaklan web site kita kepada teman-teman. Fungsinya sangat bermanfaat bangat buat web site kita. Salah satunya yang dapat saya berikan yaitu dimana web site kita nantinya akan lebih mudah dijelajah oleh orang lain disaat mereka sedang membuka web site teman kita dimana link kita sudah ada di sana. Nah secara otomatis link kita telah direkomendasikan untuk dikunjungi.
Nah jika teman-teman tertarik untuk tukaran link dengan saya, silahkan isi form ini.

Saya akan link kembali ke blog/web site anda.

Form Link Exchange Silahkan Kirimkan pesan kepada kami umtuk melakukan "Link Exchange". Kami akan segera memberi konfirmasi kepada anda lewat e-mail.

E-mail *

*Isi dengan E-mail yang valid

URL Web Site/Blog *

*Wajib diisi

Pesan *

<br /> *Silahkan tulis pesan anda, jika perlu.

Image Verification Please enter the text from the image: [Refresh Image] [What's This?]

Powered byEMF Web Form

Report Abuse

Cara Mudah Membuat Tabel/Table HTML di Posting Blog/Website

Membuat tabel/table HTML di posting di blog memang agak rumit, karena dibutuhkan banyak atribut dan tag yg apabila keliru atau kelewat sedikit saja bisa merusak tampilannya. Namun, bagaimanapun juga, tabel/table tetap dibutuhkan agar posting/artikel yg berisi detail tertentu dapat tersusun dengan baik. Selain itu, pembaca pun dapat membaca serta memilah dan memilih bagian yang dibutuhkan dengan

Pendekkan/Sembunyikan URL Dengan URL-Shortener (20 SItes-Update)

Memendekkan/menyembunyikan URL/link memiliki banyak manfaat, diantaranya adalah url terlihat rapi dan tidak terlalu memakan baris. Selain itu, bagi anda yang memiliki banyak link affiliasi/referral, menyembunyikan url affiliasi/referral yang sebenarnya dapat meningkatkan jumlah klik ataupun kunjungan. Gunakan layanan URL-shortener dari 20 situs (last update) yang berhasil saya kumpulkan di

Just Another Facebook Note........

Jika harus dinoktahkan lagi dalam bentuk kata-kata, maka yang ada adalah lenguhan tak bermakna. Tapi biarlah....aku tuliskan saja.

"Mengolah Rasa" atau "Mengolah Kepala" atau "Mengolah Keduanya"?

Seperti yang telah aku pelajari dulu, dari kehidupan, dari pertikaian, dari percintaan.... Rasa berwujud Gelora...... Rasa adalah hal yang tak bisa diukurkan dengan hitungan matematis dan semua

Cara Membuat Fungsi Scroll pada Arsip Blog

Hai sobat blogger. Lama tidak bertemu lewat postingan membuat saya sangat kepingin sekali memberikan tips lagi kepada teman-teman di sini. Namun sebelumnya saya meninggalkan blog ini karena ada kesibukan lain di SINI.

Dengan ini saya akan kembali memberikan tips dan trik kepada sobat blogger. Kali ini saya ingin memberikan tips untuk membuat fungsi scroll pada Arsip blog. Seblumnya anda sudah tau kan yang namany arsip blog?. Jika belom, anda dapat melihatnya pada blog anda. Biasanya namanya iatu Archive atau Arsip Blog. Nah jika sobat blogger sudah kenal dan mempunyai Arsip Blog pada blog anda, silahkan setting dia (Arsip Blog) menjadi lebih menarik, yitu dengan membuat dalam bentuk fungsi scroll. 

Caranya bagaiman?, ikuti langkah berikut ini.

1. Login ke blogger dengan Akun anda

2. Pilih Rancangan

3. Kemudian, pilih Edit HTML

4. Silahkan cari kode seperti ini <div id='ArchiveList'> atau Archive

5.  Setelah ketemu, silahkan perhatikan barisan kode di sekitarnya

6.  akan terlihat kode seperti kode di bawah ini.

<div style='overflow:auto; width:ancho; height:100px;'>

<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>

• Jika kode seperti di atas ada dalam kode script blog anda, tambahkan kode yang berwarna Merah dan lakukan pengeditan.

• Dan jika kode tersebut tidak ada dalam kode script blog anda, silahkan coba2 letakkan kode diatas di bawah kode yang anda cari tadi, kemudian lakukan PRATINJAU. Jangan langsung diSave.

7. Jika semua langkah di atas telah benar. Silahkan Simpan Template

Fitur-Fitur Terbaru Blogger/Blogspot 2011, Very Cool!

Blogger memang terbilang sangat inovatif dan selalu memberikan layanan blogging yang prima serta terus meningkatkan kualitas dan menambah fitur-fiturnya. Apalagi, Blogger adalah satu-satunya layanan blog gratis yang membebaskan user untuk menggunakan serta mengaplikasikan trik dan hack yang tak terbatas! That's why I love Bogger so much!
Tahun ini Blogger memberikan lagi fitur-fitur barunya

Fitur/Widget Follow by Email Kini Hadir di Blogger

Blogger/Blogspot kini meluncurkan fitur baru lagi, yaitu widget Follow By Email yg tentu saja akan semakin mengimprove/meningkatkan performa blog. Pembaca blog dapat mengikuti perkembangan blog tidak hanya melalui Friend Connect atau berlangganan lewat RSS, namun dapat pula secara langsung melalui fitur Follow by Email ini.
Cara memasang widget/gadget Follow By Email:1. Masuk ke Dashboard.2. Klik

Foto-Foto SuperMoon dari Beberapa Belahan Dunia

Super moon adalah fenomena mendekatnya orbit bulan dengan bumi lebih dari biasanya. Fenomena ini terjadi 18 tahun sekali dan peristiwa yang terakhir terjadi adalah pada tanggal 19 Maret 2011 kemarin. Beberapa hari menjelang fenomena SuperMoon dan sesudahnya, hari akan terasa sangat panas karena matahari juga akan lebih dekat ke bumi dari biasanya.Sayangnya, dari tempat saya, semalam bulan

Serbuan ‘Line Break’ Tag

Line break merupakan sebuah tag HTML yang memaksa baris karakter atau kata diletakkan pada baris baru—biasanya ditulis dengan <br>. Dalam blogger, tidak jarang ditemukan posting blog yang menggunakan tag <br>—termasuk optimasi blog. Sekarang, coba perhatikan dua contoh posting di bawah ini :

<span class="awal">K</span>etika kita menulis suatu blog yang lumayan panjang, scroll halaman pun akan semakin lama.  Kadang yang membaca ingin pula buru-buru untuk menyelesaikan bacaannya, namun ada kalimat yang harus dipahami sebelumnya.  Kebetulan kalimat tersebut berada di paragrap pertama (atas).  Repot juga muter scroll mouse atau sekedar menggeser bar yang letaknya dikanan halaman browser.  Seandainya ada satu shortcut yang tersedia dalam blog, kemungkinan hal di atas bisa diminimalisasi.  Nah, itu yang namanya fasilitas "Back to Top" atau kembali ke atas.<br />

<br />
Bagaimana <i>trik blogger</i> untuk menambah fasilitas itu, OB?  EGP (emang gue pikirin), mungkin itu jawaban ketus OB ketika ditanya pas sakit gigi atau sariawan 5 biji.  Alhamdulillah, sekarang OB tidak sakit gigi <span class="amp">&</span> sariawan.  Sebenarnya <b>trik blogger</b> membuat "Back to Top" ini merupakan rekomendasi dari mas Rudi (<a href="http://rudyazhar.com/">Blog Rudi Azhar</a>) yang merupakan salah satu admin <a href="http://optimasi-blog.blogspot.com/">optimasi blog</a>.<br />
<br />
<b>Cara I :</b><br />

<p>Beberapa bulan yang lalu, Blogger telah mengumumkan <a href="http://bloggerindraft.blogspot.com/2010/11/more-fonts-means-more-choice.html">beberapa font baru</a> untuk desainer template. Ya, beberapa bulan yang lalu itu hanya dapat diakses dari Draft Blogger. Kemarin, Blogger tidak hanya diluncurkan Font Web untuk SEMUA pengguna Blogger, tetapi juga mengumumkan bahwa mereka telah menambahkan 35 font tambahan untuk campuran, untuk total 77 grand font!</p>
<p>Siap untuk mendapatkan pengalaman dengan pilihan font baru?<br />
Cukup masuk ke tab Advanced Designer Template Blogger untuk blog Anda, pilih jenis teks yang ingin perubahan (Post Title, Judul Blog, dll) dan klik pada salah satu Font Web baru untuk pratinjau. Jangan khawatir, tidak akan ada perubahan di blog Anda sampai Anda memilih "Terapkan ke Blog", dan ini berarti Anda dapat bermain-main dengan semua font dan hanya beralih bila Anda siap.</p>

Kedua contoh di atas diambil dari blog ini—yah, hanya dengan membuka salah satu posting, kemudian tekan Ctrl + u secara bersamaan. Nah, berdasarkan kedua contoh tersebut menurut Anda “mana yang lebih baik?”

Saya tidak membahas tentang semantik & aksesibilitas atau apalah namanya, karena bukan ahli di bidang ilmu itu. Ruang lingkup hanya dibatasi pada kebiasaan dalam melakukan posting di blogger.

Timbulnya Line Break

Pertama, tag <br> akan muncul otomatis saat menekan tombol Enter (↵). Ketika kita ingin membuat baris baru, maka secara naluriah akan menekan 1× enter. Hal ini sebanding dengan saat kita ingin membuat paragrap baru, maka akan menekan 2× enter. That's right?

Ketiklah sebuah postingan, kemudian tekan tombol enter. Apa yang akan terjadi setelah itu? 
-- Enter -- 
Ternyata tercipta baris baru..

Hasil dari penulisan di atas, mungkin akan terlihat seperti di bawah ini :

Ketiklah sebuah postingan, kemudian tekan tombol enter.  Apa yang akan terjadi setelah itu? 
<br/> 
Ternyata tercipta baris baru..

Kedua,—sudah tentu dimasukkan secara sengaja oleh penulis posting sendiri. :)

Minimalisasi Line Break

Biasanya, kita membuat posting dalam metode Compose. Cara ini merupakan cara yang mudah dan aman untuk membuat bentuk postingan sesuai dengan keinginan, tapi tidak dengan tag HTML-nya. So, membiasakan penggunaan metode Edit HTML dalam membuat suatu posting, mungkin lebih baik.

Terkadang kita menyandingkan, bahwa membiasakan dengan memaksa merupakan kata yang sama.

Manfaatnya—selain membuat tulisan di blog, kita juga sedikit belajar tentang penggunaan markup HTML—walaupun hanya sekedar menulis <p>, <br>, & </p>.

Waspada terhadap gerakan refleks untuk menekan tombol Enter (↵), “oops, tidak sengaja”. Bukankah lebih baik membiasakan sesuatu dengan hal-hal yang baik pula?

Tag HTML <p> merupakan awal penulisan yang tidak jelek dalam postingan. Biarkan <p> menguasai aliran kata demi kata sampai membentuk sebuah paragrap yang sempurna—jangan lupa mengakhirinya dengan </p>. Kemudian letakkan kembali <p> & susun kata-kata yang berhubungan dengan paragrap tersebut—akhiri lagi dengan tag </p>. It's beautiful!. Coba rasakan bedanya apabila kita menulis postingan—ketika sebuah paragrap selesai diketik, ditindaklanjuti dengan menekan enter sebanyak 2×. Disisi lain, atribut p dalam CSS template bukan sekedar pajangan, namun mungkin memiliki arti yang mendalam bagi si pembuatnya & bermanfaat bagi pemakainya.

Dengan demikian, sedikit–banyaknya kita telah berusaha meminimalisasi serbuan Line Break tag (<br>) dalam postingan di blog. Selain itu, setiap posting yang bagaimanapun atau seperti apapun mempunyai arti tertentu, selama pembacanya memperoleh manfaat dari posting tersebut. Posting yang memiliki arti mungkin akan lebih berarti, jika kita sedikit meluangkan waktu untuk memperhatikan markah yang terkandung di dalamnya. Kaidah-kaidah markup HTML yang sangat sedikit di atas, mungkin hanya ‘snack’ atau bahkan menohok ke ulu hati kita. It's your choice!.

Inspirasi Tulisan

Berikut ini beberapa artikel menarik yang mendorong penulis menerbitkan posting Serbuan ‘Line Break’ Tag.

• Untuk pemberi tutorial di blogspot katanya bisa HTML tapi memposting semantic saja tidak pernah diterapkan (Hendro Prayitno dalam Blogger admin)


• Tanda baca (ArdianZzZ dalam ardianzzz.com)

Sejarah Singkat Blog dan Blogging

Sobat, tentu saja sejarah blog dan blogging ini tidak akan dituliskan dengan panjang lebar, meskipun sebenarnya ada proses yang tidak bisa dibilang singkat. Garis besar artikel ini adalah untuk memberikan gambaran bagaimana blog dan dunia blogging bisa terbentuk. Paling tidak kita bisa tahu apa latar belakang dan motivasi blogging pada waktu itu dan juga bisa bertanya pada diri sendiri tentang

Cara Membuat 'Email Subscriber' pada Blog

Seperti yang anda lihat pada gambar di kiri, anda pasti sudah mengerti apa yang akan saya berikan pada tips ini. Form tersebut fungsinya adalah untuk mempermudah para pembaca blog kita agar bisa berlangganan atau mendapatkan info terbari postingan kita melalui email mereka. Jadi jika memposting artikel baru maka para pelanggan/pembaca yang sudah memasukkan email mereka melalui form tersebut akan secara otomatis mendapatkan kiriman email yang berisi postingan terbaru kita. Nah mau kan anda memberikan postingan terbaru anda kepada pengunjung blog anda?.

Jika berminat silahkan juga Subcribe email anda kepada saya. Likat Formnya di sebelah kanan.

Oke gampangkan ngertinya?. Untuk cara membuatnya, silahkan ikuti langkah berikut ini.

1. Kunjungi Situs Ini

2. Saat anda sudah berada dalam situs itu, anda akan diberikan sebuah kolom untuk mengisikan alamat Feed Blog kamu.

3. Alamat Feed Blog kamu akan tampak seperti ini http://NAMABLOGMU.blogspot.com/feeds/posts/default.

Ganti tulisan "NAMABLOGKAMU" dengan alamt blog anda.

4. Isikan nama feed blogmu tadi dalam kotak yang disodorkan tersebut, jika blogmu itu isinya hanya video2 maka beri tanda centang pada kotak "I am a podcaster", jika tidak ya gak usah dicentang. Kemudian klik tombol "next" seperti gambar ini

                                 

5. Setelah itu kamu akan disodori lagi dengan form pendaftaran, isikan data-data  yg diperlukan disana, trus klik tombol "Activate Feed"
6. Nha kalo berhasil nanti akan ada informasi "Congrats! your ......".
7. Dibawahnya akan ada tombol "Next" dan link "Skip directly to feed management" kali ini pilih yang link "Skip directly to feed management", sebenarnya lewat tombol "next" bisa sih tapi biar seru kita lewat jalan lain aja.8. Kemudian nanti akan ada beberapa menu, kali ini pilih menu "Publicize"
9. Setelah itu disebelah kiri akan muncul beberapa menu. PIlih menu "Email Subscriptions".
10. Kemudian klik tombol "Activate"
11. Nha setelah itu nanti akan ada beberapa kotak yang berisi kode2. Nha kalo km pinginnya yang berbentuk form maka pilih kode yang ada di kotak "Subsciption Form Code".
12. Copy kode yang ada dalam kotak tadi, trus klik tombol "Save" untuk mengaktifkan layanan tersebut.

Cara pasangnya

1. Login ke blogger dengan akun anda

2. Pilih Rancangan

3. Pilih Elemen Laman

4. Silahkan anda memilih HTML/JavaScript

5. Nah Pastekan kode yang sudah anda Copy tadi. 

6. Kemudian silahkan diSave

Cara Menampilkan Widget Off/On YM

Semua blogger di dunia ini pasti sudah mempunyai YM (Yahoo Messanger), terkecuali saya. (hehehehh...). Maka untuk itu tips kali ini saya akan memberikan tips untuk menampilkan widget off/on YM kita pada blogger.
Ok Langsung aja, Contohnya akan seperti ini, jika status kamu offline maka gambarnya akan seperti ini :



trus jika kamu online maka iconya akan berubah seperti ini:


Oke sobat blogger mungkin sudah mempunyai gambaran yah?. Jika sobat blogger berminat, langsung saja ikuti tips dan triknya di bawah ini:

1. Login ke blogger dengan Akun anda.
2. Pilih Rancangan
3. Kemudian pilih Tambah Gadget
4. Lanjut dengan memilih HTML/Javescript
4. Letakkan kode script ini di kotak scriptnya

<a href="ymsgr:sendIM?kartajaya25"> <img src="http://opi.yahoo.com/online?u=kartajaya25&amp;m=g&amp;t=2&amp;l=us"/>
</a>

Ganti tulisan Kartajaya25 dengan ID YM anda.
6. Kemudian Save
Selesai deh. Selamat mencoba semoga bermanfaat.

Cara Membuat Kotak dalam Fungsi Scroll

Fungsi scroll adalah sebuah tolls untuk memperpendek sebuah kotak atau halaman. Dimana tolls ini dapat kita geser ke bawah atau ke atas. Untuk lebih jelasnya anda dapat lihat padaa layar monitor anda di sebelah kana paling pinggir. Atau lihat ganbar seperti di bawaini.

Lihat tanda panah yang berwarna merah di atas. Itu adalah merupakan fungsi scroll. Sejkarang teman-teman sudah tau kan seperti apa fungsi sroll itu?.
Untuk lebih jelas lagi silahkan kunjungi tulisan saya di SINI.
sekarang langsung saja kita ke pokok permasalahannya.

1. Login ke blogger dengan Akun anda
2. Pilihj Rancangan
3. Pilih Tambah Gadget
4. Silahkan pilih HTML/Javasript
5. Letakkan kode berikut ini di kotak scriptnya

<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 200px;
text-align: center; ">

#link1 <br />
#link2 <br />
#link3 <br />
#link...

</div>

Silahkan anda ganti tulisan yang berwarna merah dengan tulisan atau link yang akan anda letakkan di dalam kotak tersebut.
<br/> adalah kode HTML dari Enter, kode ini akan membuat link atau tulisan anda berurutan ke bawah.
- Kode width: 200px; dan height: 200px; adalah ukuran lebar dan panjang kotak, kamu bisa merubahnya dan menyesuaikanya dengan ukuran yg kamu suka.
6. Kemudian Save.

Membuat Menu Dtree

Hai sobat blogger? apa kabar?. Setelah sekian lama saya tidak memberikan tips, kali ini saya akan memberikan anda tips yang menyangkut dengan tips untuk membuat barisan Menu. Setelah sebelumnya saya sudah memberikan tips yang hampir sama dengan tips ini, yaitu:
1. Jquery Multilevel Menu Nagigasi
2. Menu Navigasi Green Library
3. Membuat Menu Navigasi Horizontal
4. Atau lihat DISINI.
Nah judul pembahasan kita kali ini adalah cara membuat menu Dtree. Mungkin sobat blogger masih ada yang belum mengerti apa itu menu Dtree. Oke sekarang saya ingin memberikan sedikit penjelasan tentang menu Dtree. Menu Dtree adalah menu yang memiliki struktur seperti pohon, yang punya cabang-cabang. Seperti Kalau misalnya kitamembuka windows Explorer.
Menu Dtree ini sangat berguna jika kamu memiliki postingan yang buanyak, karena dengan menggunakan menu Dtree maka akan bisa menghemat space/ruang yang ada di blogmu. Oke dengan penjelasan yang kurang jelas ini, sobat blogger dapat mengerti yah?. Untuk lebih jelasnya, ikuti langkah-langkah berikut



1. Login ke blogger dengan Akun anda.
2. Pilih Rancangan pada dasbor blog anda.
3. Kemyudian pilih Edit HTML
4. Cari kode seperti ini <head> dan letakkan kode berikut di atas kode tersebut

<link rel="StyleSheet" href="http://www.geocities.com/uddin_81/dtree.css" type="text/css" /> <script type="text/javascript" src="http://www.geocities.com/uddin_81/dtree.js"></script>

5. Terus Simpan Template
6. Setelah itu, silahkan anda pilih Elemen Laman
7. Pilih Tambah Gadget
8. Pilih lagi HTML/Javasript
9. Letakkan kode berikut ini dalam kotak scriptnya.

<div class="dtree">
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'My example tree');
d.add(1,0,'Node 1','link.html');
d.add(2,1,'Node 1.1','link.html');
d.add(3,2,'Node 1.1.1','link.html');
d.add(4,3,'Node 1.1.1.1','link.html');
d.add(5,0,'Node 2','link.html');
d.add(6,5,'Node 2.1','link.html');
d.add(7,5,'Node 2.2','link.html');
d.add(8,0,'Node 3','link.html');
d.add(9,0,'Node 5','link.html');
document.write(d);
//-->
</script>
</div>

Hal yang harus dilakukan:
- Ganti tulisan "link.html" dengan link kamu (judul posting kamu).
- Angka yang pertama harus unik tidak boleh ada yang sama (d.add(1,0,’Node 1’,’link.html’);
- Angka yang kedua merupakan cabang dari angka pertama (perhatikan angka-angka yang memiliki warna sama).

- Kamu bisa mengganti icon-iconnya dengan icon kamu sendiri, contoh scriptnya akan seperti ini:

d.add(10,0,’Profile’,’link.html’,’’,’’,’http://kendhin.890m.com/dtree/trash.gif’);

ganti kode yang berwarna merah di atas dengan ikon yang  akan anda gunakan.
10. Kemudian Save.
Selesai. Semoga bermanfaat.

Foto Unik Sule "Opera Van Java"

Tentunya anda tak asing lagi dengan nama Sule yang sering anda lihat di layar kaca lewat acara Trans 7, Opera Van Java. Kekocakan serta kreativitasnya dalam dunia layak tak pelak membuat karirnya semakin menanjak. Tak heran dirinya mulai merambah dunia tarik suara, lagu berjudul "Susis" ( Suami Sieun Istri ) dan Bola Salju merupakan lagu yang dibawakan pelawak asal Jawa Barat ini. Ketenarannya ini membuat para pegiat dunia maya mulai mengutak-atik gambar maupun foto dirinya. Beragam foto dimanipulasi untuk membuat karakter Sule semakin menarik, beberapa diantaranya sebagai berikut :

Gimana jadinya bila Justin jadi kayak gini ???

 

Sule Sutisna

Valentino "Sule" Rossi

Sule jadi James Bond !

F4 Ala Opera Van Java

Sun Go Kong-nya Sule, Azis Gagap jadi Pat Kay

Ini dia.... Uchiha SaSULE !!!

Bahkan Game Online pun dirambah juga

The Legend of  Sule

Masih banyak lagi foto-foto Sule yang beredar di dunia maya, dari yang unik, lucu, ngegemesin ampe yang amit-amit juga ada. Dibalik itu semua, Saya akui memang Akang Sule ini merupakan artis yang multitalent. Tak hanya dunia lawak, bidang tarik suara pun juga telah membuat namanya semakin terkenal. Good Luck Sule !!!

Brotherhood and Sisterhood, One Family, One Family!

Haven't I seen you somewhere before?

Hanging out on the stage on or on the dance floor

Trying to be a part of what you see

Brotherhood and Sisterhood - One family!

One Family, One Family!
.................                            (Warzone)
Sepenggal lirik dari Warzone, sebuah band old-school hardcore kawakan, yang ternyata memiliki makna yang sangat dalam. Yah, sekedar membuat catatan

Kumpulan Emoticon/Smiley Keren untuk Chatting di Facebook

Setelah memberikan sedikit contoh emoticon/smiley untuk chat box (chatting) Facebook di dalam Trik Simbol Rahasia Facebook, Keren dan Unik (Bagian 1),  berikut ini adalah koleksi lengkap emoticon Facebook dan cara membuatnya. Gunakan tombol keyboard di PC ataupun keypad di hand-phone. All works.Enjoy!

:42: = Number 42, Apa arti angka 42?

<(") = Penguin


 (^^^) = Shark
:)  atau :-)  atau

Kenakanlah Jilbab Hai Wanita !

JILBAB, atau terkadang dikatakan kerudung. Sesuatu yang seharusnya wajib dikenakan bagi seorang Muslimah. Dimana jilbab itu untuk menutupi aurat mereka yang tentunya akan mengundang nafsu bagi pria jika aurat mereka malah diumbar dengan bebas. Namun melihat realita sekarang, justru para muslimah lebih suka memamerkan aurat mereka dengan alasan yang bermacam-macam, antara lain :

Biar dibilang seksi
 
Tampak lebih cantik bila tak memakai jilbab

Gerah bila memakai jilbab

Takut gak laku-laku

Belum siap memakai jilbab

Takut dianggap kuno

Takut dikatakan sok suci


Dan tentunya masih banyak alasan-alasan yang lain yang bisa dikatakan terlalu mengada-ada. Kita bisa melihat di sekitar kita, bagaimana para muslimah yang telah mengumbar aurat mereka dengan berbagai model pakaian. You can see, tank top, rok mini, sepertinya sudah mereka anggap sebagai pakaian yang wajib dimiliki. Mereka ingin tampil memukau di hadapan para pria. Bagaimana mereka bisa memamerkan bagian-bagian tubuh yang mereka anggap sebagai suatu kebanggaan tersendiri. Bagi para pria, tentunya hal ini merupakan rejeki untuk mereka, bisa melihat sesuatu yang harusnya tertutupi. Mereka tak segan untuk memandangi pemandangan indah ini berjam-jam.

Alangkah Cantiknya...

Maka tak heran, angka tindak perkosaan juga makin meningkat karena sebenarnya para pria pun tak mungkin berlaku menyimpang jika memang tak ada kesempatan. Benar apa yang dikatakan Bang Napi ( Kejahatan tidak hanya terjadi karena niat pelakunya, tapi juga karena ada kesempatan ) Bila para wanita tidak mengumbar aurat mereka, tentunya para pria juga kecil kemungkinannya untuk berbuat yang tidak baik kepada para wanita. Maka bagi para wanita, kenakan jilbabmu !

Selain indah dipandang, itu juga menyelamatkan kalian dari fitnah. Derajat kalian juga bisa terangkat dengan mengenakan jilbab, karena akan membuat image anda sebagai wanita baik-baik. Tapi bila anda memakai pakaian yang serba mini, tentu para pria bisa saja mengatakan anda sebagai Pelacur !

Trik Simbol Rahasia Facebook, Keren dan Unik

Bro and sist, berikut ini adalah trik-trik rahasia Facebook untuk menampilkan simbol.gambar tertentu. Menarik sekali, karena ternyata Facebook memiliki banyak kejutan yang akan muncul ketika kita menekan beberapa tombol keyboard ataupun mengetikkan kombinasi karakter tertentu. Yah, mungkin istirahat sejenak dari blog dan bermain dengan Facebook akan menyenangkan.
Mungkin sebagian bro and sist

Tips Saat Anda Ingin Beralih Pekerjaan

Tak dapat dipungkiri, ditengah kondisi ekonomi yang kian rumit, orang banyak memilih untuk beralih ke profesi yang dianggap bisa membuatnya cepat kaya. Meskipun kita tahu bahwa semua pekerjaan itu sulit dan butuh perjuangan. Tidak ada sesuatu yang didapat tanpa adanya perjuangan dan pengorbanan.. ( meskipun kita tahu masih ada faktor keberuntungan yang bisa membuat perubahan dalam hidup seseorang ).

Di bawah ini adalah tips-tips bagi anda yang ingin beralih profesi :

1. Buatlah daftar minat anda.
Dari begitu banyak jenis pekerjaan yang ada, pilih dan pilah yang menurut anda sangat cocok dengan kemampuan, bakat, niat dan keinginan anda.


2. Gali lebih dalam minat terbesar anda.
Normalnya seorang pekerja / karyawan bekerja 8 jam dalam sehari. Terlepas dari pekerjaan, cari tahu lebih dalam tentang aktivitas yang sangat anda gemari, menulis buku misalnya, sehingga anda begitu senang menjalani aktivitas maupun pekerjaan itu.

3. Buat daftar pekerjaan idaman.
Tujuan dari membuat daftar pekerjaan idaman ini tak lain untuk memandu anda dalam perjalanan pencarian karir yang anda inginkan. Sehingga pekerjaan yang nantinya didapatkan akan sesuai dengan minat, bakat dan keinginan anda.

So, mulailah dari sekarang, menunda-nunda waktu akan membuat anda terpedang oleh waktu, pergunakan waktu yang ada dengan penuh manfaat. Good Luck !

Tempat Upload/Hosting File Javascript (js): Loading Cepat, Untuk Pribadi

Upload dan hosting file javascript (js) dengan loading cepat - khusus untuk pribadi.
Seringkali jika akan menginstall atau memasang widget ataupun hack di blog, kita menggunakan file js yang telah di upload dan dihosting oleh pemberi script/tutorial. Atau jika tidak, biasanya kita diminta untuk mengupload dan menghosting file .js-nya sendiri. Permasalahannya, terkadang loading halaman (page

Cara Membuat Auto Read more (Thumbnails) Blogspot V2

Script auto readmore blogger/blogspot dengan thumbnails (gambar preview) ini adalah penyempurnaan dari script auto readmore V1, di mana ditemukan adanya masalah pada halaman statis. Ketika halaman statis ditampilkan, auto readmore ikut muncul, sehingga harus diberi pengecualian (b if cond & b else) untuk static pages pada scriptnya. Selain itu, javascript dlm auto readmore ini juga bersifat

Panduan Gratis Cara Membuat Blog | Website | Situs Langkah 1

Tutorial Di bawah ini bisa saja di pakai untuk belajar cara membuat blog / website / situs
Pastikan Anda sudah mempunyai E-mail Bisa email dari yahoo, ymail, rocketmail, in.com, hotmail, gmail dll.. Hanya 3 langkah untuk CARA MEMBUAT BLOG/WEB/SITUS Full GRATIS….

1. Pendaftaran Domain
2. Pendaftaran Hosting
3. Install Script

Contoh :

* Buatsitus.co.cc
* Bob85.co.cc



Ingat tutorial ini FULL GRATIS tanpa di pungut biaya apapun…
1. Jika tertarik langsung saja daftar melalui link di bawah ini untuk daftar DOMAIN GRATIS

Daftar Klik Segera Disini

2. Tuliskan Nama Domain yang anda sukai atau anda inginkan. misalnya : namaku, buatsitus dll. Masukan Tanpa www
Kemudian Klik Tombol : Check Availability
Setelah itu jika anda beruntung anda dapat memperoleh domain gratis seperti dibawah ini:

• www.bob85.co.cc is available
• One year domain registration for $0
• lanjutkan ke klik : Continue to registration

Tetapi jika yang muncul adalah  pemberitahuan seperti ini :

• www.membuatsitus.co.cc is available
• One year domain registration for $3
• Berarti kamu harus membayar $3, kalau memang kamu butuh nama domain tersebut, boleh kamu membelinya, menggunakan paypal atau credit card. Tapi jika tidak, ulangi masukan nama domain kamu dengan nama yang lain,
• Dengan Klik Getting A New Domain.

Tetapi jika muncul pemberitahuan seperti ini :

• www.buatsitus.co.cc is already registered
• hal ini menandakan bahwa domain tersebut sudah dimiliki orang lain, namun jangan khawatir silakan coba ulangi masukan nama domain kamu dengan nama domain yang lain. atau dengan memilih / Klik domain yang  disediakan di bawahnya seperti ilustrasi dibawah dengan harga FREE..

• Silakan coba berulang-ulang kali jika masih tetap belum menemukan domain kesukaan anda yang gratis. Sampai anda menemukan bahwa domain tersebut “ is available dan $0…” Untuk mempermudah anda mendapatkan domain gratis di co.cc kami menyediakan beberapa tips GRATIS, silakan baca tulisan di bawah ini.

Tips daftar domain di co.cc:

• Coba hindari kata2 berbahasa inggris  seperti : website, home, backlink, bookmark, tool… (biasanya meskipun bisa, tapi pasti harus bayar $3)
• Coba gunakan kata2 berbahasa indonesia  : bikinwebgratis, anakbelajar, mencariilmu, belajarbuatblog… atau menggunakan strip (-) contoh : buat-web-gratis, belajar-blog-gratis, nama-sendiri, jualan-pulsa, download-mp3, komik-naruto, dll ( menurut saya jika kamu tetap tidak dapat domain yang kamu inginkan, coba gunakan nama domain asal-asalan misal : gajahfluburung, inginkayamendadak, siapakamu, googleku,  juga bisa menggunakan kata2 kombinasi huruf dan angka : sepatu26, membuatsitus88, jokotingkir21, yuseprukmana25 dll, yang penting  pada tahap ini kamu bisa dan tahu dulu cara mendapatkan domain dan hosting )

3. Kalau sudah dapat is available dan $0… Klik Continue to Registration :

4. Silahkan klik : Create An Acount Now

5. Lengkapi Data-data anda sesuai dengan indentitas, Harus di isi dengan benar ya .

• Nama lengkap
• Alamat Email
• Tanggal Lahir
• Password

(Data-data diatas Harus Dicatat di Notepad atau Ms Word Karena nanti akan sangat diperlukan) Username Password Langkah 1

Account Information

(kalau yang di bawah ini boleh asal tapi harus di isi)

• Alamat rumah
• Kota
• Negara
• No Tlp
• Dll

6. Klik centang dan tombol CREATE AN ACCOUNT NOW

7. Masukan username dan password yg kamu buat kemudian masukan gambar tulisan seperti diatas..

SIGN IN >> ikuti sampai SETUP..

8. Setup lagi kemudian pilih nomor 1 (nameserver)

9. Masukan nameservernya dari Hostingforfree (karena nanti kita akan daftar hosting disini)

• ns1.hostingforfree.us
  
• ns2.hostingforfree.us

10. Kemudian klik SETUP, hati2 jangan salah masukan Nameserver ini karena salah satu huruf saja akan berakibat tidak akan ONLINE website kamu.
Kalo berhasil silahkan lanjutkan ke pendaftaran hosting, tp jika belum berhasil coba ulangi lagi tahapannya karena sebagian besar ternyata berhasil,, kira2  sekitar 1800 orang/bulan yg berhasil membuat DOMAIN dengan tutorial yg saya berikan ini.. SEMANGAT

Bersambung..........