Cara Memback Up Template Blogspot

Terkadang kita tidak puas dengan tampilan Blog kita dan sering gonta ganti template. Hal itu lumrah dan sering dilakukan oleh Blogger manapun karena semua Blogger ingin Bognya terlihat bagus dan sedap dipandang mata serta mudah diakses pembaca yang ingin berpindah-pindah dari satu menu ke menu yang lain, Dsb.

Dalam mengganti template, kita mesti berhati-hati dan perlu Back Up Template untuk menjaga jika proses Penggantian Template gagal atau terjadi hal yang tidak kita inginkan. Saya ingin berbagi cara memback up template bagi anda yang mungkin belum mengerti caranya, bagi yang sudah tahu, jangan sungkan-sungkan untuk berbagi dengan teman-teman yang lain. berikut caranya :

Pertama-tama dan yang paling utama tentu anda harus Login dulu , kemudian Pilih Layout -->> Edit HTML. Nah disitu kan ada Tulisan : "Sebelum mengedit template Anda, Anda mungkin ingin menyimpan sebuah salinan dari template tersebut". Download Full Template , klik yang ada tulisan Download Full Template terus simpan file tersebut, biasanya file dalam format xml.

Nach...Jika pas anda dalam mengganti template terjadi kesalahan, maka anda tinggal mengupload template yang telah anda download tadi untuk mengembalikannya ke template awal anda.

Selamat Mencoba.

Cara Membuat Text Area

Text Area biasanya digunakan untuk copy paste, misalnya kita akan membuat tempat untuk saling tukar menukar link di blog atau website, Text Area dibutuhkan karena Kode HTML tidak bisa ditampilkan apa adanya. Dibutuhkan sedikit modifikasi sehingga dapat tampil sebagaimana yang kita inginkan. Untuk tahu caranya, silakan lihat disini. Salah satu cara untuk menampilkan kode HTML dalam Blog atau website adalah dengan menggunakan Text Area. Berikut cara untuk membuatnya :

Copy Kode dibawah ini dan pastekan dimana anda hendak meletakkannya dalam website atau blog anda :


<p align="center"><textarea name="code" rows="6" cols="20"> Gantilah tulisan ini dengan kode HTML yang ingin anda tampilkan </textarea></p>

Sehingga akan nampak seperti dibawah ini :

Gantilah tulisan ini dengan kode HTML yang ingin anda tampilkan

Atau yang seperti dibawah ini :

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55"> Ganti tulisan ini dengan kode HTML yang ingin anda tampilkan </textarea></p></div></form>


Sehingga akan nampak seperti dibawah ini :

Ganti tulisan ini dengan kode HTML yang ingin anda tampilkan

Tag Text Area mempunyai Atribut sebagai berikut :
Rows = untuk menentukan panjang baris
Cols = untuk menentukan panjang kolom
Color = untuk menentukan warna background text area
Anda bisa mengganti atau merubahnya sesuai dengan kebutuhan anda.

Tutorial ini saya dapatkan dari Blognya Kang Rohman. Terimakasih buat kang rohman dan silakan kunjungi blognya di : http://kolom-tutorial.blogspot.com

Oh ya..ketika saya sedang membuat postingan ini..saya bingung..Koq saya pusing pas ngeliat Laptop saya?..saya pikir karena saya kurang tidur karena nonton bola pada dini hari antara Barcelona Vs Sevilla di La Liga…eh ternyata..Aceh lagi dilanda Gempa 7,2 Skala Richter yang terjadi dekat Meulaboh dengan kedalaman 30 Km pada tanggal 09 Mei 2010.

Memasang Google Translate Di Blog

Blog yang merupakan tempat publikasi tulisan kita akan dapat dilihat dan dibaca oleh oleh orang diseluruh dunia yang terkoneksi dengan internet. Oleh karena itu, terkadang bahasa menjadi kendala bagi pembaca yang tidak mengerti selain bahasa negaranya sendiri dan akan meninggalkan blog kita karena kendala bahasa.

Untuk mengatasi hal tersebut dapat kita atasi dengan memasang widget penterjemah dalam blog kita. berikut salah satu caranya :
1. login dengan id blogger anda
2. Masuk ke Dasbor, lalu Tata Letak, Kemudian Elemen Halaman, Kemudian Tambah Gadget.
3. Pada Menu yang muncul, pilih HTML/JAVASCRIPT,
Kemudian Copy Pastekan Code HTML Di bawah ini kedalamnya :

<div id="google_translate_element"></div><script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'id' }, 'google_translate_element'); } </script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

4. Simpan dan lihat hasilnya. lebih kurang akan seperti dibawah ini :

Membuat Read More Atau Baca Selengkapnya di blog

Setelah Kita membuat postingan atau tulisan diblog, maka tulisan kita tersebut akan muncul di Homepage atau halaman depan Blog kita. Biasanya, Postingan kita tersebut akan tampil semuanya dari mulai awal hingga akhir, coba anda bayangkan jika ada 5-7 postingan yang ditampilkan penuh di halaman depan blog anda...maka akan memakan banyak halaman dan memanjang ke bawah..sehingga akan kelihatan tidak artistik.

