Don't Leave
1 2 3 4 5 +
About;


  • Hi,guys... Naura 11 y.o
    • Shout here;




    Credit;

  • Skins: Mayra
  • Help: Amiraa
    • Tutorial Time
    Minggu, 12 April 2015 | 2 Comments
    Tutorial Time...!
    Menambahkan Ikon Di Samping Post Tilte

    1. Login > Dashboard > Edit HTML > Checklist "Expand Widget Template"
       ** Kalau kamu bingung mencari dimana letak checkbox "Expand Widget Template" di template blogger tahun 2013, silahkan klik Disini :)
    2. Kemudian, cari kode seperti di bawah
    <a expr:href='data:post.url'><data:post.title/></a>

    3. Sudah ketemu? Oke~! copy code ini <img src="URL Gambar"/> dan paste-kan diantara code diatas. Contoh :
    <a expr:href='data:post.url'><img src="URL GAMBAR"/><data:post.title/></a>
    *Warna merah itu bisa kamu ganti dengan icon sesuka mu. Bisa cari di google, di blog lain, ataupun seperti yang aku sediakan di bawah :

    http://sl.glitter-graphics.net/pub/472/472988s2wlw4irdf.gif
    http://sl.glitter-graphics.net/pub/384/384957uvzupp2kbf.gif

    http://sl.glitter-graphics.net/pub/727/727057f5owblcuts.gif

    http://sl.glitter-graphics.net/pub/438/438041kmwpcu9l4m.png


    http://sl.glitter-graphics.net/pub/727/727535jqjjp1c0g7.gif

    http://sl.glitter-graphics.net/pub/609/609617lxrncg3rpy.gif

    http://sl.glitter-graphics.net/pub/438/438984nrmxv9h68t.gif
    Centerkan Header Blog

    1. Dashboard > Template > Edit HTML
    2. Cari kode di bawah ini, gunakan Ctrl+F agar lebih cepat
    /* Content
    3. Sudah ketemu? good~ Kalau gak ketemu, Salsa gak bisa bantu ._.v
    4. Habis itu, tekan Copy dan pastekan kode di ini di atas atau sebelum kode /* Content tadi
    .Header img { margin-$startSide: auto; margin-$endSide: auto; }
    5. Preview dulu sebelum save, nanti kalau gak jadi bisa nangis kamu, Hehe
     Memasang Efek Kelopak Mawar Berjatuhan Di Blog

    1. Login blogger, tentu saja.
    2. Klik "Tata letak"
    3. Klik "Tambahkan gadget"
    4. Klik "HTML/JavaScript"
    5. Copy paste
    code di bawah ini
    <script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}image_urls['rain1']="http://2.bp.blogspot.com/-IQXNv-_CBLE/TpWcK7LL4VI/AAAAAAAAG0I/bcxYcqc_uI0/pinkpetal1.png";image_urls['rain2']="http://4.bp.blogspot.com/-teXCIicWPF4/TpWcLLg0A2I/AAAAAAAAG0U/IPPCr1gponc/pinkpetal2.png";image_urls['rain3']="http://3.bp.blogspot.com/-3JG9HLECCRU/TpWcLZGSYtI/AAAAAAAAG0g/zIJINua93TE/redpetal1.png";image_urls['rain4']="http://2.bp.blogspot.com/-BByhQEK5E24/TpWcLux4xRI/AAAAAAAAG0s/x2hIr1AV_Ac/redpetal2.png";$(document).ready(function(){var c=$(window).width();var d=$(window).height();var e=function(a,b){return Math.round(a+(Math.random()*(b-a)))};var f=function(a){setTimeout(function(){a.css({left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100)}).animate({top:(d-10)+'px'},e(7500,8000),function(){$(this).fadeOut('slow',function(){f(a)})})},e(1,8000))};$('<div></div>').attr('id','rainDiv')
    6. Klik "Simpan"
    7. Klik "Simpan setelan"

    Semoga bermanfaat ^^
    Divider Di Bawah Post
    • Dashboard > Design > Edit HTML > Ctrl + A > Ctrl C > Delete > Ctrl + V
    Step di atas mau Salsa jabarin lagi, terutama step yang menggunakan Keyboard. Mengapa kamu harus menekan Ctrl + A, Ctrl + C, Delete, Ctrl + V di keyboard? Itu semua untuk mengganti checkbox "Expand Template Widget" yang dulu ada di blogger. Sekarang udah gak ada lagi kan checkbox itu? Nah makanya kamu harus melakukukan hal diatas. Lanjut ke step berikutnya yukk.
    • Cari kode di bawah ini (tekan Ctrl + F supaya mudah).
    <div class='post-footer-line post-footer-line-3'/>
    • Copy kode di bawah ini 
    <center><img height='20' src='URL Divider'/></center>
    Biru : Ketinggian divider
    Merah : Ganti dengan URL gambar divider kamu. Bisa dapatkan di sini  :)

    • Lalu paste di bawah kode yang kamu cari tadi oke?
    • Selesai, save :)
    Comment Box Style
    • Template > Edit HTML > Ctrl + A > Ctrl + C > Delete >Ctrl + V
    • Lalu tekan lagi Ctrl + F, dan cari kode ini
    ]]></b:skin>
    • Kalau sudah ketemu, copy dan paste kode ini tepat di Atas kode tadi 
    #comments-block .comment-author{
    background:#ff6699 !important;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    padding:5px;
    font-size:15px;
    font-weight:bold;
    border:1px solid #ff6699;
    }
    #comments-block .comment-body{
    margin: 0;
    font-size: 17px;
    border-left: 1px solid #ff6699;
    border-right: 1px solid #ff6699;
    margin-top: -5px; /*position*/
    padding: 5px;
    }
    #comments-block .comment-footer{
    margin:0;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 20px;
    border-left: 1px solid #ff6699;
    border-right: 1px solid #ff6699;
    border-bottom: 1px solid #ff6699;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    margin-top: -12px; /*position*/
    padding: 5px;
    }
    #comments-block .deleted-comment{
    font-style:italic;
    color:gray;
    }
    #comments-block .comment-author a{
    color:#ffffff !important;
    }
    #comments-block .comment-footer a, .comment-body a{
    color:#ff6699 !important;
    }
    Biru : Warna background comment box. Bisa di tukar menjadi background gambar. Caranya : hapus kode itu, lalu ganti dengan url(URL Image mu)
    Ungu : Warna border comment box.
    Merah : Warna nickname member kamu yang berkomentar nantinya.
    Oranye : Warna background nickname comment box.
    •  Sebelum di save, preview dulu. Kalau gak ada yang error, save
    THE END~
    Udahan dulu,ya!!!
    PERINGATAN: IZIN? IZIN DI CBOX AND COMMENT BOX? RE-TUTORIAL? IZIN ME!!

    Blogger Mutiara Nurul I mengatakan...

    blogmu bagus :)

     
    Blogger Unknown mengatakan...

    Thanks U

     

    Posting Komentar