Cara Membuat Kotak Postingan Pada Blog

Perhatikan blog ini, terlihat kolom postingan blog saya terpisah antara satu postingan dengan postingan yang lain.

Kolom postingan terpisah seperti ini juga terlihat lebih enak dipandang dan lebih memudahkan pengunjung blog dalam membedakan isi artikel yang kita tulis, daripada kolom postingan yang menyatu atau dalam 1 kotak saja.

Jika sobat ingin blog sobat tampilannya seperti ini, berarti sobat benar telah membaca artikel ini..

Untuk pemasangan kolom yang seperti ini, sobat hanya memerlukan sedikit tambahan kode HTML saja yang nantinya akan disisipkan ke blog sobat.

Berikut langkah - langkahnya :

1. Silahkan login dahulu ke Blogger dengan ID sobat tentunya.
   
2. Klik Tata Letak.
   
3. Klik tab Edit HTML.
   
4. Setelah itu cari kode yang seperti ini
   
   

   .post {

   
   
5. Kemudian tambahkan kode berikut ini tepat setelah kode tersebut
   
   

   Padding:15px; /* Jarak text post dengan garis pinggir */ Border-top: 2px solid #000000; /* warna garis pinggir atas */ Border-bottom: 2px solid #000000; /* warna garis pinggir bawah */ Border-left: 2px solid #000000; /* warna garis pinggir kiri */ Border-right: 2px solid #000000; /* warna garis pinggir kanan */ Margin-bottom: 30px; /* jarak antara post yang satu dengan yang lainnya */

   
   
6. Save Template.

Sekarang coba sobat lihat hasilnya, jika sobat benar meletakkan kode HTML nya Insya Allah pasti akan berhasil dan sama seperti punya saya. Tapi masih dalam bentuk kotak kaku alias lancip pada ujung - ujungnya.

Read More

Cara Memasang Avatar Pada Blog

Tutorial cara memasang avatar mybloglog di kotak komentar sebenarnya sudah lama, tapi dari beberapa kali saya berkunjung ke beberapa blog sobat, jarang sekali yang mengaplikasikannya.

Padahal menurut saya, tutorial memasang avatar di kotak komentar yang di populerkan oleh Amanda ini sangat bagus, karena kita bs melihat wajah yang memberi komentar dengan syarat telah menjadi member mybloglog. Saran saya buat sobat yang sudah ikutan mybloglog, sebelum komentar di blog saya sebaiknya ganti dulu foto yang lama dengan foto terbaik milik sobat.

Langsung saja, seperti biasa loginlah terlebih dahulu ke blogger.

1. Buat yang belum mendaftar, jangan lupa untuk daftar dulu di mybloglog.
   
2. Kemudian pada halaman blogger, klik Tata Letak.
   
3. Pilih Edit HTML.
   
4. Klik Download Template Lengkap, untuk jaga – jaga !
   
5. Lalu Centang Expand Widget Template.
   
6. Kemudian letakkan kode berikut diatas kode </head>
   
   <script type='text/javascript'>
   //<![CDATA[
   /*
   Merlinox and Napolux MyBlogLog Avatar Creator
   created by Merlinox (blog.merlinox.com)
   helped by Napolux (www.napolux.com)
   version 0.1 (20061214)
   version 0.2 (20061215)
   compatible with all blogger blog
   */
   if(typeof(myLayer)!='function'){
   function myLayer (x){
   //individuo l'oggetto
   if(document.layers){ // browser="NN4";
   lay=document.layers[x];
   }
   if(document.all){ // browser="IE";
   lay=eval("document.all." + x);
   }
   if(!document.all && document.getElementById){ // browser="NN6+ or IE5+ if you're willing to dump the !document.all stuff";
   lay=document.getElementById(x);
   }
   return lay;
   }
   }
   //lo prendo da blogger
   function myBlogAvatar(codiceCommento,autore,stile){
   //scrivo lo span
   //var myBlogSpan = "myBlog-" + codiceCommento;
   //document.write("<span id='" + myBlogSpan + "'><i>myBlogLog...</i></span>");
   //metto tutto minuscolo perchè indexOf è case sensitive
   if (autore != ""){
   alt="MyBlogLog: " + autore;
   myBlog = "<a target='_blank' href=\"http://www.mybloglog.com/buzz/co_redir.php?href=" + autore + "\" rel='nofollow'><img src=\"http://pub.mybloglog.com/coiserv.php?href=" + autore + "\" alt=\"" + alt + "\" title=\"" + alt + "\" border=\"1\" class=\"myBlogAvatar\"></a>";
   //myLayer(myBlogSpan).innerHTML = myBlog + myLayer(myBlogSpan).innerHTML;
   //myLayer(myBlogSpan).innerHTML = myBlog;
   document.write(myBlog);
   }
   }
   //]]>
   </script>
   
   
7. Setelah itu cari kode seperti dibawah ini :
   <b:loop values='data:post.comments' var='comment'>
   
8. Kemudian letakkan kode berikut tepat setelah kode <b:loop values='data:post.comments' var='comment'> :
   
   <div style='border:0;float:left;margin: 0 5px 0 0;'>
   <script>
   myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
   </script>
   </div>
   
   
9. Untuk kode yang berwarna ungu adalah jarak gambar dengan garis pinggir template, silahkan di otak-atik sendiri.

Untuk melihat hasilnya silahkan lihat komentar sobat blogger disini. Oke sob, selamat mencoba.

Read More

Cara Mendisable Klik Kanan Pada Blog

Sudah sering kita jumpai sebuah website atau blog yang menonaktifkan klik kanan atau right click pada halaman blog tersebut. Berarti blog tersebut sangat hati - hati dalam menjaga privasi agar page source tidak dapat di lihat oleh orang lain. Sobat pun bisa membuat blog sobat menjadi disable klik kanan.

Sebuah website atau blog pasti ada yang mengandung konten privasi, seperti gambar yang kiranya sangat riskan untuk di copy oleh orang lain dan untuk keperluan yang bisa sangat merugikan sobat. Untuk itu di perlukan teknik men-disable klik kanan pada blog, maka gambar - gambar yang sangat privasi tidak akan bisa di copy dan di salahgunakan oleh orang lain.

Berikut langkah - langkahnya :

1. Login ke Blogger dengan ID sobat.
   
   
2. Klik Tata Letak --> Elemen Halaman.
   
3. Pilih yang HTML/JavaScript.
   
4. Copy kode dibawah ini ke dalam kolom kosong yang tersedia :

<script>
var message="Dilarang Klik Kanan(Disable Right Button !";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}}
function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("alert(message);return false")
</script>

