Cara Letak Widget Popular Post Berwarna Di Tepi Sidebar Blogspot

Assalamualaikum hari ni daku berkongsi atau dengan sebetulnya saja ku letak sini tips cara letak widget popular post berwarna di tepi sidebar ni supaya lain kali ku nda lupa senang rujuk sini ja.

Anda boleh letak kod berikut ini di CSS kod di dalam blogger dashbord anda. Caranya mudah saja. 
Klik Blogger dashboard > theme > customize > advanced > add css > apply to blog 

kod yang kita letak di situ (just copy and paste kod ni letak dalam CSS kod anda sendiri ya, nda perlu diubah.

#PopularPosts1 ul{margin:0;padding:5px 0;list-style-type:none}

#PopularPosts1 ul li{position:relative;margin:5px 0;border:0;padding:10px}

#PopularPosts1 ul li:first-child{background:#ff4c54;width:97%}

#PopularPosts1 ul li:first-child:after{content:”1″}

#PopularPosts1 ul li:first-child + li{background:#ff764c;width:87%}

#PopularPosts1 ul li:first-child + li:after{content:”2″}

#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:84%}

#PopularPosts1 ul li:first-child + li + li:after{content:”3″}

#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:81%}

#PopularPosts1 ul li:first-child + li + li + li:after{content:”4″}

#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:78%}

#PopularPosts1 ul li:first-child + li + li + li + li:after{content:”5″}

#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:75%}

#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:72%}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:”7″}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li +li{background:#f59095;width:69%}

#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:#c7f25f;width:66%}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:”9″}

#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{position:absolute;top:20px;right:-15px;border-radius:50%;background:#353535;width:30px;height:30px;text-align:center;font-size:28px;color:#fff}

#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:70px;height:70px;}

#PopularPosts1 ul li a{font-size:13px;color:#444;text-decoration:none}

#PopularPosts1 ul li a:hover{color:#222;text-decoration:none}

#PopularPosts1 img{

-moz-border-radius: 130px;

-webkit-border-radius: 130px;

border-radius: 130px;

-webkit-transition: all 0.3s ease;

-moz-transition: all 0.3s ease;

transition: all 0.3s ease;

padding:4px;

border:1px solid #fff !important;

}

#PopularPosts1 img:hover {

border-radius: 0 0 0 0;

-moz-transform: scale(1.2) rotate(-711deg) ;

-webkit-transform: scale(1.2) rotate(-711deg) ;

-o-transform: scale(1.2) rotate(-711deg) ;

-ms-transform: scale(1.2) rotate(-711deg) ;

transform: scale(1.2) rotate(-711deg) ;

}

Cara Membuat Permohonan Cuti GCR di HRMIS

Panduan Permohonan GCR di Bawa Ke Hadapan

1. Login sistem. (ID pemohon/ individu)
2. Di bawah menu Pengurusan Saraan, Faedah dan Ganjaran, klik Pengurusan Cuti – Permohonan Cuti – Permohonan GCR dan Bawa Ke Hadapan
3. Paparan akan terhasil, klik teruskan. Data akan memaparkan tiada rekod, jangan bimbang kerana anda belum lagi membuat permohonan.
4. Klik Tambah
5. Semak data yang dipaparkan adalah tepat. Masukkan permohonan GCR.
6. Kemudian klik hantar – klik yes dan ok.
7. Pemohon telah memaklumkan permohonan kepada pelulus GCR.
8. Buka semula paparan untuk buat semakan. Paparan akan menunjukkan permohonan belum diluluskan.
9. Pelulus GCR akan membuat semakan permohonan anda.
10. Setelah diluluskan, barulah anda buka semula HRMIS seperti langkah 1 di atas dan boleh lihat ia sudah diluluskan.
11. Anda perlu mencetaknya dengan klik nombor 1 – klik butang previu cetak
12. Setelah berjaya print, dokumen perlu ditandatangani oleh pelulus GCR dan dikumpulkan untuk tindakan selanjutnya.

-saja ku letak di sini supaya lain kali nda lupa, sebab memang tahun-tahun buat benda alah ni