بسم الله الرحمن الرحيم"...السلام عليكم ورحمة الله وبركاته..."Puisi"Sebuah Kata Hati-Desahan Jiwa, Gairah Jiwa Muda..." Islamic-Writing"Seorang hamba Meniti Jalan Tauhid" Mendidik-JiwaBismillah... "Ayo Kita Bisa!!!" Tips-Ngeblog"Menjadi Blogger Hebat!!!" Tips-BisnisBisnis Yuk!; "Jadi orang mandiri & kuat..." Online-Strategy"Strategy Memenangkan Internet" Islamic-Program"Software-PDF-CHM-Doc dll, insya Allah bermanfaat"|Linux|Tips-Trik|E-Book|E-Learning|My-Produk|Prospek|Bisnis-Online|Creative-Tulisan|ToTheBestOfMy|Photo
Blog Clip & Reader yang Enak di Lihat, Enak di Baca, Mudah Dipahami & Bermanfaat
"Membaca internet, memahaminya, Menyederhanakanya & Membangunya..."
[ indo-blog | seo | strategi-online | Bisnis-Online | review | shop | chat | teman | bookmark | tumbler | tips-trik | download | e-book | blog | belanja | internet-tips ]

Home Blog Photos Video Music Calendar Reviews Links

Arrohwany Multiply Themes ver 1.0 Stable [Yang Berminat Silahkan Copy & Edit Sesukanya]

Jun 16, '07 6:07 AM
for everyone

"Arrohwany Template Themes" for Multiply ver 1.0 Stable

"Sebuah code adalah puisi
Dan kumpulanya adalah bait-bait syair..."

Update terakhir: 25 Mei 2008
New Update:

15 April 2008: Auto scroll (In Tags)
28 April 2008: Editing Marquee Direction, Syntax Formatting-Highlighting in CSS, & Penjelasan Code CSS
18 Mei 2008 Pop Up Text
20 Mei Me-resize text Box
25 Mei validate CSS

Mohon maaf jika ada ketidak-sesuain hasil di MP saudara, sebab MP terus mengupdate codenya secara rutin yang akhirnya sangat berpengaruh dengan hasil tampilan code di MP saudara. Sehingga perlunya code-code disini untuk terus di update...

Pengantar Pemahaman

Ini adalah script asli punya ana, dan keinginan tiap orang berbeda-beda jadi:

Jadikan Sebagai perbandingan belajar (dengan code yang saudara punyai atau ingin ambil/kuasai fasilitas yang ada di MP ana)

Jadi nggak musti harus sama (clone) dengan yang disini, sebab ini hanyalah template standard, kalo nggak diutek-utek lagi malah kelihatan sedikit aneh

Maka perlunya disesuaikan (edit) dengan yang akan saudaraku terapkan

Terutama seperti buat account dulu pada tool yang berasal dari situs pihak ketiga (seperti fasilitas hitstat, chat box, Map, dll) sehingga sesuai dengan kebutuhan saudara (benar-benar milik saudara sendiri)

Buang code yang tidak saudaraku inginkan/butuhkan
Syukur-syukur akhirnya jadi Themes saudara sendiri (Ini cukup dijadikan Base themes saja)

Silahkan lihat sample sederhananya disini:

http://arrohwanythemes.multiply.com

Cara mengedit template & Themes paling sederhana adalah:

Tinggal mengganti warna (pakai color calculator)

Manfaatkan Best Online Color Scheme Generators:

Cara Mudah memahami tiap fungsi baik berupa kode css maupun HTML, yaitu:

Copy sedikit demi sedikit codenya (dari tag pembuka sampai penutup dari code tersebut), kemudian save
Lalu lihat perubahan apa yang muncul di browser kita

Maka tinggal kita ubah-ubah attributnya (warna ukuran dll yang bisa diubah), sesuai dengan yang kita inginkan
Kalo pingin sambil nyuba bisa juga gunakan ini:http://www.w3schools.com/html/html_examples.asp (lebih asyik praktek langsung)

Mengganti gambar background (timpali dengan koleksi gambar favorite kita yang telah di taruh di file server, seperti di photobucket.com)

Untuk mempermudah gunakan fasilitas search (tekan tombol Ctrl + F bersamaan) di browser
Untuk memahami fungsi gambar itu; tinggal buka saja link gambar itu (open in new tab di browser) >>> Tinggal kita lihat (bandingkan) dengan contoh hasilnya, yaitu: "munculnya gambar itu dibagian sebelah mana..."
Jika berminat silahkan gunakan koleksi photobucket ana disini :

http://s74.photobucket.com/albums/i271/arrohwany
Tinggal copy sumbernya: "direct links"

Atau silahkan upload photo sendiri disana (register dulu di photobucket) dan tinggal ganti gambar
Ada 2 jenis Format URL Gambar (Lokasi alamat di-web-nya):

Multiply (2 cara, dapatkan URL dari: 1. via Attachment posting di journal atau 2. di Upload Photo):

http://images.arrohwany.multiply.com/attachment/0/R8hlAwoKCEMAACSdHWI1/curreg4.cur?nmid=78456051
\_1_/\____________2___________/\________________3________________/\__________4__________/

Upload Photo di Photobucket (direct links):

http://i74.photobucket.com/albums/i271/arrohwany/IDCardMin-1.png
\_1_/\_______2________/\_________3_________/\______4_____/
1= protokol web (http) 2= host domain 3=lokasi kedalaman file 4= nama file beserta lokasi targetnya

Maka perhatikan jika kita upload di Multiply;

Karna berupa query dinamis, bisa kita lihat setelah nama file dibelakangnya banyak code aneh , disitulah letak perbedaanya

Usahakan ganti gambar dalam ukuran dimensinya yang sama (panjang x lebar image):