kemudian Save, dan lihat hasilnya.
Mudah - mudahan dengan disable klik kanan pada blog sobat, gambar atau file privasi milik sobat akan aman dari tangan - tangan orang yang tidak bertanggung jawab.
Oke..selamat mencoba !!

Read More

Cara Pasang Widged Alexa Pada Blog

Dalam artikel saya sebelumya yang membahas tentang Alexa Rank, maka postingan kali ini khusus membahas bagaimana cara pasang widget Alexa di blog.

Pada bahasan sebelumya, sudah saya jelaskan manfaat dari memasang toolbar Alexa di blog, nah sama dengan memasang toolbar Alexa, memasang widget Alexa juga fungsinya tidak lain adalah untuk meningkatkan traffic blog kita.

Alexa rank membuat peringkat berdasarkan banyaknya pengunjung blog kita, semakin banyak pengunjung blog atau web maka alexa rank akan tinggi nilainya. Darimana alexa mengetahui jumlah kunjungan suatu web atau blog? alexa akan mengetahui jumlah kunjungan terhadap suatu web atau blog berdasarkan informasi dari komputer yang browser internetnya memasang alexa toolbar.alexa widget pada blog atau web untuk mendapatkan data yang akurat tentang banyaknya kunjungan. Dengan memasang alexa widget di blog, maka mesin alexa akan mengetahui secara akurat berapa pengunjung serta Page view (halaman yang di lihat) pada web atau blog sobat.

^^^ Langkah Pertama

1. Klik disini untuk login ke Alexa
2. Masukkan alamat blog sobat pada kolom yang tersedia, contoh --> www.miscah.blogspot.com kemudian klik tombol "Build Widget"
   
   
   
3. Kemudian akan ada halaman yang memperlihatkan 3 ukuran dan bentuk widget yang berbeda, silahkan pilih sesuai selera sobat. Copy kode HTML yang terdapat didalam kolom kedalam notepad atau word.
   
   

^^^ Langkah Kedua

