Roxx Share

Add to Gadget - HTML/JavaScript secara otomatis (add to blogger) Mungkin posting kali ini yang kalian tunggu2... (Lebay mode: on) ah... masa sih... coba liat deh semua widget (lihat disini) blogger yang aq buat pasti mempunyai gambar sedemikian rupanya. Sebenarnya gambar yang bertuliskan "Add to Blogger" yang berarti "tambahkan ke bloggger" adalah sebuah tombol Page Element Content yang mengarahkan pada tab halaman baru jendela browser kalian yang berisikan content atau isi suatu elemen widget. Untuk lebih jelasnya silahkan lihat gambar dibawah ini :

Berikut ini adalah Generator Add to Blogger Button yang mempermudah kalian membuat suatu tombol widget. Cara penggunannya sangat mudah masukkan Judul widget yang diinginkan dan Script yang mau dipasang sebagai Widget. Selamat Mencoba :)

Add to Blogger Button Generator

Judul Widget
Url Blog
Url Logo
Script Widget

<form action="http://www.blogger.com/add-widget" method="POST"><input type="hidden"  name="widget.title" value="titlevalue"/><input name="widget.content" type="hidden"  value="widgetcontentvalue" /><input name="widget.template" type="hidden"  value="<data:content/>" /><input type="hidden" name="infoUrl"  value="infoaddress"/><input type="hidden" name="logoUrl" value="logoaddress"/><input  alt="Add to Blogger" src="http://lh5.ggpht.com/_TWC8zfBIdik/TCRxjTpnEfI/AAAAAAAAA9M/m1mbNOKQrLU/addtoblog.png" type="image" /></form>

Widget Recent Post With Thumbnail Version 3

2012-02-09T14:40:00.004+07:00

Widget Recent Post With Thumbnail Version 3

Name	:	Widget Recent Post With Thumbnail Version 3
Platform	:	Blogger
Widget Designed	:	Roxx
Installation	:	Put widget any gadget

Install :

Widget Recent Post With Thumbnail Version 3

META TAG Generator

2012-02-08T03:55:00.000+07:00

META TAG Generator

Title:
Author:
Abstract:
Description:
Keywords:
Content Type:
Copyright:
Placename:
Country:
Google Bot:
MSN Bot
Language:
Revisit-After:
Distribution:
Robots:

META TAG Generator

HTML - Marquee

2012-02-07T00:59:00.000+07:00

HTML - Marquee

Sample:

MARQUEE STANDAR

code:

<marquee>MARQUEE STANDAR</marquee>

Sample:

MARQUEE BEHAVIOUR-SCROLL DIRECTION-RIGHT

code:

<marquee behavior="scroll" direction="right">MARQUEE BEHAVIOUR-SCROLL DIRECTION-RIGHT</marquee>

Sample:

MARQUEE BEHAVIOUR-SCROLL DIRECTION-UPMARQUEE BEHAVIOUR-SCROLL DIRECTION-DOWN

code:

<marquee behavior="scroll" direction="up">MARQUEE BEHAVIOUR-SCROLL DIRECTION-UP</marquee>

<marquee behavior="scroll" direction="down">MARQUEE BEHAVIOUR-SCROLL DIRECTION-DOWN</marquee>

Sample:

MARQUEE BEHAVIOUR-ALTERNATE (MEMANTUL)

code:

<marquee behavior="alternate">MARQUEE BEHAVIOUR-ALTERNATE (MEMANTUL)</marquee>

Sample:

MARQUEE BEHAVIOUR-SCROLL DIRECTION-LEFT SCROLLAMOUNT-1
MARQUEE BEHAVIOUR-SCROLL DIRECTION-LEFT SCROLLAMOUNT-5
MARQUEE BEHAVIOUR-SCROLL DIRECTION-LEFT SCROLLAMOUNT-10
MARQUEE BEHAVIOUR-SCROLL DIRECTION-LEFT SCROLLAMOUNT-15
MARQUEE BEHAVIOUR-SCROLL DIRECTION-LEFT SCROLLAMOUNT-20

code:

<marquee behavior="scroll" direction="left" scrollamount="1">MARQUEE BEHAVIOUR-SCROLL DIRECTION-LEFT SCROLLAMOUNT-1</marquee> <marquee behavior="scroll" direction="left" scrollamount="5">MARQUEE BEHAVIOUR-SCROLL DIRECTION-LEFT SCROLLAMOUNT-5</marquee> <marquee behavior="scroll" direction="left" scrollamount="10">MARQUEE BEHAVIOUR-SCROLL DIRECTION-LEFT SCROLLAMOUNT-10</marquee> <marquee behavior="scroll" direction="left" scrollamount="15">MARQUEE BEHAVIOUR-SCROLL DIRECTION-LEFT SCROLLAMOUNT-15</marquee> <marquee behavior="scroll" direction="left" scrollamount="20">MARQUEE BEHAVIOUR-SCROLL DIRECTION-LEFT SCROLLAMOUNT-20</marquee>

Penggunaan gambar pada tag marquee:

<- Mogok

HTML - Marquee

JQuery Editor

2012-02-06T06:11:00.004+07:00

JQuery Editor

JQuery Editor

Cara membuat Widget Float Right Auto Hidden

2012-02-04T06:48:00.000+07:00

Tutorial Blog - Cara membuat Widget Float Right Auto Hidden

Cara membuat Widget Float Right Auto Hidden

Cara membuat Random Image setiap Loading Page

2012-01-30T00:36:00.003+07:00

Tutorial Template - Cara membuat Random image setiap loading page

DEMO | Refresh Page ini

Tutorial Template - Cara membuat Random image setiap loading page

Setting Threaded Comments di Template Blogspot

2012-01-16T04:39:00.001+07:00

Tutorial Template - Setting Threaded Comments di Template Blogspot.

Terlebih dahulu ubah settingan pada Template Settings

Bag. 1

Bag. 2

Berikut ini adalah step by step Cara Setting Threaded Comments di Template Blogspot :

Instruksi Dasar :

Login Blog terlebih dahulu di http://draft.blogger.com.
Pilih sub menu Template pada dropdown menu Blog yang diinginkan untuk memulai pengeditan.
Pilih tombol Edit HTML pada basis dasar Template utama (Live on Blog).
Pada Template › Edit HTML pilih tombol Proceed untuk membuka jendela source code HTML.
Pilih Centang pada checkbox Expand Widget Templates untuk melakukan pengeditan Template Blogspot yang lebih detail.
Setelah itu silahkan Cari baris kode berikut :

<b:if cond="data:blog.pageType == "item"">
<b:include data="post" name="comments">
</b:if>
<b:if cond="data:post.includeAd">

Gantikan baris kode ke-2 dan ke-3 pada kode diatas dengan kode berikut ini :

<b:if cond="data:post.showThreadedComments">
<b:include data="post" name="threaded_comments">
<b:else>
<b:include data="post" name="comments">
</b:if>
</b:if>

Maka hasil akhir baris kode keseluruhanya akan menjadi seperti ini :

<b:if cond="data:blog.pageType == "item"">
<b:if cond="data:post.showThreadedComments">
<b:include data="post" name="threaded_comments">
<b:else>
<b:include data="post" name="comments">
</b:if>
</b:if>
<b:if cond="data:post.includeAd">

Pehatikan simbol warna untuk mempermudah melakukan editing pada template.
Simpan perubahan Template (Save Template) lalu lihat hasilnya.

Setting Threaded Comments di Template Blogspot, Cara membuat Threaded Comments pada blogspot, Threaded Comments Adding blogger, membuat tombol Reply di kotak komentar.

Ultimate CSS Gradient Generator dari ColorZilla.

2012-01-04T11:39:00.000+07:00

Ultimate CSS Gradient Generator dari ColorZilla.

Ultimate CSS Gradient Editor adalah online kode gradien generator tools editor yang diciptakan oleh Alex Sirota pada situs www.colorzilla.com. Salah satu fiturnya adalah kemampuan untuk menentukan gradien menggunakan background asli dengan CSS3, tanpa harus membuat gambar dan menggunakannya sebagai latar belakang untuk efek perulangan gradien. Sangat penting jika kalian memerlukan versi terbaru dari Firefox, Chrome, Safari, Opera atau IE untuk support dalam menggunakan kode Generator Gradient ini.

Support untuk Gradien Linier Radial dan Diagonal
Support untuk multi-stop penuh gradien di Internet Explorer 9 (IE9) yang menggunakan SVG
Support untuk format SCSS Sass menggunakan mixin Compass (Penggunaan untuk Compass beta)
Salin ke clipboard tombol untuk mendapatkan kode yang dihasilkan dengan cepat
Mudah dengan panel rezise dengan dengan mendrag ke pojok area

Untuk menggunakan tool kode generator Ultimate CSS Gradient Editor silahkan menuju [Link ini] dan jika kalian ingin memasang plugin ColorZilla untuk Mozilla Firefox bisa diambil dari postingan yang sebelumnya berjudul Addons Firefox untuk Blogger Yang Wajib Dimiliki !. Sekian Informasi dari saya semoga bermanfaat.

Ultimate CSS Gradient Editor dari ColorZilla, CSS Gradient Tool, CSS Gradient Generator, CSS Gradient Editor, Gradien Linier Radial dan Diagonal

Black N White 4.0 Template

2011-12-18T20:09:00.002+07:00

BLACK N WHITE 4.0 TEMPLATE

LIVE DEMO | DOWNLOAD

Name	Black N White
Version	4.0
Finishing Date	Sunday, December 18 2011 \| 07:58 PM
Author	AXI AXRXYXNXO a.k.a Roxx (JAKARTA, INDONESIA)
Design	Roxx Templates Blogger

Features :

700 % SEO FRIENDLY ( I'M SURE LOL :D )
Simple Magazine Template
Cool Black N White Design
Cool Cursor Black N White
Navbar Hider
Fix Bug and Cool Design
Has 3 main Columns and 3 Bottom Column
960px Width
Post with Thumbnail Related Post
With Avatar and Support Cool Cat Icon on Comments Box
Post with Read More & Thumbnail + Cool Information Layout
Post with Best Social Bookmarking and Sharing + Related Image Post
Has 2 Simple CSS Menu Navigation
Has 3 link icon of Social Network ( Facebook, Twitter, & Myspace )

Addons Firefox untuk Blogger Yang Wajib Dimiliki !

2011-12-11T14:20:00.001+07:00

Addons Firefox untuk Blogger Yang Wajib Dimiliki !

Addons (pengaya) Mozilla Firefox adalah Bagian aplikasi dari software dasar Browser Mozilla Firefox yang berjalan dan terintegrasi oleh sumber softwarenya. Ada banyak Addons Mozilla Firefox yang memudahkan user untuk beraktivitas dalam dunia maya. Berikut ini adalah Addons Firefox untuk Blogger Yang Wajib Dimiliki seorang blogger untuk beraktivitas dunia perbloggeran :

lori (Life-of-request info) : Untuk melihat kecepatan loading pada suatu website/blog.
SeoQuake SEO extension : Untuk melihat Informasi SEO pada suatu website/blog dan menganalisa SEO lebih lanjut.
FeedBurner Subscribers : Untuk monitoring pembaca RSS dan hits pada suatu website/blog
QuickJava : Untuk mengijinkan enable/disable seperti content CSS, Java, Javascript, Flash dan Gambar pada suatu website/blog.
Greasemonkey : Untuk membuat tampilan custom suatu website/blog dengan javascript seperti Emoticon Blogger.
ColorZilla : Untuk mengetahui kode warna suatu website/blog dengan meletakkan Cursor ke area yang diinginkan.
URL Tooltip : Menampilkan Tooltip URL pada text yang mempunyai link.
Google Toolbar : Cara cepat mengakses akun Google yang anda miliki. Support Firefox versi 5 kebawah.

Dynamic Views Default Template dari Blogspot

2011-12-01T11:26:00.001+07:00

Dynamic Views Template dari Blogspot

Dynamic Views adalah Fitur Default Custom Template automatis Blogspot dengan tujuh pilihan tampilan dinamis yang menarik dan atraktif serta interaktif yang dipersembahkan oleh Blogger.Com. Dynamic Views sangat berbeda dari Custom Default Template Blogger yang sebelumnya karena dihidangkan secara dinamis dan dapat memanjakan mata anda yang mempermudahkan seorang owner dan pengunjung blog untuk memilih tampilan dinamis ( Dynamic Views ) yang diinginkan ketika membaca artikel didalam blog dan konten-konten yang termasuk didalamnya. Ada tujuh tampilan berbeda dalam Default Template Blogspot Dynamic Views ini yang dapat diaplikasikan diblog anda yaitu :

Dynamic View Classic : Tampilan dinamis ini berbentuk Simple dengan menampilkan seluruh artikel full dari bawah keatas beserta kotak komentar dibawahnya.

Dynamic View Flipcard : Tampilan dinamis ini berbentuk kotak atraktif dan interaktif dengan gambar posting ditengahnya dan ketika kotak posting tersebut didekati mouse maka akan tertera judul dan tanggal posting dari artikel tersebut. selain itu Tampilan Dinamis dari Flipcard dapat di pilih secara labelisasi yaitu Recent (postingan terakhir), Date (Berdasarkan Tanggal), Label (Berdasarkan Label), dan Author (Berdasarkan Penulis).

Dynamic View Magazine : Tampilan dinamis ini berbentuk Magazine ( Majalah atau Koran ) dengan Gambar dan Penggalan dari artikel yang terpisah diatara kolom dan baris dan ketika judul posting dipilih maka akan keluar jendela artikel full dari postingan anda.

Dynamic View Mosaic : Tampilan dinamis ini berbentuk Mosaik yaitu Kumpulan Kolom atraktif dan interaktif mengacak antara penggalan artikel dan gambar posting dengan ukuran kolom yang bervariasi yang membentuk sesuatu objek gambar.

Dynamic View Sidebar : Tampilan dinamis ini berbentuk Sidebar terbagi atas dua buah kolom dengan judul posting disebelah kiri bersebelahan dengan artikel full yang sangat simple dan menarik.

Dynamic View Snapshot : Tampilan dinamis ini berbentuk snapshot dari keseluruhan gambar yang ada di dalam blog.

Dynamic View Timeslide : Tampilan dinamis ini berbentuk magazine dengan sidebar yang interaktif berdasarkan tanggal postingan tersebut dipublikasikan.

To be continued :)

