http://saaqinah.blogspot.com/p/alhamdulillah.htmlwww.saaqinah.blogspot.comhttp://www.saaqinah.blogspot.com/2013/12/tutorial-blog-unyu-unyu.html#morehttp://saaqinah.blogspot.com/p/blog-page_23.htmlhttp://saaqinah.blogspot.com/p/komputer.htmlhttp://saaqinah.blogspot.com/p/catatan-muslimah.htmlhttp://saaqinah.blogspot.com/p/unduh.html

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

 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRQhyCVxxdc89s9MMSXZA7mtNFI8xdlJlypfrWghrOsmICuFabIOTsIRuCQ9Ki_2QNYZqxZlxQqx6DVizmqKB9f7gxv7gyOdoWpm83tHBVBtpU2CnF5Z7ZAqIdrEyXLRpd51Pg3mESkc0/s1600/scallop1.PNG

 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIfWXcIIVYquEYiGpD6zO2srR0l167JfSoStepwN9lyNIvWw8orpFEdKQluxu3Ak-zdS-PLvTpZkGxIUotQv-WmBKdiYxtNtE4tBmiui-OcjCZeQHQbAxIONDUozH-KQ_2CWKoqCiOOBM/s1600/scallop3.PNG

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiayXK8mE9CDxILr7dHxorec0ovIQu1XRrTgt2Q8ZM21fQd9-cjcJvnLmw0dI33TiVELd9L_1MdRuybXDsacGsHLRFOew9CwF2j2kCGmfB69BhYzU7A-kz9htEa5Pad_1KF494S01ITgfs/s1600/scallop4.PNG

 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGRRpuuK4v72yYYJgr0mcjdUKFK1bC_FyeMLI0Y-u9-1e6K2Hqh6JWjtIAiBq4d_j30kJrNM1yq4lT0daahfZ_i3uk1qpog68TRO_p5lET_pXgxAOG6btMheutQS-yTp_IH0pM5XVwK8g/s1600/scallop6.PNG

 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5oO_nEATIHN2jr9tgbMit_J9i86mP-IShSrBfQo-b8qbjezMlww5Lw9VMphDThIA3o0Iak5wHx_KPj1C3sNxYVH2HuvYuyttrKzdOqO0EQSttJqj4qo78Vv-PJ1RBXBJ5ri7haW5ad5I/s1600/scallop7.PNG

 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiig_c2esIULX8Ka900hd6BvWRLMNA35pqwHjc1ifS3C-mTGs-vgSmuW1A6jPzdO3J3lSqg7ef8L_4wmOxlYtQiND_eE8TS78THCBHi0_g40nzx1o32B9rrVV5xDwagNBCi5i2p5M_l-C0/s1600/scallop8.PNG

 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAWleKQKTcPmZXKHrdY41ZJALC_V1nqaKjOgko1jJjkfga4GdHBGpCO5oEj4WL2twV24SIrRFqGxSOvjEyKDRsWvNJOTUvnSRnxiBMSv7VXJiLWcw1uyaevbETOcxKusIBxOgwFdBNIAI/s1600/sc3.PNG

 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2AEp2El13F6iG-oU7Azd23dNXmtBp1iTrF9J3YdxXvSh3M9JIJjpdt9Czl4EMtA5eqY_MFmhL5FeRIwwtOc6IaEVV_0RKxDKmUedXeH9TjVWBmjibV_a-ScBsgAoPH6hMnooLkD3n5RU/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