Google_plus Pinterest Vimeo RSS
  • Tempat Informasi Seputar Hostel
    Paling Lengkap dan Update
  • Instagram
  • Cara menciptakan Background pada Kotak Komentar Blogspot

    Disini saya akan membahas cara membuat background kotak komentar dengan menggunakan CSS3, seperti kotak komentar blog saya....
    Seperti biasa Login ke Blogger
    Klik RancanganEdit HTML
    Klik tulisan Download Template Lengkap
    Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
    Beri tanda centang pada kotak di samping tulisan Expand Template Widget

    lalu cari kode

    ]]></b:skin>

    Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3)

    Jika sudah ketemu, Copy kode berikut dan Paste di atas kode tersebut

    #kotak_komentar{
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8-yTUmhRnatbpln0Y6Vggi5pQ_AHwxEVwm0kdT8UrlWAzYKkTEZmUuaM1z39FznfNsKTKLiOXeptD3HzcsHsIeAtz-slgM_gKlWM_EmNVyjdqGbVczyqpeh5WpxJliVKzy9H5_0MT-v1h/s1600/papers.jpg) ;
    padding:20px;
    width:530px;
    height:250px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    -webkit-box-shadow: 2px 2px 4px #8bd268;
    -moz-box-shadow: 2px 2px 4px #8bd268;
    }

    #kotak_komentar:hover{
    background:#000);
    -webkit-box-shadow: 2px 2px 20px #cc40fb;
    -moz-box-shadow: 2px 2px 20px #cc40fb;
    }

    Kemudian scroll ke bawah dan cari kode seperti berikut :

    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src' style='display:inline'/>
    <iframe class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='auto' src='' width='490'/> <data:post.iframeColorizer/></div>



    Jika sudah ketemu letakkan kode berikut diatasnya


    <div id='kotak_komentar'>


    Dan kode berikut dibawahnya


    </div>

    jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

    Rate this posting:
    {[['']]}
    Kamu sedang membaca artikel tentang Cara menciptakan Background pada Kotak Komentar Blogspot dan kamu bisa menemukan artikel Cara menciptakan Background pada Kotak Komentar Blogspot ini dengan url https://www.hosteljogjaid.com/2011/11/cara-menciptakan-background-pada-kotak.html, kamu boleh menyebarluaskannya atau mengcopy paste-nya jika artikel Cara menciptakan Background pada Kotak Komentar Blogspot ini sangat bermanfaat bagi teman-temanmu,namun tolong cantumkan link Cara menciptakan Background pada Kotak Komentar Blogspot sebagai sumbernya ya!.