Roxx-Share.Blogspot.Com Copyrights 2011

Easy Blogwalking version 2.0

2011-08-30T20:27:00.003+07:00

Easy Blogwalking version 2.0

Build and Compile with Visual Basic 6.0
Created and design by Roxx Software 2011
This is Free Software !!!

Features:

Auto Reading Clipboard
2 rows of URL Blog saving with Open button
2 rows of EMAIL saving
2 row of USERNAME saving
1 row of CUSTOM TEXT saving
Custom URL Saving with open button
BBCODE CBOX
Text Combination

Tools :

Auto Typing plus Sending for Cbox and Shoutmix Chat box [TESTED AND WORKING :)]
Mini Keyboard - Anti Keylogger for Password typing

Thanx :) Enjoying Blogwalking - Download HERE

Easy Blogwalking version 2.0, Software Blog walking, Tools Blog walking, Anti Keylogger, URL save tool, Blog walking Software, Blog walking Tool

Cara pasang Emoticon Kucing di Blogspot

2011-04-06T21:59:00.000+07:00

Tutorial Blog - Cara pasang Emoticon Kucing di Blogspot

Sudah Fixed nih... Langsung aja yup... sudah banyak tutorialnya dimana2 juga.... :D Sobat ndolem aja yang setia menunngu post dari saya... :) Thanx sob nDolem (http://www.ndolem20.co.cc/)... dah berpatisipasi diblog q... :)

Berikut ini adalah step by step Cara pasang Emoticon Kucing di Blogspot :

Instruksi Dasar :

   1. Login Blog terlebih dahulu di http://draft.blogger.com
   2. Pilih Layout untuk memulai pengeditan pada Blog yang diinginkan
   3. Pilih Tab Edit HTML
   4. Letakkan kode berikut ini di atas atau sebelum ]]></b:skin>

#kotakemote {
width:auto;
border:1px solid grey;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
margin:10px;
padding:10px;
}

5. Centang "Expand Widget Template" lalu Letakkan kode berikut ini diatas atau sebelum <div class='comments-content'>

EMOTICON : <div id='kotakemote'><b> <img border='0' src='http://bom.net78.net/emo/www.xware.info/emoticon/union/good.gif' title=':f'/> :f <img border='0' src='http://bom.net78.net/emo/www.xware.info/emoticon/union/haha.gif' title=':D'/> :D <img border='0' src='http://bom.net78.net/emo/www.xware.info/emoticon/union/nosebleed.gif' title=':x'/> :x <img border='0' src='http://bom.net78.net/emo/www.xware.info/emoticon/union/cool.gif' title='B-)'/> B-) <img border='0' src='http://bom.net78.net/emo/www.xware.info/emoticon/union/sugoii.gif' title='b-('/> b-( <img border='0' src='http://bom.net78.net/emo/www.xware.info/emoticon/union/shout.gif' title=':@'/> :@ <img border='0' src='http://bom.net78.net/emo/www.xware.info/emoticon/union/sweat.gif' title='x('/> x( <img border='0' src='http://bom.net78.net/emo/www.xware.info/emoticon/union/hmm.gif' title=':?'/> :? <img border='0' src='http://bom.net78.net/emo/www.xware.info/emoticon/union/yatta.gif' title=';;)'/> ;;) <img border='0' src='http://bom.net78.net/emo/www.xware.info/emoticon/union/barf.gif' title=':-B'/> :-B <img border='0' src='http://bom.net78.net/emo/www.xware.info/emoticon/union/nosepick.gif' title=':|'/> :| <img border='0' src='http://bom.net78.net/emo/www.xware.info/emoticon/union/nyahaha.gif' title=':))'/> :)) <img border='0' src='http://bom.net78.net/emo/www.xware.info/emoticon/union/hun.gif' title=':(('/> :(( <img border='0' src='http://bom.net78.net/emo/www.xware.info/emoticon/union/iiyada.gif' title='=(('/> =(( <img border='0' src='http://bom.net78.net/emo/www.xware.info/emoticon/union/shiver.gif' title=':s'/> :s <img border='0' src='http://bom.net78.net/emo/www.xware.info/emoticon/union/give.gif' title=':-j'/> :-j <img border='0' src='http://bom.net78.net/emo/www.xware.info/emoticon/union/gg.gif' title=':-p'/> :-p <img border='0' src='http://bom.net78.net/emo/www.xware.info/emoticon/union/shock.gif' title=':-o'/> :-o <img border='0' src='http://www.xware.info/emoticon/union/2good.gif' title=':-g'/> :-g <img border='0' src='http://bom.net78.net/emo/www.xware.info/emoticon/union/2good.gif' title=':-x'/> :-x</b></div>

6. Letakkan kode berikut ini diatas atau sebelum </body>

Script Kode Emoticon Kucing berikut ini Support untuk Threaded Comments Blogspot

7. Simpan Perubahan lalu bisa lihat hasilnya :). Thanx.

Special Thanx to NDolem and Beben-Koben

Cara pasang Emoticon Kucing di Blogspot, Cara Pasang Emoticon Kucing di blogger, Cara pasang Emoticon di Threaded Comments blogspot, Emote Kucing di kotak Threaded Comments, Emoticon Kucing di kotak Threaded Comments, emoticon kucing untuk Threaded Comments, Threaded Comments menggunakan emoticon kucing, Memasang Emoticon Kucing di Threaded Comments, Kucing Icon Threaded Comments, Emote kucing Threaded Comments, Emoticon Kucing Threaded Comments

Cara pasang pop up window BbCode CBox

2011-04-02T11:43:00.002+07:00

Cara pasang pop up window BbCode CBox

Berikut adalah tutorial langkah cepat Cara pasang pop up window BbCode CBox

Login Blog terlebih dahulu di http//draft.blogger.com
Pilih Layout untuk memulai pengeditan pada Blog yang diinginkan
Pilih Tab Edit HTML lalu Cek/Centang kotak Expand Widget Templates
Cari kode <body
Untuk mencari kode tersebut dapat dipergunakan fasilitas Find pada web browser. Sebagai contoh pada browser Mozilla Firefox ditunjukkan pada Menu Bar -> Edit -> Find (Alt+E+F) atau dengan menekan kombinasi tombol (Ctrl + F)

Simpan Perubahan template terlebih dahulu
Buka widget Cbox kamu lalu letakkan kode berikut dimana saja : <a href="javascript:void(0);" onclick="PopupCenter('http://pastehtml.com/view/1dwd2cw.html', 'RoxxShare',150,250);">BBCODE</a>
Simpan Gadget lalu lihat hasilnya :)

DEMO BBCODE

TV ONLINE - MIVO.TV dan Channel TV swasta

2011-03-29T20:22:00.006+07:00

TV ONLINE - MIVO.TV dan Channel TV swasta

TV ONLINE - MIVO.TV dan Channel TV swasta | TV ONLINE - MIVO.TV - TV ONE - TRANS TV - INDOSIAR - TRANS 7 - ANTV - DAAI TV - SPACETOON - METRO TV - SCTV

MIVO.TV

METRO TV

RCTI TRANSTV SCTV GLOBALTV

Mau Pasang Mivo.TV Di Blog Anda nih codenya :D :

<center><embed align="top" allowfullscreen="true" allowscriptaccess="always" bgcolor="#ffffff" devicefont="false" height="860" menu="true" name="MivoTV" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" scale="noscale" src="http://id.imediabiz.com/MivoTV.swf?r=%27%20+%20Math.round%28Math.random%28%29%20*%2099999%29%20+%20%27" type="application/x-shockwave-flash" width="610" wmode="transparent"></embed><br><a href="http://www.roxx-share.blogspot.com/2011/03/tv-online-mivotv-dan-channel-tv-swasta.html"></a>Roxx Share</center>

TV ONLINE - MIVO.TV dan Channel TV swasta | TV ONLINE - MIVO.TV - TV ONE - TRANS TV - INDOSIAR - TRANS 7 - ANTV - DAAI TV - SPACETOON - METRO TV - SCTV

Cara pasang animasi gambar pada saat Loading Page

2011-03-28T16:52:00.003+07:00

Cara pasang animasi gambar pada saat Loading Page

Berikut adalah langkah cepat Cara pasang animasi gambar pada saat loading page :

Login Blog terlebih dahulu di http//draft.blogger.com
Pilih Layout untuk memulai pengeditan pada Blog yang diinginkan
Pilih Tab Edit HTML lalu Cek/Centang kotak Expand Widget Templates
Cari kode <body>
Untuk mencari kode tersebut dapat dipergunakan fasilitas Find pada web browser. Sebagai contoh pada browser Mozilla Firefox ditunjukkan pada Menu Bar -> Edit -> Find (Alt+E+F) atau dengan menekan kombinasi tombol (Ctrl + F)
Cari lagi kode </body> lalu letakkan kode berikut diatas atau sebelum kode </body>
Simpan Perubahan template lalu lihat hasilnya :)

Note : Ganti alamat http://www.foundation33.org/images/foundation33.org/loading.gif untuk mengganti animasi gambar pada saat loading halaman dan top:100px;left:3px untuk mengatur posisi letaknya

Free Domain List By Roxx

2010-11-27T15:11:00.003+07:00

Easy Blogwalking 1.0 - Sebuah applikasi untuk blogwalking

2010-08-29T22:30:00.001+07:00

Easy Blog Walking 1.0

Sebuah applikasi untuk blogwalking yang didesign untuk para blogger dalam mempermudah melakukan aktifitas blogwalking. Aplikasi ini di buat dan dicompile oleh bahasa pemograman visual basic 6.0 yang sangat mudah digunakan.

Easy Blogwalking version 1.0

Berikut adalah feature yang terdapat dalam Easy Blogwalking 1.0 :

Auto Reading Clipboard
3 rows of URL saving
2 rows of EMAIL saving
1 row of User saving
1 row of TEXT saving
BBCODE CBOX
Text Combination

Download

Black N White 3.0 Template

2010-07-21T23:33:00.004+07:00

BLACK N WHITE 3.0 TEMPLATE

LIVE DEMO | DOWNLOAD

Name	Black N White
Version	3.0
Finishing Date	Wednesday, July 21 2010 \| 11:10 PM
Author	AXI AXRXYXNXO a.k.a Roxx (JAKARTA, INDONESIA)
Design	Roxx Templates Blogger

Features :

500 % SEO FRIENDLY ( I'M SURE LOL :D )
Simple Magazine Template
Cool Vintage Design + CSS 3 Shadow and Gradient
Cool Cursor Black N White
Adbertiser Tag
Fix Bug and More Design
Has 3 main Columns and 3 Bottom Column
1000px Width
Post with Thumbnail Related Post & Support Cool Cat Icon on Comments Box
Post with Read More & Thumbnail + Cool Information Layout
Post with Best Social Bookmarking and Sharing + Related Image Post
Has 2 Simple CSS Menu Navigation
Has 3 link icon of Social Network ( Facebook, Twitter, & Myspace )

Widget Multi Tab Blogger Vol.1

2010-07-17T03:25:00.002+07:00

Name	:	Widget Multi Tab Blogger Vol.1
Platform	:	Blogger
Widget Designed	:	Roxx
Installation	:	Put widget everywhere

Install :

// ----- Tabs -----

var Tabs = TabView.firstChild;
  while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;

var Tab = Tabs.firstChild;
  var i   = 0;

do
  {
    if (Tab.tagName == "A")
    {
      i++;
      Tab.href      = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
      Tab.className = (i == id) ? "Active" : "";
      Tab.blur();
    }
  }
  while (Tab = Tab.nextSibling);

// ----- Pages -----

var Pages = TabView.firstChild;
  while (Pages.className != 'Pages') Pages = Pages.nextSibling;

var Page = Pages.firstChild;
  var i    = 0;

do
  {
    if (Page.className == 'Page')
    {
      i++;
      if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
      Page.style.overflow = "auto";
      Page.style.display  = (i == id) ? 'block' : 'none';
    }
  }
  while (Page = Page.nextSibling);
}

// ----- Functions -------------------------------------------------------------

function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }

function tabview_initialize(TabViewId) { tabview_aux(TabViewId,  1); }
</script>

<div class="Page">
<div class="Pad">
ini isi tab pertama
</div>
</div>

<div class="Page">
<div class="Pad">
ini isi tab kedua
</div>
</div>

<div class="Page"> 
<div class="Pad">  
ini isi tab Ketiga 
</div> 
</div>

</div>
</div>
</form>

Membuat Gradient Background 2 Warna Blogspot dengan CSS 3

