latihan ngeblog

Kamis, 31 Oktober 2013

CARA PINDAH BARIS
dan Memberikan Spasi Pada HTML

Perpindahan baris (jika di dalam office word sama saja menekan Enter) pada html dapat di lakukan dengan menggunakan atau biasa disebut juga begin row. Penggunaan tag dapat dilakukan berulang kali sesuai dengan halaman yang kita inginkan.

Coba script dibawah ini :

<html>
<head><title>begin row</title></head>

<body>
Saya mencoba begin row
</body>
</html>

Setelah itu hasilnya akan seperti ini :

Jika kita ingin menyisipkan spasi pada html dapat menggnakan  

Coba script dibawah ini :

<html>
<head><title>membuat spasi</title></head>
<body>
Saya              mencoba                           begin row
</body>
</html>

Setelah itu hasilnya akan seperti ini :

Selamat Mencoba ^0^

Senin, 28 Oktober 2013

Cara Membuat Catatan Kaki Pada Artikel Blog

Cara Membuat Catatan Kaki Pada Artikel Blog ~ Catatan kaki pada suatu blog sebenarnya digunakan untuk memberikan suatu informasi ataupun pemberitahuan, biasanya berupa ucapan terimakasih kepada pengunjung yang telah berkunjung bahkan ada yang mencantumkan peringatan-peringatan baik peringatan berupa penggunaan bahasa untuk berkomentar atau pun peringatan tidak copas artikelnya. Semua itu tergantung kepada si pemilik blog tersebut, dan tentunya apapun bentuknya haruslah berupa kata kata yang baik dan sopan agar tidak mempengaruhi niat baik pengunjung.

Catatan kaki biasanya terdapat pada bagian bawah halaman juga terdapat link yang dikaitkan dengan artikel yang telah dibaca oleh pengunjung.

Nah postingan kali ini saya akan membahas tentang cara membuat catatan kaki tersebut, silahkan ikuti langkah - langkah berikut ini :

1. Login terlebih dahulu ke blog anda
2. Klik saja Template, pilih Edit HTML
3. Letakkan kode script di bawah ini setelah kode <data:post.body/>, biasanya ada 3 kode seperti itu, lakukanlah cara coba-coba, saran dari saya letakkan pada yang terakhir terlebih dahulu.

<b:if cond='data:blog.pageType == "item"'>
 <div class='vcard' id='hcard-nama_anda' style='margin-top: 30px; padding: 10px; font-size: 12px; font-family: Arial; background: #F2F2F2; line-height: 1.3em; color: #848484'><center>
 Terima Kasih Anda Telah Membaca Artikel 
 Judul: <a expr:href='data:post.url'><data:post.title/></a> 
 Ditulis Oleh <data:post.author/> 
 Berikanlah saran dan kritik atas artikel ini. Salam blogger, Terima kasih</center>
 </div>
 </b:if>

contoh hasil dari pembuat catatan kaki seperti di bawah ini :

Jangan lupa saudara ganti teks yang berwarna merah dengan nama anda, dan silahkan juga diedit warna sesuai dengan keinginan anda.
Demikian artikel cara membuat catatan kaki pada artikel blog, semoga dapat memberikan manfaat, akhir kata salam dari blog belajar menjadi blogger.

Cara Mengganti Template Blog

Cara Mengganti Template Blog ~ Sebagai seorang blogger tentunya tidak terlepas dari keinginan untuk mengganti template blog, hal ini terpicu dari kurang puasnya tampilan blog ataupun sekedar untuk mengobati rasa bosan yang menghantui penampilan unik sebuah blog.

