Request kak Akemi

Kak Akemi request nih, cara membuat sidebar berbackground, post title like Mine dan scrollbar Like Mine
Eit, jangan read more dulu. Disini sudah ada caranya. Caranya begini, setelah itu begini, dan begini, setelah itu begini. Sudah selesai (terus, aku ngomong apa?). Hehehe...readmore dulu



1. Sidebar berbackground

Ada 2 cara*, yang pertama:
Credit: Gifta
  • Ke Blogger >> Dashboard >> Template >> Edit HTML
  • Cari kode .sidebar .widget { 
  • Lalu copy kode ini:
background:url(URL BACKGROUND KAMU):
  • dan paste di bawah kode yang kamu cari tadi
  • Preview dulu! Kalau berhasil, save!
Yang kedua:
Credit: kak Nei
  • Berawal dari TEMPLATE di blogger
  • Edit HTML
  • Cari kode
*/mobile
  • Nah tepat dibawah garis  ----------------------------------------------- */
  • Copy code ini
.sidebar .widget{border:2px solid#EFEDFC;padding:10px;background:url(URL BG);border-radius:10px;}
*Kalau kakak ingin sidebar nya bisa di hover. Gunakan cara ini dan ini

2. Post Title Like Mine

Credit: Gifta

Untuk Blogskins





  • Blogger >>> Template 
  • Cari kode h1 {   atau   h2 {   atau   h3 {   atau   h4 {  , agar lebih mudah tekan CTRL + F
  • Untuk Designer
    • Blogger >>> Template >>> Edit HTML
    • Cari kode .post-title {   atau   h3. post-title {   atau   .post h3 {  , agar lebih mudah tekan CTRL + F
    Sekarang, copy kode ini dan paste di BAWAH kode yang sudah kamu cari tadi
    font-family: Delius;font-size: 21px;color:#FFFFFF;text-align:center;margin-top:0px;margin-bottom:10px;margin-left:5px;margin-right:5px;padding:5px;padding-left:15px;padding-right:15px;background-color: #FFC2C2;background-repeat:no-repeat;border-left:0px solid #FFEBEB;border-right:0px solid #FFEBEB;border-top:2px dashed #FFEBEB;border-bottom:2px dashed #FFEBEB;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;}
    Sekarang kalau mau ada hover-nya copy kode ini dan paste di bawah kode di atas

    .post-title:hover {
    color:#000000;
    border-left:15px solid #FFEBEB;
    border-right:15px solid #FFEBEB;
    3. Scrollbar Like Mine

    Credit: Gifta


    • Buka Blogger --> Dashboard --> Template --> Edit HTML
    • Cari kode /* Header
    • Copy kode di bawah ini:

    ::-webkit-scrollbar {
    width: 10px;
    height: 3px;
    }
    ::-webkit-scrollbar-track-piece  {
    background-color: #000;
    border: 1px dashed #000;}
    ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
    background-color: #000;
    border: 0x dotted #000;
    border-radius:5px;
    }
    • Paste kode itu DI ATAS / SEBELUM kode /* Header
    • Preview! Kalau berhasil, save!
    Sudah ya wassalamualaikum 

    Tidak ada komentar:

    Posting Komentar