Template Plurk

Template stefanikristina.blogspot.com

Hai , aku hari ini kembali memposting tentang tips plurk lagi loh :D

Btw sebelumnya apa kabar ?

Hmm tidak terasa sudah memasuki bulan Desember . Sudah memasuki musim hujan juga. Dan sebentar lagi bakal tutup tahun. Benar - benar tidak terasa bukan ?

Oh yah , diawal bulan ini nggak lupa juga aku mau ucapin selamat ulang tahun dulu buat teman ku Ocha ( Rosalia Wahyu Damayanti ) Hmm.. Makasih yah cha sudah pernah mau menjadi teman ku dan baik , pengertian. Maaf kalau aku dulu sering ngeyelan dan lain-lain. But I love you Ochaa {} Panjang umur serta sehat selalu, Tuhan Memberkatimu ^^

Oke Kembali lagi ke topik utama yaitu tentang plurk.

Jika sebelumnya aku sudah pernah memposting tentang Cara Mengganti Font Pada Plurk , Cara Meningkatkan Karma Anda di Plurk , Lalu tips Plurk Untuk Pemula , Kini aku mau berbagi pada kalian tentang template plurk.

Sudah lihat foto screenshoot gambar diatas kan ?

Nah itu adalah plurk pribadi milik saya - Stefani Kristina Putri Buat yang mau kenalan atau nambah friends dan fans bisa langsung follow atau fans aku. Dan jangan lupa untuk tinggalkan komentar atau respon agar aku bisa kunjungan balik ke plurk kalian dan follback dan fansback deh ehhehe :D

Oh ya , sudah kepo ya apa coding nyaaa :p Okeh langsung saja yaa :))

Pertama - tama cari menu profile setting seperti ini yaaa

plurk stefanikristina.blogspot.com

Lalu pilihlah Customsize profile

plurk stefanikristina.blogspot.com

Nah , kalau sudah kemudian kliklah code dibawah ini :

#page_title {
opacity:0; width: 0;
}

html {
background: url(www.widewallpapers.net/mod/love/1680x1050/love-wide-wallp...);
background-position: center;
background-attachment: fixed;
background-repeat: repeat;
}

body {
background: none;
padding-left: 210px;
padding-right: 215px;
overflow-x:hidden;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 10pt;
}
#top_login {
padding: 2px 10px 0px 0px !important;
border: 1px solid #CCCCCC;
margin: 0px 0px 0px 0px;
background-image: url(i47.tinypic.com/mhx5d0.jpg);
background-color: transparent;
background-repeat: repeat;
color: black !important;
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-khtml-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
}

#sign_up {
padding: 0px 3px 0px 3px !important;
margin: 0px 0px 0px 0px !important;
position: relative !important;
}

#dash-stats h3 {
font-size: 24px;
}

#alert_beacon {
text-shadow: 1px 1px 1px white;
color: black !important;
}

h1 {
font-weight: bold;
text-shadow: 1px 1px 1px black;
color: #99FF33 !important;
}

table, td {
color: black !important;
text-shadow: 1px 1px 1px white;
}

#plurk-dashboard a, #footer a, #top_login a, #top_bar a {
font-family: "Trebuchet MS", Helvetica, sans-serif;
text-shadow: 1px 1px 1px white;
color: black !important;
}

#karma, .karma_hover {
font-family: "Trebuchet MS", Helvetica, sans-serif;
text-shadow: 2px 2px 2px black;
color: #99FF33;
font-weight:bold;
}
.browse_button {
top: 300px !important;
padding-right: 215px;
margin-left: 0px !important;
}

.tooltip_cnt {
background: #003300;
text-shadow: 1px 1px 1px black;
}

/* ----- TIMELINE ------ */

#timeline_cnt {
background: url() no-repeat;
background-color: transparent;
}

#timeline_holder {
background: url() repeat-x;
padding-left: 210px;
padding-right: 215px;
position: relative;
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-khtml-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
border: 1px solid #CCCCCC;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-khtml-border-radius:8px;
}

#bottom_line {
color : black;
text-shadow: 1px 1px 1px black;
position: relative;
top: 365px !important;
right: 215px;
left: 0px;
-moz-border-bottom-left-radius:8px;
-webkit-border-bottom-left-radius:8px;
-khtml-border-bottom-left-radius:8px;
-moz-border-bottom-right-radius:8px;
-webkit-border-bottom-right-radius:8px;
-khtml-border-bottom-right-radius:8px;
}

div#updater {
left: 18em; right: auto;
-moz-border-radius:12px;
-webkit-border-radius:12px;
-khtml-border-radius:12px;
}

