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/AVvXsEg6-7POqJX5_MJcjJ5krBETvWaWNQggbh1Bb9KPEukbr_LzkWSxUHBNam4nVbkNqBu8muualoq2mb9M-nk-wjMiiu2VYjX05kzIPIGdRwkXLy0AQpHB32KlLLpeA-tSFy7fLcp7FP72r0Y/s1600/scallop1.PNG

 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiao3u8gZjO0BWo40WlfyoMmWrX157JBYiBIb6TQXZsLgVyxtSF_dc1BXVnva1NptQVJhORbCZaNKFOzYxKANpL369oOuF0Rj82UOCIbWs-g_idec7pXhFiEPI1dwTo1RmR9COyAATF0dc/s1600/scallop3.PNG

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFB-GMKRrRg48vav069T5ktwBuUmZ5zd9U_0NBHFNoVSe_J5GjweLd5USmlHuOuwPv7yz9491559ZbwPT5vUdUiIWDKsetCfJWav48hofb4cgG3OhHs40Mqd5nqcaM-2PtwqBflCmeM5Q/s1600/scallop4.PNG

 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI2LSJXVoMEjZIxNG5BgfmC1QoPiwDTLnhSWgRAVgwUAScETZi_cm57_soaDRQfPTybMGtOVd4keKyOW1BYc-Mih-yUkyHL9LChdcgIj4w-oRwSRxzvO3GRDY7KILzWO_BqBEPyMTMxvs/s1600/scallop6.PNG

 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc8G8gx-GtsSxDg4SfGagWJrsNob8uLcj8OYl0imITGZ_66gBmWXHc8E5Pvb9SsbvA1NdEzSLWeYX_sa86JFZB73NqF9WerKIVOH6wYcFxsY5xOglwEHlli6YFTRdmD7JR4JbZhkNX-zM/s1600/scallop7.PNG

 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSe17cjbclWRqvaPAJfXBieybosDJmVhN-FzmDm07bYQarQvnoCZsveHnSATilb9FEktMbyuRwdgtH1lOvpYHjqXWeYwefbVB6_OeQxZuqpSpdrrC41lBrvv1NjKfd60Txo0jzX3oxOwY/s1600/scallop8.PNG

 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghY0DYeFIC2QYDPsfHIQkkipArMcTj2Z7GogWuq7VtrFKZpsHwJahAzR8akiQ2IS8L1WOmk-qkenhOk9hQoeT7eJfG_VG8goxtM9zKGKTJsTuDdjBqeDj08I17Wc2UCzIvoqnti3IesoU/s1600/sc3.PNG

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

No comments:

Post a Comment

newer posts older posts back to home