Tulisan saya kali ini lebih tujukan kepada blogger yang masih pemula seperti saya yang ingin mengetahui cara mengganti template blog untuk diterapkan ke dalam blog kesayangannya.
Cara mengganti template blog ini akan saya jelaskan khusus untuk pengguna blogspot saja jika anda bermaksud untuk mengganti template wordpress anda tidaklah dapat mengikuti cara seperti yang di jelaskan di bawah. Dan tentunya saya tidak menyarankan agar selalu mengganti template blog anda sesering mungkin atau sesuai dengan keinginan anda, Karena hal ini dapat mempengaruhi buruknya seo terhadap blog anda. Jadi jika anda menginginkan perubahan pada template, saya lebih menyarankan untuk mengedit template anda walaupun juga tidak harus sesering mungkin, tetapi dalam hal perubahan template jurus pengeditan akan lebih baik daripada mengganti template secara langsung. Selain itu penguasaan HTML, CSS, PHP dan sebagainya menjadi tolak ukur yang harus dipenuhi untuk mengedit template anda. Sulit juga bukan ?

Nah, Jikalau demikian tentunya anda tidak punya pilihan lain dalam memenuhi keinginan anda untuk mengganti template blog anda selain dengan cara lain, yaitu mencari dan mendapatkan template yang telah tersedia di situs situs yang menjadi penyedia template template secara gratis ataupun berbayar. Sebagai bahan pertimbangan untuk pilihan anda dalam mencari penyedia template anda dapat berkunjung ke situs situs tersebut antara lain misalnya : www.mastemplate.com, www.btemplates.com, www.premiumbtemplates.com dan masih banyak sekali yang lainnya. Silahkan saja googling ya..

Kunjungi saja situs tersebut dan pilihlah template yang benar benar sesuai dengan keinginan anda dan tentunya juga harus sesuai dengan tema blog anda, agar tidak sering mengganti template blog anda untuk jangka waktu yang lama, saran saya pilihlah template yang seo friendly, jika anda belum mengetahui apa itu template seo friendly silahkan anda membaca artikel kriteria template yang seo friendly.
Jika sudah jatuh pilihan anda maka klik dan silahkan anda mendowload template tersebut, hasil download template tersebut biasanya masih berbentuk file ZIP, RAR. Silahkan anda ekstrak file tersebut dengan software UNZIP atau WINRAR atau software andalan anda lainnya yang dapat membongkar hasil download tadi.

Jika file hasil download sudah diekstrak maka cari file yang ber-ekstensi .xml, misalnya file seotemplate.xml. File .xml inilah yang akan diupload ke blog anda, sehingga anda dapat mengganti template blog kesayangan.

Nah bagaimana cara mengganti template blog ? saya akan bagi menjadi 2 cara, silahkan ikuti salah satu petunjuk di bawah ini :

Cara Mengganti template blog 1 (cara pertama ) :

1. Login ke akun blog anda, www.blogger.com
Jangan lupa salin terlebih dahulu script widget anda yang terletak di menu tata letak ke notepad ataupun wordpad untuk berjaga jaga jikalau anda membutuhkannya lagi
2. Klik Menu Template
3. Klik Cadangkan/Pulihkan
4. Klik Unduh Template Lengkap - simpan template asli anda terlebih dahulu untuk menjaga jaga jika anda ingin menggunakannya kembali, lalu simpan file tersebut dalam harddisk anda.
Salinlah terlebih dahulu script widget anda yang terletak di menu tata letak ke notepad ataupun wordpad untuk berjaga jaga jikalau anda membutuhkannya lagi
5. Jika sudah selesai simpan, silahkan klik 'pilih file', untuk mengambil file .xml yang anda download tadi di harddisk.
6. Jika sudah terpilih file .xml nya klik saja ok dan klik lagi unggah
7. Tunggu hingga selesai proses unggah
8. Selesai, template anda sudah berganti, jika anda ingin mengganti kembali ke template anda yang sebelumnya silahkan anda ulangi langkah no 5-7.

Cara mengganti template blogspot 2 (cara kedua) :

1. Cari file hasil download yang ber-ekstensi .xnl tadi kemudian klik kanan, Pilih Open Width > notepad
2. Setelah terbuka, sorot saja filenya atau klik dengan Ctrl+A
3. Copy file tersebut atau tekan tombol Ctrl+C
4. Masuk / login ke blog anda, (www.blogger.com, isi email dan password anda)
5. Copy terlebih dahulu script widget dengan masuk ke menu Tata Letak lakukan langkah 2-3 dan simpan di notepad atau wordpad agar dapat dipergunakan lagi nantinya.
6. Pilih Menu Template
7. Klik Edit HTML
8. Arahkan kursor anda di dalam editor template
9. Tekan Ctrl+A dan tekan Del
10. Tekan Ctrl+V untuk mem-paste file .xml tersebut
11. Klik Save Template
12. Selesai mengganti template blog anda

