Hi sobat :v. Sekarang, saya akan membuat tutorial tentang 'Cara membuat daftar blog teman di BLOG.' Soalnya banyak teman teman yang nanya dan bingung gimana caranya.
ada sih teman ane yang bisa, namanya CREC0 (Sengaja saya ganti jadi 0, biar sulit :v) Tapi cara dia ribet dan gak simple. Harus nge-add 1 per 1 pula., gak bisa bersamaan. :(.
Tapi disini, saya akan bahas cara mudahnya. GIMANA???
GAMPANG.
Tinggal co past code skript dibawah ini ke Wigdet blog anda.
Step by Step:
1. Buka BLOG anda
2. Ke TATA LETAK.
3. Klik TAMBAHKAN WIGDET
4. Cari HTML/JAVA SCRIPT
5. Copast script ini. Tinggal ganti aja link ama namanya
<div class='widgetSystem'>
<div class='kulit'>
<li><a href='http://adelia9201.blogspot.com/'>* Adelia Yudantari *</a></li>
<li><a href='http://alfian9202.blogspot.com/'>* Alfian Qurnia *</a></li>
<li><a href='http://asatya9203.blogspot.com/'>* Alif Satya *</a></li>
<li><a href='http://ananda9204.blogspot.com/'>* Ananda Prasetyo *</a></li>
<li><a href='http://anggie9205.blogspot.com/'>* Anggie Madhu *</a></li>
<li><a href='http://bagus9206.blogspot.com/'>* Bagus Satrio *</a></li>
<li><a href='http://berliana9207.blogspot.com/'>* Berliana Melanita *</a></li>
<li><a href='http://rikaa9208.blogspot.com/'>* Caesarrika Fitri *</a></li>
<li><a href='http://osiadp9209.blogspot.com/'>* Chosyafatul Agata *</a></li>
<li><a href='http://diana9210.blogspot.com/'>* Diana Rizki *</a></li>
<li><a href='http://eka9211.blogspot.com/'>* Eka Midyawati *</a></li>
<li><a href='http://erizkika9212.blogspot.com/'>* Erizkika MAR *</a></li>
<li><a href='http:///'>* Jamillah Zahrotul *</a></li>
<li><a href='http://julieta9214.blogspot.com/'>* Julieta Berliana *</a></li>
<li><a href='http://khofifah9215.blogspot.com/'>* Khoffifah Noviarianti *</a></li>
<li><a href='http://maydya9216.blogspot.com/'>* Maydya Arrisma *</a></li>
<li><a href='http://erlangga9217.blogspot.com/'>* M. Erlanggga YM *</a></li>
<li><a href='http://alfi9218.blogspot.com/'>* M. Alfi Rizki *</a></li>
<li><a href='http://andika9219.blogspot.com/'>* M. Andika Putra *</a></li>
<li><a href='http:///'>* Nabilla Azmi *</a></li>
<li><a href='http://nadia9221.blogspot.com/'>* Nadia Ramadhan *</a></li>
<li><a href='http://natasya9222.blogspot.com/'>* Natasya Kusuma *</a></li>
<li><a href='http://niken9223.blogspot.com/'>* Niken Windya *</a></li>
<li><a href='http://ranianuriska9224.blogspot.com'>* Nuriska karimmah *</a></li>
<li><a href='http://rahmatus9225.blogspot.com/'>* Rahmatus Sya'baniyah *</a></li>
<li><a href='http://reza9226.blogspot.com/'>* Reza Fernanda *</a></li>
<li><a href='http:///'>* Risaa Naddillah *</a></li>
<li><a href='http://riyanadinugroho9228.blogspot.com/'>* Riyan Adinugroho *</a></li>
<li><a href='http://sabrinavl9229.blogspot.com/'>* Sabrina Valda *</a></li>
<li><a href='http://safadewi9230.blogspot.com/'>* Safa Dewi *</a></li>
<li><a href='http://sarahnf9231.blogspot.com/'>* Sarah Nabila *</a></li>
<li><a href='http://silviana9232.blogspot.com/'>* Silviana Khalilatus*</a></li>
<li><a href='http://syahrulrizal9233.blogspot.com/'>* Syahrul Rizal *</a></li>
<li><a href='http://wildan9234.blogspot.com/'>* Wildan Arrizal *</a></li>
<li><a href='http://zaradiya9235.blogspot.com/'>* Zaradiya Audrey *</a></li>
<li><a href='http://riza9236.blogspot.com/'>* Riza Aswarna *</a></li>
</div>
</div>
<style type='text/css'>
.widgetSystem {
width: 96%;
padding: 5px;
background: transparent;
margin: 5px auto;
border: 2px inset #333;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 1px 1px #333;
-moz-box-shadow: 0 0 1px 1px #333;
box-shadow: 0 0 1px 1px #333;
}
.widgetSystem .nama {
text-align: center;
font-size: 1.5em;
background: transparent;
padding:5px;
color: #FFF;
font-family: "Times new roman", Arial, sans serif;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.widgetSystem .kulit {
background: Transparent;
height: 250px;
overflow: auto;
margin-top: 5px;
border: 1px solid #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.widgetSystem a {
text-decoration: none;
margin: 5px;
background: transparent;
padding: 5px;
display: block;
color: #BBB;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
font-family: "Arial", Arial, sans serif;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s
}
.widgetSystem a:hover {
background: #FFFFFF;
color: #ccc;
}
.widgetSystem li {
list-style: none;
color: #CCC;
margin: 5px
}
</style>
WARNING!!!
Yang warna biru itu adalah LINK/URL blog teman kalian, Sedangkan yang merah adalah NAMA TEMAN KALIAN
Example :
<li><a href='http://andika9219.blogspot.com/'>* M. Andika Putra *</a></li>
http://andika9219.blogspot.com/ adalah URL TEMAN KALIAN
M. Andika Putra Adalah NAMA Teman kalian.
Sekian dulu dari DIKA PACMAN. SEMOGA VAROKAH YAAA..
JUMPA lagi.... :v
ada sih teman ane yang bisa, namanya CREC0 (Sengaja saya ganti jadi 0, biar sulit :v) Tapi cara dia ribet dan gak simple. Harus nge-add 1 per 1 pula., gak bisa bersamaan. :(.
Tapi disini, saya akan bahas cara mudahnya. GIMANA???
GAMPANG.
Tinggal co past code skript dibawah ini ke Wigdet blog anda.
Step by Step:
1. Buka BLOG anda
2. Ke TATA LETAK.
3. Klik TAMBAHKAN WIGDET
4. Cari HTML/JAVA SCRIPT
5. Copast script ini. Tinggal ganti aja link ama namanya
<div class='widgetSystem'>
<div class='kulit'>
<li><a href='http://adelia9201.blogspot.com/'>* Adelia Yudantari *</a></li>
<li><a href='http://alfian9202.blogspot.com/'>* Alfian Qurnia *</a></li>
<li><a href='http://asatya9203.blogspot.com/'>* Alif Satya *</a></li>
<li><a href='http://ananda9204.blogspot.com/'>* Ananda Prasetyo *</a></li>
<li><a href='http://anggie9205.blogspot.com/'>* Anggie Madhu *</a></li>
<li><a href='http://bagus9206.blogspot.com/'>* Bagus Satrio *</a></li>
<li><a href='http://berliana9207.blogspot.com/'>* Berliana Melanita *</a></li>
<li><a href='http://rikaa9208.blogspot.com/'>* Caesarrika Fitri *</a></li>
<li><a href='http://osiadp9209.blogspot.com/'>* Chosyafatul Agata *</a></li>
<li><a href='http://diana9210.blogspot.com/'>* Diana Rizki *</a></li>
<li><a href='http://eka9211.blogspot.com/'>* Eka Midyawati *</a></li>
<li><a href='http://erizkika9212.blogspot.com/'>* Erizkika MAR *</a></li>
<li><a href='http:///'>* Jamillah Zahrotul *</a></li>
<li><a href='http://julieta9214.blogspot.com/'>* Julieta Berliana *</a></li>
<li><a href='http://khofifah9215.blogspot.com/'>* Khoffifah Noviarianti *</a></li>
<li><a href='http://maydya9216.blogspot.com/'>* Maydya Arrisma *</a></li>
<li><a href='http://erlangga9217.blogspot.com/'>* M. Erlanggga YM *</a></li>
<li><a href='http://alfi9218.blogspot.com/'>* M. Alfi Rizki *</a></li>
<li><a href='http://andika9219.blogspot.com/'>* M. Andika Putra *</a></li>
<li><a href='http:///'>* Nabilla Azmi *</a></li>
<li><a href='http://nadia9221.blogspot.com/'>* Nadia Ramadhan *</a></li>
<li><a href='http://natasya9222.blogspot.com/'>* Natasya Kusuma *</a></li>
<li><a href='http://niken9223.blogspot.com/'>* Niken Windya *</a></li>
<li><a href='http://ranianuriska9224.blogspot.com'>* Nuriska karimmah *</a></li>
<li><a href='http://rahmatus9225.blogspot.com/'>* Rahmatus Sya'baniyah *</a></li>
<li><a href='http://reza9226.blogspot.com/'>* Reza Fernanda *</a></li>
<li><a href='http:///'>* Risaa Naddillah *</a></li>
<li><a href='http://riyanadinugroho9228.blogspot.com/'>* Riyan Adinugroho *</a></li>
<li><a href='http://sabrinavl9229.blogspot.com/'>* Sabrina Valda *</a></li>
<li><a href='http://safadewi9230.blogspot.com/'>* Safa Dewi *</a></li>
<li><a href='http://sarahnf9231.blogspot.com/'>* Sarah Nabila *</a></li>
<li><a href='http://silviana9232.blogspot.com/'>* Silviana Khalilatus*</a></li>
<li><a href='http://syahrulrizal9233.blogspot.com/'>* Syahrul Rizal *</a></li>
<li><a href='http://wildan9234.blogspot.com/'>* Wildan Arrizal *</a></li>
<li><a href='http://zaradiya9235.blogspot.com/'>* Zaradiya Audrey *</a></li>
<li><a href='http://riza9236.blogspot.com/'>* Riza Aswarna *</a></li>
</div>
</div>
<style type='text/css'>
.widgetSystem {
width: 96%;
padding: 5px;
background: transparent;
margin: 5px auto;
border: 2px inset #333;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 1px 1px #333;
-moz-box-shadow: 0 0 1px 1px #333;
box-shadow: 0 0 1px 1px #333;
}
.widgetSystem .nama {
text-align: center;
font-size: 1.5em;
background: transparent;
padding:5px;
color: #FFF;
font-family: "Times new roman", Arial, sans serif;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.widgetSystem .kulit {
background: Transparent;
height: 250px;
overflow: auto;
margin-top: 5px;
border: 1px solid #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.widgetSystem a {
text-decoration: none;
margin: 5px;
background: transparent;
padding: 5px;
display: block;
color: #BBB;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
font-family: "Arial", Arial, sans serif;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s
}
.widgetSystem a:hover {
background: #FFFFFF;
color: #ccc;
}
.widgetSystem li {
list-style: none;
color: #CCC;
margin: 5px
}
</style>
WARNING!!!
Yang warna biru itu adalah LINK/URL blog teman kalian, Sedangkan yang merah adalah NAMA TEMAN KALIAN
Example :
<li><a href='http://andika9219.blogspot.com/'>* M. Andika Putra *</a></li>
http://andika9219.blogspot.com/ adalah URL TEMAN KALIAN
M. Andika Putra Adalah NAMA Teman kalian.
Sekian dulu dari DIKA PACMAN. SEMOGA VAROKAH YAAA..
JUMPA lagi.... :v