Demo image Demo image Demo image Demo image Demo image >

Renungan 19 Desember 2012

0 komentar

DUA MACAM MASALAH

Disadur dari Renungan Harian Air Hidup, edisi 19 Desember 2012 -

Baca:  Mazmur 57:1-12

"Hatiku siap, ya Allah, hatiku siap; aku mau menyanyi, aku mau bermazmur."  Mazmur 57:8

Secara umum ada dua macam masalah dalam hidup ini.  Pertama, masalah yang bersifat tidak langsung, muncul dari serangkaian peristiwa.  Masalah semacam ini bisa diselesaikan melalui doa.  Kedua, yang bersifat lebih personal:  penderitaan yang disebabkan oleh proses disakiti, direndahkan atau dipermalukan oleh orang lain.  Perasaan tersakiti seperti itu atau pun penghinaan dari orang lain tampaknya tidak dapat diselesaikan hanya melalui doa, tapi kita pun harus bertindak dan membuka hati untuk melepaskan pengampunan kepada orang-orang yang menyakiti kita.  Jika tidak, sampai kapan pun kita akan tetap merasa terluka, benci, marah, dendam dan pahit hati.  Dan itu tidak berkenan kepada Tuhan dan menjadi penghalang bagi doa-doa kita.  Alkitab menegaskan,  "Segala kepahitan, kegeraman, kemarahan, pertikaian dan fitnah hendaklah dibuang dari antara kamu, demikian pula segala kejahatan."  (Efesus 4:31).  Bahkan firman Tuhan keras menyatakan bahwa jika kita tidak mengampuni orang lain yang bersalah kepada kita, maka Tuhan pun tidak akan mengampuni kita  (baca  Matius 6:15).

     Selain itu kita juga harus memaksa jiwa kita untuk memuji-muji Tuhan seperti yang dilakukan oleh Daud,  "Mengapa engkau tertekan, hai jiwaku, dan gelisah di dalam diriku? Berharaplah kepada Allah! Sebab aku akan bersyukur lagi kepada-Nya, penolongku dan Allahku!"  (Mazmur 42:6).  Kita akan dipulihkan jika kita senantiasa memuji-muji Tuhan dan bersukacita.  Ketika kita memuji Tuhan, roh kita naik dan melebihi masalah kita, dan Tuhan sendirilah yang membereskan perasaan buruk kita tersebut.  Dikatakan,  "Ia menyembuhkan orang-orang yang patah hati dan membalut luka-luka mereka;"  (Mazmur 147:3).  Ketika perasaan kita tersakiti jangan sampai kita membiarkan roh kita putus asa.  Kita harus mengatasi semua perasaan buruk dan memuji Tuhan.  Jangan beri kesempatan kepada Iblis untuk menguasai hati kita.

     Daud tidak membiarkan kesedihan, kepahitan, dendam dan sebagainya berkuasa di dalam hatinya ketika terus dikejar-kejar oleh Saul yang hendak membunuhnya.  Bahkan, meski beberapa kali ia beroleh kesempatan untuk membalaskan dendamnya terhadap Saul, Daud tidak melakukannya.  Dan ketika mendengar kabar tentang kematian Saul pun, Daud sama sekali tidak bersukacita.  Sebaliknya, kematian Saul membawa suatu ratapan yang besar baginya.

Jangan biarkan 'luka-luka batin' yang ada menghalangi doa-doa kita!

Renungan Harian 18 Desember 2012

0 komentar

BATU-BATU HIDUP

Disadur dari Renungan Harian Air Hidup, edisi 18 Desember 2012 -

Baca:  1 Petrus 2:1-10

"Dan biarlah kamu juga dipergunakan sebagai batu hidup untuk pembangunan suatu rumah rohani, bagi suatu imamat kudus, untuk mempersembahkan persembahan rohani yang karena Yesus Kristus berkenan kepada Allah."  1 Petrus 2:5