2010-07-10T09:41:00.072+07:00

Membuat Gradient Background Blogspot dengan CSS3

Assalamualaikum Sobat Blogger, Apa kabar nih ? :) di sekian posting kali ini Roxx mau ngasih tutorial cara Membuat Gradient Background 2 Warna Blogspot dengan CSS 3 yup sebenernya bisa lebih dari dua warna (sparasi) tapi kalo untuk background warnanya jangan banyak2 yach... ( nanti jadi bagus, wkwkwk) yap untuk tidur lebih dalam lagi (maksudnya to do point)eh.. kaya pesulap yg di tv hehehe.... (cengengesan :D) yup langsung aja kita lihat kode dasar CSS 3 untuk Gradient berikut ini :

Kode Dasar CSS 3 untuk Gradient

Support Browser Firefox :
background-image: -moz-linear-gradient( point, warna1, warna2);

Repeat Gradient Support Browser Firefox :
background-image: -moz-repeating-linear-gradient( point, warna1, warna2);

Support Browser Safari :
background-image: -webkit-gradient( linear, point1, point2, from(warna1), to(warna2) );

Repeat Gradient Support Browser Safari :
background-image: -webkit-gradient( linear, point1, point2, from(warna1), to(warna2) ); -webkit-background-size: ukuran dalam persen;

Bisa dilihat dari kode dasar gradient diatas bahwa untuk membuat suatu background dengan gradarasi warna ( perpaduan antara dua warna ) ditentukan oleh titik awal ( point1 ) ke titik akhir ( point2 ) dan warna awal:mulai ( warna1 ) ke warna akhir:selesai ( warna2 ). Gunakan kedua kode Support Browser tersebut untuk mendukung beberapa Browser. Untuk lebih jelasnya perhatikan contoh kode berikut ini : [ untuk mau ngeliat kode warna mending kesini aja ]

Contoh kode Gradient 2 Warna