Manfaatkan Tool Rezise dari program Image Viewer seperti ACDSee atau FaStone dll

Atau terpaksa jika utuh bisa kita beri atrribut ukuran, contoh:

<img src="http://i74.photobucket.com/albums/i271/arrohwany/natu06.gif" width="100" height="100" />

Bisa juga buat image sendiri, misalnya menggunakan program photoshop atau program image editing yang lain

Untuk belajar CSS secara praktis terutama untuk mengetahui properti dan attribut paling enak langsung tanya sama mbah Guugel, contoh pertanyaan langsung (keyword):

"display :"

"position:"

"background:"

"text-align:"

"font-size:"

"border:"

"color:"

"float:"

"padding:"

Atau belajar langsung ke pusatnya disini:

http://www.w3schools.com/css/css_examples.asp (sambil praktek)
http://www.htmlcodetutorial.com/css/css.html
http://csscreator.com/?q=tools/layout (memahami CSS via generator bagi yang suka instant)

Pemahaman sekilas semoga bermanfat...

CSS (Cascading Style Sheet) = perintah untuk memformat atau membentuk berbagai macam variasi baik text maupun variasi lain dari HTML (dengan melepaskan perintah HTML yang begitu banyak dan diulang-ulang)

Jadi dengan CSS satu perintah sudah bisa untuk mewakili perintah-perintah lain

CSS terdiri dari: selector {property: value}

selector = element yang akan kita definisikan
width, background, color, border, dll = property (attribut sifat)

bold, red, 50 px, dll = value (nilai sifatnya)

Property dan value harus ditulis di antara tanda kurung kurawal {...}
Antara property dan value diberi tanda : dan diakhiri dengan tanda ;
Jika suatu nilai (value) mengandung spasi, maka nilai tersebut harus diapit dengan tanda petik "
Susunan property bisa ditulis dalam satu baris dan bisa juga di urutkan kebawah
Contoh:

body { %elements }
Dalam element inilah kita masukkan property dan nilai, seperti:
body { background-color: #FFFFFF; }

Reminder: "Jangan lupa untuk memisahkan antar code css dengan spasi"
Untuk mempersingkat code, silahkan keterangan (komentar) di CSS Themes ana ini yang kurang perlu (sekedar belajar) dihapus saja

Sekalain untuk memperkecil file
Bisa juga kita memanfaatkan Tool Online CSS Opimizer ini:

Dan check validasi CSS kita disini:

http://jigsaw.w3.org/css-validator
MP juga sudah nyediain kok sekarang (fasilitas terbaru)

Mengganti isi tulisan, Search (Ctrl + F) kata-kata yang ingin kita ganti, setelah ketemu tinggal ganti dengan kata-kata kita sendiri
Belajar HTML, sedikit demi sedikit secara cepat dan praktis

Silahkan langsung praktek disini http://arrohwany.multiply.com/journal/item/157/Cara_Cepat_menguasai_HTML

Ganti account/user name, pada fasilitas tertentu yang berhubungan dengan pihak ketiga
Untuk mempermudah editing, sangat direkomendasikan menggunakan program editor khusus;

Teknik efektif= "manfatkan fasilitas Compose Journal" di MP

http://arrohwany.multiply.com/journal/compose

Untuk melihat code HTML:

>>> tinggal kita check box Edit HTML tiap kita melakukan pemformatan >>>

"Jadi kalo diformat ini... code htmlnya itu seperti ini..."

Aplikasi khusus yang support html syntax highlighting (sehingga cepat memisahkan bagian-bagian code dan kita mudah memahami code html tersebut), Program open source yang sangat kami rekomendasikan: :

Notepad++

Silahkan download lengkap disini: http://notepad-plus.sourceforge.net/uk/download.php

Untuk lebih mudah lagi memahami; gunakan program WYSWYG HTML Editor terutama apliaksi open source NVU ini:

Versi portable diisni: http://portableapps.com/apps/development/nvu_portable
Situs Developher asli: http://www.nvudev.com/download.php

Dan lebih simpel + keren: Gunakan add on firefox ini: "Scribefire"

"ScribeFire is a full-featured blog editor that integrates with your browser and lets you easily post to your blog"

https://addons.mozilla.org/en-US/firefox/addon/1730

Panduan penggunaan Text Pop Up:

Setelah Code CSS dimasukkan untuk meng-aktifkan fasilitas tersebut (Silahkan lihat code CSS dibawah)
Silahkan ganti code HTML ini sesuai dengan yang saudaraku butuhkan (misal di postingan dan welcome box saudara biar lebih keren):

<a class="thumbnail" href="http://arrohwany.multiply.com">Arrohwany"Blog Muhammad Ulinnuha"</a>

http://arrohwany.multiply.com

Ganti dengan link target (tujuan)

Arrohwany

Ganti dengan text yang akan diklik

"Blog Muhammad Ulinnuha"

Ganti dengan isi text pop up saudara

Langkah-langkah

Setelah klik Customize Site di halaman Depan, maka dibagian atas akan muncul ini

Pilih themes skyline pada Choose Theme: http://multiply.com/setup/pages/themes

Terus copy paste Code CSS dibawah ini (bagian Script code CSS MP) ke bagian Custome CSS: http://multiply.com/setup/pages/upload-css > terus kilk save

Masukkan code html lain ke tempatnya: Welcome Box - Blog Box - Video Box dll
Edit deh sesukanya

Script code CSS MP
(taruh di edit css)

/*
Bismillahirrahmanirrahiim...
~Creative~
[x] ARROHWANY ~http://arrohwany.multiply.com
[x] Silahkan Copy-Paste+Edit css ini sesukanya :)
[x] Yogyakarta-Indonesia
*/

/*AUTOHIDE HEADER
div.header    = Layout bagian paling atas (daerah tulisan Setting - Inbox-My site-Post,-dll)*/
div.header {opacity: 0;}
div.header:hover {opacity: 100;}

/*HEADER PALING ATAS*/
/*border-top: 1px solid #000077= border (garis tepi yang mengelilingi) dengan bentuk solid dengan code warna #000077 (biru tua) dengan ukuran 1 px*/
/*background: = format warna atau gambar dari background*/
div.owner_nav {
border-top: 1px solid #000077;
border-left: 1px solid #000077;
margin: 0;
height: 175px;
background: url(http://images.arrohwany.multiply.com/attachment/0/R8hmdgoKCEMAAERyvFQ1/gugur.gif?nmid=49824528) scroll repeat bottom center;
border:none;
}

/*BAGIAN JUDUL BLOG KITA*/
/*font-size: 25px; = memilih ukuran huruf sebesar 25 pixel*/
h1#page_owner_title {
margin: 12px 0 85px 10px;
background-color: transparent;
background: url(http://images.multiply.com/common/dot_clear.gif);
font-size: 25px;
color: #fff;
border: none;
}

/* HILANGKAN MENU (BAGIAN MENU HOME, MUSIC, BLOG dst)*/
div#subnav {
display:none;
}

/* PAGE START */
div#page_start {
padding:10px 10px 0;
}