Jikalau ada tampilan yang menanyakan apakah akan mempertahankan widget atau tidak silahkan anda mempertimbangkannya, Jika dirasa ingin tetap menggunakannya silahkan klik 'ya' dan sebaliknya dan jika anda terlanjur meng-klik 'tidak' padahal anda ingin menggunakan widget tersebut, anda sudah memiliki backup widget yang dapat dipergunakan (copy script widget yang telah disimpan dalam notepad atau wordpad tadi).

Susun kembali tata letak widget anda sesuai dengan keinginan anda, tetapi bila ada widget yang tidak anda inginkan dan tidak bisa dihapus silahkan saja anda buka artikel cara menghapus widget.
Sekali lagi saya mengingatkan agar tidak selalu mengganti template blog anda sesering mungkin, karena akan memperburuk seo dalam blog anda, Jadi pilihlah template yang benar benar pas di hati anda dan sesuaikan juga dengan tema blog anda.
Semoga artikel cara mengganti template blog ini dapat memberikan petunjuk dan manfaat untuk anda, salam blogger dan selamat belajar menjadi blogger.

cara membuat tulisan berjalan ( marquee )

Cara membuat tulisan berjalan - Seperti yang banyak kita temui di acara tv adalah marquee. Disebut demikian karena menggunakan kode html marquee. Tulisan berjalan memang membuat tampilan blog menjadi lebih menarik, menjadikan text yang menjadi pusat perhatian juga barangkali.

Ada beberapa model yang dapat dihasilkan dari marquee, nah saya akan mencoba untuk membuat beberapa model tulisan bejalan atau teks berjalan di blog dengan menggunakan kode html marquee.

Script tulisan berjalan yang pertama : <marquee>TEXT BERJALAN</marquee>
TEXT BERJALAN

Script tulisan berjalan kedua : <marquee loop"5"> TEXT BERJALAN AKAN BERULANG 5x </marquee> , jika text suda berotasi 5x maka akan hilang dari tampilannya dilayar

TEXT BERJALAN AKAN BERULANG 5X

Script yang ketiga : <marquee bgcolor="red">TEXT BERJALAN LATAR MERAH</marquee>
TEXT BERJALAN LATAR MERAH

Script yang keempat : <marquee width="50%">TEXT BERJALAN DALAM 50% MEDIA</marquee>
TEXT BERJALAN DALAM 50 % MEDIA
Marquee tambahan : <marquee direction="right" width="50%"> Marquee bejalan 50 % ke kiri</marquee>
TEXT BERJALAN DALAM 50 % MEDIA

Script yang kelima : <marquee scrollamount="10">TEXT BERJALAN DENGAN KECEPATAN 10 </marquee>
TEXT BERJALAN DENGAN KECEPATAN 10

Script yang keenam : <marquee direction="right">TEXT BERJALAN KE KANAN</marquee>

TEXT BERJALAN KE KANAN

Script yang ketujuh : <marquee behavior="alternate">TEXT BERJALAN BOLAK BALI</marquee>
TEXT BERJALAN BOLAK BALIK

Script yang kedelapan: <marquee direction="down" height="75">TEXT BERJALAN KE BAWAH</marquee>
TEXT BERJALAN KE BAWAH

Script yang kesembilan : <marquee behavior"alternate" onMouseOver="this.stop()" onMouseOut="this.start()">TEXT BERJALAN TUNGGU MOUSE</marquee>
TEXCT BERJALAN TUNGGU MOUSE

Script yang kesepuluh : <marquee scrolldelay="300">TEXT BERJALAN DELAY 0.3 DETIK</marquee>
TEXT BERJALAN DELAY 0.3 DETIK