background-image: -moz-linear-gradient(top, #000, #CCC);
background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#CCC));

background-image: -moz-linear-gradient(100% 100% 90deg, #000, #FF0000);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000), to(#FF0000));

Contoh kode Gradient banyak warna (Pelangi)

background-image: -moz-linear-gradient( left top, right bottom ,
from(red),
color-stop(16%, orange),
color-stop(32%, yellow),
color-stop(48%, green),
color-stop(60%, blue),
color-stop(76%, indigo),
to(violet));

background-image: -webkit-gradient(linear, left top, left bottom,
color-stop(0.00, red),
color-stop(16%, orange),
color-stop(32%, yellow),
color-stop(48%, green),
color-stop(60%, blue),
color-stop(76%, indigo),
color-stop(1.00, violet));

Contoh kode Gradient Repeat

background-image: -moz-repeating-linear-gradient(100% 100% 90deg, #000, #FF0000);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000), to(#FF0000));-webkit-background-size: 10% 100%;

Selipkan kode CSS 3 tersebut pada tag Body { TaroDisini; .... ; .... ; } yang berada dibawah kode <b:skin><![CDATA[ atau kalian bisa selipkan dimana saja sesuka hati dan kreasi anda [ :) be unique ] contoh penerapan kode sebagai berikut :

body{color:#ffff; background-image: -moz-linear-gradient(top, #000, #CCC);
background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#CCC)); font-family:"Tahoma",Georgia,Serif; font-size:12px;background-attachment: fixed}

Referensi Web: the-art-of-web.com, sitepoint.com, developer.mozilla.org

Free Subdomain

2010-07-10T05:23:00.000+07:00

Apakah kalian sudah mempunyai subdomain .com ??? Yup mungkin juga belum atau sudah mempunyai subdomain lain... Yap apakah itu subdomain ??? subdomain adalah cara/jalan akses lain untuk membuka situs blog/web Yap skg sudah banyak tersedia Subdomain Free atau Gratis yang bisa kalian dapatkan dengan cuma-cuma Yup selain Gratis juga Keren dan Simple banget Yap silahkan kalian coba Free Subdomain Url link dibawah ini :

Thanx.

Search Results

2010-07-01T09:16:00.009+07:00

Cbox BBCode

2010-06-21T23:30:00.004+07:00

Cbox BBCode

Kalian semua udah pada tau kan yang namanya cbox... yup cbox adalah suatu fasilitas chat gratis... blablabla... yap taukah kamu BBCode (Bulletin Board Code = bahasa markup yang digunakan untuk format postingan ringan seperti dalam forum dan kotak pesan) atau tag apa saja yang terdapat di dalam Cbox seperti tag marque pada html :

marquee

yang ditunjukkan dengan [scroll]your text[/scroll] pada BBCode di CBox dan kode yang lain sebagainya.. Untuk mengaktifkan BBCode pada CBox kalian terlebih dahulu login dengan username dan password di cbox.ws lalu menuju ke menu Tab Option -> Posting Option lalu centang "BoxCode" pada opsi Message Option... Untuk lebih jelasnya lihat gambar dibawah ini :

Click untuk memperbesar

yap diposting kali ini Roxx mau bagi2 cheat kode BBCode atau tagnya yang Roxx dapet dari depressionroom.proboards.com yup.. langsung aja berikut kode BBCode di CBox

[b] bold [/b] [i] italics [/i] [u] underline [/u]
Other simple tags following the above format are:
[sup], [sub], [s], [center], [big], [small], [scroll]
Use
to create line breaks. You can change text color:
[color=red] color [/color]
You can post links with: [url=http://address] website [/url]

Sample: insert message / type in the center gap.

Step 1.[scroll][color=red][b] [/b][/color][/scroll]

Step 2.[scroll][color=red][b]example insert here [/b][/color][/scroll]

Color

[color=red] [/color]
[color=blue] [/color]
[color=pink] [/color]
[color=purple] [/color]
[color=green] [/color]
[color=yellow] [/color]
[color=brown] [/color]
[color=orange] [/color]
[color=black] [/color]
[color=white] [/color]
[color=gold] [/color]
[color=silver] [/color]
[color=tan] [/color]
[color=aqua] [/color]
[color=teal] [/color]
[color=lime] [/color]
[color=violet] [/color]
[color=hotpink] [/color]
[color=navyblue] [/color]
[color=bronze] [/color]

Color & Italics

[color=red][i] [/i][/color]
[color=blue][i] [/i][/color]
[color=pink][i] [/i][/color]
[color=purple][i] [/i][/color]
[color=green][i] [/i][/color]
[color=yellow][i] [/i][/color]
[color=brown][i] [/i][/color]
[color=orange][i] [/i][/color]
[color=black][i] [/i][/color]
[color=white][i] [/i][/color]
[color=gold][i] [/i][/color]
[color=silver][i] [/i][/color]
[color=tan][i] [/i][/color]
[color=aqua][i] [/i][/color]
[color=teal][i] [/i][/color]
[color=lime][i] [/i][/color]
[color=violet][i] [/i][/color]
[color=hotpink][i] [/i][/color]
[color=navyblue][i] [/i][/color]
[color=bronze][i] [/i][/color]

Bold, & color

[color=red][b] [/b][/color]
[color=blue][b] [/b][/color]
[color=pink][b] [/b][/color]
[color=purple][b] [/b][/color]
[color=green][b] [/b][/color]
[color=yellow][b] [/b][/color]
[color=brown][b] [/b][/color]
[color=orange][b] [/b][/color]
[color=black][b] [/b][/color]
[color=white][b] [/b][/color]
[color=gold][b] [/b][/color]
[color=silver][b] [/b][/color]
[color=tan][b] [/b][/color]
[color=aqua][b] [/b][/color]
[color=teal][b] [/b][/color]
[color=lime][b] [/b][/color]
[color=violet][b] [/b][/color]
[color=hotpink][b] [/b][/color]
[color=navyblue][b] [/b][/color]
[color=bronze][b] [/b][/color]

Centered, bold, & color

[color=red][b][center] [/center][/b][/color]
[color=blue][b][center] [/center][/b][/color]
[color=pink][b][center] [/center][/b][/color]
[color=purple][b][center] [/center][/b][/color]
[color=green][b][center] [/center][/b][/color]
[color=yellow][b][center] [/center][/b][/color]
[color=brown][b][center] [/center][/b][/color]
[color=orange][b][center] [/center][/b][/color]
[color=black][b][center] [/center][/b][/color]
[color=white][b][center] [/center][/b][/color]
[color=gold][b][center] [/center][/b][/color]
[color=silver][b][center] [/center][/b][/color]
[color=tan][b][center] [/center][/b][/color]
[color=aqua][b][center] [/center][/b][/color]
[color=teal][b][center] [/center][/b][/color]
[color=lime][b][center] [/center][/b][/color]
[color=violet][b][center] [/center][/b][/color]
[color=hotpink][b][center] [/center][/b][/color]
[color=navyblue][b][center] [/center][/b][/color]
[color=bronze][b][center] [/center][/b][/color]

Scroll, bold, & color

[scroll][color=red][b] [/b][/color][/scroll]
[scroll][color=blue][b] [/b][/color][/scroll]
[scroll][color=pink][b] [/b][/color][/scroll]
[scroll][color=purple][b] [/b][/color][/scroll]
[scroll][color=green][b] [/b][/color][/scroll]
[scroll][color=yellow][b] [/b][/color][/scroll]
[scroll][color=brown][b] [/b][/color][/scroll]
[scroll][color=orange][b] [/b][/color][/scroll]
[scroll][color=black][b] [/b][/color][/scroll]
[scroll][color=white][b] [/b][/color][/scroll]
[scroll][color=gold][b] [/b][/color][/scroll]
[scroll][color=silver][b] [/b][/color][/scroll]
[scroll][color=tan][b] [/b][/color][/scroll]
[scroll][color=aqua][b] [/b][/color][/scroll]
[scroll][color=teal][b] [/b][/color][/scroll]
[scroll][color=lime][b] [/b][/color][/scroll]
[scroll][color=violet][b] [/b][/color][/scroll]
[scroll][color=hotpink][b] [/b][/color][/scroll]
[scroll][color=navyblue][b] [/b][/color][/scroll]
[scroll][color=bronze][b] [/b][/color][/scroll]

Color, scroll, bold

[scroll][color=red][b] [/b][/color][/scroll]
[scroll][color=blue][b] [/b][/color][/scroll]
[scroll][color=pink][b] [/b][/color][/scroll]
[scroll][color=purple][b] [/b][/color][/scroll]
[scroll][color=green][b] [/b][/color][/scroll]
[scroll][color=yellow][b] [/b][/color][/scroll]
[scroll][color=brown][b] [/b][/color][/scroll]
[scroll][color=orange][b] [/b][/color][/scroll]
[scroll][color=black][b] [/b][/color][/scroll]
[scroll][color=white][b] [/b][/color][/scroll]
[scroll][color=gold][b] [/b][/color][/scroll]
[scroll][color=silver][b] [/b][/color][/scroll]
[scroll][color=tan][b] [/b][/color][/scroll]
[scroll][color=aqua][b] [/b][/color][/scroll]
[scroll][color=teal][b] [/b][/color][/scroll]
[scroll][color=lime][b] [/b][/color][/scroll]
[scroll][color=violet][b] [/b][/color][/scroll]
[scroll][color=hotpink][b] [/b][/color][/scroll]
[scroll][color=navyblue][b] [/b][/color][/scroll]
[scroll][color=bronze][b] [/b][/color][/scroll]

Scroll, bold, big, & color

[scroll][color=red][b][big] [/big][/b][/color][/scroll]
[scroll][color=blue][b][big] [/big][/b][/color][/scroll]
[scroll][color=pink][b][big] [/big][/b][/color][/scroll]
[scroll][color=purple][b][big] [/big][/b][/color][/scroll]
[scroll][color=green][b][big] [/big][/b][/color][/scroll]
[scroll][color=yellow][b][big] [/big][/b][/color][/scroll]
[scroll][color=brown][b][big] [/big][/b][/color][/scroll]
[scroll][color=orange][b][big] [/big][/b][/color][/scroll]
[scroll][color=black][b][big] [/big][/b][/color][/scroll]
[scroll][color=white][b][big] [/big][/b][/color][/scroll]
[scroll][color=gold][b][big] [/big][/b][/color][/scroll]
[scroll][color=silver][b][big] [/big][/b][/color][/scroll]
[scroll][color=tan][b][big] [/big][/b][/color][/scroll]
[scroll][color=aqua][b][big] [/big][/b][/color][/scroll]
[scroll][color=teal][b][big] [/big][/b][/color][/scroll]
[scroll][color=lime][b][big] [/big][/b][/color][/scroll]
[scroll][color=violet][b][big] [/big][/b][/color][/scroll]
[scroll][color=hotpink][b][big] [/big][/b][/color][/scroll]
[scroll][color=navyblue][b][big] [/big][/b][/color][/scroll]
[scroll][color=bronze][b][big] [/big][/b][/color][/scroll]

Bold, big, & color

[color=red][b][big] [/big][/b][/color]
[color=blue][b][big] [/big][/b][/color]
[color=pink][b][big] [/big][/b][/color]
[color=purple][b][big] [/big][/b][/color]
[color=green][b][big] [/big][/b][/color]
[color=yellow][b][big] [/big][/b][/color]
[color=brown][b][big] [/big][/b][/color]
[color=orange][b][big] [/big][/b][/color]
[color=black][b][big] [/big][/b][/color]
[color=white][b][big] [/big][/b][/color]
[color=gold][b][big] [/big][/b][/color]
[color=silver][b][big] [/big][/b][/color]
[color=tan][b][big] [/big][/b][/color]
[color=aqua][b][big] [/big][/b][/color]
[color=teal][b][big] [/big][/b][/color]
[color=lime][b][big] [/big][/b][/color]
[color=violet][b][big] [/big][/b][/color]
[color=hotpink][b][big] [/big][/b][/color]
[color=navyblue][b][big] [/big][/b][/color]
[color=broze][b][big] [/big][/b][/color]

Centered, bold, big, & color

[color=red][b][center][big] [/big][/center][/b][/color]
[color=blue][b][center][big] [/big][/center][/b][/color]
[color=pink][b][center][big] [/big][/center][/b][/color]
[color=purple][b][center][big] [/big][/center][/b][/color]
[color=green][b][center][big] [/big][/center][/b][/color]
[color=yellow][b][center][big] [/big][/center][/b][/color]
[color=brown][b][center][big] [/big][/center][/b][/color]
[color=orange][b][center][big] [/big][/center][/b][/color]
[color=black][b][center][big] [/big][/center][/b][/color]
[color=white][b][center][big] [/big][/center][/b][/color]
[color=gold][b][center][big] [/big][/center][/b][/color]
[color=silver][b][center][big] [/big][/center][/b][/color]
[color=tan][b][center][big] [/big][/center][/b][/color]
[color=aqua][b][center][big] [/big][/center][/b][/color]
[color=teal][b][center][big] [/big][/center][/b][/color]
[color=lime][b][center][big] [/big][/center][/b][/color]
[color=violet][b][center][big] [/big][/center][/b][/color]
[color=hotpink][b][center][big] [/big][/center][/b][/color]
[color=navyblue][b][center][big] [/big][/center][/b][/color]
[color=broze][b][center][big] [/big][/center][/b][/color]

Color, underlined

[color=red][u] [/u][/color]
[color=blue][u] [/u][/color]
[color=pink][u] [/u][/color]
[color=purple][u] [/u][/color]
[color=green][u] [/u][/color]
[color=yellow][u] [/u][/color]
[color=brown][u] [/u][/color]
[color=orange][u] [/u][/color]
[color=black][u] [/u][/color]
[color=white][u] [/u][/color]
[color=gold][u] [/u][/color]
[color=silver][u] [/u][/color]
[color=tan][u] [/u][/color]
[color=aqua][u] [/u][/color]
[color=teal][u] [/u][/color]
[color=lime][u] [/u][/color]
[color=violet][u] [/u][/color]
[color=hotpink][u] [/u][/color]
[color=navyblue][u] [/u][/color]
[color=bronze][u] [/u][/color]

Color, small

[color=red][small] [/small][/color]
[color=blue][small] [/small][/color]
[color=pink][small] [/small][/color]
[color=purple][small] [/small][/color]
[color=green][small] [/small][/color]
[color=yellow][small] [/small][/color]
[color=brown][small] [/small][/color]
[color=orange][small] [/small][/color]
[color=black][small] [/small][/color]
[color=white][small] [/small][/color]
[color=gold][small] [/small][/color]
[color=silver][small] [/small][/color]
[color=tan][small] [/small][/color]
[color=aqua][small] [/small][/color]
[color=teal][small] [/small][/color]
[color=lime][small] [/small][/color]
[color=violet][small] [/small][/color]
[color=hotpink][small] [/small][/color]
[color=navyblue][small] [/small][/color]
[color=bronze][small] [/small][/color]

Color, small, & scroll

[scroll][color=red][small] [/small][/color][/scroll]
[scroll][color=blue][small] [/small][/color][/scroll]
[scroll][color=pink][small] [/small][/color][/scroll]
[scroll][color=purple][small] [/small][/color][/scroll]
[scroll][color=green][small] [/small][/color][/scroll]
[scroll][color=yellow][small] [/small][/color][/scroll]
[scroll][color=brown][small] [/small][/color][/scroll]
[scroll][color=orange][small] [/small][/color][/scroll]
[scroll][color=black][small] [/small][/color][/scroll]
[scroll][color=white][small] [/small][/color][/scroll]
[scroll][color=gold][small] [/small][/color][/scroll]
[scroll][color=silver][small] [/small][/color][/scroll]
[scroll][color=tan][small] [/small][/color][/scroll]
[scroll][color=aqua][small] [/small][/color][/scroll]
[scroll][color=teal][small] [/small][/color][/scroll]
[scroll][color=lime][small] [/small][/color][/scroll]
[scroll][color=violet][small] [/small][/color][/scroll]
[scroll][color=hotpink][small] [/small][/color][/scroll]
[scroll][color=navyblue][small] [/small][/color][/scroll]
[scroll][color=bronze][small] [/small][/color][/scroll]

Color, small, & centered

[color=red][small][center] [/center][/small][/color]
[color=blue][small][center] [/center][/small][/color]
[color=pink][small][center] [/center][/small][/color]
[color=purple][small][center] [/center][/small][/color]
[color=green][small][center] [/center][/small][/color]
[color=yellow][small][center] [/center][/small][/color]
[color=brown][small][center] [/center][/small][/color]
[color=orange][small][center] [/center][/small][/color]
[color=black][small][center] [/center][/small][/color]
[color=white][small] [center] [/center][/small][/color]
[color=gold][small] [center] [/center][/small][/color]
[color=silver][small] [center] [/center][/small][/color]
[color=tan][small] [center] [/center][/small][/color]
[color=aqua][small][center] [/center][/small][/color]
[color=teal][small][center] [/center][/small][/color]
[color=lime][small][center] [/center][/small][/color]
[color=violet][small][center] [/center][/small][/color]
[color=hotpink][small][center] [/center][/small][/color]
[color=navyblue][small][center] [/center][/small][/color]
[color=bronze][small][center] [/center][/small][/color]

Scroll only

[scroll] [/scroll]

Centered only

[center] [/center]

Underlined only

[u] [/u]

Quote

[quote] [/quote]

Italics

[i] [/i]

Breaks

[/br]

Scratch

[s] [/s]

Small

[small] [/small]

Big

[big] [/big]

Bold

[b] [/b]

A few samples

B-Day

[scroll] :biggrin: [/scroll][color=lime][b][center][big] Happy Birthday[/big][/center][/b][/color][color=blue][b][center][big] [/big][/center][/b][/color]

Mother's day

[color=pink][b][center][big] :heart: Happy Mother's Day :heart:[/big][/center][/b][/color]

Cinco de Mayo

[scroll] :biggrin: [/scroll][b][center][big][color=green]Happy [/color][color=white]Cinco [/color][color=red] de Mayo[/color][/big][/center][/b]

Memorial weekend

[center][color=red][b][big] Hi everyone[/big][/b][/color][color=white][b][big] have a good[/big][/b][/color] [color=blue][b][big]Memorial weekend! [/big][/b][/color][/center]

Hello

[scroll][color=red][b][big]Hello [/big][/b][/color] [color=white][b]Hello[/b][/color] [color=blue][small]Hello [/small][/color] [/scroll]

Howdy Blue

[scroll][color=red][b][big] Howdy[/big][/b][/color][/scroll][color=blue][b][center][big]Blue [/big][/center][/b][/color] [scroll][color=violet][b][big] \m/(-_-)\m/ [/big][/b][/color][/scroll]

\m/(-_-)\m/

[scroll][color=violet][b][big] \m/(-_-)\m/ [/big][/b][/color][/scroll]

{o,o}
|)__)
-"-"-
O RLY?

[scroll] ;) [/scroll][color=blue][b][big][center]{o,o} [/center][center]|)__) [/center][center] -"-"- [/center][center]O RLY? [/center] [/big][/b][/color]

Cheat sheet by (c)olt Walke(r)

CSS Compressor

2010-06-19T18:46:00.008+07:00

CSS Compressor

Menu Pilihan Strip comments
Strip comments at least characters long
One rule per line

Masukkan kode CSS yang ingin dikompress disini :

Bytes:

Hasil kode yang telah di kompress

Bytes:

Savings:

coded by static.arantius.com modified by roxx

URL Encoder / Decoder

2010-06-19T01:15:00.003+07:00

URL Decoder/Encoder

THIS IS NOT YOUR BLOG...

2010-06-18T04:19:00.000+07:00

Mungkin kata2 diatas yang menjadi pegangan prinsip gW di dunia blogosphere... ga terasa sudah 6 bulan gW nongkrong di blogger.com... cuma lelah, pegal, dan membosankan yang gw dapetin... tapi semua itu terbayar lunas dengan hasil suatu karya cipta .... ehem.. ehemm... apaan tuh karyanya... yup pasti kalian udah pada tau semuanya.... yap sebuah template yang gW beri nama Black N White. Memang knapa dengan template itu .... ??? tidak menarik mungkin buat kalian tapi sebaliknya bagi gw sangat memberikan kepuasan tersendiri...

(bersambung dulu... )

Color Code HTML

2010-06-16T23:42:00.009+07:00

Color Code HTML

Silahkan memilih Warna (Color Code HTML) dengan meng-Click kotak warna dibawah ini :

Warna yang dipilih :
Kode yang dipilih :

Black	Gray45	Royal Blue2	Slate Blue
Gray0	Gray46	Royal Blue3	Slate Blue
Gray18	Gray47	Deep Sky Blue	Slate Gray3
Gray21	Gray48	Deep Sky Blue2	Violet Red
Gray23	Gray49	Slate Blue	Violet Red1
Gray24	Gray50	Deep Sky Blue3	Violet Red2
Gray25	Gray	Deep Sky Blue4	Deep Pink
Gray26	Slate Gray4	Dodger Blue	Deep Pink2
Gray27	Slate Gray	Dodger Blue2	Deep Pink3
Gray28	Light Steel Blue4	Dodger Blue3	Deep Pink4
Gray29	Light Slate Gray	Dodger Blue4	Medium Violet Red
Gray30	Cadet Blue4	Steel Blue4	Violet Red3
Gray31	Dark Slate Gray4	Steel Blue	Firebrick
Gray32	Thistle4	Slate Blue2	Violet Red4
Gray34	Medium Slate Blue	Violet	Maroon4
Gray35	Medium Purple4	Medium Purple3	Maroon
Gray36	Midnight Blue	Medium Purple	Maroon3
Gray37	Dark Slate Blue	Medium Purple2	Maroon2
Gray38	Dark Slate Gray	Medium Purple1	Maroon1
Gray39	Dim Gray	Light Steel Blue	Magenta
Gray40	Cornflower Blue	Steel Blue3	Magenta1
Gray41	Royal Blue4	Steel Blue2	Magenta2
Gray42	Slate Blue4	Steel Blue1	Magenta3
Gray43	Royal Blue	Sky Blue3	Medium Orchid
Gray44	Royal Blue1	Sky Blue4	Medium Orchid1
Turquoise3	Dark Green	Green	Khaki4
Cadet Blue3	Sea Green4	Lawn Green	Dark Goldenrod1
Pale Turquoise3	Forest Green	Green1	Dark Goldenrod2
Light Blue2	Medium Forest Green	Green2	Dark Goldenrod3
Dark Turquoise	Spring Green4	Chartreuse2	Sienna1
Cyan4	Dark Olive Green4	Chartreuse	Sienna2
Light Sea Green	Chartreuse4	Green Yellow	Dark Orange
Light Sky Blue	Green4	Dark Olive Green1	Dark Orange1
Light Sky Blue2	Medium Spring Green	Dark Olive Green2	Dark Orange2
Light Sky Blue3	Spring Green	Dark Olive Green3	Dark Orange3
Sky Blue	Lime Green	Yellow	Sienna3
Sky Blue2	Spring Green	Yellow1	Sienna
Light Sky Blue4	Dark Sea Green	Khaki1	Sienna4
Sky Blue	Dark Sea Green3	Khaki2	Indian Red4
Light Slate Blue	Green3	Goldenrod	Dark Orange3
Light Cyan2	Chartreuse3	Gold2	Salmon4
Light Cyan3	Yellow Green	Gold1	Dark Goldenrod4
Light Cyan4	Spring Green3	Goldenrod1	Gold4
Light Blue3	Sea Green3	Goldenrod2	Goldenrod4
Light Blue4	Spring Green2	Gold	Light Salmon4
Pale Turquoise4	Spring Green1	Gold3	Chocolate
Dark Sea Green4	Sea Green2	Goldenrod3	Coral3
Medium Aquamarine	Sea Green1	Dark Goldenrod	Coral2
Medium Sea Green	Dark Sea Green2	Khaki	Coral
Sea Green	Dark Sea Green1	Khaki3	Dark Salmon
Medium Orchid2	Thistle3	Pale Turquoise4	Pink2
Medium Orchid3	Lavender Blush2	Salmon2	Light Pink
Medium Orchid4	Lavender Blush3	Salmon3	Light Pink1
Purple	Thistle2	Light Salmon3	Light Pink2
Purple1	Thistle1	Light Salmon2	Pink3
Purple2	Lavender	Light Salmon	Rosy Brown3
Purple3	Lavender Blush	Sandy Brown	Rosy Brown
Purple4	Light Steel Blue1	Hot Pink	Light Pink3
Dark Orchid4	Light Blue	Hot Pink1	Rosy Brown4
Dark Orchid	Light Blue1	Hot Pink2	Light Pink4
Dark Violet	Light Cyan	Hot Pink3	Pink4
Dark Orchid3	Slate Gray1	Hot Pink4	Lavender Blush4
Dark Orchid2	Slate Gray2	Light Coral	Light Goldenrod4
Dark Orchid1	Light Steel Blue2	Indian Red1	Lemon Chiffon4
Plum4	Turquoise1	Indian Red2	Lemon Chiffon3
Pale Violet Red	Cyan	Indian Red3	Light Goldenrod3
Pale Violet Red1	Cyan1	Red	Light Golden2
Pale Violet Red2	Cyan2	Red1	Light Goldenrod
Pale Violet Red3	Turquoise2	Red2	Light Goldenrod1
Pale Violet Red4	Medium Turquoise	Firebrick1	Lemon Chiffon2
Plum	Turquoise	Firebrick2	Lemon Chiffon
Plum1	Dark Slate Gray1	Firebrick3	Light Goldenrod Yellow
Plum2	Dark slate Gray2	Pink
Plum3	Dark Slate Gray3	Rosy Brown1
Thistle	Cyan3	Rosy Brown2

Widget Popular Posts Vol.1

2010-06-16T01:26:00.003+07:00

Name	:	Widget Popular Posts Vol.1
Platform	:	Blogger
Widget Designed	:	Roxx
Installation	:	Put widget everywhere

Install :

Widget Recent Comments Vol.1

2010-06-16T01:26:00.002+07:00

Name	:	Widget Recent Comments Vol.1
Platform	:	Blogger
Widget Designed	:	Roxx
Installation	:	Put widget everywhere

Install :

<br /> <br /> <script><br /> //Recent Comments Widget originally by Blogger Templates and updated by Blogger Widgets<br /> function showrecentcomments(json){for(var i=0;i<a_rc;i++){var b_rc=json.feed.entry[i];var c_rc;if(i==json.feed.entry.length)break;for(var k=0;k<b_rc.link.length;k++){if(b_rc.link[k].rel=='alternate'){c_rc=b_rc.link[k].href;break;}}c_rc=c_rc.replace("#","#comment-");var d_rc=c_rc.split("#");d_rc=d_rc[0];var e_rc=d_rc.split("/");e_rc=e_rc[5];e_rc=e_rc.split(".html");e_rc=e_rc[0];var f_rc=e_rc.replace(/-/g," ");f_rc=f_rc.link(d_rc);var g_rc=b_rc.published.$t;var h_rc=g_rc.substring(0,4);var i_rc=g_rc.substring(5,7);var j_rc=g_rc.substring(8,10);var k_rc=new Array();k_rc[1]="Jan";k_rc[2]="Feb";k_rc[3]="Mar";k_rc[4]="Apr";k_rc[5]="May";k_rc[6]="Jun";k_rc[7]="Jul";k_rc[8]="Aug";k_rc[9]="Sep";k_rc[10]="Oct";k_rc[11]="Nov";k_rc[12]="Dec";if("content" in b_rc){var l_rc=b_rc.content.$t;}else if("summary" in b_rc){var l_rc=b_rc.summary.$t;}else var l_rc="";var re=/<\S[^>]*>/g;l_rc=l_rc.replace(re,"");if(m_rc==true)document.write('On '+k_rc[parseInt(i_rc,10)]+' '+j_rc+' ');document.write('<a href="'+c_rc+'">'+b_rc.author[0].name.$t+'</a> commented');if(n_rc==true)document.write(' on '+f_rc);document.write(': ');if(l_rc.length<o_rc){document.write('<i>&#8220;');document.write(l_rc);document.write('&#8221;</i><br/><hr size="1" dotted />');}else{document.write('<i>&#8220;');l_rc=l_rc.substring(0,o_rc);var p_rc=l_rc.lastIndexOf(" ");l_rc=l_rc.substring(0,p_rc);document.write(l_rc+'&hellip;&#8221;</i>');document.write('<br/><br/>');}}}<br /> <br /> <br /> </script><script style='text/javascript'>var a_rc=7;var m_rc=true;var n_rc=true;var o_rc=100;</script><script src='http://roxx-share.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments'></script><br /> <br />

Widget Random Posts Vol.1

2010-06-15T20:05:00.001+07:00

Name	:	Widget Random Posts Vol.1
Platform	:	Blogger
Widget Designed	:	Roxx
Installation	:	Put widget everywhere

Install :

Black N White 2.2 Template

2010-06-12T16:15:00.000+07:00

LIVE DEMO | DOWNLOAD

Name	Black N White
Version	2.2
Finishing Date	Saturday, June 12 2010 \| 5:47 AM
Author	AXI AXRXYXNXO a.k.a Roxx (JAKARTA, INDONESIA)
Design	Roxx Templates Blogger

Features :

300 % SEO FRIENDLY ( I Think LOL :D )
Simple Magazine Template
Cool Vintage Design
Cool Cursor Black N White
JQuery Slider
Fix Bug and More Design
Has 3 main Columns and 3 Bottom Columns with Dragon Backgrounds
1000px Width
Post with Thumbnail Related Post & Support Cool Cat Icon on Comments Box
Post with Read More & Thumbnail + Cool Information Layout
Post with Best Social Bookmarking and Sharing
Has 2 Simple CSS Menu Navigation
Has 3 link icon of Social Network ( Facebook, Twitter, & Myspace )

Cara pasang custom cursor di blogspot

2010-06-09T03:29:00.001+07:00

Ada banyak script untuk memasang cursor pada blog supaya terlihat lebih atraktif dan menarik. Di posting kali ini saya akan memberikan tutorial tentang bagaimana memasang custom cursor pada blogspot, yah walaupun sudah banyak blog2 yang sudah menulis tentang ini sebelumnya... Hehehehe... tapi tak apalah awak tulis kembali ( duh bahasa mana nih... :D hehehe ) Langsung aja yup kalian ikutan langkah2 berikut ini.

Instruksi Dasar :

Login Blog terlebih dahulu di http://draft.blogger.com
Pilih Layout untuk memulai pengeditan pada Blog yang diinginkan
Pilih Tab Edit HTML
Cari kode ]]></b:skin> untuk mempermudah pencarian kode tersebut dapat dipergunakan fasilitas Find pada web browser. Sebagai contoh pada browser Mozilla Firefox ditunjukkan pada Menu Bar -> Edit -> Find (Alt+E+F) atau dengan menekan kombinasi tombol (Ctrl + F)
Penempelan script custom cursor berikut ini dapat diletakkan sesudah atau dibawah kode ]]></b:skin>.