/*BAGIAN HEADER*/
div#subnavc {
width:auto;
}

/* HIDE ICON MENU PADA HOME */
.icon { visibility: hidden; display: none; }

/* RUBAH LI (Bullet) DEFAULT MULTIPLY */
li {
list-style-image: url(http://images.arrohwany.multiply.com/attachment/0/R8hmXQoKCEMAADngk1s1/indicator.gif?nmid=49824528);
}

/*ANIMASI TABLE ALBUM FOTO */
/*float: left; = Letak dari .album dibagian Left (kiri)*/
/*padding: = Ketebalan sisi area album*/
.album {
background: url(http://images.arrohwany.multiply.com/attachment/0/R8hmIgoKCEMAADz8nkg1/fantasy_51.gif?nmid=64568577);
float: left;
padding: 7px 7px 7px 7px;
text-align: center;
font-size: 10px;
border: 2px solid #ACACAC;
color: #80FF80;
}
.album:hover {
background: url(http://images.arrohwany.multiply.com/attachment/0/R8hmLwoKCEMAAD0Rnts1/spira240.gif?nmid=64568577);
border: 2px solid #ACACAC;
padding: 7px 7px 7px 7px;
color: #9CBAFF;
font-size: 10px;
}

.album {
margin:0 10px 10px 0;
}

.album img {
border:1px solid #333;
}

/* BUAT ANIMASI PADA TABLE PADA VIDEO */
.videothumb {
float: left;
padding: 7px 7px 7px 7px;
text-align: center;
font-size:10px;
background: url(http://images.arrohwany.multiply.com/attachment/0/R8hmIgoKCEMAADz8nkg1/fantasy_51.gif?nmid=64568577);
border: 2px solid #ACACAC;
color: #FFFFFF;
}

/* BUAT BACKGROUND PADA CONTACKS USER + GRUP */
.contactbox {
float: left;
padding: 10px;
border: 1px solid #8C8A8C;
margin: 8px;
font-size: 10px;
text-align: center;
background: url(http://images.arrohwany.multiply.com/attachment/0/R8hmFQoKCEMAAD3xpYI1/funny_30.gif?nmid=64568577);
color: #9BFF9B;
}

/* RUBAH WARNA SCROLL BAR (KHUSUS IE) */
html {
scrollbar-base-color: #87A7B8;
scrollbar-face-color: #3F545F;
scrollbar-arrow-color: #87A7B8;
scrollbar-shadow-color: #FFFFFF;
scrollbar-darkshadow-color: #3F545F;
scrollbar-highlight-color: #808080;
scrollbar-3dlight-color: #808080;
scrollbar-track-color: #87A7B8;
}

/* HILANGKAN DATE PADA BAGIAN HOME */
span.update {
display : none;
background : none;
}

/*UNTUK BACKGROUND DAN FONT (kESELURUHAN)*/
/*width: auto = lebar bagian body = auto (ngikut aja)*/
body {
color: #D3D3D3;
width: auto;
margin: 0;
background: #415965 url(http://images.arrohwany.multiply.com/attachment/0/R8hmBgoKCEMAADngkyM1/stars5.gif?nmid=64568577) repeat fixed top left;
}

/* CURSOR */
/*body = untuk memformat halaman utama (cursor termasuk bagain dari body)*/
body {
cursor:url("http://images.arrohwany.multiply.com/attachment/0/R8hlAwoKCEMAACSdHWI1/curreg4.cur?nmid=78456051"),default;
}

/*KOLEKSI LINKS: MEMBUAT EFEK TEXT & GAMBAR ANIMASI
a               = Link saat belum di-klik (kondisi awal)
a:visited,    = Link yang sudah pernah di-klik
a:hover     = Jika link disorot/dilewati cursor, biasanya saat kursor berubah jadi gambar tangan
a:link         = Link dalam sebuah itembox (termasuk pada content jurnal/postingan di blog)*/
a, a:visited, a:link { color: #719BFF; }

a:hover {
color: snow;
text-decoration: none;
font-style: italic;
text-decoration: none;
}
a:hover img {opacity: 0.70;}

a.select, a.select:link, a.select:visited {
background : none;
padding-left: 0;
font-size: 12px;}

/*LINK TULISAN ID DI LOGO KITA*/
td.rail div#rail .railbody .userlogo a, td.rail div#rail .railbody .userlogo a:link,
td.rail div#rail .railbody .userlogo a:visited { color: #91F075; }
td.rail div#rail .railbody .userlogo a:hover { color: #FFF; }

/*LINK DI HURUF (BULLET) DI BAGIAN RAIL (DIBAWAH LOGO )*/
ul.sidelist li a, ul.sidelist li a:link, ul.sidelist li a:visited {}
ul.sidelist li a:hover { color: #5AE831; }

/*WARNA TEXT SAAT SELEKSI FONT
background: #B5D4FE; = warna background jika text diseleksi
color: #AFCDC7;=warna font text yang diseleksi*/
::-moz-selection {
background: none;
color: #90EE90;
}

/* a.topt, a:visited.topt = menu
line-height = jarak spasi dari baris ke baris (bukan dari huruf ke huruf)
margin-left = jarak kotak dari sisi kiri halaman*/
a.topt, a:visited.topt {
line-height: 1.2em;
display: block;
float: left;
height: auto;
text-align: center;
background: none;
font-size: 10px;
color: #fff;
width: auto;
padding: 2px;
margin-right: 5px;
margin-left: 5px;
}

/*a.toptsel, a:visited.toptsel = posisi dimenu
font-weight: menentukan bold, italic atau normal*/
a.toptsel, a:visited.toptsel {
line-height: 1.2em;
display: block;
float: left;
height: auto;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #33CC00;
width: auto;
padding: 2px;
margin-right: 5px;
margin-left: 5px;
background: none;
}
li.gnopt a, li.gnopt a:visited, li.gnopt a:link {
color: #00ff00;
}
li.gnoptsel {
border-color: #abd;
border-color: #ccc;
}

/* BUAT AUTO SCROLL DIBAGIAN TAGS (BIAR KERENZ)*/
div#mainbox_1 div.relatedlinks {
height: 90px;
width: 740px;
overflow-x:auto;
overflow-y: auto;
}

/* TOMBOL DI BUKU TAMU*/
td#cell_submit input {
background: url(http://images.arrohwany.multiply.com/attachment/0/R8hlQgoKCEMAAChoPu41/biru-1.gif?nmid=78456051) no-repeat;
width : 80px;
height: 22px;
border : none;
color: #FFF;
font-weight: bold;
font-size: 11px;
text-align: center;
}
td#cell_submit input:hover {
background: url(http://images.arrohwany.multiply.com/attachment/0/R8hlKAoKCEMAACjIRGg1/GAMBARHIDUP36.gif?nmid=78456051) no-repeat;
width : 80px;
height: 22px;
border : none;
color: #9BFF9B;
font-weight: bold;
font-size: 11px;
text-align: center;
}
span.textarea-handle {
display : none;
}

/*MENGATUR BAGIAN REPLY BOX (KOMENTAR)*/
.replybox {
color: #78EB78;
padding: 6px;
margin: 20px 3px 20px 3px;
background: url(http://images.arrohwany.multiply.com/attachment/0/R8hlKAoKCEMAACjIRGg1/GAMBARHIDUP36.gif?nmid=78456051) repeat fixed top left;
background-color: #787878;
border-top: 1px solid #550000;
border-left: 1px solid #550000;
}

.replybox textarea#body {
background: url(http://images.arrohwany.multiply.com/attachment/0/R8hlFAoKCEMAACyzVSw1/replyarea-1.gif?nmid=78456051);
color: #339933;
font-weight: bold;
font-style: italic;}

/*font-family: arial; = memilih jenis font arial*/
input.submit {
background: none;
background-color: #8e8e8e;
border: 1px solid #cccccc;
font-family: arial;
font-size: 11px;
font-weight: bold;
color: #eeeeee;}

/*RAIL= SISI SEBELAH KANAN*/
td.rail {
background: url(http://images.arrohwany.multiply.com/attachment/0/R8hl@AoKCEMAADEBbmM1/salju04.gif?nmid=64568577) repeat fixed top left;
tdrailsidelistcolor:#D6D3D6;
border-left:0px solid #99f;
padding:0;
}

/*BULLET PADA RAIL*/
td.rail .sidelist a {
color:#FFFFFF;
}

/*railsep = bagian rail yang muncul iklan*/
td.rail .railsep {
height:2px;
background-color:#D6D3D6;
}

/* BUAT USER LOGO TRANSPARANT*/
/* Background*/
.userlogo {
font-size:13px;
font-weight: bold;
}
/* Border*/
.rail .userlogo {
border:none;
background-color: transparent;
}
.userlogo {
background-color:transparent;
}

/* Sengaja ada (lihat diatas menu ini dihilangan),siapa tahu ingin nampilkan*/
div#subnav {
background:none;
border:none;
border-bottom:0 solid #000;
height:auto;
padding:1px 1px 1px 5px;
}

a.topt,a:visited.topt {
line-height:1.2em;
display:block;
float:left;
height:auto;
text-align:center;
background:none;
font-size:13px;
color:#fff;
width:auto;
margin-left:5px;
margin-right:5px;
padding:2px;
}

a.toptsel,a:visited.toptsel {
line-height:1.2em;
display:block;
float:left;
height:auto;
text-align:center;
font-size:13px;
font-weight:700;
color:#fff;
width:auto;
margin-left:5px;
margin-right:5px;
background:none;
padding:2px;
}

li.gnopt a,li.gnopt a:visited,li.gnopt a:link {
color:#0b5eb4;
}

li.gnoptsel {
border-color:#ccc;
}

/*padding-right=batas teks dengan sisi kanan kotak*/
td#maincontent {
padding-right:20px;
}

div#rail {
text-align:left;
width:159px;
}

a.gnoptsel,a:visited.gnoptsel {
width:84px;
margin:-2px 0 0;
}

div.stats {
border-bottom:none;
}

/*itemboxsub=judul dari itembox (kotak diatasnya itembox)*/
.itemboxsub {
color:#9bf;
font-weight:700;
font-size:18px;
padding-left:5px;
border:1px solid #fff;
border-bottom:none;
background:none;
background-color:#28323A;
}

.itemsubsub {
font-size:10px;
font-weight:400;
line-height:10px;
text-align:right;
color:#9bf;
}

.itemstamp {
float:right;
font-size:10px;
font-weight:400;
color:#666;
margin:-5px 0 5px;
}

/* itembox:"item content area'= kotak boks yang berisi postingan kita (seperti blog, review dll,)*/
.itembox {
border:1px solid #fff;
overflow:visible;
background:none;
background-color:#30414B;
margin:0;
padding:5px 10px 10px;
}

/* itembox ini untuk lebih keren lagi bisa kita isi gambar; silahkan buang komentar dibawah ini (tanda apit komentar dari /* sampai */) dibawah ini... */
/*.itembox {
background: url(http://images.arrohwany.multiply.com/attachment/0/R8hmdgoKCEMAAERyvFQ1/gugur.gif?nmid=49824528)
no-repeat bottom right;
} */

.itemboxalbum {
border:1px solid #fff;
background-color:#30414B;
text-align:center;
padding:10px;
}

div.caldiv1 td.calday {
font-size:10px;
background-color:#30414B;
}

.caldate {
font-size:13px;
font-weight:700;
}

.cald {
float:right;
text-align:center;
background-color:#30414B;
border:1px solid #fff;
width:20px;
margin:-3px -3px 3px 3px;
padding:0 4px;
}

.calevent {
margin:0 0 8px;
}

div.caldiv1 td.calday:hover {
background-color:#444;
}

.caldiv1 th {
background-color:#444;
color:#000;
font-size:10px;
font-weight:400;
text-align:center;
}

table.globalnav {
border:none;
background:none;
}

.header .globalnav ul.gnopt a {
color:#9f9;
}

.navinput {
border:none;
color:#222;
}

table.indextitle {
display:none;
}

.infobox {
background-color:#000;
}

div.infobox .boxbody {
border:1px solid #30414B;
}

.header .globalnav div.gndd a {
color:#444;
border:1px solid #eee;
}

div.gndd {
color:#000;
background-color:#eee;
border:1px solid #666;
}

div.ddsep {
background-color:#666;
}

a:link.voptsel,a:visited.voptsel,a.voptsel {
background-color:#30414B;
color:#fff;
border:1px solid #fff;
}

/* NGURUSI SELURUH KOTAK */
.tablediv1 th {
background-color:#30414B;
color:#fff;
}

.header {
background:none;
}

.itembox legend {
color:#eee;
}

div.guidebox {
background-color:#30414B;
border:1px solid #fff;
color:#a44;
}

div#guideboxbody.boxbody {
background-color:#30414B;
border:none;
}

a.keytabs {
color:#415965;
}

div#poll_answers,td#cell_ {
color:#fff;
font-weight:700;
}

.rolloverfordnd,.caldiv1,.tablediv1 {
background-color:#fff;
}

.caldiv1 th a,.caldiv1 th a:visited,div.vopt span.voptlabel,tr#row_vote {
color:#fff;
}

.tablediv1 tr,.tablediv1 tr:hover,.bg0,tr.blank,tr.blank:hover {
background-color:#30414B;
}

div.add_sublabel,div.add_sublabel a,div.add_sublabel a:link,div.add_sublabel a:visited,div.add_sublabel a:hover {
color:#30414B;
}

/* HILANGKAN "Reply deleted..." */
div.replydeleted {display: none;}

/* HIDDEN URL Untuk Komentar yang Terlalu Panjang*/
.replybodytext { overflow:hidden; }

/*SCROLLING GUESTBBOOK*/
#home_guestbook {overflow: auto; height: 470px;}

/*BLOCK Deface Replybox*/
.replybox object, .replyboxodd object, .replyboxread object {
display: none;
}

/* LINKS BUATAN DI RAIL (Silahkan lihat contoh=http://arrohwany.multiply.com (sebelah kanan)
Contoh menambah Element baru pada Multiply yang diletakkan di Rail
position: absolute; = agar posisi element #link ini nggak lari kemana-mana :)*/
#links {
position: absolute;
top: 42%;
left: 106%;
width: 13em;
color: #fff;
}

/*Untuk Mendukung Text Pop Up (Silahkan coba klik menu2 diatas site ini:Puisi >>> berisi:"Sebuah Kata Hati-Desahan Jiwa, Gairah Jiwa Muda...")*/
.thumbnail {position: relative; z-index: 0;}
.thumbnail:hover {background-color: transparent; z-index: 50;}
.thumbnail span {position: absolute; background-color: #fff; padding: 5px; left: -1000px; border: 3px solid #6BEB5A; visibility: hidden; color: #000; text-decoration: none;}
.thumbnail:hover span {visibility: visible; top: 0; left: 60px;}
a {text-decoration: none;}

/*Me-Resize pada Text Box*/
.textarea-handle {
height: 12px;
cursor: n-resize;
margin: 0;
display: block;
background: none;
}

/*UNTUK NGATUR FOOTER - BAGIAN PALING BAWAH*/
div#ownedfooter {
background-color:#fff;
border:1px solid #fff;
}

/*HILANGKAN FOOTER PALING BAWAH (Optional; meski jadi lebih rapi dan bersih tapi kayaknya nglanggar aturan (hati-hati)
Hilangkan tanda komentar dibawah ini untuk mengaktifkan*/
/*div#ownedfooter a {
display : none;
}
span#copyright {
display : none;
}*/

/*GAMBAR Check IP PALING BAWAH (Silahkan buang code ini jika tidak ingin), perhatikan gambar peta bumi dibagian paling bawah-yang ada key visitor)*/
div#ownedfooter {
margin: 0;
height: 135px;
padding: 30px 0 0 0;
line-height: 10px;
border: none;
background: url(http://www.maploco.com/vmap/1062388.png) no-repeat top center;
}

/*MATIKAN IKLAN (Optional sebab nglanggar aturan; meski iklanya yang adsense kadang ngaco (bisa di cancel account kita)
Hilangkan tanda komentar dibawah ini untuk mengaktifkan*/
/*#rail iframe{display:none;}a.go,a:visited.go a:link.go,.go{background:transparent;}*/

/*
Selesai, alhamdulillah... :)
*/

############################################################################

Script code Site Title (Paling Atas)
Code keseluruhan Title ada disini: http://arrohwany.multiply.com/journal/item/3083/Arrohwany_Multiply_Themes_ver_1.0_Complete_Code

<center>بسم الله الرحمن الرحيم</center><marquee direction="right" behavior="scroll" scrolldelay="35">"...السلام عليكم ورحمة الله وبركاته..."</marquee><center><a href="http://arrohwany.multiply.com/tag/mypoems">Title Pertama</a> <a href="http://arrohwany.multiply.com/tag/islamicwriting">Title Kedua</a></center><center>|<a href="http://arrohwany.multiply.com/tag/free-open%20source">Sub bab Pertama</a>|<a href="http://arrohwany.multiply.com/tag/tips-trik">Sub bab Kedua</a>| Deskripsi Blog Saudara "Deskripsi Tambahan"</center>%3Clink%20href%3D%22http%3A//www.intersat.net.id/transfer/ulin/favicon.ico%22%20rel%3D%22shortcut%20icon%22%20type%3D%22image/x-icon%20/%22%3E>

Welcome Box "Google Search" (Header Body MP)

<center><form method='get' action='http://www.google.com/search'><input name='ie' value='UTF-8' type='hidden'><input name='oe' value='UTF-8' type='hidden'><table style='text-align: center;' bgcolor='#ffffff'><tbody><tr bgcolor='#28323a'><td><a href='http://arrohwany.multiply.com/journal/item/196'>[<blink>Tips Canggih Nyari Sesuatu di Internet</blink>]</a> <a href='http://arrohwany.multiply.com/video/item/100'>Google Hack </a><a href='http://arrohwany.multiply.com/journal/item/222'>| Advanced | </a><a href='http://arrohwany.multiply.com/journal/item/2502'>Pencarian lengkap | </a><a href='http://www.google.com/coop/cse?cx=002619324801741834999%3Afjvb_z4ap0y&hl=en'>My Google</a></td></tr><tr bgcolor='#28323a'><td><input name='q' size='21' maxlength='255' value='' type='text'><input name='domains' value='arrohwany.multiply.com' type='hidden'> <input name='sitesearch' value='' type='radio'>Google<input name='sitesearch' value='arrohwany.multiply.com' checked='checked' type='radio'>Arrohwany<input name='sitesearch' value='wikipedia.org' type='radio'>Wikipedia<input name='sitesearch' value='salafy.or.id' type='radio'>Fatwa<input name='sitesearch' value='almanhaj.or.id' type='radio'>Manhaj<input name='sitesearch' value='sourceforge.net' type='radio'>Sourceforge <input name='btnG' value='Search' type='submit'></td></tr></tbody></table></form></center>

############################################################################

Script code Body MP
(taruh di title pada Welcome Box)
Code keseluruhan Body ada disini: http://arrohwany.multiply.com/journal/item/3083/Arrohwany_Multiply_Themes_ver_1.0_Complete_Code

<center>
بسم الله الرحمن الرحيم
"Dan Dialah yang menjadikan kamu penguasa-penguasa di bumi dan Dia meninggikan sebagian kamu atas sebagian (yang lain) beberapa derajat, untuk mengujimu tentang apa yang diberikan-Nya kepadamu. Sesungguhnya Tuhanmu amat cepat siksaan-Nya, dan sesungguhnya Dia Maha Pengampun lagi Maha Penyayang" (Q.S. AL-ANAM 165) <a href="http://arrohwany.multiply.com/tag/murattal">|[Koleksi Murattal]|</a> <marquee behavior="scroll">"Mohon masukan n maaf atas sgl kesalahan kekhilafan, dimasa lalu n yang akan datang serta mohon ridha untuk diri ini menghadap-Nya penuh keikhlasan"</marquee> 
<div style="border: 2px outset silver; background: transparent url(http://i74.photobucket.com/albums/i271/arrohwany/gugur.gif) repeat fixed left top; overflow: auto; width: 290px; height: 200px; color: silver; font-size: 9pt; font-family: arial; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><marquee direction="up"><blink>Judul Puisi (misal)</blink>

Tulis
puisi
atau apa
disini

Yogyakarta, 7 Januari 2008
~ . ~</marquee></div><hr width="100">"Semoga bisa saling berbagi ilmu, nasehat dan kebaikan"
[Silahkan kutip & utak-atik sekirannya ada manfaat saudaraku dapatkan] <hr width="50">
<a href="http://www.kampungblog.com/"><img src="http://www.kampungblog.com/button.php?u=arrohwany" border="0"></a><a href="http://situsbersih.com"><img src="http://img291.imageshack.us/img291/6172/btnantipornogi8.png" width="80" height="15" border="0"/></a><a href="http://blog.muslimblog.net/"><img src="http://banner.muslimblog.net/muslimblogkecil2.gif" border="0"></a> <a href="http://blog-indonesia.com/blog.php?page=2&blogger=5410"><img src="http://www.blog-indonesia.com/image/flag_green.gif" alt="blog-indonesia'/" border="0"></a><a href="http://blogfam.com/forum/" target="_blank"><img src="http://images.arrohwany.multiply.com/attachment/0/R8hnqwoKCEMAAFNHB681/bloggerfamily.gif?nmid=50100586" border="0" alt="BlogFam Community" /></a><hr width="25"> + Topik Utama Saudara <a href="http://arrohwany.multiply.com/journal/item/84">[Silahkan Copy & Edit Code Ini]</a> <a href="http://arrohwany.multiply.com/journal/item/3075">~Topik Khusus Saudara~</a> Best Viewed with FireFox in "1024 x 768 Resolution!"<a href="http://en.www.mozilla.com/en/firefox/"><img src="http://images.arrohwany.multiply.com/attachment/0/R8hn1woKCEMAAFhjG7E1/firefox858c7fet0.gif?nmid=50100586" border="0"/></a> 
<div style="border: 2px outset silver; background: transparent url(http://i74.photobucket.com/albums/i271/arrohwany/GAMBARHIDUP36.gif) repeat fixed left top; overflow: auto; width: 310px; height: 200px; color: silver; font-size: 9pt; font-family: arial; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><marquee direction="up" scrollamount="1" ><a href="http://arrohwany.multiply.com/video">.::Links Download::.</a> 
<a href="http://arrohwany.multiply.com/video/item/99">Download 1</a> <a class="select" href="http://arrohwany.multiply.com/video">View All</a></div> .::Tool Saudara::.
[<a href="http://toggletext.com/kataku_trial.php"> ToggleText </a>|<a href="http://www.kamus.net/#"> Kamus.Net </a>|<a href="http://dict.javakedaton.com"> JavaKedaton </a>|<a href="http://kamus.javakedaton.com/kamus.php"> Arabic </a>] 
<a href="http://creativecommons.org/licenses/by/3.0/"><img src="http://creativecommons.org/images/public/somerights20.png" border="0"></a> <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 License</a> 
"Hak cipta hanya milik Allah 'azza wa jalla" "Silakan kutip, edit & sebarluaskan isi web ini dengan atau tanpa mencantumkan sumber asalnya" "Namun alangkah mulianya 'adab seorang murid terhadap guru dan pendahulunya" <marquee behavior="scroll">"Semoga tdk salah niat, bs bersahabat dgn tulus, bukan kesia-siaan & bukan jd fitnah-mudharat serta diridhai Allah"</marquee>
<a href="http://arrohwany.multiply.com/photos/photo/12/1" target="_blank"><img src="http://images.arrohwany.multiply.com/attachment/0/R8hmFQoKCEMAAD3xpYI1/funny_30.gif?nmid=64568577" border="0"></a> (Nama Saudara) <a href="http://arrohwany.multiply.com/profile/resume/resume.txt">| Resume]</a> 
<a href="http://arrohwany.multiply.com/calendar">My Task List & Calender</a> |||[Pingin Lihat Berdasar Kategori?]|||
<marquee scrollamount="3" behavior="alternate" bgcolor="CORNFLOWERBLUE">"Silahkan pilih (klik) tag-tag dibawah ini"</marquee><a href="http://www.mybloglog.com/buzz/members/arrohwany/tags">.::My Best Selection Tags::.</a> <a href="http://arrohwany.multiply.com/journal" target="_blank"><img src="http://images.multiply.com/multiply/icons/clean/24x24/search.png" border="0"></a></center><div id="links"><div style="border: 2px outset silver; overflow: auto; width: 124px; height: 224px; color: silver; font-size: 9pt; font-family: arial; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">.::Profile Bisnis::. <a href="http://arrohwany.multiply.com/photos/photo/12/1"><img src="http://images.arrohwany.multiply.com/attachment/0/R8hm6goKCEMAAEo51mQ1/IDCardKecil.jpg?nmid=49824528" border="0"></a> <a href="http://www.indonetwork.or.id/KaffaNetwork/profile/kaffanetwork.htm">My Indonetwork</a> <a href="http://www.alibaba.com/company/11072347.html">My Alibaba</a> <a href="http://www.ojeez.com/arrohwany">My Ojeez</a> <a href="http://arrohwany.blogoshop.com">My Blogoshop</a> <a href="http://id.wikipedia.org/wiki/Pengguna:Arrohwany">Resume</a> Skype:arrohwany VoIP:(621881001)31924 arrohwany@gmail.com arrohwany@yahoo.com <a href="ymsgr:sendIM?arrohwany" target="_top"><img src="http://opi.yahoo.com/online?u=arrohwany&m=g&t=1" border="0"></a> <a href="http://www.linkedin.com/in/arrohwany" ><img src="http://www.linkedin.com/img/webpromo/btn_profile_greytxt_80x15.gif" width="80" height="15" border="0"></a> .::Koleksi Blog <a href="http://arrohwany.multiply.com"> My Multiply</a> <a href="http://arrohwany.blogspot.com">My Blogspot</a> .::Peta Saudara::. <a href="http://maps.google.com/maps?f=d&hl=en&geocode=&saddr=-7.802283,110.402593&daddr=&mrsp=0&sz=18&mra=mi&sll=-7.802208,110.402625&sspn=0.001403,0.004163&ie=UTF8&ll=-7.802325,110.402384&spn=0.001403,0.004163&t=k&z=18&om=0">+ In Google Map</a> <a href="http://arrohwany.multiply.com/photos/photo/12/3">+ In Jogja Map</a> <a href="http://www.wikimapia.org/#lat=-7.791483&lon=110.385202&z=18&l=0&m=a">+ In WikiMapia</a> <a href="http://www.multimap.com/maps/#t=l&map=-7.79658,110.36249|12|4&loc=ID:-6.2115:106.845:8||Indonesia">+ In MultiMap</a> <a href="http://www.frappr.com/?a=constellation_map&mapid=68720551671">+ In Frapper</a> .::Blogroll::. <a href="http://www.sohib.info">Iswanto</a> <a href="http://www.rahmatsoft.web.ugm.ac.id">Rahmat</a> .::Kumpulan Link::. <a href="http://mediagema.multiply.com">Mediagema</a> <a href="http://www.ip2map.com"><img alt="Map IP Address" src="http://www.ip2map.com/ip2map.gif" border="0"></a></div>
###########################################################################