Dalam membangun sebuah rumah diperlukan batu-batu yang berkualitas.  Salah satu contohnya adalah tempat kediaman Salomo, tertulis:  "Tembok dari semuanya ini dibuat dari batu yang mahal-mahal, yang sesuai dengan ukuran batu pahat digergaji dengan gergaji dari sebelah dalam dan dari sebelah luar, dari dasar sampai ke atas, dan juga dari tembok luar sampai kepada tembok pelataran besar."  (1 Raja-Raja 7:9).  Meskipun batu-batu tersebut memiliki kualitas tinggi dan berharga sangat mahal, batu-batu itu tidak bernyawa  (tidak hidup).  Hal ini berbeda dengan Bait Suci Tuhan yang adalah lambang kehadiran Tuhan di tengah umatNya.  Rumah Tuhan dibangun bukan dengan batu-batu yang mati, tetapi dengan batu-batu yang hidup.  Sebuah batu hidup adalah sebuah unit tunggal sebelum ia dibangun menjadi satu dengan yang lainnya.  Tuhan Yesus berkata,  "Engkau adalah Petrus dan di atas batu karang ini Aku akan mendirikan jemaat-Ku dan alam maut tidak akan menguasainya.  Kepadamu akan Kuberikan kunci Kerajaan Sorga. Apa yang kauikat di dunia ini akan terikat di sorga dan apa yang kaulepaskan di dunia ini akan terlepas di sorga."  (Matius 16:18-19).

     Hingga kini masih banyak batu yang tetap tinggal sebagai unit tunggal, tercerai berai di sana-sini, independen, tidak berguna.  Jika kita hendak membangun rumah, tidak mungkin batu yang akan kita pakai posisinya tercerai berai, tidak karuan.  Kita pasti akan mengumpulkannya jadi satu, dan batu tersebut harus dibangun di atas batu yang lain sehingga kita akan tahu apakah batu itu cocok/pas satu sama lain.  Jika batu-batu tersebut tidak bisa pas satu dengan yang lainnya, mustahil juga rumah itu bisa dibangun.  Sebuah batu tunggal tidak akan berarti apa-apa.

     Sebagai anak-anak Tuhan kita ini adalah batu-batu hidup, karena itu jangan hanya bersembunyi sendirian di semak belukar yang menjadi batu sandungan bagi mereka yang tidak waspada!  Biarkan diri kita dibawa ke area pembangunan rumah Tuhan;  kita dipersatukan atau dicocokkan dengan batu hidup yang lain;  kita harus siap untuk dihaluskan serta dibuat jadi indah supaya bisa pas dengan tempat kita.

Proses penghalusan tersebut akan tidak nyaman dan terasa sakit, tetapi pada akhirnya Tuhan akan mempunyai tempat untuk Dia berdiam dan berkarya! 

sumber : airhidupblog.blogspot.com

Cara Membuat Menu/Navigasi Breadcrumbs di Blogger/Blogspot

2 komentar

blogger breadcrumbs
Menu/Navigasi Breadcrumbs adalah navigasi yang berada di bagian atas posting dan menunjukkan urutan isi halaman dari rootnya (Home) hingga ke posting/artikel. 

Menu ini sering ditemui di blog/website berplatform WordPress, dimana urutan navigasinya dimulai dari Home > Parental Category > Subcategory > Posting. Di Blogger/Blogspot, kita juga dapat melakukan hack navigasi breadcrumbs dengan berdasarkan pada label: Home > Label > Posting. Menu ini akan muncul pada halaman posting, label, arsip, dan tidak muncul di bagian homepage.

Menu/navigasi breadcrumbs juga membantu meningkatkan SEO dan SERP, yaitu dalam pemetaan oleh search engine dan juga menambah kepadatan keyword, mengingat letaknya yang berada di bagian atas posting. 

