Mengenal Multiply (2)

Setelah kita membuat blog di multiply, kita bisa mengubah atau mengedit blog tersebut sesuai dengan keinginan kita. Sebelumnya kita perlu bergabung dengan grup "customizethemes". Cara bergabungnya bisa dilihat pada tulisan mengenai Multiply sebelumnya disini.

Pada bagian tersebut kita bisa mengedit tampilan banner, background dll sesuai yang diinginkan, dengan catatan kita hanya mengganti alamat URL dari gambar yang diinginkan.

* Jika anda ingin merubah tampilan background di template pinkstripe tadi,maka code yang bertanda merah dibawah ini, anda ganti dengan alamat URL dari gambar yang anda inginkan :

body {
background: none;
background-color: black;
}
a, a:visited, a:link { color: deeppink; }
.rail {
width: 159px;
padding-right: 10px;
}
.railstart {
margin-top: 10px;
height: 24px;
width: 159px;
background: url(http://images.meownard.multiply.com/image/1/photos/55/500x500/2/railtop.gif?et=tw%2CQtwwcW%2CzOnpTAV4hywA) no-repeat top left;
z-index: 1000;
position: relative;
}}

? Jika anda ingin merubah tampilan Banner bagian atas, maka edit code di bagian :

div.owner_nav {
border: none;
margin: 0 auto;
margin-top: 20px;
height: 310px;
height: 130px;
width: 760px;
border: 5px solid #fff;
border-bottom: none;
padding: 113px 0 0 0;
background: url(http://images.meownard.multiply.com/image/3/photos/55/orig/6/top.jpg?et=87b%2CuYN%2BiamNxuPgwtuUww) no-repeat top left;
background-color: black;
background-position: 0 -10px;
}
misalkan anda ingin mengedit, dengan memasukan foto anda, maka foto anda tersebut harus diupload ke salah satu tempat, misalkan di www.photobucket.com, jika anda belum mempunyai account maka lakukan registrasi dahulu, setelah itu upload foto anda dan ambil code URLnya, kemudian masukan alamat URL tersebut ke tulisan yang berwarna merah diatas.

Untuk menghasilkan ukuran photo yang sesuai dengan ukuran template yang anda pilih, maka anda bias mengedit code diatas Width dan Height nya

? Untuk merubah warna /background Box sebelah kanan anda bias merubahnya di code

.railbody {
padding: 15px;
width: 129px;
background: none;
background-color: #ecf2f9;
background-color: #eee;
font-size: 12px;
font-family: trebuchet ms;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
background: none;
border: none;
background-color: #dee1cd;
z-index: 1000;
position: relative;
background: url(http://images.bigoo.ws/content/background/nature/nature_394.jpg) repeat-y top left;
background-color: black;
}

Code diatas, bias memungkinkan anda untuk merubah semua tampilan box disebelah kanan (tempat profile,headshot, dll dari pemilik Multiply)

Anda bisa mencoba-coba code di CSS tersebut  , untuk menghasilkan Multiply yang sesuai dengan yang anda inginkan.

Cara lain yang disediakan oleh Multiply adalah, Jika anda ingin cepat mengedit tampilan WELCOME MESSAGE , misalkan dengan memasang gambar selamat datang atau foto anda sekeluarga. Maka caranya bisa dengan cara :

1. klik “Edit welcome message “ / biarkan mouse anda di kata Welcome tunggu beberapa saat, maka akan muncul kata EDIT / HIDE, klik di kata EDIT
2. Copy code berikut ini ke welcome message anda :
<img src =”http://images.bigoo.ws/content/background/nature/nature_394.jpg">
ganti tulisan warna merah dengan URL gambar yang diinginkan

pada bagian ini anda bisa juga menambahkan tulisan-tulisan sapaan untuk orang yang mengunjungi web anda.

Agar tampilan Multiply anda tidak terganggu dengan dari Google di box sebalah kanan maka copy paste code berikut ini  ke http://multiply.com/setup/pages/upload-css :

/*untuk anti iklan*/
.rail {
background: transparent;
background-color: transparent;
color: transparent;
border-color: none;
border-left-color: none;
border-right-color: none;
border: 0px;
}

.railstart {
background: transparent;
background-color: transparent;
color: transparent
border-color: none;
border-color: none;
border-left-color: none;
border-right-color: none;
border: 0px;
}

.railbody {
background: transparent;
width: 119px;
background-color: transparent;  
color: transparent;
border-color: none;
border-left-color: none;
border-right-color: none;
border: 0px;
}

.railend {
background: transparent;
background-color: transparent;   
color: transparent;
border-color: none;
border-left-color: none;
border-right-color: none;
border: 0px;
}

div.header {
background: transparent;
background-color: transparent;
border-color: none;
border-left-color: none;
border-right-color: none;
border: 0px;
}

td.rail {
background: transparent;
background-color: transparent;
color: transparent;
border-color: none;
border-left-color: none;
border-right-color: none;
border: 0px;
}

td.leftnav {
background: transparent;
background-color: transparent;
color: transparent;
border-color: none;
border-left-color: none;
border-right-color: none;
border: 0px;

}

div.leftnavsep {
border-color: none;
border-left-color: none;
border-right-color: none;
border: 0px;
}

div.railsep {
background: transparent;
border-color: none;
border-left-color: none;
border-right-color: none;
border: 0px;
}

td.leftnav a.mopt, td.leftnav a:link.mopt, td.leftnav a:visited.mopt, a.mopt, a:link.mopt, a:visited.mopt {
color:  transparent;
}

td.leftnav a:hover.mopt, a:hover.mopt {
text-decoration: none;
background-color: transparent;
color: transparent;
border-color: none;
border-left-color: none;
border-right-color: none;
border: 0px;
}
/* right rail links */
ul.sidelist a, ul.sidelist a:visited, ul.sidelist a:link {
color: #F49AC1;
}
#rail iframe{display:none;}a.go,a:visited.go a:link.go,.go{background:transparent !important;}

Untuk menambah cantik Reply box dari reply-an jurnal atau pun tulisan  yang anda buat di Multiply, copy code berikut ini :

/*reply box*/
.replyboxauthor{background-color:#A6D2FF;border:1px solid #A6D2FF;margin-right:10px;}
.replyboxauthor a:link,.replyboxauthor a:visited{color:#990000;}
.replyboxstamp{color:#009060;}
.replyphoto{border:1px solid #A6D2FF;background-color:#ffffff;padding:5px;}
.quotet {
background: url(http://i13.photobucket.com/albums/a284/pepy/BG/bundagif.gif) repeat-y top left;
background-color: #ffffff;
background-position: -25px -25px;
border-color: #D5DB31;
color: black;
-moz-border-radius: 10px;}
.replybox{color:#009060;background-color:#ffffff !important;border:5px dashed #A8D8FF;line-height:1.3em;}

Anda bisa mengedit warna box dan tulisan untuk reply tersebut, kreatiflah untuk mencoba-coba.

Kemudian jika anda ingin menambah lagu pembuka di Multiply anda, copykan code berikut di WELCOME MESSAGE :

<embed autostart="True" src="/http://www.sijiwae.net/musik/indanak/burungkutilang.mid" hidden="True">

ganti tulisan berwarna merah dengan URL lagu yang anda inginkan, cara untuk mendapatkan lagu dan mengkopi URL  :

? Alamat web yang memiliki lagu anak salah satunya adalah http://www.sijiwae.net/musik/indanak.htm, pilih salah satu lagu yang diinginkan
? Klik kanan pada lagu tersebut, lalu klik properties.?lihat gambar ?

? Akan muncul tampilan seperti ini :

? Lihat alamat URL nya?adalah http://www.sijiwae.net/musik/indanak/burungkutilang.mid, copy , kemudian paste ke code?Embed diatas

Demikian sekilas tentang Multiply, semoga bermanfaat bagi yang ingin membuat blog disana (*)

• < Prev
• Next >