Script code Blog Box
(taruh di Title pada Blog Box)

<center><img src="http://images.arrohwany.multiply.com/attachment/0/R8h2cgoKCEMAAEL8J2U1/natu06.gif?nmid=64990930" <img src="http://images.arrohwany.multiply.com/attachment/0/R8h2aQoKCEMAAD7uFXA1/bintang.gif?nmid=64990930" <img src="http://images.arrohwany.multiply.com/attachment/0/R8h2bgoKCEMAAEKYI7Y1/dividers_109.gif?nmid=64990930"</center>

###########################################################################

Script code Video Box
(taruh di Title pada Video Box)

<center><a href="http://arrohwany.multiply.com/video">.::Silahkan Download::.</a> <img src="http://images.arrohwany.multiply.com/attachment/0/R8h3ZQoKCEMAAFC6XLM1/7e8b96ca.gif?nmid=49184056"></center>

###########################################################################

Script code Links Box
(taruh di Title pada Links Box)

<center>.::"Best Collections of My Links!"::. <a href="http://arrohwany.multiply.com/journal/item/16/Best_Collections_of_MyLink_Sites">Silahkan Klik Links Ini</a> <img src="http://images.arrohwany.multiply.com/attachment/0/R8h3ZQoKCEMAAFC6XLM1/7e8b96ca.gif?nmid=49184056"></center>