Script :

Setelah script dan url cursor telah dimasukkan lalu Simpan perubahan dan bisa dilihat hasilnya :)

Contoh Cursor :

Cursor Default : Cursor Link :

Dapatkan Cursor - cursor lucu dan menarik pada link berikut ini :

http://www.cursors-4u.com
http://www.myspacecursor.net
http://www.totallyfreecursors.com
http://www.123cursors.com
http://www.anicursor.com

Sekian tutorial Cara pasang custom cursor di blogspot semoga bermanfaat. Terimakasih

Widget Float Transtools Vol.2

2010-05-25T00:34:00.001+07:00

Name	:	Widget Float Transtools Vol.2
Platform	:	Blogger
Widget Designed	:	Roxx
Installation	:	Put widget everywhere

Sample Image :

Install :

<div style="text-align: center; position: fixed; top: 5px; left: 10px;"><a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" title="English" src="http://lh3.ggpht.com/_TWC8zfBIdik/S_q2zg1evnI/AAAAAAAAA28/PZAUBaDqImw/United-Kingdom-icon.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a><br /> <a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" title="French" src="http://lh5.ggpht.com/_TWC8zfBIdik/S_q2l0MnTLI/AAAAAAAAA2Y/CJnwMIyv9Tk/France-icon.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a><br /> <a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" title="German" src="http://lh6.ggpht.com/_TWC8zfBIdik/S_q2l0kQqeI/AAAAAAAAA2c/EP1z8LGTLbE/Germany-icon-1.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a><br /> <a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" title="Spain" src="http://lh4.ggpht.com/_TWC8zfBIdik/S_q2zkpTh4I/AAAAAAAAA24/-dFiq_U7wpk/Spain-icon-1.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a><br /> <a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" title="Italian" src="http://lh3.ggpht.com/_TWC8zfBIdik/S_q2l9I16lI/AAAAAAAAA2g/Y7ZzowQXZKM/Italy-icon-1.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a><br /> <a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" title="Dutch" src="http://lh4.ggpht.com/_TWC8zfBIdik/S_q2udVMSeI/AAAAAAAAA2o/dYsGmtf0nZw/Netherlands-icon.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a><br /> <a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" title="Russian" src="http://lh6.ggpht.com/_TWC8zfBIdik/S_q2uQeOlGI/AAAAAAAAA2s/2E4uGfq9ZBo/Russia-icon.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a><br /> <a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" title="Brazilian" src="http://lh3.ggpht.com/_TWC8zfBIdik/S_q2lmuuugI/AAAAAAAAA2Q/p9ge_WyEsC8/Brazil-icon-1.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a><br /> <a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" title="Japanese" src="http://lh5.ggpht.com/_TWC8zfBIdik/S_q2uOd-1hI/AAAAAAAAA2k/Qg5qjoVc_G8/Japan-icon.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a><br /> <a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" title="Korean" src="http://lh3.ggpht.com/_TWC8zfBIdik/S_q2unoC31I/AAAAAAAAA20/gPtk7BgZ30M/South-Korea-icon-1.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a><br /> <a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" title="Arabic" src="http://lh3.ggpht.com/_TWC8zfBIdik/S_q2uRqjEmI/AAAAAAAAA2w/x9EH12G-Vno/Saudi-Arabia-icon.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a><br /> <a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" title="Chinese Simplified" src="http://lh3.ggpht.com/_TWC8zfBIdik/S_q2lsja_bI/AAAAAAAAA2U/f7tvdHVh7NU/China-icon.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a></div><style></style><br /> <style> .translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; padding-left:0px; } .translate:hover img { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; border:0; } </style>

Black N White 2.0 Template

2010-05-21T21:16:00.002+07:00

LIVE DEMO | DOWNLOAD

Name	Black N White
Version	2.0
Finishing Date	Friday, May 21 2010 \| 9:25 AM
Author	AXI AXRXYXNXO a.k.a Roxx (JAKARTA, INDONESIA)
Design	Roxx Templates Blogger

Features :

Simple Magazine Template
Cool Stripes
JQuery Slider
Fix Bug and More Design
Has 3 main Columns and 3 Bottom Columns with Dragon Backgrounds
1000px Width
Post with Read More & Thumbnail + Cool Information Layout
Has 2 Simple CSS Menu Navigation
Has 3 link icon of Social Network ( Facebook, Twitter, & Myspace )

Online Leaf - Making Websites Greener

2010-05-20T21:06:00.008+07:00

The Online Leaf project develops and markets green website additions, which are easy to use on any website. The idea is that a lot of small improvements make a large impact if they are spread out on a large enough number of websites, which will hopefully make the web less of a burden to the environment. How much CO2 do you emit, when surfing the web? Every minute a thousand visitors spend browsing a website an average of about 1.2kg of CO2 is emitted into our atmosphere. Now, that is not a very large number individually for a website, but if you consider the amount of time you spend on the internet along with everyone else, Online Leaf might be a step in the right direction, when trying to make the web much greener. So help the environment by making your website green!

OnlineLeaf.com is a CO2 neutral website, neutralizing our CO2 footprints and making the use of our engines, as environmentally friendly as possible. This means we have acquired CO2 quotas, which have been cleared with the state authorities in EU. If you are interested, please go ahead and read more about CO2 neutral websites. The standby engine is a project developed to reduce power consumption, when generating and displaying a website, without changing user experience while using the website. This is done by covering the site in a stationary, black color, which hides visual effects making the visitor's computer use less energy generating and displaying these. It might not seem like a lot of difference, but after all every little bit does count. To get full control of the way your website can save energy, and master its energy savings, you can follow these simple instructions. Any website can install the standby engine, and be among the many other green websites which help the environment by reducing their CO2 footprint.

Standby for a greener web

Our standby engine is the first of our products to deliver a fully functional and simple way to help your website run requiring less energy to generate. It hides heavy animations, covers the window in dark colors (as these, in many cases are less energy consuming) and pauses heavily running background processes. If you are using WordPress, just go ahead and download our plugin, activate it and everything should work instantly.

You can also install the standby engine by copy&pasting the following code into the <head> tag on your website... yeah, it's that simple!

The script uses jQuery, so if you are using other Javascript libraries with it, make sure to add...

... at the bottom of the <head> tag, to avoid conflicts.

http://www.onlineleaf.com/

Struktur Dasar Template Blogger

2010-05-04T00:39:00.006+07:00

