4 Style CSS widget Label Blogger

4 Style CSS widget Label Blogger

CSS Widget

Berikut ini beberapa modifikasi label default blogger. Anda hanya mendownload kode CSS yang diberikan berikut dan terapkan pada editing template Anda sebelum ]]></b:skin> atau </style>



1. Label Blog Style One

1code-line:1-12code-line:1-23code-line:1-34code-line:1-45code-line:1-56code-line:1-67code-line:1-78code-line:1-89code-line:1-910code-line:1-1011code-line:1-1112code-line:1-1213code-line:1-1314code-line:1-1415code-line:1-1516code-line:1-1617code-line:1-1718code-line:1-1819code-line:1-1920code-line:1-2021code-line:1-2122code-line:1-2223code-line:1-2324code-line:1-2425code-line:1-2526code-line:1-2627code-line:1-2728code-line:1-28.label-size {
  float:left;
  margin:0 0 7px 20px;
  position:relative;
  font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size:0.75em;
  font-weight:bold;
  text-decoration:none;
  color:#996633;
  text-shadow:0 1px 0 rgba(255,255,255,.4);
  padding:0.417em 0.417em 0.417em 0.917em;
  border-top:1px solid #d99d38;
  border-right:1px solid #d99d38;
  border-bottom:1px solid #d99d38;
  -webkit-border-radius:0 0.25em 0.25em 0;
  -moz-border-radius:0 0.25em 0.25em 0;
  border-radius:0 0.25em 0.25em 0;
  background-image:-webkit-linear-gradient(top,rgb(254,218,113),rgb(254,186,71));
  background-image:-moz-linear-gradient(top,rgb(254,218,113),rgb(254,186,71));
  background-image:-o-linear-gradient(top,rgb(254,218,113),rgb(254,186,71));
  background-image:-ms-linear-gradient(top,rgb(254,218,113),rgb(254,186,71));
  background-image:linear-gradient(top,rgb(254,218,113),rgb(254,186,71));
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#feda71',EndColorStr='#feba47');
  -webkit-box-shadow:inset 0 1px 0 #faeaba,0 1px 1px rgba(0,0,0,.1);
  -moz-box-shadow:inset 0 1px 0 #faeaba,0 1px 1px rgba(0,0,0,.1);
  box-shadow:inset 0 1px 0 #faeaba,0 1px 1px rgba(0,0,0,.1);
  z-index:100;
}



2. Label Blog Style Two

1code-line:2-12code-line:2-23code-line:2-34code-line:2-45code-line:2-56code-line:2-67code-line:2-78code-line:2-89code-line:2-910code-line:2-1011code-line:2-1112code-line:2-1213code-line:2-1314code-line:2-1415code-line:2-1516code-line:2-1617code-line:2-1718code-line:2-1819code-line:2-1920code-line:2-2021code-line:2-2122code-line:2-2223code-line:2-2324code-line:2-2425code-line:2-2526code-line:2-2627code-line:2-2728code-line:2-2829code-line:2-2930code-line:2-3031code-line:2-3132code-line:2-3233code-line:2-3334code-line:2-3435code-line:2-3536code-line:2-3637code-line:2-3738code-line:2-3839code-line:2-3940code-line:2-4041code-line:2-4142code-line:2-4243code-line:2-4344code-line:2-4445code-line:2-4546code-line:2-4647code-line:2-4748code-line:2-4849code-line:2-4950code-line:2-5051code-line:2-5152code-line:2-5253code-line:2-5354code-line:2-5455code-line:2-5556code-line:2-5657code-line:2-5758code-line:2-5859code-line:2-5960code-line:2-6061code-line:2-6162code-line:2-6263code-line:2-6364code-line:2-6465code-line:2-6566code-line:2-6667code-line:2-6768code-line:2-6869code-line:2-6970code-line:2-7071code-line:2-7172code-line:2-7273code-line:2-7374code-line:2-7475code-line:2-7576code-line:2-7677code-line:2-7778code-line:2-7879code-line:2-7980code-line:2-8081code-line:2-8182code-line:2-8283code-line:2-8384code-line:2-8485code-line:2-8586code-line:2-8687code-line:2-8788code-line:2-8889code-line:2-8990code-line:2-9091code-line:2-9192code-line:2-9293code-line:2-9394code-line:2-9495code-line:2-9596code-line:2-9697code-line:2-9798code-line:2-9899code-line:2-99100code-line:2-100101code-line:2-101102code-line:2-102103code-line:2-103104code-line:2-104105code-line:2-105106code-line:2-106107code-line:2-107108code-line:2-108109code-line:2-109110code-line:2-110111code-line:2-111112code-line:2-112113code-line:2-113114code-line:2-114115code-line:2-115116code-line:2-116117code-line:2-117118code-line:2-118119code-line:2-119120code-line:2-120121code-line:2-121122code-line:2-122123code-line:2-123124code-line:2-124125code-line:2-125126code-line:2-126127code-line:2-127128code-line:2-128129code-line:2-129 .label-size {
  display:inline-block;
  padding:0 10px;
  height:29px;
  line-height:29px;
  border-radius:5px;
  font-weight:normal;
  font-size:10px;
  text-decoration:none;
}

