Welcome To KxMadagascar, Bro
x

Recent Post

Ada Perubahan Sob .. Template INI Jadi Gratis Silahkan Cek Disini
http://9desimeter.blogspot.com/2014/01/KxMadagascarV31BloggerTemplate.html
Thank's

Template Nya Gratis Bro

Posted by : Dary Sadega Mantemand 2 Comments
Assalamualaikum Wr Wb
Hallo All Jumpa Lagi.. Akhirnya Selama Berabad-Abad Gk Nge-post Akhirnya Bisa Nge-Pos Juga.. Ayo Dah Gk Usah Pake Basa Basi Lagi Deh :3
SS Home Nya

View Demo Download


Password : tanpapassword

Oke Sekian Dan Terima Kasih
Wassalamualaikum Wr Wb

GreenCuwks Blogger Template

Posted by : Dary Sadega Mantemand 2 Comments
Assalamualaikum Wr Wb
Hallo Jumpa Lagi All ^_^
Udah Lama Gk Buat Post .. Sekarang Buat Trik CSS3 ( Sebenernya Margin Itu CSS1 :3 ) Aje Deh.. Karna Lagi Rame-Ramenya Maen CSS :3
Oke Langsung Ke Intinya Aja Ya :3

Margin Itu 
Oke Bisa Di Bilang Sebuah Jarak Atau Apalah :3
Tapi Ini Sebalik nya Misalkan margin-left:30px; Itu Sebenarnya Bukan Ke Kiri/Left Tapi Sebaliknya Jadi Bisa Di Bilang Menjauhkan Element Dengan Arah Yang Di Tulis

Margin Ada 4 Jenis Yaitu
margin-top
margin-right
margin-bottom
margin-left

Itu Saya Urutkan Dari Yang Awal Hingga Yg Akhir Jadi Kode Aslinya Yaitu margin Juga :3
Contoh
margin:20px 10px 10px 20px = margin:(top)20px(right)10px(bottom)10px(left)20px
Nah Oke Ini Beberapa Contoh Dengan CSS nya ^_^



margin:10px; Atau bisa di bilang
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
margin-left:10px;
margin:20px 10px; Atau bisa di bilang
margin-top:20px; dan margin-bottom:20px;
margin-right:10px; dan margin-left:10px;
margin-top:20px;
margin-right:20px;
margin-bottom:20px;
margin-left:20px;

Sekian Trik Dari Saya.. ingat Jika Ingin Copas Silahkan Memberi Sumbernya ya ^_^
Kalau Tidak Awas Lo. :V
Oke Sekian Dari Saya Kalo Ada Pertanyaan Bisa Contact Atau Comment Di Bawah
insyaallah saya Tanggapi ^_^

Wassalamualaikum Wr Wb 

Mengenal CSS3 Margin

Posted by : Dary Sadega Mantemand 6 Comments
Assalamualaikum Wr Wb
Halo All. Jumpa Lagi Nih..
Sekarang Kita LAgi Membahas Tentang Template
Oke Langsung Saja . Dari Judulnya Sudah Tahu Template Ini Responsove Mau Lihat .. Lihat Aja Ntar Di Demonya ^_^ Nih SS Dulu


Oke Sekalian Aja Demonya

View Demo Download

Password : dary.mtr2

Oke Jika Ingin Bertanya.. Mungkin Beberapa Pertanyaan Sudah Ada Di File RAR Nya.. 
Jadi Kalau Masih Ada Yang Kurang Silahkan Chat Me Or Komentar Di Bawah Ini
Sekian Postingan Saya Tentang Template

Wassalamualaikum Wr Wb

KxPurple Responsive Blogger Template

Posted by : Dary Sadega Mantemand 7 Comments
Assalamualaikum Wr Wb
Hallo Minna San ^_^ . Jumpa Lagi Nih... Abis Lagi Jutex Bikin Postingan ~xD
Oke Lah Langsung Aja Ke Artikel Tentang Cara Memasang Author Box Ala KxMadagascar
Nih SS nya

Oke Langsung Aja Ke TKP 