Cara Membuat Menu/Navigasi Breadcrumbs di Blogger/Blogspot:
1. Masuk ke dashboard > Design/Rancangan > Edit HTML, jangan lupa centang (check) "Expand Widget Templates" di pojok kanan atas kotak edit HTML.
2. Cari (gunakan Ctrl+F) ]]></b:skin> dan masukkan aturan CSS berikut di ATAS-nya:
.breadcrumbs {padding: 5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height:1.4em; border-bottom:3px double #e6e4e3;}
3. Cari (Ctrl+F) <b:include data='top' name='status-message'/> kemudian tambahkan kode ini TEPAT di BAWAH/SETELAH-nya:
<b:include data='posts' name='breadcrumb'/>
4. Cari (Ctrl+F) <b:includable id='main' var='top'> lalu tambahkan script berikut TEPAT di ATAS/SEBELUM-nya:
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
»Unlabelled
</b:if>
» <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Home</a> » All posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
5. Pastikan semua kode telah di-copy dan diletakkan dengan benar, lalu save.

note: karena banyaknya problem yang disampaikan ketika mengedit, perhatikan benar-benar instruksinya serta pahami istilah di bawah/setelah serta di atas/sebelum, itu berarti letakkan kode benar-benar setelah atau sebelum kode yang dicari. Contoh:
<b:include data='top' name='status-message'/><data:adStart/>
Kita lihat di situ ada 2 tag bersisian, jika anda harus memasukkan tag/kode baru di bawah/setelah <b:include data='top' name='status-message'/>, itu berarti anda harus meletakkan benar-benar setelahnya, sehingga <data:adStart/> harus digeser posisinya, atau kode/tag baru disisipkan di antara keduanya, jadinya:
<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/> 
<data:adStart/>
Enjoy menu breadcrumbs baru di Blog Blogger/Blogspot-mu!

Cara Membuat Menu Horizontal Tabs Sederhana di Blogger

2 komentar

Seperti menu-menu horizontal sebelumnya, menu horizontal ini masih berkutat dengan CSS dan HTML tanpa Javascript/Jquery, bahkan tanpa menggunakan gambar, berbasis tab individual, dan tidak menggunakan list (HTML unordered list). Posting menu horizontal ini juga dibuat untuk memenuhi permintaan pada komentar sobat Klik Menarik di posting Cara Membuat Menu Horizontal CSS 3D Button Blogger/Blogspot untuk dibuatkan menu horizontal yg sama dengan menu horizontal sebuah blog lain. Tentu saja menu ini telah mengalami beberapa modifikasi agar sesuai sebagai widget tambahan. Namun sekiranya ada kemiripan lah. Hope you enjoy and like it!
menu horizontal blogger
demo menu horizontal
Kode CSS:
/* Navigasi tabs Sederhana buka-rahasia.blogsot.com Starts */
a.burastabs, a.burastabs:link, a.burastabs:visited {display:block; width:102px; height:30px; background:#444444; border:1px solid #ebebeb; margin-top:2px; text-align:center; text-decoration:none; font-family:arial, sans-serif; font-size:12px; font-weight:bold;color:#FFFFFF; line-height:25px; overflow:hidden; float:left;}
a.burastabs:hover {color:#FFFFFF; background:#666666;}
#burasbar {width:auto; margin:0 auto;}
/* Navigasi tabs Sederhana Ends */
Kode HTML:
<!-- Navigasi tabs Sederhana http://buka-rahasia.blogspot.com Starts -->
<div id='burasbar'>
<a href="#" class="burastabs">Home</a>
<a href="#" class="burastabs">About</a>
<a href="#" class="burastabs">Blog Tips</a>
<a href="#" class="burastabs">SEO Tips</a>
<a href="#" class="burastabs">Contact</a>
<a href="#" class="burastabs">Sitemap</a>
<a href="#" class="burastabs">Advertise</a>
</div>
<!-- Navigasi tabs Sederhana Ends -->
Sebelumnya copy & edit terlebih dahulu kode HTML di atas. Ganti # dengan URL yg dikehendaki. Ganti juga Home, Blog Tips, SEO Tips, dan seterusnya dengan anchor text yg diinginkan. Untuk menambah atau mengurangi tab, copy/tambahkan atau hapus bagian <a href="#" class="burastabs">Anchor Text</a> di atas </div>.

Cara Membuat Menu Horizontal Tabs Sederhana di Blogger/Blogspot:

1. Masuk ke Dashboard > Design/Rancannga > Edit HTML.
2. Copy kode CSS di atas,
4. Cari ]]></b:skin> (cari dengan Ctrl + F) & letakkan/paste Kode CSS tepat di atasnya.
5. Save Template.
6. Masuk ke Page Elements > Klik Add a Gadget
7. Setelah pop up window muncul, pilih opsi HTML/Javascript
8. Masukkan Kode HTML yg telah diedit tadi pada kolom seperti contoh berikut:
undefined 
9. Klik save.
10. Drag/geser widget menu horizontal tersebut ke bawah/atas header (letakkan pada slot gadget) dan save lagi. DOnE!

Cara Membuat List HTML & Menu Sederhana (Basic of Unordered List)

0 komentar

Pada dasarnya, hampir semua menu menggunakan struktur HTML list, dalam hal ini adalah unordered list (tag ul) atau daftar tak berurutan yang merangkum keseluruhan list (tag li). Segala bentuk navigasi yang berupa menu menggunakan struktur dari tag-tag tersebut dan kemudian ditambahi dengan aturan-aturan yang membentuk tampilan, fungsi, serta efek yang menarik (CSS dan Javascript).
Unordered list digunakan untuk membentuk susunan list/daftar yang tidak disusun berdasarkan urutan angka.  Sedangkan untuk struktur list yang berurutan (ordered list <ol>) disusun berdasarkan urutan angka; dari 1, 2, 3, dan seterusnya. Tentang ini, akan saya bahas pada kesempatan posting selanjutnya.

Dengan sedikit styling, list tersebut akan muncul dengan diawali titik, gambar, ataupun simbol lain sesuai dengan aturan list styling yang dibawa oleh template. Secara advanced, dengan ditambahi styling, fungsi, dan efek, list akan menjadi menu horizontal, vertical, atau menu-menu lain yang sangat menarik dan eye-catching.

Struktur dasar dari unordered list diawali dengan tag <ul> dan ditutup dengan closing tag <ul>. Di dalamnya terdapat susunan list-list yang masing-masing berada dalam tag <li> dan </li>.
<ul>
<li>text/item disini</li>
<li>text/item disini</li>
<li>text/item disini</li>
<li>text/item disini</li>
<li>text/item disini</li>
</ul>
Tanpa aturan luas dan tinggi, baik dengan HTML maupun CSS, tampilan list akan muncul dalam urutan per baris:
  • text/item disini
  • text/item disini
  • text/item disini
  • text/item disini
  • text/item disini
Ide penggunaan list sederhana ini akan mempermudah dalam membuat list secara manual, baik untuk kepentingan membuat list di dalam posting maupun membuat menu yang akan ditampilkan di sidebar. Hampir seluruh navigasi menu di bagian sidebar blog ini saya buat dengan menu list manual. Mengapa? Ada beberapa alasan kuat mengapa saya membuat menu list secara manual:
  1. Kostumisasi isi lebih mudah daripada harus menggunakan widget khusus, misalnya label. Kita dapat dengan mudah melakukan perubahan tanpa harus mengedit Template HTML. Misalnya ketika harus mengubah anchor text, mengaplikasikan atribut (misalnya atribut nofollow) pada label, dan bebas melakukan CSS styling.
  2. Tahukah bahwa sebagian besar widget yang memuat automatic generated list seperti popular post, recent post, dan widget-widget navigasi lain yang kebanyakan menggunakan feed links atau redirect links? Link-link semacam itu tidak di-indeks oleh search engine, sebagaimana yang telah dijelaskan Google dalam Panduan dan Kriteria Google Quality Content. Untuk memperkuat page structure, sebaiknya perbanyak link list yang langsung mengarah ke link/halaman yang dituju.
  3. Dapat dengan sesuka hati mengatur isi menu, tanpa hasil generating dari widget yang kadang tidak sesuai dengan keinginan. Misalnya, untuk popular post, anda dapat dengan mudah memanipulasi isinya untuk memaksimalkan posting yag jarang terjamah pengunjung. :P
  4. Dapat membuat list non menu (yang bukan digunakan sebagai navigasi) dengan mudah di bagian sidebar. Misalnya untuk membuat list tertentu yang berfungsi sebagai informasi (anda dapat melihat contohnya di bagian sidebar kanan bawah, tepatnya di bawah logo copyscape  ^_^).
Untuk membuat list menu yang berisi link, cukup tambahkan tag a beserta anchor text-nya di dalam tag li:
<ul>
<li><a href="#">anchor text</a></li>
<li><a href="#">anchor text</a></li>
<li><a href="#">anchor text</a></li>
<li><a href="#">anchor text</a></li>
<li><a href="#">anchor text</a></li>
</ul>
Contoh hasilnya:
Anda dapat dengan mudah membuatnya di sidebar sebagai pengganti widget menu yang isinya dapat diatur secara manual, sehingga dapat di-handle secara penuh. Untuk membuat list menu semacam ini di sidebar, masuk ke Dashboard > Design/Rancangan > klik add a gadget/tambah gadget > pilih HTML/Javascript. Beri judul sesuai isi menu dan susun list sesuai keinginan. Tampilan list menu akan mengikuti aturan yang telah dibawa oleh template blog (inherited).

Itulah dasar dari unordered HTML list dan menu list. Selanjutnya ke depan saya akan presentasikan beberapa konsep lain dari berbagai macam elemen dan struktur list web/blog beserta styling-nya dan juga akan ada beberapa menu horizontal dan vertical yang akan saya persembahkan

Cara Membuat Kotak Space Banner Iklan Di Blog (Updated)

0 komentar

Menampilkan space iklan di blog memberi peluang & informasi pada advertiser bahwa blog tersebut menawarkan space iklan yg dapat disewa. Apalagi jika blog tersebut memiliki kredibilitas, rank, serta traffic tinggi, maka advertiser/pemasang iklan pasti akan berbondong-bondong untuk memasang iklan/banner iklan di blog tersebut. Namun tidak ada salahnya juga bagi blog baru memberikan space/ruang tersendiri sebagai tempat beriklan advertiser. Hitung-hitung sebagai persiapan dan kali saja ada advertiser yg tertarik. Selain itu penggunaan space iklan dapat menjadi daya tarik tersendiri apabila diletakkan dengan benar.
Nah, guna memasang space iklan, kita butuh menyusun template tersendiri agar iklan tersusun rapi dan enak dilihat. Jadi tidak asal pasang gambar dan link karena hasilnya bisa berantakan. Kali ini saya akan share kode template iklan yg saya buat serta gunakan untuk blog buka-rahasia.blogspot.com.
Fitur dari template iklan 125x125 buka-rahasia.blogspot.com:
  • Fleksibel, susunan yg tampil sesuai dengan lebar widget.
  • Efek Border radius.
  • Efek Transparan/Opacity ketika gambar di-hover.
  • Gampang di edit guna memasang gambar iklan & link.
  • Update (28-01-2012, 19.03 WIB): Dengan menghilangkan width serta height, template space iklan ini sekarang bisa digunakan untuk berbagai jenis ukuran banner iklan, 125x125, 300x250, 468x60, dst. Gunakan gambar sesuai dengan ukuran yg diinginkan maka widget space iklan akan muncul sesuai dengan ukuran tersebut.

Cara Memasang Kotak Space Banner Iklan di Widget Blog:

1. Masuk ke dashboard > template/design < Edit HTML
2. Copy kode CSS berikut & letakkan di ATAS ]]></b:skin>
#bukarahasiaads {margin:0px;padding:0px;text-align:center}
#bukarahasiaads  img {margin:1px 1px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 1px 2px 1px #ccc;-moz-box-shadow: 1px 2px 1px #ccc;box-shadow: 1px 2px 1px #ccc;}
#bukarahasiaads img:hover {-moz-opacity: 0.7;opacity: 0.7;filter:alpha(opacity=70);}
Ganti nilai pada margin:1px 1px untuk mengatur jarak gambar iklan. Nilai pertama jarak atas bawah, nilai kedua jarak kiri kanan.
3. Save Template.
4. Buka layout/design > Add a widget > Pilih HTML/Javascript.
5. Copy kode HTML berikut (edit terlebih dahulu untuk memasukkan link dan url gambar gambar yg ingin digunakan):
<div id="bukarahasiaads">
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
<a href="MASUKKAN-URL" target="_blank" title=" TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
</div>
Jika ingin menambahkan/mengurangi kotak space iklan tambahkan/hapus bagian:
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a> di atas </div>.
6. Save. Drag/geser gadget ke posisi yg diinginkan, untuk ukuran yg lebar & besar, letakkan widget di bawah header atau di atas posting. Save lagi.
Anda dapat menggunakan gambar berikut sebagai gambar space iklan (ukuran 125x125), untuk ukuran lain atau ingin yg sesuai selera & desain blog, bisa dicari di Google dengan keywords "ads space banner image (ukuran banner)". Upload gambar, ganti URL GAMBAR dengan url gambar yg sudah di-upload.