#filter_tab .off_tab {
color : black;
text-shadow: 1px 1px 1px black;
background-image: url(i47.tinypic.com/mhx5d0.jpg);
background-color: transparent;
background-repeat: repeat;
border: 2px solid black;
-moz-border-bottom-left-radius:6px;
-webkit-border-bottom-left-radius:6px;
-khtml-border-bottom-left-radius:6px;
-moz-border-bottom-right-radius:6px;
-webkit-border-bottom-right-radius:6px;
-khtml-border-bottom-right-radius:6px;
}

/* ***************************** */
/* Indonesian Plurk Layouter */
/* ***************************** */
/* Layout Founder : Haerul Rijal */
/* eMail : the.trojan.x@gmail.com */
/* Layout editing1 : blackmask */
/* eMail : blackmask@gmail.com */
/* Layout editing2 : stefanikristina */
/* eMail : stefanikristina@gmail.com */

/* ***************************** */

/* Thanks For Downloading :) */
/* ********************************* */

/* -------plurk--------- */

.p_img img {
border: 2px solid black;
background: white
-webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.6);
box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.6);
-o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-khtml-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
}

.response_count {
padding: 2px 2px 2px 2px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
}

textarea#input_small, textarea#input_big {
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
}

.mini_form {
color: black;
font-weight: bold;
text-shadow: 1px 1px 1px white;
-moz-border-top-left-radius: 10px 10px;
-webkit-border-top-left-radius: 10px 10px;
-khtml-border-top-left-radius: 10px 10px;
-moz-border-top-right-radius: 10px 10px;
-webkit-border-top-right-radius: 10px 10px;
-khtml-border-top-right-radius: 10px 10px;
}

.plurk_box .list .empty {
text-shadow: 2px 2px 2px black;
}
.plurk_box .list {
color : black;
text-shadow: 2px 2px 2px black;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
}

.qualifier {
text-shadow: 2px 2px 2px black;
color: black;
padding: 0px 1px 0px 1px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
}

#emoticons_show img {
border: 0px !important;
}

#emoticons_show, #emoticons_tabs ul li {
border: 2px solid black;
padding: 2px 2px 2px 2px !important;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
}

.plurk_cnt {
text-shadow: 2px 2px 2px black;
font-size: 9pt;
border: 2px solid #CCCCCC;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;

}

.dots .inner {
background: black;
text-shadow: 2px 2px 2px white;
padding: 2px 3px 3px 2px !important;
border: 2px solid #CCCCCC;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;

}

.plurk_cnt table {
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;

}

.plurk_cnt {
opacity: .9;
padding: 2.5px 9px;
background: black;
margin-left: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
.plurk_box .caption {
background: rgb(72,72,72);
color: black;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;

}

.info_box {
-moz-border-bottom-left-radius: 10px 10px;
-webkit-border-bottom-left-radius: 10px 10px;
-khtml-border-bottom-left-radius: 10px 10px;
-moz-border-bottom-right-radius: 10px 10px;
-webkit-border-bottom-right-radius: 10px 10px;
-khtml-border-bottom-right-radius: 10px 10px;
}

.plurkaction .qual_holder {
text-shadow: 2px 2px 2px white;
font-weight: bold;
color: #FFFFFF;
}

.emoticon, .p_img {
-webkit-transition-duration: 500ms;
-moz-transition-duration: 500ms;
-khtml-transition-duration: 500ms;
}
.emoticon:hover, .p_img:hover, .friend_holder img:hover, .award_bar img:hover {
-webkit-transform: rotate(390deg) scale(1.2);
-moz-transform: rotate(390deg) scale(1.2);
-khtml-transform: rotate(390deg) scale(1.2);
}

/* ----- DASHBOARD ------ */

#dash-profile {
background: url() repeat;
-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-khtml-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-moz-border-radius:6px;
-webkit-border-radius:8px;
-khtml-border-radius:10px;
position: fixed !important;
opacity : 1 !important;
text-align: center;
color: white;
text-shadow: 1px 1px 1px black;
margin: 1px 1px 1px 1px;
padding: 3px 3px 3px 3px;
border: 1px solid #CCCCCC;
right: 1px;
top: 1px;
height:140px;
width:195px;
}

#dash-additional-info {
-moz-border-radius:20px;
-webkit-border-radius:20px;
-khtml-border-radius:20px;
position: fixed !important;
opacity : 1 !important;
text-align: center;
color: black;
text-shadow: 1px 1px 1px black;
margin: 1px 1px px 10px;
padding: 35px 5px 4px 3px;
right: 0px;
top: 50px;
width:190px;
}
div#private_plurk {
margin: 50px 0px 10px 0px !important;
}

#profile_pic {
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-khtml-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
position: fixed !important;
opacity: 1 !important;
margin: 0px 0px 0px 0px;
background-color: black;
left: 0px;
top:20px;
width:200px;
height:200px;
border: 1px solid #CCCCCC;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
}

p#about_me:hover {
opacity: 1 !important;
}
p#about_me {
position: fixed !important;
opacity: .5 !important;
margin: 0px 00px 0px 0px;
text-shadow: 1px 2px 2px black;
color: black;
left: 5px;
text-align : center;
top: 220px;
width:195px;
}