1 . Log In Blogger
2 . Pergi Ke Template
3 . Klik Edit HTML
4 . Cari Kode <body>
5 . Masukan Kode Berikut Tepat Di Bawah Kode <body>
<style type='text/css'>
.profile{
  display: block;
  width: 300px;
  height: 340px;
  border-radius:0px 0px 10px 10px;
  background: #fff;
  box-shadow: 0 10px 10px rgba(0,0,0,.25);
  padding: 20px;
  text-align: center;
  box-sizing: border-box;
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  margin-bottom:20px;
}
.pic{
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 60px;
  background: rgba(101,132,124,.5);
  border: 6px solid #66847C;
  border-bottom:6px double #66847c;
  border-top:6px double #66847c;
  margin: auto;
  z-index: 10;
  overflow: hidden;
  text-align: right;
  cursor: pointer;
  -webkit-transition: all .35s ease-out;
  -moz-transition: all .25s;
}
.img{
  background: #FDF6E3;
  border-radius: 60px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0,0,0,.6);
  z-index: 10;
}
h4{
  margin: 30px 0 0 0;
  font-size: 18px;
  color: #66847C;
  text-shadow: 0 2px 5px rgba(0,0,0,.15);
}
p{
  margin-top: 5px;
  font-size: 14px;
  color: rgba(101,132,124,.7);
}
.icon-plus{
  float: right;
  font-size: 25px;
  text-shadow: 0 2px 5px rgba(0,0,0,.5);
  position: relative;
  top: -60px;
  right: -25px;
  color: #fff;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
}
.profile:hover > .pic{
  box-shadow:0 00 13px #66847C;
}
.pic:hover{
  background: rgba(101,132,124,.65);
}
.pic:hover > .icon-ok{
   right: -5px
}
.pic.active > .icon-ok{
  opacity: 1;
  color: #66847C;
}
.profile:hover > .pic .icon-plus{
  opacity: 1;
  right: 15px;
}
.pic.active > .icon-plus{
  left: 1000px;
}
.icon-ok{
  float: right;
  font-size: 25px;
  text-shadow: 0 -1px 1px rgba(0,0,0,.6), 0 1px 1px rgba(255,255,255,.15);
  position: relative;
  top: -60px;
  right: -50px;
  color: #66847C;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all .2s;
  -moz-transition: all .25s;
}
#leader {
  background: #66847C;
  height: 50px;
  width:300px;
  position: inherit;
}
#logo {
  color: #FFF;
  text-align: center;
  padding-top:15px;
  font-weight: 800;
  position: inherit;
  background: rgba(225,225,225,.3);
  height: 35px;
  width: 150px;
  margin:auto;
  font-size:13pt;
}
</style>
6 . Sekarang Cari Kode <div id='sidebar-wrapper'> Atau <div id='sidebar'> ( Semua Template Berbeda - Beda Kode Jadi Cari Lah Yang Berhubungan Dengan Sidebar )
7 . Masukan Kode Berikut Tepat Di Bawah Kode  <div id='sidebar-wrapper'> Atau <div id='sidebar'>
<div id='leader'>
        <div id='logo'>AUTHOR</div>
      </div>
<div class='profile'>
<div class='pic'>
<div class='img'><img src='http://4.bp.blogspot.com/-40eSpcTLPXo/UeWicqqhD2I/AAAAAAAAGyU/noEoeYNVxZI/s1600/miku-icon.jpg'/></div>
</div>
              <h4 style='font-size: 17px;color: #66847c;margin: 5px;'>Muhammad Qalbu Dary</h4>
              <p>Yosh.. Akhirnya KxMadagascar Dengan Style Baru Dan Unik,Ya.. Walaupun Masih Berantakan Dan Belum Sempurna. Oke Perkenalkan Dulu Bagi Yang Belum Tahu Nama Saya Muhammad Qalbu Dary. Jika Ingin Bertanya Sesuatu Ke Saya Silahkan Add/Follow/Join Circles. Tuh Udah Ada Yang Melayang-Layang ~Xd</p>
</div>
8 . Simpan ( Untuk Itu Mohon Di Pratinjau Dahulu .. Oke Baru Di Simpan )

Selesai kan...
Jika Ingin Bertanya .. Silahkan Komentar Di Bawah Ini Atau PM
Insyallah Saya Akan Menangapi Pertanyaan Sobat ^_^
Sekian Artikel Cara Memasang Author Box Ala KxMadagascar
Wassalamualaikum Wr Wb

Cara Memasang Author Box Ala KxMadagascar

Posted by : Dary Sadega Mantemand 5 Comments
Assalamualaikum Wr Wb
Hallo All .. Jumpa Lagi Nih...
Oke Kali Ini Postingan Saya Tentang Cara Membuat Tulisan Recent Post Yang Ada Di Home :#
Nih SS nya


Oke Dah Lihat Kan .. Yok Langsung Ke TKP

