Bagi teman-teman yang sudah memakai Template Black Transform, berikut ini adalah tutorial mengenai cara mengedit widget-widget yang disertakan pada template tersebut. Pastikan kalian sudah berada pada menu Edit HTML account blog kalian pada saat mengikuti tutorial ini. Kalo udah, kita langsung ke TKP. Berangkatttt..
Widget New Articles berada pada elemen <div id='kolom1'>
1. Untuk merubah judul widget, cari kode :
2. Untuk merubah jumlah post yang tampil, cari kode :
3. Selanjutnya, cari kode :
Widget Slideshow berada pada elemen <div id='kolom2'>
Cari kode <div id='sizzles'> , dan perhatikan format penulisan kode dibawah elemen tersebut :
***** Mengedit Link Follow Us *****
Cari kode : <div id='header2-wrapper'> , dan perhatikan kode dibawah elemen tersebut :<h2>Follow Us</h2>
<ul id='soc'>
<li><a class='facebook' href='http://www.facebook.com/pages/blogger-abstrak/108579879204062' title='Be my facebook fan'>Facebook</a></li>
<li><a class='twitter' href='http://www.twitter.com/angga_leoputra' title='Folow me on Twitter'>Twitter</a></li>
</ul>
--> Ganti teks berwarna Merah dengan Judul Widget yang kalian inginkan.
--> Ganti teks berwarna Biru dengan alamat situs sosial kalian masing-masing.
--> Ganti teks berwarna Biru dengan alamat situs sosial kalian masing-masing.
***** Mengedit Widget New Articles *****
Widget New Articles berada pada elemen <div id='kolom1'>
1. Untuk merubah judul widget, cari kode :
<h2>New Articles</h2>--> Ganti teks New Articles dengan judul yang kalian inginkan.
2. Untuk merubah jumlah post yang tampil, cari kode :
numposts = 10;--> Ganti angka 10 dengan jumlah post yang ingin ditampilkan.
3. Selanjutnya, cari kode :
home_page = "http://anggaleoputra.blogspot.com/";--> Ganti teks http://anggaleoputra.blogspot.com/ dengan alamat blog kalian. Format penulisan diakhiri dengan tanda garis miring "/"
***** Mengedit Widget Slideshow *****
Widget Slideshow berada pada elemen <div id='kolom2'>
Cari kode <div id='sizzles'> , dan perhatikan format penulisan kode dibawah elemen tersebut :
<div id='sizzles'>
<a href='http://anggaleoputra.blogspot.com'><img id='sizzleImg0' src='http://photoserver.ws/images/Mm9T4cc3293f5fc12.jpg'/></a>
<div class='sizzle_title' id='sizzle_title0'>
<a href='http://anggaleoputra.blogspot.com'>Rounded Black</a></div>
--> Teks berwarna Biru adalah Alamat Link Tujuan ketika judul artikel/gambar di klik. Ganti dengan URL tujuan yang kalian inginkan.
--> Teks berwarna Merah adalah Alamat Tempat Foto Kalian Di Upload/Simpan. Ganti dengan URL gambar kalian.
--> Teks berwarna Orange adalah Judul Artikel/Gambar . Ganti dengan judul yang kalian inginkan.
--> Teks berwarna Merah adalah Alamat Tempat Foto Kalian Di Upload/Simpan. Ganti dengan URL gambar kalian.
--> Teks berwarna Orange adalah Judul Artikel/Gambar . Ganti dengan judul yang kalian inginkan.
Lakukan hal yang sama pada baris-baris kode berikutnya.
Jangan sungkan untuk bertanya bila mengalami kesulitan dalam mengaplikasikan tutorial diatas.