selamat datang di blog saya

nama saya diki setiawan biasa di panggil moklet dan yang paling kiri ya sob ganteng kan :D

Hobby saya

hobby saya adalah makan dan bermain seoakbola dah itu aja.

foto saat GEKAES

kenangan yang tak terlupakan adalah saat gembira maupun sedih bersama teman teman.

bio data

saya sekolah di sma negeri 1 jepara dan masih kelas 11 yaitu 11 is 2,saya tinggal di mulyoharjo jepara tepatnya di daerah sentral patung.

terima kasih atas kunjungan

semoga bermanfaat jika ada kesalahan mohon maaf sebesar besarnya .

18 February, 2013

contoh proposal seni ukir

Proposal Seni Ukir


PROPOSAL PAMERAN SENI KERAJINAN UKIR
TAHUN PELAJARAN
2012/2013
                                                   Disusun Oleh :diki setiawan
SMP NEGERI 1 JEPARA
JL.sersan sumirat no 3 jepara
Proposal seni kerajinan ukir
SMP Negeri 1 Jepara
TAHUN PELAJARAN 2012/2013
A.Pendahuluan
     Ukir adalah merupakan salah satu dari bagian senu kerajinan yang sudah ada dari sejak dahulu hingga sekarang. Di Jepara ukir sudah banyak dijadikan mata pencaharianoleh masyarakat Jepara. Oleh karena itu pelestarian yang paling mudah adalah menanamkan rasa cinta terhadap kerajinan ukir melalui pendidikan di sekolah. Engan itu di harapkan ukir dapat lestari dan berkembang di jepara sepanjang massa. Pengenalan ukir yang paling tepat di berikan di sekolah khususnya di SMP. Biar pelaksanaan pembelajaran dapat terlaksana dengan baik, maka harus mengacu pada kurikulim mulok seni ukir SMP Kabupaten Jepara yang telah ada. Dan juga sekolah diberikan kewnangan untuk mengembangkan materi sesuai dengan kondisi sekolah masing-masing. Hal ini dimaksud agar siswa lebih kreatif. Untuk memberikan motivasi kepada para siswa perlu dilaksanakan   pameran  di sekolah sebagai ajang apresiasi, materi ini diberikan di kelas IX semester 2 Sebagai uji kompetensi praktik berpameran.Dan sekaligus juga dengan semangat proklamasi kemerdekaan kita sukseskan pameran ini.
B.Maksud dan Tujuan
Maksud diadakan pameran seni kerajinan ukir adalah untuk memenuhi tugaas mata pelajaran seni kerajinan ukir dan memperingati hari kemerdekaan Negara Indonesia 17 Agustus 2012. Adapun tujuan dari pelaksanaan kegiatan Pameran Kerajinan ukir adalah :
1.      Sebagai ajang Kreativitas.
2.      Sebagai ajang kompetensi.
3.      Sebagai ajang Apresiasi.
4.      Untuk menunjukan hasil karya siswa kepada masyarakat.
5.      Sebagai ajang hiburan.
6.      Untuk mrnghilangkan kejenuhan dalam belajar.
7.      Agar siswa juga dapat belajar berorganisasi.
8.      Melatih bertanggung jawab.
C.Waktu Pelaksanaan
Hari/tgl : Jum’at dan Sabtu 15 dan 16 Agustus 2013
Jam       : 08.00-12.00
Tempat : Aula SMP Negeri 1 Jepara
D. Kepanitiaan
1. Penaggung Jawab : subagyo S.Pd
2. Pembina Pameran: Diyah Listiana S.Pd
3. Ketua                   :Dikinho
4. Sekretaris             :Nandyan
5. Bendahara           : Ayu Navisaa
            Seksi-seksi
1.      Seksi Publikasi, Dokumen
a). Anders Lindegaard
b). David De Gea
            2. Seksi Tempat/ Perlengkapan
                  a). Joe Hart Al-dumdum
                  b). Pantilimon
            3. Seksi acara
                  a). Pether Cech
                  b). Julio Cessar
            4. Seksi Keamanan
                  a). Victor Valdes
                  b). Muhammad Pinto
            5. Seksi Keamanan
                  a). Muhammadas
                  b). Muhammad Mono Al- Ganden
            6. Seksi Kebersihan
                  a). Ramadhan Iandonk
                  b) Muhammad ridwan
E. Anggaran
            1. Adminidtrasi                        : Rp.     50.000
            2. Buku Katalog 100    : Rp.     1.000.000
            3. Liflet 100lb              : Rp.     200.000
            4. Publikasi/spanduk    : Rp.     400.000
            5.Dekorasi Dok                       : Rp.     300.000
            6. Sewa Panel 20buah  : Rp.     400.000
            7. Paku,Snr,Gntungan  : Rp.     50.000
            8. Konsum 50@6000  : Rp.     300.000
            9. Keamanan               : Rp.     100.000
                                                  Rp      2.800.000