Assalamualaikum dan salam sejahtera bagi sahabat blogger sekalian... Apa kabar nih ? masih pada sehat kan ? Amin.... Kali ini Roxx mau bagi2 sedikit ilmu nih hehehehe..... mungkin post ini akan tetap bertahan sampai akhir mei karena Roxx lagi i kut jadi Petugas Sensus 2010 xixixixi.... baru hari ketiga dah capek banget nih :( kalian semua udah pada dilisting belum ? hayo! jangan sampai tidak didaftarkan di sensus penduduk 2010 karena ini bermanfaat banget bagi Kesejahteraan rakyat Republik Indonesia kita lho! (Lebay) ... (hahaha malah curhat... :D tapi gapapa... hehehehe.... Roxx cuma pesen ini ya ? halah...) Yap langsung aja kali ini saya akan menjelaaskan tentang Struktur Dasar Template Blogger yup kalian sudah pada tau kan template blogger yang kalian pake itu menggunakan bahasa pemograman web yaitu HTML (Hypertext Markup Language) yap kali ini bagaimana HTML tersebut diterapkan pada template blogger ? yup untuk meletakkan kode html pada blogger pertama2 kalian harus mengikuti langkah2 berikut ini.

Intruksi dasar :

Login Blog terlebih dahulu di http://draft.blogger.com
Pilih Layout untuk memulai pengeditan pada Blog yang diinginkan
Pilih Tab Edit HTML

Gambar 1.

Berikut adalah Struktur Dasar Template Blogger sederhana by Roxx

<?xml version="1.0" encoding="UTF-8" ?>


<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

<head>



<title> </title>

<b:skin><![CDATA[ /* START CSS CODE */ /* Mulai kode css */

/* Blogger Templates */

/* ---------------------------------------------------
Template Name : [ Nama Template ]
Version : [ Versi Template ]
Finishing Date : [ Tanggal Selesai dibuat ]
Designed : [ Author ]
Email : [ Nama Email ]
URL : [ Url Blog/Website Author ]
--------------------------------------------------- */



/* END CSS CODE */ /* Selesai kode css */ ]]></b:skin>

</head>

<body>



</body>

</html>

Huff... dah larut malam besok masih banyak tugas yang harus diselesaikan.... :) (Doain ya biar cepet kelar... wkwkwkwk :D ) sekian dulu postnya nanti dilanjutin lagi.... semoga bermanfaat bagi sahabat blogger sekalian... Wasalam.

Sudut Melengkung ( Rounded Corners ) pada CSS

2010-04-28T01:57:00.000+07:00

Sudut melengkung atau Rounded Corners adalah lengkungan / belokan pada sudut dari suatu bentuk bangunan persegi. Sudut melengkung ini biasa digunakan dalam pembuatan design template agar template menjadi tampak lebih menarik dan tidak terlihat terlalu kaku dan monoton. Ada banyak teknik untuk membuat sudut lengkung dalam CSS berikut adalah situs web penyedia tool pembuatan rounded corner :

http://www.roundedcornr.com/
http://www.generateit.net/rounded-corner/index.htm?r=10&fg=ffff&bgt=1&f=png&w=500&bg=&h=600&bc=000000&aa=1&bw=3&submit=Generate+It
http://wigflip.com/cornershop/
http://www.spiffycorners.com/

Adapun cara lain membuat rounded corner ini dengan menggunakan kode default dalam CSS, kode yang digunakan adalah :

Support Firefox :

-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;

Support Safari :

-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;

Berikut adalah contoh rounded corner pada Browser pendukung :

Kotak 1 - Rounded Corner pada semua sudut

Kotak 2 - Rounded Corner pada pojok-kiri-atas

Kotak 3 - Rounded Corner pada pojok-kiri-bawah

Kotak 4 - Rounded Corner pada pojok-kanan-bawah

Kotak 5 - Rounded Corner pada pojok-kanan-atas

<div class="kotak">
Rounded Corner pada semua sudut</div>

<div class="kotak2">
Rounded Corner pada pojok-kiri-atas</div>

<div class="kotak3">
Rounded Corner pada pojok-kiri-bawah</div>

<div class="kotak4">
Rounded Corner pada pojok-kanan-bawah</div>

<div class="kotak5">
Rounded Corner pada pojok-kanan-atas</div>
</center>

<style type="text/css">
.kotak
{
width:500px;
border:3px solid #ff0000;
margin:10px;
padding:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
}

.kotak2
{
width:500px;
border:3px solid #ff0000;
margin:10px;
padding:10px;
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;

}

.kotak3
{
width:500px;
border:3px solid #ff0000;
margin:10px;
padding:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
}

.kotak4
{
width:500px;
border:3px solid #ff0000;
margin:10px;
padding:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
}

.kotak5
{
width:500px;
border:3px solid #ff0000;
margin:10px;
padding:10px;
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
</style>

Sekian artikel dari saya semoga bermanfaat. :) Sincerely Yours

Widget Float Transtools Vol.1

2010-04-22T12:14:00.001+07:00

Name	:	Widget Float Transtools Vol.1
Platform	:	Blogger
Widget Designed	:	Roxx
Installation	:	Put widget everywhere

Sample Image :

Install :

<div style="text-align: center; position: fixed; top: 5px; left: 10px;"><a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" title="English" src="http://lh5.ggpht.com/_15FopxVONSo/Sbs0I7gaReI/AAAAAAAACJk/vpx3tp_jg_k/s144/uk-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a><br /> <a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" title="French" src="http://lh4.ggpht.com/_15FopxVONSo/SbszlpR2QrI/AAAAAAAACIs/AwPD69Z7dnU/s144/france-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a><br /> <a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" title="German" src="http://lh3.ggpht.com/_15FopxVONSo/Sbsz1CIjjCI/AAAAAAAACI0/6PJIWHvMAh4/s144/german-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a><br /> <a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" title="Spain" src="http://lh6.ggpht.com/_15FopxVONSo/Sbs0IY8NOGI/AAAAAAAACJc/GncIRRDiVq0/s144/spain-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a><br /> <a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" title="Italian" src="http://lh6.ggpht.com/_15FopxVONSo/Sbsz1TJ5xdI/AAAAAAAACI8/0dtYx_clT4s/s144/italy-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a><br /> <a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" title="Dutch" src="http://lh6.ggpht.com/_15FopxVONSo/SbszlYjxPRI/AAAAAAAACIk/n-yzKfbktew/s144/dutch-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a><br /> <a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" title="Russian" src="http://lh5.ggpht.com/_15FopxVONSo/Sbsz1TzIcWI/AAAAAAAACJU/otXl-gtu1zg/s144/russian-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a><br /> <a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" title="Brazilian" src="http://lh4.ggpht.com/_15FopxVONSo/SbszlB3M6II/AAAAAAAACIU/jZYjX1vwGAo/s144/brazil-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a><br /> <a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" title="Japanese" src="http://lh3.ggpht.com/_15FopxVONSo/Sbsz1U6a6KI/AAAAAAAACJE/B3pvO5vYH8s/s144/japan-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a><br /> <a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" title="Korean" src="http://lh4.ggpht.com/_15FopxVONSo/Sbsz1e4_30I/AAAAAAAACJM/fuEkLjyIHiE/s144/korean-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a><br /> <a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" title="Arabic" src="http://lh6.ggpht.com/_15FopxVONSo/SbszlITiTZI/AAAAAAAACIM/Jec1INW-YFE/s144/arab-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a><br /> <a class="translate" href="http://www.blogger.com/rearrange?blogID=2038117773261907794&action=editWidget&sectionId=sidebar&widgetType=HTML&widgetId=HTML1#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" title="Chinese Simplified" src="http://lh3.ggpht.com/_15FopxVONSo/SbszlRrumlI/AAAAAAAACIc/rL_X9LTyuRE/s144/china-flag.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a></div><style></style><br /> <style> .translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; padding-left:0px; } .translate:hover img { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; border:0; } </style>

Black N White 1.1 Template

2010-04-21T21:39:00.002+07:00

LIVE DEMO | DOWNLOAD

Name	Black N White
Version	1.1
Finishing Date	Sun, April 18 2010 \| 12:55 AM
Author	AXI AXRXYXNXO a.k.a Roxx (JAKARTA, INDONESIA)
Design	Roxx Templates Blogger

Features :

Simple Magazine Template
Has 3 main Columns and 3 Bottom Columns with Dragon Backgrounds
1000px Width
Post with Read More & Thumbnail + Cool Information Layout
Has 2 Simple CSS Menu Navigation
Has 3 link icon of Social Network ( Facebook, Twitter, & Myspace )

Black N White 1.0 Template

2010-04-21T02:10:00.002+07:00

LIVE DEMO | DOWNLOAD

Name	Black N White
Version	1.0
Finishing Date	Wed, April 7 2010 \| 5:14 AM
Author	AXI AXRXYXNXO a.k.a Roxx (JAKARTA, INDONESIA)
Design	Roxx Templates Blogger

Features :

Simple Magazine Template
Has 3 main Columns and 3 Bottom Columns
1000px Width
Post with Read More & Thumbnail
Has 2 Simple CSS Menu Navigation
Has 3 link icon of Social Network ( Facebook, Twitter, & Myspace )

Ukuran Pixel, Ems, Percent, dan Point pada CSS

2010-04-15T16:34:00.001+07:00

Huff... akhirnya selesai juga mengoptimalkan template BLACK N WHITE walau masih ada kekurangan tapi tidak apa2 masih bisa di optimalkan lagi :). Bay the way soal template sahabat blogger pasti tidak asing lagi dengan yang namanya CSS ( Cascading Style Sheets ) yap disini saya ingin memberikan kepada Sahabat blogger tentang sedikit pengetahuan tentang beberapa jenis ukuran dalam CSS meliputi Pixel, Ems, Percent, dan Point. Mungkin sahabat blogger sudah paham mengenai jenis ukuran dalam CSS ini tapi disini saya ingin menerangkan perbandingan ukuran antara Pixel, Ems, Percent, dan Point. Untuk lebih jelasnya yuk kita lihat Tabel Perbandingan dibawah ini :

Pixels	EMs	Percent	Points
8px	0.5em	50%	6pt
9px	0.563em	56.3%	7pt
10px	0.625em	62.5%	8pt
11px	0.688em	68.8%	8pt
12px	0.75em	75%	9pt
13px	0.813em	81.3%	10pt
14px	0.875em	87.5%	11pt
15px	0.938em	93.8%	11pt
16px	1em	100%	12pt
17px	1.063em	106.3%	13pt
18px	1.125em	112.5%	14pt
19px	1.188em	118.8%	14pt
20px	1.25em	125%	15pt
21px	1.313em	131.3%	16pt
22px	1.375em	137.5%	17pt
23px	1.438em	143.8%	17pt
24px	1.5em	150%	18pt

Dari skema tabel diatas bisa dilihat dengan jelas bahwa perbandingan ukuran antara Pixel, Ems, Percent, dan Point sangat jauh berbeda sekali. Sebagai contoh perbandingan Pada Tabel ukuran diatas bisa diketahui bahwa 16px = 1em = 100% = 12pt yang berarti 16 pixel = 1 ems / 100 persen / 12 point, 1 ems = 16 pixel / 100 persen / 12 point, 100 persen = 16 pixel / 1 ems / 12 point, dan 12 point = 16 pixel / 1 ems / 100 persen. Sekian artikel singkat dari saya semoga bermanfaat :)

Tabel referensi : pxtoem.com

Widget Post Page Navigation Vol.2

2010-04-15T01:56:00.002+07:00

Name	:	Widget Post Page Navigation Vol.2
Platform	:	Blogger
Widget Designed	:	Roxx
Installation	:	Put widget under "Posting Blog"

Sample Image :

Install :

Widget Post Page Navigation Vol.1

2010-04-15T01:51:00.001+07:00

Name	:	Widget Post Page Navigation Vol.1
Platform	:	Blogger
Widget Designed	:	Roxx
Installation	:	Put widget under "Posting Blog"

Sample Image :

Install :

SEO

2010-04-13T15:17:00.004+07:00

Apa itu SEO ?

Optimisasi mesin pencari (dalam bahasa Inggris: Search Engine Optimization, biasa disingkat SEO) adalah serangkaian proses yang dilakukan secara sistematis yang bertujuan untuk meningkatkan volume dan kualitas trafik kunjungan melalui mesin pencari menuju situs web tertentu dengan memanfaatkan mekanisme kerja atau algoritma mesin pencari tersebut. Tujuan dari SEO adalah menempatkan sebuah situs web pada posisi teratas, atau setidaknya halaman pertama hasil pencarian berdasarkan kata kunci tertentu yang ditargetkan. Secara logis, situs web yang menempati posisi teratas pada hasil pencarian memiliki peluang lebih besar untuk mendapatkan pengunjung.

Sejalan dengan makin berkembangnya pemanfaatan jaringan internet sebagai media bisnis, kebutuhan atas SEO juga semakin meningkat. Berada pada posisi teratas hasil pencarian akan meningkatkan peluang sebuah perusahaan pemasaran berbasis web untuk mendapatkan pelanggan baru. Peluang ini dimanfaatkan sejumlah pihak untuk menawarkan jasa optimisasi mesin pencari bagi perusahaan-perusahaan yang memiliki basis usaha di internet.

Sejarah SEO

Menurut Danny Sullivan, istilah search engine optimization pertama kali digunakan pada 26 Juli tahun 1997 oleh sebuah pesan spam yang diposting di Usenet. Pada masa itu algoritma mesin pencari belum terlalu kompleks sehingga mudah dimanipulasi.

Versi awal algoritma pencarian didasarkan sepenuhnya pada informasi yang disediakan oleh webmaster melalui meta tag pada kode html situs web mereka. Meta tag menyediakan informasi tentang konten yang terkandung pada suatu halaman web dengan serangkaian katakunci (keyword). Sebagian webmaster melakukan manipulasi dengan cara menuliskan katakunci yang tidak sesuai dengan konten situs yang sesungguhnya, sehingga mesin pencari salah menempatkan dan memeringkat situs tersebut. Hal ini menyebabkan hasil pencarian menjadi tidak akurat dan menimbulkan kerugian baik bagi mesin pencari maupun bagi pengguna internet yang mengharapkan informasi yang relevan dan berkualitas.