Script yang kesebelas : <marquee direction="up" height="100" onMouseOver="this.stop()" onMouseOut="this.start()" scrollamount="5">a href=""http://hengkikristiantoateng.blogspot.com/2013/02/Cara-membuat-tulisan-berjalan-marquee.html">CARA MEMBUAT TULISAN BERJALAN (Marquee)</a></marquee>
CARA MEMBUAT TULISAN BERJALAN (Marquee)

Script tulisan berjalan keduabelas: <marquee style="font-size: 30px;">ukuran teks berjalan 30px</marquee>
ukuran teks berjalan 30px

Script yang ketigabelas: <marquee style="font-style:italic">tulisan miring berjalan</marquee>
tulisan miring berjalan

Nah demikian cara membuat tulisan berjalan atau cara membuat teks berjalan di blog, semoga ada manfaatnya, salam blogger.

Cara membuat breadcrumb di blogspot

Cara membuat breadcrumb di blog ~ Seperti yang kita ketahui bahwa tampilan breadcrumb membuat hasil tampilan browsing kita menjadi lebih menarik dan juga membantu para pengunjung mengetahui posisi artikel pada saat membaca artikel tersebut, bahkan ada yang berpendapat bahwa membuat breadcrumb atau memasang breadcrumb juga menambah seo suatu blog. Nah, yuk langsung kita membahas cara membuat breadcrumb tersebut

1. Login ke Blogger

2. Pilih Tabs "Template" kemudian Pilih "Edit HTML"

3. Sobat Cari kode seperti <b:includable id='main' var='top'>

4. Kemudian copas kode di bawah ini dan di letakkan di atas kode <b:includable id='main' var='top'>

<b:includable id='breadcrumb' var='posts'>

<b:if cond='data:blog.pageType == "item"'>

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.labels'>

<b:loop values='data:post.labels' var='label'>»

<data:label.name/></a>

</b:loop> »

<data:post.title/> </div>

</b:if> </b:loop></b:if>

</b:includable>

5. Cari kode <b:include data='top' name='status-message'/>
setelah ketemu silahkan sobat paste code di bawah ini dan letakkan di atas kode tersebut
<b:include data='posts' name='breadcrumb'/>

6. Cari lagi kode seperti ]]></b:skin>, kemudian letakkan kode CSS di bawah ini tepat di atas kode tersebut

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px;font-size:95%;line-height: 1.4em;border-bottom:3px double #009999;}

7 Dan Safe Template, selesai breadcrumb blog anda
Demikian postingan artikel cara membuat breadcrumb di blogspot semoga dapat memberi manfaat, salam blogger

CARA MENGGANTI BACKGROUND BLOG DENGAN GAMBAR DAN WARNA

Cara Mengganti Background Blog Dengan Gambar dan Warna ~ Mungkin seringkali kita merasakan tampilan background blog atau latar belakang blog kita yang itu itu saja, terlintas dalam pikiran ingin merubah atau mengganti tampilan background dengan model yang lain bukan ?. Memang mengganti background blog atau mengubah gambar latar belakang blog bukan merupakan suatu hal yang harus diprioritaskan dalam membangun sebuah blog. Akan tetapi sah sah saja jika anda menginginkan untuk menggantinya dengan tujuan menambah keindahan tampilan sebagai salah satu daya tarik blog anda.

Mengganti background template bawaan dari google mungkin tidak menjadi suatu masalah yang merepotkan, akan tetapi kebanyakan para blogger sudah menggunakan template blog dari pihak ke-3 (pihak ketiga) yang dianggap lebih seo. Dan tentunya kita juga dihadapkan harus dapat meng-edit kode HTML yang ada jika ingin mengganti latar belakang template tersebut.

Sebagai blogger pemula saya ingin berbagi cara mengganti background blog dengan latar belakang yang baru, saya akan membagi menjadi 2 kategori latar belakang, yaitu kategori background warna dan kategori background gambar.

Cara mengganti background blog dengan warna

Biasanya CSS body akan terlihat seperti model di bawah ini :

body {background : #FF0000;

----

----

}

cara mengganti warnanya adalah :

    1. Login dahulu ke blog anda
    2. Pilih Template pada menu blogger anda
    3. Pilih Edit HTML
    4. Cari kode yang mirip dengan kode di atas (cari dengan menggunakan Ctrl + F)