Jumlah Rp. 2.800.000, Dibagi jumlah peserta 280 anak jadi 1 anak iuran 10.000
F. Peserta dan Karyanya
No.
Nama Peserta
Kelas
Jenis Karya/Judul
Ket
1.
2.
Diki setiawan
Dikinho
IXh
IXh
a)      Ukiran Kapstok
b)      Dsn Penari Kipas
a)      Ukiran Kapstok
b)      Dsn Penari Kipas
G. Jadwal Kegiatan
No
Hari/Tanggal
Waktu
Kegiatan
Petugas
Ket
1.
Jum’at
15 Agustus 2013
07.00-08.00
08.00-09.00
09.00-11.00
PersiapanUpacara
UpacaraPembukaan pameran
Pameran Tahap 1
Panitia
Lindegaard
Ramadhan
2.
Sabtu
16 Agustus 2013
07.00-08.00
08.00-09.00
09.00-12.00
12.00-12.30
Pameran Tahap 1
Pameran Tahap 2
Pameran Tahap 3
Penutupan
Panitia
Lindegaard
Ramadhan
Panitia
H. Denah Pameran

I.Penutup
            Demikian Proposal ini di buat agar menjadi acuan dalam melaksanakan Kegiatan Pameran. Semoga Allah SWT senantiasa memberikan Kemudahan dalam pelaksanaannya Amien.
            Ketua                                                                                   Sekretaris
          dikinho                                                                              nandyan wildan
Mengetahui
Guru Keterampilan ukir
  subagyo S.Pd

FREE DOWNLOAD EBOOK GRATIS KISAH 25 NABI DAN ROSUL



FREE DOWNLOAD EBOOK GRATIS KISAH 25 NABI DAN ROSUL

Ebook Gratis Kisah 25 Nabi dan Rasul ini saya hadirkan dalam 2 versi. Ebook yang pertama adalah berupa software program ringan yang harus diinstal terlebih dahulu di komputer anda. Ebook ini berisi kisah 25 Nabi dan Rasul yang disajikan secara lengkap dan dengan tampilan yang saya rasa cukup bagus. Sedangkan yang versi kedua adalah ebook Kisah 25 Nabi dan Rosul for kids (untuk anak).

Versi kedua ini mungkin tampilan grafisnya lebih menonjol agar anak  lebih mudah memahami dan meneladani kisah 25 Nabi dan Rasul tersebut.

Saya rasa dua versi dari ebook Gratis Kisah 25 Nabi dan Rasul ini memiliki kulitas yang bagus.

Untuk mengetahui lebih jauh, silahkan saja Anda  Download Ebook Gratis Kisah 25 Nabi dan Rosul di link di bawah ini: 
Downlod Ebook Gratis Kisah 25 Nabi dan Rasul 1 (download) 482 kb
Downlod Ebook Gratis Kisah 25 Nabi dan Rasul 2 for kids (download) 15 mb

Free Download Al-Quran dan Terjemahannya

Free Download Al-Quran dan Terjemahannya

post by diki setiawan
Free Download Al-Quran dan Terjemahannya untuk kamu yang ingin membaca Al-Qur’an dan sekaligus membaca terjemahan bahasa Indonesianya di komputer.
Software kecil ini ringan saat digunakan, jadi tidak akan memberatkan komputer kamu :)
Silahkan download, tanpa menunggu, langsung saja klik DOWNLOAD
Ukuran file: 9,2 MB
Atau jika kamu mau download dari server lokal Indonesia agar lebih cepat bisa download dari Indowebster. (belum tersedia)
Setelah kamu download dan ekstrak file, langsung saja buka file ‘Al Quran’ yang bertype HTML help file, tanpa perlu menginstal.
Semoga bermanfaat :)

Visitors like to use keywords:

free download al quran dan terjemahan, download alquran dan terjemahan gratis, al quran dan terjemahan free download, download al quran dan terjemahan gratis, alquran dan terjemahannya, free download alquran dan terjemahan, free download alquran dan terjemahannya, free download al-quran dan terjemahan, alquran dan terjemahannya gratis, download alquran dan terjemahannya, al quran dan terjemahan download free, free download al quran dan terjemahannya, download al quran dan terjemahan, download al quran dan terjemahannya, download gratis alquran dan terjemahannya, al quran dan terjemahannya free download, free download alquran 30 juz dan terjemahannya, free download al quran, download alquran dan terjemahan, download free al quran dan terjemahan

12 February, 2013

Cara Membuat Tulisan Mengikuti Cursor

Cara Membuat Tulisan Mengikuti Cursor

Cara Membuat Tulisan Mengikuti Cursor
Gb. Demo Tulisan Berputar