Larry Page dan Sergey Brin, dua mahasiswa doktoral ilmu komputer Universitas Stanford, berusaha mengatasi permasalahan tersebut dengan membangun Backrub, sebuah mesin pencari sederhana yang mengandalkan perhitungan matematika untuk memeringkat halaman web. Algoritma tersebut, yang dinamakan PageRank, merupakan fungsi matematika yang kompleks berupa kombinasi antara perhitungan jumlah link yang mengarah pada suatu halaman web dengan analisis atas kualitas masing-masing link tersebut.

Berdasarkan prinsip kerja PageRank, secara umum bisa dikatakan bahwa halaman web yang memperoleh peringkat tinggi adalah halaman web yang banyak di-link oleh halaman web lain. Nilai PageRank juga akan semakin tinggi apabila halaman web yang mengarah kepadanya juga memiliki kualitas yang tinggi. Nilai sebuah link dari situs berkualitas tinggi seperti Yahoo! atau DMOZ dapat bernilai lebih tinggi daripada kombinasi nilai link dari seratus situs web berkualitas rendah.

Backrub hanyalah sebuah permulaan. Pada tahun 1998 Page dan Brin mendirikan Google yang merupakan versi tingkat lanjut dari Backrub. Dalam waktu singkat Google memperoleh reputasi dan kepercayaan dari publik pengguna internet karena berhasil menyajikan hasil pencarian yang berkualitas (tidak dimanipulasi), cepat, dan relevan. PageRank lantas menjadi standar baik bagi mesin pencari lain maupun bagi webmaster yang berusaha agar situs webnya memperoleh nilai PageRank setinggi mungkin sehingga menempati posisi tertinggi pada hasil pencarian.

Webmaster dan mesin pencari

Sejak tahun 1997 perusahaan mesin pencari menyadari bahwa beberapa webmaster (pengelola website) melakukan segala hal untuk dapat terindeks pada urutan teratas hasil pencarian, termasuk dengan cara-cara yang manipulatif dan ilegal. Infoseek, salah satu mesin pencari generasi pertama, melakukan perbaikan pada algortima mereka untuk mencegah manipulasi dengan "meta tag" yang tidak relevan.

Bagaimanapun, dalam beberapa hal mesin pencari juga menyadari nilai ekonomi yang besar dari peringkat hasil pencarian, dan mereka terkadang memiliki kepentingan terselubung dari aktivitas perusahaan SEO. Beberapa perusahaan mesin pencari mengirim perwakilan atau menjadi tamu pada event-event rutin yang diselenggarakan komunitas SEO.

Mesin pencari besar seperti Google dan Yahoo! menyediakan program dan panduan yang memungkinkan webmaster mengoptimalkan situsnya agar terindeks dengan baik. Google menyediakan aplikasi Webmaster Tool (anda harus mempunyai akun di Google guna melihat tool ini) dan memperkenalkan sitemap berbasis XML standar mereka, sedangkan Yahoo! menyediakan program Site Explorer (juga harus login dengan akun pengguna Yahoo! anda) yang memungkinkan webmaster mendaftarkan URL situs, mengecek jumlah halaman web mereka yang telah terindeks di data-base Yahoo!, dan melihat informasi link masuk. Namun demikian mesin pencari tidak mentolerir metode SEO yang manipulatif dan menghalalkan segala cara.

Etika dan legalitas SEO

Sistem PageRank, walau menerapkan algoritma yang kompleks, belakangan juga tidak lagi sepenuhnya mampu menghadapi trik dan manipulasi. Sejumlah webmaster dan praktisi SEO telah mengembangkan beberapa metode yang memanfaatkan cara kerja PageRank agar halaman web klien mereka berada pada peringkat pertama hasil pencarian. Google secara resmi telah melarang penggunaan beberapa teknik ilegal seperti link farming, doorway pages, keyword stuffing, dan auto generated pages atau scraper pages. Situs atau layanan SEO yang tetap menggunakanannya terancam akan dihapus dari indeks pencarian.

Ancaman Google dan mesin pencari lain bukan hanya gertakan. Beberapa perusahaan layanan SEO beserta klien mereka yang tidak mengindahkan larangan tersebut menerima penalti yang serius karena perbuatan ilegal mereka. Pada tahun 2005, Matt Cutts dari Google mengatakan bahwa URL sebuah firma SEO bernama Traffic Power beserta klien-klien mereka telah dihapus dari indeks Google karena menggunakan teknik SEO ilegal. Kasus lain yang terkenal adalah ketika Google pada Februari 2006 menghapus situs web perusahaan BMW dan Ricoh Jerman dari daftar karena terbukti menggunakan metode SEO yang manipulatif. BMW dan Ricoh dengan segera meminta maaf kepada Google dan memperbaiki situs mereka. Google kemudian memasukkan kembali situs web mereka ke dalam indeks pencarian. Namun skandal tersebut tetap meninggalkan citra buruk dan memalukan bagi kedua perusahaan tersebut.

Berdasarkan panduan resmi mesin pencari, SEO bukanlah teknik ilegal sepanjang dilakukan dengan mengikuti etika dan aturan yang ada. Hal tersebut untuk menjamin setiap situs web memperoleh kesempatan yang sama dalam pencarian, dan pemeringkatan dilakukan dengan obyektif, di mana yang paling berperan dalam menentukan peringkat suatu halaman web adalah kualitas dan manfaatnya bagi pengguna internet.

Tokoh-tokoh SEO Terkemuka

Selain pendiri Google Larry Page dan Sergey Brin, beberapa orang menjadi figur yang dihargai dan pendapatnya dijadikan acuan seputar bisnis mesin pencari dan SEO.

1. Danny Sullivan

Mantan wartawan LA Times yang mendirikan situs web Search Engine Watch yang aktif menyoroti perkembangan bisnis dan teknologi mesin pencari. Kini dia aktif menulis dan membuat reportase di Search Engine Land.

2. Matt Cutts

Programmer dan mantan pegawai NSA (National Security Agency) Amerika Serikat yang bergabung dengan Google pada tahun 2001 dan saat ini mengepalai tim penanggulangan spam Google. Selain menjadi karyawan Google, Matt Cutts adalah seorang blogger terkemuka. Artikel-artikel di blognya menjadi rujukan para praktisi SEO dari seluruh dunia, karena blognya sering menjadi sumber pertama setiap informasi mengenai perkembangan teknologi pencarian Google. Matt Cutts sering dianggap sebagai juru bicara tidak resmi Google.

3. Vannesa Fox

Mantan karyawati Google. Vannesa dikenal di kalangan webmaster sebagai konseptor dan programmer yang mengepalai proyek Google Webmaster Central.

SEO dalam strategi pemasaran internasional

Bisnis dan layanan SEO berkembang pesat seiring dengan pertumbuhan web, yang menyebabkan sebuah situs harus berusaha lebih keras agar alamatnya lebih mudah ditemukan pengunjung di antara jutaan alamat situs lain dari seluruh dunia yang menjadi kompetitornya. Mesin pencari merupakan pintu masuk utama, karena pengguna internet tidak lagi sanggup menghafalkan jutaan situs web, dan sebagai gantinya mereka mengandalkan hasil pencarian dari Google, Yahoo!, Bing, dan mesin pencari lain.

Berada pada posisi teratas atau setidaknya halaman pertama hasil pencarian untuk subyek tertentu memberikan keuntungan ganda bagi perusahaan pemasaran via internet:

Peluang calon pelanggan mengunjungi situs web mereka menjadi lebih besar. Hal tersebut dapat berlanjut pada meningkatnya tingkat konversi dari pengunjung biasa menjadi pembeli.

Berada pada peringkat pertama hasil pencarian memberikan citra dan reputasi yang baik bagi sebuah situs di mata pengunjung.

Mesin pencari pada umumnya tidak mencari keuntungan secara langsung dari hasil pencarian organik. Pendapatan usaha mereka diperoleh dari iklan yang ditampilkan pada bagian atas atau samping hasil pencarian organik tersebut. Perusahaan yang kurang berhasil menerapkan strategi SEO sehingga alamat situsnya tidak berada pada posisi teratas dalam hasil pencarian organik masih dapat memperoleh pengunjung dengan beriklan pada mesin pencari tersebut.

Pada Google, pemasangan iklan dapat dilakukan melalui Google AdWord. Google AdWord menerapkan mekanisme pay per click atau bayar per klik, artinya untuk setiap iklan yang diklik oleh pengunjung, pemasang iklan akan dikenakan biaya, yang besarnya berbeda-beda tergantung pada proses lelang (bidding) katakunci yang dilakukan oleh pemasang iklan.

Referensi : id.wikipedia.org

Embedded Mp3 - Autoplay

2010-04-13T02:58:00.002+07:00

This first time i 'm writing on English language for my post. a little bit nervous too when i 'm try to writing on English language, but i hope will familiar with this. Are you think I really writing it post alone ? Lol i 'm using little help form Google Translate... hehehehe... maybe it words is suck and sorry for bad english. :) Yap just to the point i will explain you step by step and first step is :

You must Login in at Blogger before
In dashboard blogger, chose a blog and click Layout
Next in Page Elements at Tab Layout, click Add a Gadget where ever and put this code bellow

After putting the html code change the url code of Mp3 (on red color) what you want it Then Save
View the Changes and Thanx :)

Membuat Frame Satu Halaman pada Blog ( Duplikasi / Kloning Blog )

2010-04-12T00:44:00.006+07:00

Sebuah teknik duplikasi atau mengkloning suatu blog dengan cara menggandakan tampilan blog sesuai dengan aslinya merupakan trik dari pembuatan frame satu halaman, dengan maksud tujuan yang lain atau juga apabila sobat blogger sekalian mempunyai nama domain baru yang mempunyai page index dan tidak bermaksud merubah kondisi Pagerank,Alexa, dan Status lainnya yang sudah ada pada Blog sebelumnya, sahabat blogger sekalian bisa menngunakan teknik ini sebagai cara alternatif. Berikut adalah kode html yang akan disimpan pada halaman index.html :

<html>
<head>
<title>Title</title>
</head>
<frameset><frame src='http://roxx-share.blogspot.com/'/></frameset>
<body></body>
</html>

Bisa juga diterapkan pada halaman blogger dengan mengapus semua kode html yang ada pada pengaturan tab Layout - Edit HTML dan menggati dengan kode html berikut :

<html>
<head>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[]]></b:skin>
</head>
<frameset><frame src='http://roxx-share.blogspot.com/'/></frameset><body></body>
</html>

DEMO DUPLIKASI BLOG

Terakhir ganti source url http://roxx-share.blogspot.com/ dengan alamat source url yang dituju lalu simpan. Sahabat Blogger tentu bisa menambahkan META TAG yang diperlukan. Sekian artikel singkat ini semoga bermanfaat :)

Widget Titlebar Animation Vol.3

2010-04-04T20:16:00.002+07:00

Name	:	Widget Titlebar Animation Vol.3
Platform	:	Blogger
Widget Designed	:	Roxx
Installation	:	Put widget FREE

Sample Image :

Install :

Widget Titlebar Animation Vol.2

2010-04-04T20:07:00.003+07:00

Name	:	Widget Titlebar Animation Vol.2
Platform	:	Blogger
Widget Designed	:	Roxx
Installation	:	Put widget FREE

Sample Image :

Install :

Mudah membuat Template Blog dengan Artisteer 2.4

2010-04-03T16:22:00.006+07:00

Artisteer adalah sebuah software design template blog yang sangat mudah digunakan untuk keperluan Design Tampilan Web / Blog yaitu Joomla!™, WordPress, Drupal, DotNetNuke, dan Blogger. Artisteer dapat dijadikan sebagai salah satu tool favorit bagi para pecinta blogger untuk mendesign template yang diinginkan tanpa perlu mempunyai keahlian khusus dalam Photoshop, CSS, HTML dan teknologi web lainnya untuk membuat desain tampak hebat, termasuk gambar dan tombol. Semua tools sudah disediakan dari Memilih dan menggunakan banyak elemen desain termasuk, dari latar belakang ke objek foto dan tombol. Sebagai software berbayar Artisteer pastinya sangat berkualitas dan mempunyai profesionalitas tinggi. Sekian artikel singkat mengenai Artisteer semoga dapat bermanfaat bagi sahabat blogger sekalian, Terimakasih. Untuk mencoba Trialnnya bisa di download di sini

DEMO

Widget Titlebar Animation Vol.1

2010-04-01T00:52:00.008+07:00

Name	:	Widget Titlebar Animation Vol.1
Platform	:	Blogger
Widget Designed	:	Roxx
Installation	:	Put widget FREE

Sample Image :

Install :

Membuat Kotak Kode di dalam Posting Part. 2

2010-03-29T16:57:00.000+07:00

Tutorial Blog - Membuat Kotak Kode di dalam Posting Part. 2

Intruksi dasar :

Login Blog terlebih dahulu di http://draft.blogger.com
Pilih Layout untuk memulai pengeditan pada Blog yang diinginkan
Pilih Tab Edit HTML untuk meletakkan kode css dantara kode pembatas yaitu <b:skin><![CDATA[ dan ]]></b:skin>
Untuk mencari kode pembatas tersebut dapat dipergunakan fasilitas Find pada web browser. Sebagai contoh pada browser Mozilla Firefox ditunjukkan pada Menu Bar -> Edit -> Find (Alt+E+F) atau dengan menekan kombinasi tombol (Ctrl + F)
Dalam mempermudah penempelan kode css tersebut dapat diletakkan sebelum atau diatas kode ]]></b:skin>. Berikut ini adalah kode css yang diletakkan diantara kode pembatas.