1. Login ke Blogger dengan ID sobat tentunya.
2. Klik Tata Letak
   
3. Klik tab Elemen Halaman
   
4. klik Tambah Gadget
   
5. Kemudian klik yang HTML/Java Script.
   
   
   
6. Paste kode HTML yang tadi sobat simpan di notepad kedalam kolom yang tersedia.
7. Klik Simpan.
   
8. Selesai.
   Selamat Mencoba !! mudah-mudahan dengan terpasangnya widget Alexa, blog sobat jadi semakin tinggi peringkatnya di Alexa.

Read More

Cara Membuat Jam Pada Blog

Agar blog sobat terlihat cantik dan enak dilihat, sobat bisa mencoba dengan memasang jam pada blog sobat. Wuih terlihat cantik, emangnya dian sastro.. what ever lah. Ada banyak layanan online yang menyediakan script jam untuk di pasang di blog, salah satunya adalah clocklink.

langkah pertama untuk mendapatkan kode HTML nya, silahkan simak caranya berikut ini :

1. Login ke www.clocklink.com
   
2. Klik tulisan Want a Clock on Your Website?
   
3. Kemudian pilih model jam yang akan sobat pasang pada blog.
   
4. Setelah itu klik tulisan View HTML Tag.
   
5. Lalu klik Accept.
   
6. Pilih zona waktu, untuk Indonesia bagian barat GMT +7:00
   
7. Bisa juga sobat klik radio button Select by the City --> lalu pilih Indonesia sebagai country dan Jakarta sebagai city
   
8. Set ukuran jam disamping tulisan Size.
   
9. Copy kode HTML nya ke dalam notepad.

Langkah kedua, silahkan sobat login ke Blogger.

1. Klik Tata Letak.
   
2. Klik tab Elemen Halaman.
   
3. Lalu klik Tambah Gadget.
   
4. Pilih yang HTML/Javascript.
   
5. Kemudian copy paste kode yang tadi sobat dapat dari clocklink.
   
6. Save.

Selamat Mencoba !! have a nice day..

Read More

Cara Memasang Search Pada Blog

Sebenarnya blogger sudah menyediakan fasilitas widget untuk search engine, namun search engine dari blogger ini bentuknya sangat sederhana dan hanya bisa di letakkan di sidebar atau bagian gadget saja. Fungsinya sebernarnya sama saja, yaitu untuk melakukan pencarian keyword atau kata kunci pada blog. Namun dengan kode manual dibawah ini, sobat bisa berkreasi dengan memasang kode search engine langsung lewat html template dan meletakkannya sesuka hati sobat.

Berikut kode untuk search engine :

<form id="searchform" action="http://NamaBlogAnda.blogspot.com /search" name="searchform" method="get"><input id="s" value="" name="q" type="text"> <input id="searchsubmit" value="Search" type="submit"> </form>

Sobat bisa mengganti tulisan yang saya tandai dengan warna merah dengan alamat blog sobat sendiri tentunya, misalnya seperti ini : http://miscah.blogspot.com/search

Sedangkan untuk kode ( value="Search" ). Tulisan Search ini adalah tulisan yang akan muncul pada tombol search engine, jika ingin mengubahnya, sobat bisa mengubahnya menjadi :

Value=”Find” agar tulisan yang muncul di search engine sobat adalah “Find”.

Sobat bisa mengubahnya sesuai keinginan sobat. Berikut contoh hasil search engine dari script diatas :

atau seperti ini :

Selamat Mencoba !

Read More

Cara Membuat Buku Tamu Pada Blog

Buku tamu ( shoutbox ) biasa digunakan untuk chatting di blog. Banyak blogger yang menggunakan sarana shoutbox ini, karena bentuknya sangat dinamis dan interaktif antara yang punya blog dengan pengunjung bisa saling berkomunikasi. Menurut pengalaman saya selama memakai shoutbox di sidebar saya, beragam pesan yang masuk, ada yang memuji, ada yang ingin tukeran link, bahkan ada juga yang pernah mengkritik blog saya, katanya blog saya terlalu banyak kode HTML-nya sehingga blog menjadi berat, berat ga sih blog saya ? berat ga, berat ga..ah biar aja yang penting keren..

Kita akan menggunakan jasa www.shoutmix.com. Selain bagus, shoutmix ini tergolong yang paling banyak di gunakan para blogger. Tidak usah panjang lebar, langsung saja kita menuju TKP..