Nah..untuk membuat supaya nampak bagus, maka kita perlu cara untuk membuat halaman kita tersebut cuma ditampilkan sekilas saja dan ditampilkan penuh di tempat yang lain, yaitu dengan cara pembaca mengklik "Baca Selengkapnya"....."Read More"......dsb.
Berikut adalah salah satu cara untuk membuat nya :
1. Login dengan Id Blogspot anda
2. Kemudian Pilih Dasbor....Layout....dan kemudian pilih Edit HTML
3. Jangan Lupa Centang "expand widget template"
4. Cari kode berikut ini di Template blog anda(tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :

<p><data:post.body/></p>

5. Jika Sudah ketemu, ganti kode diatas dengan kode dibawah ini :

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More......</a>
</b:if><

Tulisan Read More bisa anda ganti sesuka anda.

6. Simpan Hasil Edit HTML tersebut
7. Kemudian Buka Setting, lalu pilih menu Formatting
8. Pada Post Template isikan kode berikut ini :

<span class="fullpost">


</span>


9. Klik Simpan
10. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut didalam tempat kita menulis postingan:

<span class="fullpost">


</span>

11. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalaman utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost"> dan sisanya yaitu keseluruhan posting letakkan di antara kode :
<span class="fullpost"> dan </span>
12. Selamat Mencoba

Menambah Widget atau Gadget di Blogspot

Dalam hal mempercantik blog, kita dapat menggunakan widget gratis yang banyak disediakan oleh penyedianya di internet. untuk menambahkan widget, kita dapat memulai dengan :

Masuk dengan Akun Blogspot anda
lalu ke Dasbor , kemudian Pilih Tata Letak lalu pilih Elemen Halaman lantas pilih Tambah Gadget.
Selanjutnya, anda dapat memilih apakah akan menambahkan gadget yang telah tersedia atau anda telah punya Html Code gadget yang akan anda Pastekan Kedalam Form HTML/Javasript yang telah tersedia. Jika sudah punya pilihan, Ketikkan Judul untuk membuat Judulnya dan Klik Simpan untuk menyelesaikannya.
Begitu juga jika anda akan menghapus, lakukan langkah-langkah seperti diatas dan pada langkah terakhir, klik Hapus. Selesai

Memasang Jadwal Sholat Di Blog

Setelah kita mempunyai blog, maka yang harus kita lakukan adalah menghiasi blog kita dengan widget-widget yang banyak tersedia gratis di internet. Sebagai seorang muslim yang taat, kita tentu tak ingin terlewatkan Shalat yang menjadi kewajiban.

Biarpun kita tengah asyik didunia maya, tetapi kita harus sadar kalau kita hidup didunia nyata dan akan menghadapi akhir dunia. makanya persiapkanlah bekal menuju ke sana. salah satu bekalnya adalah shalat yang menjadi tiang agama. Oleh karena itu, tidak ada salahnya untuk mengingat kan kita dan pengunjung blog kita untuk shalat, maka kita memasang widget pengingat waktu shalat. anda dapat melihat contoh caranya disini
Semoga bermanfaat.

Cara Mengganti Template Blog

Setelah kita mempunyai sebuah blog atau website, tentunya kita ingin penampilan blog kita bagus dan menarik serta enak dipandang pengunjung. Untuk itu, kita dapat mengganti tampilan blog kita dengan mengganti templatenya.

Caranya adalah sebagai berikut : 
Untuk menganti dengan template yang telah disediakan oleh Blogger ( Template Classic ) dapat dilakukan  langkah-langkah berikut : 

• Login ke Blogger.com, setelah masuk ke "Dasbor", pilih "Tata Letak" dan kemudian pilih submenu  Pilih "Template Baru", kemudian anda pilih template yang telah tersedia dengan mengklik tanda bundar dibawah tampilan contoh template tersebut, lalu anda klik "Simpan Template". Sampai disin anda telah berhasil menganti Template Blog anda. untuk melihat hasilnya, klik "Lihat Blog" untuk melihat hasilnya.

Untuk mengganti Template baru, anda dapat melakukannya seperti berikut,

• Untuk mengganti Tampilan Blog anda dengan template yang baru, anda dapat mendownload template yang banyak disediakan penciptanya, salah satunya dapat anda ambil daftarnya dari sini .
• Selanjutnya pilih dan download lah template yang menurut anda bagus dan menarik. kemudian simpan di tempat yang mudah anda lacak karena akan kita pakai.
• Kemudian Login ke Blogger.com, setelah masuk ke "Dasbor", pilih "Tata Letak", pilih "Edit HTML", kemudian pilih "Browser" dan carilah dimana anda meletakkan hasil download template baru tadi di komputer anda. Ingat, anada pilih yang berformat XML, jika masih dikompres dengan Rar atau Zip, Extrak terlebih dahulu.
• Selanjutnya, setelah terpilih template yang anda inginkan, klik "Upload", Tunggu sampai proses selesai, kemudian klik simpan template. sampai disin, anda telah berhasil memiliki template baru untuk blog anda.