#KotakKodeByRoxx2 { background-color:#F0F8FF; Width:500px; margin:20px; padding:20px; border:1px solid gray; font:15px arial,sans-serif; }

Setelah perubahan template disimpan selanjutnya,
Pilih Tab Posting untuk memulai posting baru ( New Post )
Gunakan kode berikut ini untuk penggunaan kode css tadi, pada Tab Edit HTML

<div id="KotakKodeByRox2x">Tulis Kode disini 2</div>

Hasilnya akan terlihat sebagai berikut

Tulis Kode disini 2

Upload Foto pake Server Lokal - http://upload.kapanlagi.com/

2010-03-27T11:47:00.001+07:00

KL UPLOAD ADALAH SARANA UNTUK MENGUPLOAD FOTO BAGI PENGGUNA FORUM / MESSAGE BOARD ATAU UNTUK MEMPERCEPAT PENGIRIMAN FOTO VIA EMAIL.

Persyaratan KL Upload :

Untuk bisa mencari foto yang Kamu upload, Kamu harus memasukkan email dengan benar.
Apabila email tidak benar, foto akan dihapus.
KapanLagi.com tidak bertanggungjawab terhadap foto yang di-upload oleh user.
User tidak diperkenankan meng-upload foto yang dilindungi oleh Hak Cipta.
Foto yang mengandung unsur pornografi harus dikategorikan dengan benar.
KapanLagi.com berhak menghapus foto tanpa pemberitahuan.
Ketentuan ini dapat berubah sewaktu-waktu tanpa pemberitahuan.

Langsung aja upload Foto kamu di http://upload.kapanlagi.com/ biar lebih cepat loadingnya.

Membuat Kotak Kode di dalam Posting Part. 1

2010-03-26T18:59:00.002+07:00

Intruksi dasar :

Login Blog terlebih dahulu di http://draft.blogger.com
Pilih NEW POST untuk memulai posting baru di Blog yang diinginkan
Pilih Tab Edit HTML untuk meletakkan kode berikut ini

Gunakan kode berikut ini untuk menggunakannya, masih dalam Tab Edit HTML

<div id="KotakKodeByRoxx">Tulis Kode disni</div>

Hasilnya akan terlihat sebagai berikut

Tulis Kode disni

Disable Klik Kanan pada Browser

2010-03-26T11:11:00.007+07:00

Intruksi dasar :

Login Blog terlebih dahulu di http://draft.blogger.com
Pilih Layout untuk Editing Layout di Blog yang di inginkan
Pada Tab Page Elements Pilih Add a Gadget yang tersedia pada layout
Setelah muncul jendela Add a Gadget lalu pilih HTML/JavaScript
Copy-Paste kode berikut ini kedalam Content pada Configure HTML/JavaScript dan tanpa nama Title :

Chat Room

2010-03-20T01:34:00.007+07:00

Silahkan Chat Sepuasnya :)

Shoutbox SBox

2010-03-17T03:20:00.000+07:00

SBox adalah layanan shoutbox gratis memberikan premi yang terbaik untuk diletakkan di kotak chat website atau blog kalian :). SBox sangat mudah sekali digunakan lho... :D. Sbox mendukung semua web browser standar dan bebas dari biaya apapun :D. Pengguna SBox tidak dipaksa untuk meng-upgrade ke versi premium dengan alasan apapun atau batasan waktu tertentu :D. Fitur SBox sangat interaktif dan menarik :). Sbox versi Free memiliki semua fitur premium :x yaitu statistik, waktu, tanggal, dan masih banyak lagi. Berikut ini adalah SBox yang sudah sedikit saya modifikasi :D :

Fitur SBox

Berikut ini adalah fitur yang mencakup SBox Shoutbox

Tidak terbatasnya Shout per hari.
Ramah kode HTML sehingga kamu dengan mudah menempatkan code SBox kamu di situs manapun.
Warna dan tema dapat disesuaikan karena SBox menggunakan kustomisasi warna sederhana.
Ukuran dapat disesuaikan termasuk lebar dan tinggi
SBox mengunakan penyaring setiap kata-kata kasar atau emoticon sesuai dengan gaya bahasa kamu.
SBox dapat Menyesuaikan waktu dan tanggal kamu sesuai dengan Time Zone (Zona Waktu).

Untuk mendaftarnya kamu bisa mengklik link ini atau click gambar dibawah ini. Terimakasih.

Untuk mengenai SBox lebih lanjut bisa ditunngu Posting berikutnya... :D

Checking Load Time With Addons lori (Life-of-request info)

2010-03-13T17:42:00.004+07:00

Ada banyak cara untuk melihat kecepatan loading pada suatu website/blog sebagai contoh http://www.websiteoptimization.com/services/analyze/ adalah penyedia jasa tools engine untuk melihat Load Time (Waktu Tunggu) dari sebuah Website/Blog.

Disini saya ingin merekomendasikan kepada kalian semua untuk menggunakan Addons dari browser Mozilla Firefox yaitu lori (Life-of-request info) disamping simple data yang disampaikan juga akurat. Untuk menginstall Addons nya pada Browser Mozilla Firefox kalian bisa dapatkan disini

Addons LORI akan berada dipojok kanan bawah browser

Berikut adalah penjelasan :

1.160 s adalah Waktu byte pertama
5.680 s adalah Waktu tampilan lengkap (kecepatan waktu loading Web/Blog)
691.65 KB adalah Ukuran halaman
9 req adalah Nomor permintaan

Encode / Decode HTML Entities

2010-03-13T00:15:00.020+07:00

HTML Decoder/Encoder

Mesin Pembuat Text Kebalik

2010-02-20T17:34:00.004+07:00

FLIP TEXT GENERATOR

Get a FREE Domain Name - www.YOU.co.nr !!!

2010-02-20T17:32:00.013+07:00

Download

2010-02-01T11:51:00.033+07:00

My 4Shared

Visual Basic 6.0 Support :
VB6.PORTABLE+VB6.SCROLLWHEELFIX
Icon-Shell32

Source code VB6.0 Extreme :
Penyamaran Proccess di Task Manager
Windows & System32 Directory
WinQuit
Delete Tree Key on Registry
Set Volume Label
Copy to Share Folder
Browse For Folder Dialog
VB Character & Symbol (Unicode)
Get File Name and Extension From Path
VB Character & Symbol
SourceCode - Copy File to Drivedisk & Flashdisk
SourceCode - Folder Locked
AVX - Anti Virus Project X

Crack :
Crack - Adobe Photoshop CS2
Crack - CorelDraw X4
Crack - Internet Download Manager 5.xx (2008-12-06)
Crack - Adobe Photoshop CS3
Make XP Genuine By : Roxx

Mig33 :
Mig33 Kick for Handphone
Mig33 All Version
Mig33 Collection All Version

Hack Tools :
Hack - Google Search

Software :
Deep Freeze Standard v6.00.020

SITE MAP

2010-01-27T21:58:00.002+07:00

Forum

2010-01-27T18:50:00.000+07:00

Roxx Share

MY FOLLOWER NOT SHOWING !!! WHY ???

2010-01-27T09:10:00.000+07:00

I'M VERY VERY VERY HATE IT. Why the followers doesn't show since i was installed anti iframe script on my html code ? im try to search in google but no one solving this problem.... Feels like want to break my keyboard so hardy.... ARRRGGhhhh!!! FU*K... LOL :D This sh*t make me stuck to blogging........ any body can help me please..... !!! The last story, sorry for bad english.... :)

Roxx Share - Term of Service

2010-01-27T03:45:00.001+07:00

The Award :

Penghargaan diberikan hanya kepada blogger yang berhak menerimanya
Pemberian penghargaan ini saya tujukan kepada sahabat blogger dengan alasan sebagai berikut :

Template Design yang menurut saya bagus dan kreatif
Post yang menurut saya mendidik dan informatif
Features yang menurut saya unik dan menarik

Pemberian penghargaan ini tidak menutup kemungkinan untuk diberikan kembali kepada para sahabat blogger lain yang pantas menerimanya.
Pemberian penghargaan ini dengan tujuan menjalin persaudaraan antara sesama blogger yang menurut saya setara kedudukannya, derajatnya, dan martabatnya, yang tidak pernah memberbedakan antara usia, level, ras, suku, agama / kepercayaan, golongan, budaya dan bangsa.
Peraturan backlink bisa diterapkan kepada sahabat blogger yang menerima penghargaan ini dengan ketentuan sebagai berikut :

Bagikan penghargaan ini kepada para sahabat blogger anda dengan mencantumkan urutan namanya dan posisikan nama/link anda kedalam urutan ke-10 dengan menghapus urutan ke-1 dan menggeser masing-masing urutan sebelumnya menjadi naik satu peringkat .contoh :

Jika setiap penerima penghargaan mampu memberikan award ini kepada 5 sahabat blogger yang lain dan mereka meneruskan untuk memberikan award ini kembali kepada 5 sahabat blogger lainnya , maka jumlah backlink yang akan anda peroleh adalah :

Pada posisi ke-10, yaitu jumlah backlink = 1
Pada posisi ke-9, yaitu jumlah backlink = 5
Pada posisi ke-8, yaitu jumlah backlink = 25
Pada posisi ke-7, yaitu jumlah backlink = 125
Pada posisi ke-6, yaitu jumlah backlink = 625
Pada posisi ke-5, yaitu jumlah backlink = 3,125
Pada posisi ke-4, yaitu jumlah backlink = 15,625
Pada posisi ke-3, yaitu jumlah backlink = 78,125
Pada posisi ke-2, yaitu jumlah backlink = 390,625
Pada posisi ke-1, yaitu jumlah backlink = 1,953,125

Semakin banyak penghargaan yang anda berikan maka semakin banyak pula jumlah backlink yang didapat.

MY AWARD NAME & LINK LIST

PositionNameBLOG
1 EMPTYEMPTY
2EMPTYEMPTY
3EMPTYEMPTY
4EMPTYEMPTY
5EMPTYEMPTY
6EMPTYEMPTY
7EMPTYEMPTY
8EMPTYEMPTY
9EMPTYEMPTY
10 ROXXROXX-SHARE

Position	Name	BLOG
1	EMPTY	EMPTY
2	EMPTY	EMPTY
3	EMPTY	EMPTY
4	EMPTY	EMPTY
5	EMPTY	EMPTY
6	EMPTY	EMPTY
7	EMPTY	EMPTY
8	EMPTY	EMPTY
9	EMPTY	EMPTY
10	ROXX	ROXX-SHARE

The license :

FREE provided that author's name included

The Rules :

Segala bentuk file source code virus / worm / malware yang ada didalam blog ini adalah untuk tujuan informasi saja.
Anda bertanggung jawab penuh atas segala kerusakan yang disebabkan oleh kompilasi source code virus / worm / malware, menjalankan file virus / worm / malware yang sudah terkompilasi, dan berbagi informasi source code virus / worm / malware dalam blog ini.
Sadarilah bahwa menjalankan kode berbahaya apapun pada komputer lain atau jaringan komputer mungkin tindakan kriminal dan gunakan dengan resiko anda sendiri!

Just Shit :

Cara mudah membunuh Virus dan Worm atau Program Jahat (Malware) lainnya adalah "Menghentikan Proses Kerjanya"
Antivirus atau Anti Lainnya yang terhebat adalah ada pada "Dirimu Sendiri"

This Page of Blog was Protected By Roxx

2010-01-27T03:09:00.006+07:00

Any Questions ? | Ada Pertanyaan ?

Please Comment | Silahkan Komentar

Install (put under post) :

Link Exchange "DO FOLLOW"

2010-01-27T02:21:00.013+07:00

My Link

My Banner 1 [view]

My Banner 2 [view]

My Banner 3 [view]

FRIENDS LINK

KAOS BLOGGER

2010-01-27T00:36:00.000+07:00

DESIGN Vol.1
@ IDR 50.000 


Roxx Design © 2010

DESIGN Vol.2

@ IDR 75.000 

DESIGN Vol.3
@ IDR 35.000

NB: DISTRIBUSI HANYA UNTUK WILAYAH JAKARTA SELATAN
harga dapat berubah

Index by Archives

2010-01-27T00:02:00.000+07:00

HTML Editor - Generator Online

2010-01-01T04:23:00.000+07:00

HTML Editor - Generator Online

Code by ckeditor.com

HTML Editor - Generator Online

HTML Encoder / Decoder

2010-01-01T01:24:00.000+07:00

HTML Encoder / Decoder

Javascript Packer / Compress Tool

2007-01-01T12:04:00.000+07:00

Tools Blogger - Javascript Packer / Compress Tool

Compress atau Pack kode Javascript secara Online [Info: Tunggu hingga Loading Blog Selesai]

Javascript Packer / Compress Tool, Javascript Compressor Tool Online, Javascript Packer Tools Online, JS Compressor, JS Packer, Javascript Tools Online

Javascript Unpacker Tool

2007-01-01T03:00:00.000+07:00

Tools Blogger - Javascript Unpacker Tool

Javascript Unpacker Tool, Unpack Javascript, Javascript Unpacker, Unpack js, js unpacker, js, java, javascript, unpack, unpacker tools