Sudah pernah lihat tulisan yang berputar-putar mengelilingi Cursor dan selalu mengikuti Cursor di blog blogger?

Tadi saya baru saja berkunjung ke salah satu blog teman yang menulis pesan di buku tamu, di sana saya melihat sebuah tulisan yang berputar-putar mengelilingi Cursor dan selalu mengikuti kemanapun arah cursor tersebut.

Setelah melihat itu saya jadi ingin untuk menuliskan caranya, siapa tahu ada yang ingin  menghias blog nya dengan tulisan berputar mengelilingi cursor blognya.

Panduan Cara Membuat Animasi Tulisan Berpuatar Mengelilingi Cursor

  1. Login ke dashboard blogger
  2. Klik Tata Letak
  3. Cara Membuat Tulisan Mengikuti Cursor
  4. Setelah itu klik Tambah Gadget
  5. Gadget Tulisan Mengikuti Cursor
  6. Pilih Gadget / Widget HTML/JavaScript
  7. Script Tulisan Mengikuti Cursor
  8. Klik Edit HTML
  9. Tutorial Panduan Membuat Tulisan Mengikuti Cursor
Kemudian masukkan semua script / kode tulisan mengikuti cursor berikut pada widget tadi.
<style type='text/css'>
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #999;

/* End Optional */
/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type='text/javascript'>
//<![CDATA[
/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/
;(function(){
// Your message here (QUOTED STRING)
var msg = "A.R Blog (Blogger Tutorial)";
/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */
// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;
// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;
// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;
// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;
////////////////////// Stop Editing //////////////////////
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,
mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
//]]>
</script>
Keterangan :
// Your message here (QUOTED STRING)
var msg = "A.R Blog (Blogger Tutorial)";

silakah ganti tulisan A.R Blog (Blogger Tutorial) dengan tulisan yang anda inginkan, karena tulisan itulah yang nantinya akan berputar-putar mengeliligi cursor.

Bagaimana cara merubah warna tulisan yang mengikuti cursor tersebut ?

Karena ada beberapa teman kita yang menanyakan hal tersebut maka akan saya tuliskan caranya.

Silakan lihat pada bagian atas kode script tulisan mengikuti cursor tersebut, maka kamu akan menemukan kode
color: #999;
Silakan ganti #999 dengan kode warna lainnya yang kamu suka (ingat hanya kode #999  yang diganti). silakan temukan kode warna yang kamu suka di Daftar Kode Warna

Cara Membuat Pupular Post Berwarna Di Blogger

Cara Membuat Popular Post Warna Warni Di Blogger

Kemarin ada yang bertanya tentang cara membuat popular post warna warni, sehingga akhirnya saya putuskan untuk menuliskan tutorial cara pasang widget popular post warna warni di blogger pada postingan kali ini.
Tutorial Cara Membuat Popular Post Warna Warni Di Blogger (Mudah dan Cepat)
Sebenarnya cara membuat popular post warna warni di blogger tidak sulit kok, dan kita tidak perlu menambahkan script apapun, kita cukup pasang widget popular post yang sudah disediakan oleh blogger dan setting sedikit kemudian tambahkan kode css pada template kita.

Untuk lebih jelasnya silakan ikuti tutorial berikut.

Cara Pasang Popular Post Warna Warni Di Blogger

Pastikan kamu sudah login ke blogger, jika sudah login maka langkah selanjutnya adalah:
  1. Klik menu Tata Letak / Layout
  2. Klik Tambahkan Gadget / Add a Gdget
  3. Pilih Widget Popular Post / Entri Populer

Cara Setting Widget Popular Post :

  • Pada bagian Most viewed, silakan tentukan sendiri apakah ingin menampilkan artikel populer sepanjang waktu, dalam 1 bulan atau dalam satu minggu.
  • Pada bagian Show ada bagian image thumbnail dan snippet serta Display up to, nah pada bagian Display up to silakan tentukan berapa artikel populer yang mau ditampilkan, sedangkan pada image thumbnail dan snippet JANGAN DIBERI CENTANG.
  • Setelah itu silakan Simpan
Tutorial Cara Pasang Popular Post Warna Warni Di Blogger
Sampai tahap ini widget artikel populer sudah bisa dilihat pada blog kita, namun artikel populer nya belum warna warni, agar popular post menjadi warna warni silakan lanjutkan baca tutorial ini , he heeee.

Ada 2 cara, silakan pilih yang menurut kamu lebih mudah.

Cara Pertama

Karena kamu sudah berada pada bagian Tata Letak / Layout, maka kamu cukup klik tambah gadget lagi, dan pilih gadget HTML/JavaScript, setelah itu masukkan kode css berikut di dalamnya
<style type='text/css'>
/*----- POPULAR POST WARNA WARNI -----*/
#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}
</style>
Selanjutnya simpan.

Cara Kedua

Klik menu Template (letak menunya di sebelah kiri)

Di sana kamu akan bisa melihat tampilan blog kamu sekarang, nah di bawahnya ada tulisan Edit HTML, silakan klik tulisan Edit HTML tersebut, kemudian klik Lanjutkan.

Cari kode ]]></b:skin> setelah itu pasang kode berikut di atasnya. Agar lebih mudah menemukan kode tersebut silakan baca Cara Mudah + Cepat Mencari Kode Html di Blogger
/*----- POPULAR POST WARNA WARNI -----*/
#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}
Simpan pengaturan template kamu.