.label-size {
  border:1px solid #769e42;
  box-shadow:inset 0 1px 0 #c5e59c ;
  background-color:#9ed35a;
  text-shadow:0 1px 1px #6ea23b;
  color:#fff;
  background-image:linear-gradient(bottom,rgb(125,196,64) 0%,rgb(157,210,88) 100%);
  background-image:-o-linear-gradient(bottom,rgb(125,196,64) 0%,rgb(157,210,88) 100%);
  background-image:-moz-linear-gradient(bottom,rgb(125,196,64) 0%,rgb(157,210,88) 100%);
  background-image:-webkit-linear-gradient(bottom,rgb(125,196,64) 0%,rgb(157,210,88) 100%);
  background-image:-ms-linear-gradient(bottom,rgb(125,196,64) 0%,rgb(157,210,88) 100%);
}

.label-size:hover {
  background-color:#b7fa66;
  background-image:linear-gradient(top,#b7fa66 0%,#7ec940 100%);
  background-image:-o-linear-gradient(top,#b7fa66 0%,#7ec940 100%);
  background-image:-moz-linear-gradient(top,#b7fa66 0%,#7ec940 100%);
  background-image:-webkit-linear-gradient(top,#b7fa66 0%,#7ec940 100%);
  background-image:-ms-linear-gradient(top,#b7fa66 0%,#7ec940 100%);
}

.label-size:active {
  background-image:linear-gradient(top,rgb(125,196,64) 0%,rgb(157,210,88) 100%);
  background-image:-o-linear-gradient(top,rgb(125,196,64) 0%,rgb(157,210,88) 100%);
  background-image:-moz-linear-gradient(top,rgb(125,196,64) 0%,rgb(157,210,88) 100%);
  background-image:-webkit-linear-gradient(top,rgb(125,196,64) 0%,rgb(157,210,88) 100%);
  background-image:-ms-linear-gradient(top,rgb(125,196,64) 0%,rgb(157,210,88) 100%);
}

.label-size {
  display:inline-block;
  border-radius:5px 0 0 5px;
  border-right-width:0;
  position:relative;
  z-index:5;
  margin-right:20px;
  margin-bottom:10px;
}

.label-size:after {
  content:" ";
  width:22px;
  height:22px;
  line-height:18px;
  font-size:25px;
  border-top:1px solid #769e42;
  border-right:1px solid #769e42;
  box-shadow:inset 0 1px 0 #c5e59c ;
  background-color:#9ed35a;
  text-shadow:0 1px 1px #7eac46;
  border-radius:3px 7px 3px 0;
  color:#fff;
  background-image:linear-gradient(135deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);
  background-image:-o-linear-gradient(135deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);
  background-image:-moz-linear-gradient(135deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);
  background-image:-webkit-linear-gradient(135deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);
  background-image:-ms-linear-gradient(135deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);
  position:absolute;
  top:3px;
  right:-12px;
  z-index:-3;
  -webkit-transform:rotate(45deg); /* Saf3.1+,Chrome */
-moz-transform:rotate(45deg); /* FF3.5+ */
-ms-transform:rotate(45deg); /* IE9 */
-o-transform:rotate(45deg); /* Opera 10.5 */
transform:rotate(45deg);
  filter:progid:DXImageTransform.Microsoft.Matrix(/* IE6&#8211;
  IE9 */
M11=0.7071067811865476,M12=-0.7071067811865475,M21=0.7071067811865475,M22=0.7071067811865476,sizingMethod='auto expand');
  zoom:1;
}

.label-size:hover:after {
  background-color:#b7fa66;
  background-image:linear-gradient(-45deg,#b7fa66 0%,#7ec940 100%);
  background-image:-o-linear-gradient(-45deg,#b7fa66 0%,#7ec940 100%);
  background-image:-moz-linear-gradient(-45deg,#b7fa66 0%,#7ec940 100%);
  background-image:-webkit-linear-gradient(-45deg,#b7fa66 0%,#7ec940 100%);
  background-image:-ms-linear-gradient(-45deg,#b7fa66 0%,#7ec940 100%);
}

.label-size:active:after {
  background-image:linear-gradient(-45deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);
  background-image:-o-linear-gradient(-45deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);
  background-image:-moz-linear-gradient(-45deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);
  background-image:-webkit-linear-gradient(-45deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);
  background-image:-ms-linear-gradient(-45deg,rgb(125,196,64) 0%,rgb(157,210,88) 100%);
}

.label-size:before {
  content:" ";
  height:5px;
  width:5px;
  display:block;
  position:absolute;
  right:-3px;
  top:11px;
  background-color:#fcfdf5;
  border:1px solid #83ab52;
  border-radius:5px;
  box-shadow:0 1px 0 #b2ddd83;
}

.label-size span {
  padding:2px 5px;
  border:1px solid #9e5c26;
  border-radius:5px;
  box-shadow:inset 0 1px 0 #f5bf8c;
  background-color:#ed943f;
  text-shadow:0 1px 1px #000;
  margin-left:10px;
  background-image:linear-gradient(bottom,rgb(211,95,32) 0%,rgb(223,131,45) 100%);
  background-image:-o-linear-gradient(bottom,rgb(211,95,32) 0%,rgb(223,131,45) 100%);
  background-image:-moz-linear-gradient(bottom,rgb(211,95,32) 0%,rgb(223,131,45) 100%);
  background-image:-webkit-linear-gradient(bottom,rgb(211,95,32) 0%,rgb(223,131,45) 100%);
  background-image:-ms-linear-gradient(bottom,rgb(211,95,32) 0%,rgb(223,131,45) 100%);
}



3. Label Blog Style Three

1code-line:3-12code-line:3-23code-line:3-34code-line:3-45code-line:3-56code-line:3-67code-line:3-78code-line:3-89code-line:3-910code-line:3-1011code-line:3-1112code-line:3-1213code-line:3-1314code-line:3-1415code-line:3-1516code-line:3-1617code-line:3-1718code-line:3-1819code-line:3-1920code-line:3-2021code-line:3-2122code-line:3-2223code-line:3-2324code-line:3-2425code-line:3-2526code-line:3-2627code-line:3-2728code-line:3-2829code-line:3-2930code-line:3-3031code-line:3-3132code-line:3-3233code-line:3-3334code-line:3-3435code-line:3-3536code-line:3-3637code-line:3-3738code-line:3-3839code-line:3-3940code-line:3-4041code-line:3-4142code-line:3-4243code-line:3-4344code-line:3-4445code-line:3-4546code-line:3-4647code-line:3-4748code-line:3-4849code-line:3-4950code-line:3-5051code-line:3-5152code-line:3-5253code-line:3-5354code-line:3-5455code-line:3-5556code-line:3-5657code-line:3-5758code-line:3-5859code-line:3-5960code-line:3-6061code-line:3-6162code-line:3-6263code-line:3-63.label-size {
  margin:0;
  padding:0;
  position:relative;
}

.label-size a {
  float:left;
  height:24px;
  line-height:24px;
  position:relative;
  font-size:12px;
  margin-bottom:9px;
  margin-left:20px;
  padding:0 10px 0 12px;
  background:#0089e0;
  color:#fff;
  text-decoration:none;
  -moz-border-radius-bottomright:4px;
  -webkit-border-bottom-right-radius:4px;
  border-bottom-right-radius:4px;
  -moz-border-radius-topright:4px;
  -webkit-border-top-right-radius:4px;
  border-top-right-radius:4px;
}

.label-size a:before {
  content:"";
  float:left;
  position:absolute;
  top:0;
  left:-12px;
  width:0;
  height:0;
  border-color:transparent #0089e0 transparent transparent;
  border-style:solid;
  border-width:12px 12px 12px 0;
}

.label-size a:after {
  content:"";
  position:absolute;
  top:10px;
  left:0;
  float:left;
  width:4px;
  height:4px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  background:#fff;
  -moz-box-shadow:-1px -1px 2px #004977;
  -webkit-box-shadow:-1px -1px 2px #004977;
  box-shadow:-1px -1px 2px #004977;
}

.label-size a:hover {
  background:#555;
}

.label-size a:hover:before {
  border-color:transparent #555 transparent transparent;
}



4. Label Blog Style Four

1code-line:4-12code-line:4-23code-line:4-34code-line:4-45code-line:4-56code-line:4-67code-line:4-78code-line:4-89code-line:4-910code-line:4-1011code-line:4-1112code-line:4-1213code-line:4-1314code-line:4-1415code-line:4-1516code-line:4-1617code-line:4-1718code-line:4-1819code-line:4-1920code-line:4-2021code-line:4-2122code-line:4-2223code-line:4-2324code-line:4-2425code-line:4-2526code-line:4-2627code-line:4-2728code-line:4-2829code-line:4-2930code-line:4-3031code-line:4-3132code-line:4-3233code-line:4-3334code-line:4-3435code-line:4-3536code-line:4-3637code-line:4-3738code-line:4-3839code-line:4-3940code-line:4-4041code-line:4-4142code-line:4-4243code-line:4-4344code-line:4-4445code-line:4-4546code-line:4-4647code-line:4-4748code-line:4-4849code-line:4-4950code-line:4-5051code-line:4-5152code-line:4-5253code-line:4-5354code-line:4-5455code-line:4-5556code-line:4-5657code-line:4-5758code-line:4-58.label-size a {
  display:inline-block;
  text-decoration:none;
  text-shadow:0 1px 0 rgba(255,255,255,0.4);
  padding:4px 7px;
  font-family:'Helvetica Neue',helvetica,sans-serif;
  font-size:12px;
  line-height:14px;
  height:14px;
  vertical-align:middle;
  margin-bottom:6px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2),inset 0 1px 0 0 rgba(255,255,255,0.4);
  -moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2),inset 0 1px 0 0 rgba(255,255,255,0.4);
  box-shadow:0 1px 1px 0 rgba(0,0,0,0.2),inset 0 1px 0 0 rgba(255,255,255,0.4);
}

.label-size a {
  color:#996633;
  border:1px solid #DDA13C;
  background:rgb(238,177,75);
  background:url(data:image/svg+xml;
  base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlYjE0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYzkxMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background:-moz-linear-gradient(top,rgba(238,177,75,1) 0%,rgba(204,145,45,1) 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(238,177,75,1)),color-stop(100%,rgba(204,145,45,1)));
  background:-webkit-linear-gradient(top,rgba(238,177,75,1) 0%,rgba(204,145,45,1) 100%);
  background:-o-linear-gradient(top,rgba(238,177,75,1) 0%,rgba(204,145,45,1) 100%);
  background:-ms-linear-gradient(top,rgba(238,177,75,1) 0%,rgba(204,145,45,1) 100%);
  background:linear-gradient(top,rgba(238,177,75,1) 0%,rgba(204,145,45,1) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeb14b',endColorstr='#cc912d',GradientType=0 );
}

.label-size a:before {
  content:'\2022';
  color:#FFFFFF;
  margin-right:4px;
  font-size:15px;
  line-height:13px;
  height:13px;
  vertical-align:text-top;
  text-shadow:0 -1px -1px rgba(0,0,0,0.2);
}

.label-size a:hover {
  text-decoration:none;
  background:rgb(240,183,86);
  background:url(data:image/svg+xml;
  base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwYjc1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmEwNDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background:-moz-linear-gradient(top,rgba(240,183,86,1) 0%,rgba(214,160,68,1) 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(240,183,86,1)),color-stop(100%,rgba(214,160,68,1)));
  background:-webkit-linear-gradient(top,rgba(240,183,86,1) 0%,rgba(214,160,68,1) 100%);
  background:-o-linear-gradient(top,rgba(240,183,86,1) 0%,rgba(214,160,68,1) 100%);
  background:-ms-linear-gradient(top,rgba(240,183,86,1) 0%,rgba(214,160,68,1) 100%);
  background:linear-gradient(top,rgba(240,183,86,1) 0%,rgba(214,160,68,1) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b756',endColorstr='#d6a044',GradientType=0 );
}

silahkan pilih mana yang anda sukai, semoga berguna...

Artikel Terkait

  • 4 Style CSS widget Label Blogger
    Berikut ini beberapa modifikasi label default blogger. Anda hanya mendownload kode CSS yang diberikan berikut dan terapkan pada editing template Anda sebelum ]]></b:skin> atau </style> 1. Label Blog Style One .label-size { float:left; margin:0 0 7px 20px; position:relative; font-family:'Helvetica Neue',Helvetica,A…
  • Membuat animasi loading blog css3
    Halo pembaca, Ada banyak blog yang telah berbagi trik ini tetapi efek yang mereka berikan hanya sebuah gambar bawaan tutorial atau hanya sebuah teks "Loading ...". Hal ini berbeda dari apa yang saya katakan di atas, tetapi efek loading dalam artikel ini hanya dibuat dengan CSS, Dan untuk menambahkan efek menarik ini di blog anda, silahkan ikut…
  • Styles template blog dengan CSS Reset
    Mengatur ulang gaya template blogger Anda, sering disebut sebagai CSS Reset atau Reset CSS adalah proses ulang (atau lebih tepatnya - pengaturan) gaya dari semua elemen ke nilai dasar sehingga menghindari perbedaan lintas-browser karena built-in pengaturan gaya default. Dengan mengatur ulang style blog Anda, Anda menghindari default ke gaya bu…
  • Compress Template Blogger
    Siapa blogger yang tidak ingin blog dan halaman blognya ringan ketika di muat, semua blogger menginginkan blognya memiliki waktu load sesingkat dan seringan mungkin karena itulah banyak cara di lakukan oleh semua pemilik blog untuk mengakalinya termasuk mengompres templatenya. berikut ini adalah salah satu cara mengakali blog yang terbilang be…
  • Trik CSS Reset Stylesheet template Blogger
    Untuk mengatasi error saat menerapkan trik validasi html5 sobat bisa mencoba dan menggunakan cara ini yaitu menyembunyikan CSS Reset Stylesheet, Kodenya seperti berikut: <link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/2761160889-widget_css_bundle.css' /> dan kode kedua <link type="text/css" rel="s…
  • Memahami CSS Unit: Pixels, EM, dan Persentase
    Satuan berperan penting untuk mengukur dan membangun hal-hal seperti rumah, jembatan atau menara, dan membangun sebuah website pun tidak terkecuali. Ada beberapa metode pengukuran yang digunakan di Web, khususnya dalam CSS, yaitu Pixel, EM dan Persentase. Dalam posting ini, kita akan mempelajari melalui unit-unit ini untuk mendapatkan wawasan…

Tidak ada komentar :

Kode klik emo: :) :( =( :wa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :ya: :'( T_T :\ :p B) :Q :Ozz 7:( \o/ **p

Link aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>

Konversi KodeOOT

Back to Top
Loading...