Membuat Renda Blog

 
 Renda-renda Blog , atau apa namanya yang tampilannya seperti gambar berikut :



Sekarang saya mau ngajarin cara membuat renda di atas blog...
ikuti langkah-langkah berikut :
1. Dashboard
2. Template
3. HTML
4. Ctrl+F Temukan kode <html  tanpa tanda tutup ya, soalnya nanti jika dikasih tutup seperti ini <html> kalau dicari ngg akan ketemu.. 
5. Copy kode berikut ini dan tempelkan di bawah kode di atas 

<div style=" background-image: url('URL IMAGE'); top: -10px;  width: 100%; left:0px; height: 44px; z-index: 100; position: fixed; background-hover:filter:alpha(opacity=100);"></div>


6. Untuk letaknya lihat gambar di bawah ini :
 
 7. Untuk Teks URL Image di atas, silahkan pilihs alah satu renda-renda yang sudah saya sediakan di tutorial ini,

http://i.imgur.com/k0fNQ.png

 http://i.imgur.com/k0fNQ.png

http://i.imgur.com/63uwH.png 
 http://i.imgur.com/63uwH.png


 http://media.tumblr.com/tumblr_loogjonxvM1qf72le.png

http://i.imgur.com/SdrkT.png 

http://i.imgur.com/SdrkT.png

 

http://media.tumblr.com/tumblr_loogipMnTt1qf72le.png

 

http://media.tumblr.com/tumblr_loogieAxAL1qf72le.png

 

http://media.tumblr.com/tumblr_loogizkKEa1qf72le.png

 

http://media.tumblr.com/tumblr_loog0oUNIg1qf72le.png

 

http://media.tumblr.com/tumblr_looghrtrgs1qf72le.png

 

http://media.tumblr.com/tumblr_looghhx1fc1qf72le.png

 

http://media.tumblr.com/tumblr_looghrtrgs1qf72le.png

 

http://media.tumblr.com/tumblr_loogjeWg871qf72le.png

 

http://media.tumblr.com/tumblr_loogjonxvM1qf72le.png

 
http://4.bp.blogspot.com/-ehOs1Ofzc5o/UYZZLb1cHsI/AAAAAAAAEE8/xs1Cxf34K_Y/s1600/scallop1.PNG

 
http://4.bp.blogspot.com/-lxQ0h9nVHec/UYZZQhXyPBI/AAAAAAAAEFQ/rzwAFfe_R2w/s1600/scallop3.PNG

http://3.bp.blogspot.com/-iiu0r2QLktE/UYZZP0fMHZI/AAAAAAAAEFI/Hxgx7R4OApY/s1600/scallop4.PNG

 
http://3.bp.blogspot.com/-u9eTAC3jwo8/UYZZVuqAkOI/AAAAAAAAEFo/JmW-UDWqlSk/s1600/scallop6.PNG

 
http://4.bp.blogspot.com/-brqPWaVbYpw/UYZZWPiPDjI/AAAAAAAAEFw/pnA0ap9eLlw/s1600/scallop7.PNG

 
http://3.bp.blogspot.com/-1QzpcqEyOsk/UYZZUgnN9OI/AAAAAAAAEFg/uQ2tevRvfX8/s1600/scallop8.PNG

 
http://1.bp.blogspot.com/-E7FceIayrmk/UYsLOthp6CI/AAAAAAAAEGA/Rhvk3wZqzI4/s1600/sc3.PNG

 
http://1.bp.blogspot.com/-Cv3g7irEP6U/UYsLSnzNRtI/AAAAAAAAEGQ/I0meyAOBm98/s1600/sc5.PNG

Gambar di atas ngg baku lho yaa.. kalian bisa desain gambar sendiri sesuka hati menyesuaikan template blog dan gambar kesukaanmu.... Selamat Mencoba

Sumber Tutorial :
http://aniannie1.blogspot.com/2013/06/scalloped-edges-comel.html

3 comments:

  1. Kalau dihandphone pengganti Ctrl-F nya apa ya ka?makasih banyak tutorialnya ya ka:)

    ReplyDelete
    Replies
    1. Hai anggita, trimakasih atas pertanyaannya, bagus sekali. Kalau di handphone coba kamu gunakan menu opsi (jika menggunakan google chrome ) trus masukan kode yang yg inginkamu cari di kotak pencriannya de... selamat mencoba yaaa.... :)

      Delete