1. Silahkan tuju browser sobat ke www.shoutmix.com
   
2. Kemudian Klik tombol Create Shoutbox.
   
   
   
3. Kemudian isikan data - data yang diperlukan.
   
   
   
4. Setelah itu klik Control Panel.
   
5. Pada gambar berikut, klik Get Codes.
   
   
   
6. Atur lebar dan tinggi shoutmix, kemudian copy kode HTML
   
   
   
   kedalam notepad.
7. Login ke Blogger dengan ID sobat.
   
8. Klik Tata Letak.
   
9. Klik Elemen Halaman.
   
10. Pilih yang HTML / Javascript.
    
11. Lalu copy paste kode HTML yang tadi sobat simpan di notepad ke dalam kolom kosong yang tersedia.
    
12. Simpan.

Untuk mengatur bentuk shoutmix, sobat bisa tuju Settings -->> kemudian pilih Display -->> Style & Colors.Selamat Mencobaa.

Read More

Cara Memasang Read More Pada Blog

Apa sih Read More itu dan untuk apa read more itu dibuat? read more adalah kata yang dipakai untuk mempersingkat tulisan pada Blog atau Website. Atau dengan kata lain, fungsi dari read more sendiri adalah membagi postingan menjadi 2 bagian. Bagian pertama pembukaan dan bagian kedua tampilan postingan secara penuh atau lengkap.

Misalnya pstingan pada blog ini, saya memakai kata read more dibawah tulisan ini untuk membawa pembaca ke isi tulisan secara lengkap. Selain untuk menghemat halaman blog, read more juga bisa membuat pengunjung jadi penasaran isi selengkapnya dari postingan kita.

I. Setting Pada Pengaturan

1. Login Ke Blogger Menggunakan ID sobat
   
2. Klik Pengaturan
   
3. Kemudian klik Format
   
4. Pada layar kosong paling bawah pada halaman Format, disamping tulisan Template Posting isi dengan kode berikut :
   
   <span class=”fullpost”>
   
   
   </span>
   
   
5. Kemudian Simpan Pengaturan

II. Meletakkan Kode Read More

1. Klik Tata Letak.
   
2. Kemudian Klik Edit HTML, simpan dulu template sobat dengan mengklik Download Template Lengkap.
   
3. Beri tanda centang pada Expand Template Widget.
   
4. Cari kode dibawah ini pada template sobat.
   
   <data:post.body/>
   
5. atau kode berikut, sama saja
   
   <p><data:post.body/></p>
   
6. Hapus Kode diatas dan ganti 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/>
   <a expr:href='data:post.url'><strong>Read More...</strong></a></p>
   </b:if>
   
   
7. Kemudian Klik Simpan Template.

Tata cara penulisan

Perhatikan contoh postingan dibawah ini :

Pertanyaan yang muncul, apakah template pada blogspot bisa kita ganti, dan bagaimana cara menggantinya? ada dua cara untuk mangganti template, yang pertama kita bisa copy paste seluruh kode HTML template secara manual. Yang kedua kita bisa mendownload template, dan menguploadnya langsung dari menu ganti template dari blogger.<span class=”fullpost”>

Sebelum belajar menggati template di blog sobat, ada baiknya save atau download terlebih dahulu template lama sobat. Karena jika dalam penggantian template terjadi kegagalan, sobat tinggal restore kembali template lama sobat ke dalam blog……………………………………………dst </span>

Kode yang berwarna merah yang membagi postingan yang ingin tampil di depan dan postingan secara keseluruhan. Postingan bagian pertama di belah oleh kode <span class=”fullpost”></span> dan keseluruhan postingan ditutup dengan

Sangat mudah bukan ! semoga tutorial read more ini bermanfaat.

Read More

Cara Memasang IP Pada Blog

Untuk mengetahui Ip Address yang sekarang kita gunakan, sobat bisa mencoba memasang widget Ip Address di blog sobat. Fungsi IP address tentu sobat sudah mengerti dan tidak perlu saya jelaskan. Widget IP address ini sangat menarik, selain bentuknya yang bagus, juga dapat menunjukkan flatform yang kita gunakan (versi windows yang di gunakan), asal negara dan browser yang di gunakan.