1 . Log In Blogger
2 . Pergi Ke Template
3 . Klik Edit HTML
4 . Silahkan Cari Kode ]]></b:skin> (Gunakanlah CTRL + F Untuk Mencari )
5 . Silahkan Masukan Kode Berikut Tepat Di Atas ]]></b:skin>
h2.recent {
font-size: 28px;
font-weight: normal;
font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
margin-left: 10px;
text-shadow: 2px 2px 0px rgba(0,0,0,0.3);
color: #fff;
padding: 10px;
background: #66847C;
width: 470px;
border-radius: 10px;
margin-bottom: 45px;
padding-right: 30px;
text-align: right;
margin-left: 60px;
box-shadow: 0 00 25px rgba(101,132,124,.9);
border: 5px solid rgba(0,0,0,.2);
border-top: none;
border-bottom: none;
}
h2.recent:before {
content: '';
width: 0;
height: 0;
position: absolute;
top: 55px;
right: 410px;
border: 30px solid transparent;
border-color: #66847C transparent transparent;
}
6 . Eittss Belum Selesai HTML Nya Aja Belom -_-
7 . Lalu Cari Kode <div id='content-wrapper'> Atau <div id='content' >
8 . Lalu Masukkan Kode Berikut Tepat Di Atas / Di Bawah ( Sesuai Selera )  <div id='content-wrapper'> Atau <div id='content' >
<h2 class='recent'>Recent Post</h2>
9 . Oke Simpen Deh.

Lihat Hasilnya Berhasil Kan Oke.. Ini Ada Sedikit Tambahan
Kalo Itu Hanya Ingin Di Lihat Di Halaman Homepage
Silahkan Masukan Code Berikut Tepat Di Atas </head>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <style type='text/css'>
h2.recent{display:none;}
</style></b:if> 
Oke Sekian Post Dari Aku ._.
Jika Ada Yang Ingin Di Tanyakan Silahkan Comment Atau Chat
Insyaallah Saya Akan Tanggapi :)
Oke Jumpa Lagi Di Postingan Yang Akan Datang Byee
Wassalamualikum Wr Wb

Cara Membuat Tulisan Recent Post

Posted by : Dary Sadega Mantemand 6 Comments

Assalamualaikum Wr Wb
Oke All Jumpa Lagi.. Nih Di Hari Kemerdekaan Indonesia Yang Ke 68
Dan Juga Saat Membuat Aku Merasa Bahagia Walaupun Gambar Nya Jelek Amat....
Oke.. Aku Hanya Ingin mengucapakan Selamat Dirgahayu Indonesia Yang Ke 68
Banyak Situs" Besar Merayakan Ini Bahkan ... Sampai Google  . Ini Pas Saya Pulang Upacara Bendera -> Buka Laptop -> Lihat Google . Ternyata Google Ganti Logo ... Ini Mungkin Hanya Di google.co.id (Google Indonesia ) Tapi Temenku Bisa Di google.com.Ahh Bodo Amatlah :3.Nih Liat Aja Logonya
Berarti Jangan Mau Kalah Dong Sama Google Rayakan Juga .. 17 Mu Dengan Apa Kek.. Lomba , Membuat Postingan Blog , Atau Sebagainya Lah
Jangan Cuman Update Status Terus Bukannya Bilang Selamat Dirgahayu Indonesia Yang Ke 68
Malah Menghina " Contoh : Apaanya Yang Merdeka Rakyat Miskin Aja Masih Berkeliaran " Jujur Gue Sebel Amat... Jika Ingin Menghina Negrimu.. Bercermin Dahulu . Itu Negara Mu Sendiri . Dan Yang Lebih Parah Kamu Menghinanya Di Hari Kemerdekaan Nya.. Sunguh Memalukan Kan . Dan Bercermin Lagi ( Yo Dawg :3 ) Kalo Kita Sedang Di Susahkan Kenapa Kamu Menghina Aturan Kamu Membuat Yang Positif Lah.. Supaya Bisa Maju Lagi Bangsa Indonesia ... Jangan Update Status Yang Menjengkelkan Oke ;)
Sekian Dari Gue.. Maaf Ye Jadi Curhat Dikit ~xD
Tapi Ambil Sisi Positif Dari Kemerdekaan Jangan Ambil Negatif Nya :3 
Oke Jumpa Lagi Di Postingan Yang Lain :3

Wassalamualaikum Wr Wb

Selamat Dirgahayu Indonesia Yang Ke 68

Posted by : Dary Sadega Mantemand 2 Comments

- Copyright © 2013 Supported By 9DesiMeter | Designed by KxMadagascar | Template by Johanes Djogan -