###########################################################################

Script code Photos Box
(taruh di Title pada Photos Box)

<center>"لاَ إِلَـهَ إِلاَّ أَنْتَ سُبْحَانَكَ إِنِّيْ كُنْتُ مِنَ الظَّالِمِيْنَ" <img src="http://images.arrohwany.multiply.com/attachment/0/R8h4UwoKCEMAAGWbQK81/dividers_55.gif?nmid=49184056" border=0></center>

###########################################################################

Script code Music Box
(taruh di Title pada Music Box)

<center>"لا حول ولا قوة الا بالله" <img src="http://images.arrohwany.multiply.com/attachment/0/R8h3ZQoKCEMAAFC6XLM1/7e8b96ca.gif?nmid=49184056"></center>

###########################################################################

Script code Review Box
(taruh di Title pada Review Box)

<center><img src="http://images.arrohwany.multiply.com/attachment/0/R8h4@QoKCEMAAGqhJpg1/hilal_aniB1.gif?nmid=49184056" border="0"> "...هذا من فضل ربّي..."</center>

###########################################################################

Script code Calender Box
(taruh di Title pada Calender Box)

<center><a href="http://www.kiko.com/calendar/arrohwany">.::My Calender::.</a> <img src="http://images.arrohwany.multiply.com/attachment/0/R8h3ZQoKCEMAAFC6XLM1/7e8b96ca.gif?nmid=49184056"></center>