Untuk memasangnya sangat mudah, sobat cukup kunjungi situs www.wieistmeineip.de. Pada halaman depan akan ada gambar seperti dibawah ini :

Klik gambar tersebut dan kemudian sobat akan dibawa ke halaman pilihan model IP address beserta kode HTML-nya, contohnya seperti ini :



Copy kode HTML-nya dan masukkan ke blog sobat. Bagi sobat blogger baru yang belum tau cara pasang kode HTML di blog :

1. Login ke blogger
   
2. kemudian klik Tata Letak
   
3. Klik Elemen Halaman
   
4. Klik Tambah Gadget
   
5. Pilih yang HTML/Javascript
   
6. Masukkan kode HTML-nya kedalam kolom kosong yang tersedia
   
7. Lalu Simpan.

Baiklah, selamat Mencoba ya, semoga berhasil !

Read More

Cara Membuat Text Area Pada Blog

Apa itu Text Area ? text area adalah area tempat untuk menyimpan text atau tulisan baru, atau bisa dikatakan sebuah komponen HTML yang digunakan untuk menampilkan text atau kode script dalam bentuk dan format text.

Biasanya text area dipakai untuk menyimpan kode HTML yang tidak bisa di tulis langsung ke dalam postingan di blog. Jadi fungsi dari text area ini kurang lebih untuk memudahkan pengunjung mengcopy seluruh isi text.

I. Text Area standard

Untuk membuat text area, silahkan copy code di bawah ini :

<p align="center"><textarea name="code" rows="2" cols="15"> Tulis text atau kode HTML yang sobat inginkan disini </textarea></p>

berikut hasilnya :

Tulis text atau kode HTML yang sobat inginkan disini

Keterangan :

untuk "rows"=3 adalah tinggi dari text area, jadi jika sobat menginginkan text area yang lebih tinggi silahkan sobat ganti dengan angka yang lebih tinggi.

untuk cols="15" adalah lebar dari text area, jadi jika sobat menginginkan text area yang lebih lebar silahkan sobat ganti dengan angka yang lebih tinggi.

Cukup paham ? mari kita lanjutkan.

II.Text Area dengan menggunakan Highlight

Variasi lainnya dari text area yaitu dengan menggunakan tombol Highlight, jadi dimaksudkan agar lebih memudahkan untuk mengcopy seluruh isi text area hanya dengan menekan tombol Highlight.

Hanya dengan menekan tombol highlight maka seluruh isi dari text area akan di highlight dan tinggal di copy saja. Fungsi tombol highlight ini sangat berguna untuk mencegah tertinggalnya satu atau beberapa isi dari text area.

Silahkan copy kode HTML di bawah ini :

<div><form name="copy"><div align="center"><span><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Highlight All" type="button"> </span></div><p align="center"><textarea style="width: 150px; height: 80px;" name="txt" rows="5" wrap="VIRTUAL" cols="20">simpan tulisan sobat di sini, maka tulisan yang sobat tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></form></div>

dan seperti ini hasilnya:

simpan tulisan sobat di sini, maka tulisan yang sobat tulis akan muncul di sini dan siap di copy oleh para pengunjung

Agar dapat memahami kode diatas, saya akan berikan uraian tentang kode-kode text area diatas.

1. <div align="center"> --> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika sobat ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right.
2. <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> --> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi sobat jangan merubah tulisan ini.
3. Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika sobat ingin merubah tulisan ini silahkan ganti dengan kata yang sobat inginkan.
4. <p align="center"> --> ini menunjukan bahwa text area akan berada di tengah, nah jika sobat ingin text area sobat berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.
5. <text style="WIDTH: 150px">-->kata "WIDTH:150px" menunjukan lebar dari text area tersebut sebanyak 150 pixel, jadi jika sobat ingin memperpendek atau memperpanjang lebar text area, sobat tinggal menggantinya dengan angka yang sobat inginkan. misal: "WIDTH:500px;"
6. HEIGHT: 80px --> angka "80px" menunjukan bahwa text area akan mempunyai tinggi sebesar 80 px, jadi jika sobat ingin merubahnya tinggal ganti angka tersebut dengan angka yang sobat inginkan. Misal : HEIGHT:160px.

Nah itu dia sedikit penjelasan tentang Text Area. Silahkan dicoba !

Read More

Cara Membuat Categori Pada Blog