Nah itulah tutorial cara membuat / pasang widget popular post warna warni di blogger, semoga bermanfaat.

11 February, 2013

template blog keren terbaru

10 Template Blog Keren dan Fresh 2013 - Dari berbagai template yang ada, kali ini saya menyuguhkan template yang keren juga fresh buat tampilan blog kamu. Template ini sangat mudah di atur, sehingga dengan menambahkan widget atau memodifikasi tampilan default, bisa kamu lakukan sendiri.


10 Template Blog Keren dan Fresh 2013

Tidak banyak berbincang-bincang lagi, silahkan download gratis template blog keren dan fresh di bawah ini dari http://btemplates.com :

1. Casual Affair - Fresh Blog Template


3.  Organic Template Fresh Blog
 5.  Wish U Good - Fresh Template Blog
6. iPhone Blog - Fresh Template Blog

7. Gossip Show - Fresh Blog Template
8. Beuty Music - Blog Fresh Template
9. HiFashion - Template Blog Fresh
10.  With Rainbow - Fresh Blog Template


cara blog agar bersalju



Hay kali ini ane mau share tetntang bagaiman cara menaruh efek salju pada blog agar blog anda lbih mnarik. berikut caranya....
1. seperti biasa login blogger => buka tataletak => klik add gadget => pilih HTML / java script
2. copy kode dibawah ini lalu paste di situ.
<script type="text/javascript" src="http://ahmad-rifai-tools.googlecode.com/files/salju-blog.ahmadrifai.net.js" /></script>
<script type="text/javascript">
snowStorm.snowColor = '#99ccff'; //
snowStorm.flakesMaxActive = 96;
snowStorm.useTwinkleEffect = true;
</script>
klik simpan dan slesai...

animasi lucu blog

Memasang 15 Animasi Super Keren Pada Blog



Sebelumnya kami ingin meminta maaf kepada teman-teman semua karena mungkin sudah beberapa hari ini Java Creativity tidak Update dikarenakan seluruh Tim pada sibuk semua ngurusin sesuatu hal yang sebenarnya tidak perlu untuk diurus hahahahahaha….

Ok Langsung saja yah…..beberapa waktu yang lalu kami telah memposting trik memasang Animasi Helikopter Pada Blog. Nah, jika sebelumnya hanya animasi Helikopter saja maka kali ini kami akan membagikan Script Animasi super keren dan super Gokil yang bisa anda pasang untuk menghiasi tampilan Blog anda.

Berikut ini berbagai Animasi beserta Scriptnya, silahkan langsung Copas Scriptnya saja dan cara pakainya bisa dilihat di bagian bawah :

Tuyul Ngakak
Berikut ini Scriptnya :


<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://www.javacreativity.com" target="_blank">Widget-Animasi</a></center></small></div>

Panda Main Bola
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>

Panah Asmara
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget Animasi</a></center></small></div>

Anjing Laut
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget Animasi</a></center></small></div>

Si Lumba-Lumba

Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget Animasi</a></center></small></div>

Kelinci
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget Animasi</a></center></small></div>

Dragon
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget Animasi</a></center></small></div>

Ikan
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget Animasi</a></center></small></div>

Pinguin
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget Animasi</a></center></small></div>

Kucing Tidur
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget Animasi</a></center></small></div>

Bunga Mawar
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget Animasi</a></center></small></div>

Tuyul Berbaring
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Free-Widget-Animasi</a></center></small></div>

Joget Terus…Sampai Pagi
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget-Animasi</a></center></small></div>

Boring
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget-Animasi</a></center></small></div>

Gajah Loncat
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget-Animasi</a></center></small></div>


Adapun cara memasangnya sangat mudah sekali :
  • Silahkan login ke dalam halaman Dashboard kemudian klik menu Rancangan
  • Klik Tambah Gadget kemudian pilih HTML/Java Script
  • Jika sudah, silahkan langsung saja Copas script yang anda inginkan kemudian klik Simpan
  • Apabila anda ingin mengatur tata letaknya silahkan ganti kode yang kami lingkari sesuai keinginan. (Bottom = Bawah, Top = Atas, Left = Kiri, Right = Kanan).
  • Simpan dan lihatlah hasilnya.


Semoga Bermanfaat,

Tetap Semangat,