Cara Membuat Posting Bergaya Galeri Template. sudah sangat lama sekali saya tidak menjelaskan mengenai tutorial. karena kerinduan itulah, hari ini saya berniat untuk membuat sebuah posting yang mungkin masih asing bagi kalian yakni Cara Membuat Posting Bergaya Galeri Template. saya kepikiran membuat posting ini karena ada yang menanyakannya, pertanyaan akan saya jawab sekarang. nah, apasih artinya Galeri Template? sebenarnya saya tidak bisa menjelaskannya, tetapi jika kalian ingin tahu contohnya silahkan lihat di salah satu halaman posting saya. klik disini. kalau modem kalian agak lemot, bisa lihat print screen di bawah ini.
nah, bagaimana sobat? kalau kalian tertarik silahkan ikuti tutorial Cara Membuat Posting Bergaya Galeri Template di bawah ini :
- Login dulu di Blog
- kemudian pilih new post
- antara Edit HTML dan Compose, pilih yang Edit HTML
- copas kode di bawah ini
<div class="template" id="layout-8475" style="background-attachment: initial; background-clip: initial; background-image: url(http://bt.bloggerpremium.com/wp-content/themes/bt30/images/btemplates.png?v=1.1); background-origin: initial; background-position: -10px -330px; background-repeat: no-repeat no-repeat; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; float: left; height: 189px; margin-bottom: 20px; margin-left: 20px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 15px; padding-left: 7px; padding-right: 7px; padding-top: 15px; text-align: left; vertical-align: baseline; width: 226px;"><h3 class="title" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 16px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: small;"><a href="http://newscheat.blogspot.com/2011/08/personal-template.html">Personal Template</a></span></h3>
<span class="Apple-style-span" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #444444; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><img alt="Football Fan" class="thumb livepreview" src="http://4.bp.blogspot.com/-XoGyOQ8KXI0/Tja2sD8LYcI/AAAAAAAAKdM/fhMaktAaCEg/s400/Shopping%2BBag.jpeg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-color: initial; border-color: initial; border-left-color: rgb(153, 153, 153); border-right-color: rgb(153, 153, 153); border-style: initial; border-top-color: rgb(153, 153, 153); border-top-style: solid; border-width: initial; height: 128px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline; width: 225px;" /></span>
<span class="Apple-style-span" style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 14px;"><a href="http://newscheat.blogspot.com/2011/08/personal-template.html">More Details <img border="0" class="icon-demo-download" src="http://2.bp.blogspot.com/_C6KkooKXCEw/TIJ-U7Z2VbI/AAAAAAAAG1E/drHpF4cnmTU/s200/arrow.gif" style="border-color: initial; border-color: initial; border-style: initial; border-top-style: none; border-width: initial; height: 9px; margin-bottom: 0px; margin-left: 3px; margin-right: 0px; margin-top: 3px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: top; width: 9px;" /></a></span></div>
<div class="template" id="layout-8473" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://bt.bloggerpremium.com/wp-content/themes/bt30/images/btemplates.png?v=1.1); background-origin: initial; background-position: -10px -330px; background-repeat: no-repeat no-repeat; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; float: left; height: 189px; margin-bottom: 20px; margin-left: 20px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 15px; padding-left: 7px; padding-right: 7px; padding-top: 15px; text-align: left; vertical-align: baseline; width: 226px;"><h3 class="title" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; line-height: 16px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: small; line-height: 16px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><a href="http://newscheat.blogspot.com/2011/08/indigo-blogger-template.html"><span class="Apple-style-span" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-color: initial; border-style: initial; line-height: 16px; margin-bottom: 10px; outline-color: initial; outline-style: initial;">I</span>ndigo Template</a></span></h3>
<span class="Apple-style-span" style="color: #444444; font-family: Arial, Helvetica, sans-serif;"><img alt="SuvMag" class="thumb livepreview" src="http://1.bp.blogspot.com/_C6KkooKXCEw/TRbJK6nhuGI/AAAAAAAAHuI/22ZNkgclzGw/s400/Indigo1.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-color: initial; border-color: initial; border-left-color: rgb(153, 153, 153); border-right-color: rgb(153, 153, 153); border-style: initial; border-top-color: rgb(153, 153, 153); border-top-style: solid; border-width: initial; height: 128px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline; width: 225px;" /></span>
<div class="clearfix meta" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-weight: bold; line-height: 16px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a class="fl" href="http://btemplates.com/2011/blogger-template-suvmag/demo/" rel="nofollow" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; float: left; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee; color: #444444; font-family: Arial, Tahoma, Verdana; font-weight: normal; line-height: 14px;"></span></span></a><span class="Apple-style-span" style="color: #444444; font-family: Arial, Helvetica, sans-serif;"><a href="http://newscheat.blogspot.com/2011/08/indigo-blogger-template.html">More Details <img border="0" class="icon-demo-download" src="http://2.bp.blogspot.com/_C6KkooKXCEw/TIJ-U7Z2VbI/AAAAAAAAG1E/drHpF4cnmTU/s200/arrow.gif" style="border-color: initial; border-color: initial; border-style: initial; border-top-style: none; border-width: initial; height: 9px; margin-bottom: 0px; margin-left: 3px; margin-right: 0px; margin-top: 3px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: top; width: 9px;" /></a></span></div>
</div>
<div style="text-align: left;"></div>
- langkah terakhir klik Simpan
- ganti tulisan berwarna biru dengan URL Gambar kalian
- ganti tulisan berwarna merah dengan Link yang dituju
semoga bermanfaat ^_^
2 Responses to "Cara Membuat Posting Bergaya Galeri Template"
wah..panjang jg ya..mudah2an bs jalan kodenya
coba ya
Post a Comment