###########################################################################

Script code Contack Box
(taruh di Title pada Contack Box)

<center> "جزاكم الله خيرا" <img src="http://images.arrohwany.multiply.com/attachment/0/R8h5ewoKCEMAAHXHxBY1/thankyou.gif?nmid=49184056" border="0"></center>
###########################################################################

Script code Group Box
(taruh di Title pada Group Box)

<center><img src="http://images.arrohwany.multiply.com/attachment/0/R8h5yAoKCEMAAHtA3g01/love_336.gif?nmid=49184056" border="0"></center>

###########################################################################

Script code GuestBook Box
(taruh di Title pada GuestBox Box)

<center>"وقل ربي زدني علما" [[Ruang Belajar & Diskusi]]</center>

###########################################################################
Pingin belajar lebih lanjut?

[Step by step] Bikin Blog di MP dan Menguasainya secara Mudah
PANDUAN RINGKAS HTML
Cara Cepat menguasai HTML
Multiply Shortcut Link
Memasukkan Javascript Di MP
Jadi Seorang Blogger Hebat
Metode Cepat Kuasai Internet
Tool warna CSS
Web color calculator
Cara Melihat & Mencari Source Code dari situs tertentu.doc
Tips mendapatkan Domain gratis.zip
Blog sebagai media dakwah
Tool praktis upload photo ke photobucket (cukup klik kanan dari explorer)

Attachment: shout.html
Attachment: iklan.html
Attachment: EmailFeedBurner.html

Tags: mp

Prev: Mohon maaf atas saudara-saudariku sekalian
Next: "Subhanallah ... Dimana keberadaan kita?"

reply share

100 CommentsChronological Reverse Threaded

annilasyiva wrote on Jul 7, '07

Assalamu`alaikum Wr Wb

Mas aku ngopy css nya yak :), makasih sebelumnya ^_^

arrohwany wrote on Jul 8, '07, edited on Jul 8, '07

annilasyiva said

Assalamu`alaikum Wr Wb

Mas aku ngopy css nya yak :), makasih sebelumnya ^_^

Wa 'alaikum salamu warah matullahi wabarakatuh

silahkan copy sepuasnya

Makasih sebelumnya >>> Inggih sami2 ^ -*
Dan sekarang sudah ana tambahin kode untuk body/welcome box
(sebelumnya lupa belum ana kasih)

annilasyiva wrote on Jul 9, '07

yap terima kasih ya, tuh sudah saya pasang di MP saya :D