• put your amazing slogan here!

    Blog Tutorial Membuat Blockquote Lebih Menarik


    Untuk kali ini saya akan memberikan blog tutorial membuat blockquote lebih menarik. sehingga tampilan blog anda lebih bagus ketika anda membuat posting dengan blockquote untuk beberapa tulisan ataupun untuk sebuah kode yang membutuhkan perhatian khusus. Dalam hal ini tidak sulit ko, anda hanya mengganti beberapa code untuk blockquote sehingga blockquote anda tidak hanya block warna bahkan polos. Tentu saja anda lebih suka yang ini kan:

     
    Untuk membuatnya seperti biasa lakukan langkah berikut:

    1. Pertama,pergilah ke Dashboard (Gb.1) blog yang akan anda beri menu navigasi dengan sub menu ini.





    Related Post Widget.
    Gb.1


    2. Selanjutnya pilih tab Edit Html (Gb.2). Backup template anda dengan cara klik "Download Full Template". jika nanti terjadi kesalahan hal ini akan mudah untuk mengembalikan seperti semula





    Widget Artikel Yang Berhubungan.
    Gb.2


    3. Setelah itu centang tulisan / checkbox 'Expand Widget Templates' (Gb.3).





    Artikel Terkait / Yang Berkaitan Widget.
    Gb.3

    4. Cari code blockquote anda seperti dibawah ini ataupun yang mirip (karena setiap template berbeda-beda) misalnya:

    .blockquote {
    background:#e9d8eb;
    margin:0px 25px 15px 25px;
    padding:10px 20px 15px 15px;
    border-top:1px solid #dddddd;
    border-right:1px solid #666666;
    border-left:1px solid #dddddd;
    border-bottom:1px solid #666666}
    5. Setelah ketemu silahkan anda ganti dengan code berikut:

    .blockquote {
        backgroundurl("http://4.bp.blogspot.com/-qNgasvkhNPI/Td5QNByXqLI/AAAAAAAAAFY/Tm8HjJ_g8yk/s1600/source1.jpg") repeat-y scroll 0 0 #FFFFFF;
        border-bottom-right-radius10px;
        border-color#CCCCCC;
        border-stylesolid;
        border-width1px 1px 1px 12px;
        displayblock;
        font-familyCourier New;
        font-size11px;
        line-height2;
        margin4px;
        padding0 10px;
        text-alignleft; }
    PERHATIKAN pada tulisan .blockquote untuk setiap template berbeda jadi anda tidak perlu mengganti tulisan blockquote yg berwarna biru biarkan saja seperti yang ada pada template anda. Anda cukup mengganti codenya dengan yang berwarna merah

    6. Jika sudah Save template. kini blockquote anda sudah menjadi lebih menarik.

    jangan lupa juga baca ini Cara Membagi Sidebar Menjadi 2 Kolom.

    6 komentar:

    1. Hi, how can you put a link to your image at 4.bp.blogspot.com? can you please share?

      Thanks

      ReplyDelete
    2. IELTS if u just wanna upload some picture u can use the posting page,, make a new page then upload ur pict, n dont posting just save in the draf so u can upload another pict later ,,n now u can copy the link :D
      but ist only for image u cant take file in there

      ReplyDelete
    3. sangat-sangat berguna sekali brader...

      ReplyDelete

     

    About Me

    My Photo
    Hi, Im joys, Its my dreaming to be a full-time blogger, imagining a master blogger. But until now all still the same, just an ordinary Joys, newbie a blogger who tries to writing and share information about the culture of blogging. begin actively blogging from september 2009... read more about me

    Recent Comments

    Followers