seperti : body{background:#610B0B center top no-repeat;font-family: Arial, Helvetica, Sans-serif;font-size: 12px;margin:0px;padding:0px;}

5. Setelah ketemu ganti kode di samping # (warna biru) dengan kode warna html yang telah anda tentukan    6. Klik pratinjau dahulu , lihat tampilan sementara apakah sudah sesuai dengan keinginan anda, jika ya silahkan anda save template, jika belum klik edit template dan silahkan diganti lagi kode di samping # tadi, hingga warna backgroundnya sudah sesuai dengan keinginan anda.
Nilai dari #000000 dapat berbentuk seperti #6495ed atau #cccccc yang kita sebut kode hex (hexa) silahkan pilih mau menggunakan kode warna yang sesuai dengan keinginan, anda juga bisa melihat kode warna html untuk memilih kode warna yang anda inginkan. Jadi prinsipnya ganti saja kode warna CSS BODY pada attribut background tersebut.

Cara mengganti background blog dengan gambar

Kembali lihat bentuk umum kode body adalah seperti di bawah ini :

body {background : url (http://3.bp.blogspot.com)
---
---
}

cara mengganti gambarnya adalah :

    1. Login dahulu ke blog anda
    2. Pilih Template pada menu blogger anda
    3. Pilih Edit HTML
    4. Cari kode yang mirip dengan kode di atas (cari dengan menggunakan Ctrl + F)

misalnya seperti di bawah ini :

body{background:#610B0B url(http://3.bp.blogspot.com) center top no-repeat;font-family: Arial, Helvetica, Sans-serif;font-size: 12px;margin:0px;padding:0px;}

ganti saja kode yang mirip seperti itu (warna biru ) sesuai dengan url gambar yang telah disiapkan.
Demikian artikel cara mengganti background blog dengan gambar dan warna, semoga dapat bermanfaat.

Cara Memasang Widget Di Blog

Cara Memasang Widget Di Blog ~ merupakan hal mudah bagi blogger. Memasang widget atau Gadget akan menjadi hal sulit bagi blogger yang baru bergabung dalam dunia blogging. Apa sih widget itu ? Widget / Gadget adalah suatu fitur yang disediakan oleh penyedia layanan blogging untuk menambah kreasi atau informasi dan bersifat dinamis.

Postingan kali ini dimaksudkan untuk membantu blogger yang baru bergabung di dunia blogging agar tahu cara memasang widget di blog dengan mudah. Bagi blogger lebih senior tentunya bukan merupakan suatu masalah dan dapat mengabaikan hal ini. Nah, untuk menambah widget di blog silahkan ikuti langkah - langkah di bawah ini :

a. Login ke Akun Blogger
b. Pilih Tata Letak atau Layout
c. Pilih Posisi yang akan ditempatkan widget tersebut, jika ingin memasang widget pada sidebar, pilih gadget yang di samping, jika ingin menambahkan widget di bawah postingan silahkan pilih gadget di bawah. Sebagai contoh widget terjemahan.
d. Klik Tambahkan Gadget

e. Layar Gadget pilihan akan muncul silahkan anda pilih mau menambahkan widget yang mana, jika sudah terpilih klik saja tanda ' + ' .

f. Setelah terbuka gadget tersebut silahkan sobat setting saja sesuai dengan keinginan anda, jangan lupa memberi judul pada widget tersebut. Boleh saja dibiarkan kosong, tetapi kadang terjadi error pada saat memasang widget seperti 'required field must not be blank'. Jika demikian silahkan anda cari solusinya di artikel required field must not be blank kemudian klik simpan. Selesai.

Silahkan saja anda pilih widget mana yang akan dipasangkan di dalam blog sesuai dengan kebutuhan, sobat juga bisa mengatur widget agar muncul di halaman utama saja atau di halaman lain blog, silahkan baca saja artikel cara menampilkan widget.

Demikian artikel Cara Memasang Widget Di Blog, semoga bermanfaat dan dapat membantu sobat untuk memasang widget di blog.