Note: Host/upload gambar sendiri. Jangan hanya gunakan url gambar di atas karena sewaktu-waktu gambar dapat hilang/dihapus. Klik kanan di atas gambar, save as ke komputer, lalu upload.

Jika seorang advertiser tertarik, maka dia tinggal mengklik url yg ada pada gambar banner (biasanya link diarahkan  ke halaman pasang iklan/advertise atau ke email/contact form).
Have a nice Blogging.

Cara Membuat Fitur/Tombol Back To Top di Blogger-Blogspot

0 komentar

 membuat tombol/fitur back to top/kembali ke atas blogger-blogspot
Back to Top Button atau Tombol Kembali ke Atas adalah fitur blog yang mempermudah pengunjung/visitor blog kembali ke bagian atas halaman dengan sekali klik tanpa melakukan mouse scrolling. Efeknya sangat besar sekali terutama bagi blog yang memiliki halaman panjang. Letak dari tombol fitur back to top kali ini ada di bagian footer sebelah kanan.

Cara menambahkan fitur 'Back To Top' untuk Blogger-Blogspot:
1. Masuk ke edit HTML.
2. Cari kode tag </body> (Ctrl+F)
3. Masukkan kode berikut di atas </body>:
<a href='#' style='position: fixed; right: 15px; bottom: 15px; outline: medium none; border: 0px none;' title='Back to Top'><img alt='Back to Top' border='0'src='alamat url gambar Back to Top-mu'/></a>
Ganti title Back to Top dengan kata-kata yang disuka, misalnya 'return to top', 'kembali ke atas', 'balik ke atas', 'meluncur ke atas', 'balikan nyook', atau 'kembali ke laptop'... terserahlah, suka-suka elo... ^_^ Fungsinya untuk notifikasi ke pengunjung tentang kegunaan tombol tersebut.
Alt Back to TOP lebih baik ditinggalkan begitu saja kalo-kalo gambar gagal dimuat browser jadi tulisan itu masih nongol sebagai pengganti.
Gunakan gambar berikut, klik kanan copy (save as), trus upload dan host sendiri ya gambarnya, biar gak lelet and pengunjung gak melet-melet!

Atau Googling (cari juga di photobucket.com) gambar 'back to top/kembali ke atas' sendiri yang lebih keren dan sesuai dengan warna dan ukuran footer blog-mu, gunakan keyword "back to top button image", kemudian upload dan host gambar itu.
Ambil/copy direct link gambar dan ganti alamat url gambar Back to Top-mu dengan alamat url/link tersebut. Contoh:
<a href='#' style='position: fixed; right: 15px; bottom: 15px; outline: medium none; border: 0px none;' title='Back to Top'><img alt='Back to Top' border='0'src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiONE2RyWc17Kg_n3sXp-RouCppJtORDXiIT6VOGnb1l4Gj-1HCjHSqNfEQfT8VeTZ3BZx4EoZMsZNxIinDOG8KfTIHHKaH4TVrR2O7eovOP2IkduHvdiYAog3dy5dIgTPNOnSpDvn9zrzl/s1600/bttp-4.png'/></a>
Oke, udah? Belum? Buruan lah!

4. Kalau sudah dimasukkan semuanya dan pastikan tidak ada yang terlewat, save template HTML-nya.
5. Done! Fitur/Button Back To Top siap digunakan.

Copyright Text