Label itu apa ya? Label adalah pengelompokkan postingan dalam kategori. Bisanya jika dalam penulisan kita selalu mengkategorikan postingan kita dalam beberapa kelompok. Misalnya judul pada postingan ini yaitu cara membuat label, kemudian saya kelompokkan dalam beberapa kategori, seperti blogspot tutorial, label, cara membuat label (lihat pada bagian tags).
Cara membuatnya sangat mudah, hanya saja jika sobat jeli dalam setiap penulisan artikel, pada bagian bawah kolom postingan terdapat kotak kecil untuk meletakkan label postingan kita.

Bagaimana cara membuatnya ?

1. Login ke Blogger
   
2. Pada halaman dashboard, klik Tata Letak
   
3. Klik Elemen Halaman
   
4. Kemudian pilih Tambah Gadget
   
5. Cari Label lalu di klik
   
   
6. Lalu akan ada halaman seperti di bawah ini :
   
   
7. Untuk Judul bisa sobat sesuaikan sendiri, setelahnya klik simpan.
   
8. Untuk mengisi Label atau Kategori, setiap sobat memposting tulisan sobat, isi kolom kosong dibawah kolom postingan dengan kategori yang sobat inginkan, seperti ini contohnya :
   
   Nah, ada kolom kosong kan, isi dengan kategori yang sobat inginkan. Jadi tulisan sobat masuk dalam kategori yang sobat tulis tersebut.
   
9. Atau bisa juga menggunakan cara berikut, pada halaman edit entri --> contreng salah satu postingan sobat --> klik aksi label --> label baru, lalu isi dengan label yang sobat inginkan.

Read More

Upload Gambar Dan Buat Link Pada Blog

 Untuk membuat tampilan tulisan atau postingan kita lebih menarik, tentunya kita harus menyertakan gambar di dalamnya. Dalam tulisan, untuk menjelaskan sesuatu hal pembaca akan lebih tertarik jika gambar yang kita pasang juga sesuai bentuk dan ukurannya. Dan untuk menambahkan link di setiap gambar yang kita upload ke dalam tulisan kita, agar jika gambar tersebut di klik oleh pembaca, akan keluar halaman url yang kita inginkan. Misalnya sobat akan membawa pembaca ke halaman dimana sobat mempromosikan iklan - iklan sobat, atau membawa pembaca ke halaman link url sobat.

Bagi sobat yang belum mengetahui cara mengupload gambar ke dalam postingan di blog sobat, berikut sedikit penjelasannya.

1. Login ke Blogger menggunakan ID sobat.
2. Klik Entri Baru.
3. Didalam postingan lihat gambar seperti dibawah ini. 
   
     
4. Kemudian klik Upload Images. dan browse untuk mencari gambarnya.
   
    
5. Lalu klik tombol OK
6. Untuk menambahkan link ke dalam gambar, klik pada gambar dan klik tombol link yang ada di bagian atas kolom postingan.
   
    
7. Kamudian masukkan alamat url yang sobat inginkan
   
8. Setelah itu klik OK

Sangat mudah, silahkan di coba !

Read More

Cara Mengganti Template Pada Blog

Pertanyaan yang muncul, apakah template pada blogspot bisa kita ganti, dan bagaimana cara mengganti template blogger? ada dua cara untuk mangganti template, yang pertama kita bisa copy paste seluruh kode HTML template secara manual.

Yang kedua kita bisa mendownload template, dan menguploadnya langsung dari menu ganti template dari blogger.

Sebelum belajar menggati template di blog sobat, ada baiknya save atau download terlebih dahulu template lama sobat. Karena jika dalam penggantian template terjadi kegagalan, sobat tinggal restore kembali template lama sobat ke dalam blog.

Berikut cara mengganti template ke dalam blogspot.

1. Login ke Blogger menggunakan ID sobat.
   
2. Klik Tata Letak
   
3. Klik Edit HTML
   
4. Kemudian backup terlebih dahulu template lama sobat, silahkan lihat sebelah kanan atas ada tulisan Download Template
   
    
5. Untuk memasukkan template baru, Klik Browse, cari file dalam bentuk XML yang sebelumnya sudah sobat download dari layanan template, kemudian Unggah
   
    
6. Blogger akan menerangkan bahwa arsip, link, label, dll tidak ada pada template yang baru, apakah anda akan mempertahankannya.
7. Kemudian Simpan Template

Read More