.award_bar div {
padding: 5px 5px 5px 5px;
margin: 0px 0px 0px 0px;
height: 25px;
width: 20px;
}

.award_bar img {
-moz-transform: scale(0.5);
-khtml-transform: scale(0.6);
-webkit-transform: scale(0.6);
-o-transform: scale(0.7);
}

.award_bar {
position: fixed !important;
background: url() repeat-x;
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-khtml-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
padding: 0px 0px 13px 0px;
border: 1px solid #CCCCCC;
left: 0px;
opacity: 1 !important;
text-align : right;
top: 585px;
width:185px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
}

#dash-friends {
position: fixed !important;
background: url() repeat;
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-khtml-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
padding: 0px 0px 5px 0px;
border: 1px solid #CCCCCC;
left: 5px;
opacity: 1 !important;
text-align : center;
text-color : black;
top: 370px;
width:200px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
}

#dash-fans {
-moz-border-radius:8px;
-webkit-border-radius:8px;
-khtml-border-radius:8px;
position: fixed !important;
background: url() repeat-x;
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-khtml-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
opacity : 1 !important;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 3px 3px 3px 3px;
border: 1px solid #CCCCCC;
right: 5px;
top: 450px;
width:195px;
}

.friend_holder td {
padding: 1px 2px 3px 4px;
}

.friend_holder img {
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
-o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
-khtml-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

#dashboard-invite, #sharePlurk {
width: 0; height: 0 !important;
opacity: 0 !important;
padding: 0px !important;
overflow: hidden !important;
}

#dash-stats {
-moz-border-radius:8px;
-webkit-border-radius:8px;
-khtml-border-radius:8px;
position: fixed !important;
background: url() repeat-x;
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-khtml-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
opacity : 1 !important;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 3px 3px 3px 3px;
border: 1px solid #CCCCCC;
right: 5px;
top: 150px;
width:195px;
}

#plurk-dashboard table, #plurk-dashboard td {
color: white !important;
text-shadow: 1px 1px 1px black;
}
#plurk-dashboard {
-moz-border-radius:8px;
-webkit-border-radius:8px;
-khtml-border-radius:8px;
border: 1px solid #CCCCCC;
background: url(i47.tinypic.com/mhx5d0.jpg) repeat-x;
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-khtml-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
background-color: transparent;
}

.dash-segment {
min-height : 60px;
}

/*----- PANE PLURK ----*/
#dashboard_holder {
top: 0px;
position: relative;
width:100% !important;
}

#toggle_tab li {
background: url() repeat-x;
text-shadow: 1px 1px 1px black;
-moz-border-top-left-radius:8px;
-webkit-border-top-left-radius:8px;
-khtml-border-top-left-radius:8px;
-moz-border-top-right-radius:8px;
-webkit-border-top-right-radius:8px;
-khtml-border-top-right-radius:8px;
color: white;
border: 1px solid #CCCCCC;
background-color: #E0E0E0;
background-color: transparent;
}

#toggle_tab li.tt_selected {
background: url(i47.tinypic.com/mhx5d0.jpg) repeat-x;
text-shadow: 1px 1px 1px white;
color: black;
-moz-border-top-left-radius:8px;
-webkit-border-top-left-radius:8px;
-khtml-border-top-left-radius:8px;
-moz-border-top-right-radius:8px;
-webkit-border-top-right-radius:8px;
-khtml-border-top-right-radius:8px;
border: 1px solid #E0E0E0;
background-color: transparent;
}

.plurkaction {
background: url(i47.tinypic.com/mhx5d0.jpg) repeat-x;
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-khtml-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
-moz-border-radius:8px;
-webkit-border-radius:8px;
-khtml-border-radius:8px;
border: 1px solid #E0E0E0;
background-color: transparent;
}

.share_search {
position:relative;
bottom: 5px;
padding-right: 50%;
}

#reply_box {
background-image: url(i38.tinypic.com/dfd9wz.png);
background-repeat: repeat;
background-color: transparent;
}

/*--- FOOTER ---*/
#footer {
top: -85px;
width: 100% !important;
color: black;
padding: 3px 10px 3px 10px;
}

#languge_selector, #footer p {
padding: 3px 25px 3px 25px;
}

.day_bg .div_inner {
background: url(hhttp://i763.photobucket.com/albums/xx275/BerserKFuhrer/Bleach/Ichigo.gif) no-repeat Bottom;
width: 80px; border: none;
}
/* -------LOADING------- */

.list .loading {
position:absolute;
height:120px; /* jarak dari atas */
background:transparent url(nartzco.com/blog/wp-content/plugins/kaskus-emoticons/emot...) no-repeat 50% 50%;
}

.loading img {
filter:alpha(opacity=0);
opacity:.0;
}

/* --------------------- */