Showing posts with label Tutorial Blogspot. Show all posts
Showing posts with label Tutorial Blogspot. Show all posts

Cara Memasang Tombol Share Facebook, Twitter dan Google+ Di Bawah Judul Artikel

Jika blog Anda belum ada fitur share facebook, twitter dan Google+ mka sekarang saatnya Anda bisa menambahkan fitur tersebut karena kali ini saya akan bagikan tips bagaimana memasang tombol share Facebook, Twitter dan Google+ di bawah judul artikel. Contohnya bisa Anda lihat di blog Masrahmat.Com ini, dibawah judul artikelnya ada tombol sharenya. Untuk template blogger bawaan dari Blogger biaanya sudah dilengkapi tombol share facebook, twitter dan Google+. Cara ini diperuntukkan bagi Anda yang blognya beum ada tombol sharenya.

Fungsi tombol share Facebook, Twitter dan Google+ ini tentunya adalah agar link blog kita bisa tersebar ke akun Facebook, Twitter dan Google+ orang yang membaca blog kita sehingga blog kita juga bisa berpotensi dibaca oleh teman-teman pengunjung yang membaca blog kita. Jadi intinya bisa membantu meningkatkan pengunjung blog kita. Nah, bagaimana cara memasang tombol share Facebook, Twitter dan Google+ ini ?

Berikut ini cara memasang tombol share Facebook, Twitter dan Google+ di bawah judul artikel blog:

1. Login ke Blogger.com kemudian klik Tata Letak => Edit HTML

2. Kemudian cari kode yang sesuai untuk dibawah judul artikel. Misalnya cari kode  <div class='post-header-line-1'/>

3.Setelah ketemu, Anda tinggal copy paste script tombol share facebook, twitter dan google+ berikut ini persis dibawah kode tadi.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;'>
Jangan lupa di share ya :
</div>
<div style='float:left;padding-left:10px;'>
<a name='fb_share' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'>
</script></div>

<div style='float:left;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal' data-via='User Name' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>

<div style='float:left;padding-left:5px;'>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium"></g:plusone>
<!-- Place this render call where appropriate -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
</div>
</div>
</b:if>


3. Kemudian klik Save Template dan lihat hasilnya.

Bagaimana sobat ?. Gampang kan ?.

Demikianlah tips bagaimana cara pasang tombol share facebook, twitter dan google+ di bawah judul artikel blog blogspot. Semoga bermanfaat untuk Anda.

Effect Scroll Text pada artikel tertentu

Scroll text adalah text yang berada di dalam kotak yang luas dan tingginya di batasi dalam ukuran tertentu sehingga untuk melihatnya hingga ke bawah dibutuhkan mouse scrolling. Trik ini lazim digunakan untuk menghemat ruang di dalam post body maupun sidebar, sehingga keseluruhan halaman yang dimuat oleh browser menjadi tidak terlalu panjang.
 
Ini adalah contoh text yang menggunakan efek manual scrolling text. Secara normal, text ini akan terlihat sebagai paragraf yang telah diberi pengaturan default di dalam template HTML.

Style diatas dibentuk dengan menggunakan div styling, dengan menambahkan atribut pembatasan lebar (width) dan tinggi (height) pada area text, dimana area text tersebut sebenarnya lebih tinggi dan atau lebih lebar dari batasan yang diberikan. Lalu, untuk memberikan notifikasi pada browser bahwa elemen text harus dapat dilihat tetapi dalam luas area yang telah ditentukan tersebut, digunakanlah atribut overflow: scroll untuk memberikan efek scroll, ataupun overflow: auto yang secara otomatis akan memberikan efek scroll jika area text disempitkan. Logikanya, hal ini sama dengan area suatu halaman blog /website atau dokumen-dokumen lain di PC. Jika halaman tersebut lebih panjang dari area browser (juga berdasarkan resolusi layar monitor), maka akan muncul scroller di sebelah kanan browser, dan jika lebih lebar, maka akan muncul scroller di bagian bawah browser.

Translate Google + Flag

Widget Google Translate yang berbentuk bendera yang akan kita pasang adalah seperti di bawah ini .silakan kamu sorot gambar benderanya maka nanti akan muncul nama negara dari pemilik bendera tersebut.





English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified






Buat kamu yang ingin memasang Widget Google Translate berbentuk bendera tersebut,silakan ikuti langkah-langkahnya berikut ini.


1.LOGIN ke Blogger dengan ID

2.Klik Tata Letak.

3.Klik tab Elemen Halaman.

4.Klik Tambah Gadget.

5.Kemudian Pilih HTML/Javascript.

6.Selanjutnya Copy Kode HTML berikut dan Paste di dalam kolom HTML/Javascript tadi.



<center><a style="cursor: pointer;" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cen&amp;hl=en'); return false;"><img border="0" alt="English" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/inggris.gif" height="20" title="English" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cfr&amp;hl=en'); return false;"><img border="0" alt="French" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/francis.gif" height="20" title="French" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cde&amp;hl=en'); return false;"><img border="0" alt="German" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/jerman.gif" height="20" title="German" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7ces&amp;hl=en'); return false;"><img border="0" alt="Spain" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/spnyol.gif" height="20" title="Spain" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cit&amp;hl=en'); return false;"><img border="0" alt="Italian" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/italia.gif" height="20" title="Italian" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cnl&amp;hl=en'); return false;"><img border="0" alt="Dutch" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/belanda.gif" height="20" title="Dutch" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cru&amp;hl=en'); return false;"><img border="0" alt="Russian" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/rusia.gif" height="20" title="Russian" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cpt&amp;hl=en'); return false;"><img border="0" alt="Portuguese" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/brazilia.gif" height="20" title="Portuguese" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cja&amp;hl=en'); return false;"><img border="0" alt="Japanese" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/jepang.gif" height="20" title="Japanese" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cko&amp;hl=en'); return false;"><img border="0" alt="Korean" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/koreautara.gif" height="20" title="Korean" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7car&amp;hl=en'); return false;"><img border="0" alt="Arabic" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/saudiarabia.gif" height="20" title="Arabic" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7czh-cn&amp;hl=en'); return false;"><img border="0" alt="Chinese Simplified" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/cina.gif" height="20" title="Chinese Simplified" align="absbottom"/></a></center><br/>
<br />


7.Setelah itu Klik tombol Save

Setelah saya coba ternyata Ok... selamat mencoba dan sukses buat anda..!!!!

Memberi Background Menu Teks di Bawah Header

Pada posting sebelumnya saya telah menulis Membuat Menu di bawah Header. Nah untuk mempercantik menu tersebut bisa dilakukan dengan memberi warna latar pada teks tersebut. Caranya adalah:

1. Masuklah ke halaman Dasbor blog anda lalu klik Rancangan.


2. Kemudian klik pada Edit HTML.


3. Untuk berjaga-jaga jika terjadi kesalahan sebaiknya backup dulu template anda dengan mengklik Download Template Lengkap.


4. Kemudian carilah kode: ]]>


5. Masukkan kode berikut tepat di atasnya.

a.tombol1{
   background:#993300;
   padding:3px;
   color:#ffffff;
}
a.tombol2{
   background:#993300;
   padding:3px:
   color:#ffffff:
}
a.tombol3{
   background:#993300;
   padding:3px;
   color:#ffffff;
}


Kode #993300; adalah warna latar belakang teksnya. Jika ingin warna yang lain gantilah kode warna tersebut. Agar mudah mencari kode warna bisa dilihat disini . 3px; adalah jarak (bis) antara kotak latar belakang. Bisa diganti angkanya menjadi berapa yang anda inginkan. Sedangkan #ffffff; adalah kode warna untuk bis tersebut.

6. Hasilnya akan menjadi seperti gambar di bawah ini. Jika penulisannya sudah tepat jangan lupa klik SIMPAN TEMPLATE.

padding:0;
{
a.tombol1{
   background:#993300;
   padding:3px;
   color:#ffffff;
}
a.tombol2{
   background:#993300;
   padding:3px:
   color:#ffffff:
}
a.tombol3{
   background:#993300;
   padding:3px;
   color:#ffffff;
}
]]></b:skin>
<style>


7. Sekarang masuklah ke Elemen Laman. Lalu klik Edit pada Gadget HTML/Javascript atau pada gadget html yang telah dibuat sebelumnya (seperti yang telah dilakukan pada Membuat Menu di bawah Header).



8. Kemudian sisipkan setiap baris dari kode ini sesuai dengan tempatnya masing-masing. Dalam contoh ini saya menggunakan 3 menu teks (Home,Template dan Software). Maka sisipkanlah alamat (URL) dari ketiga Url halaman menu tersebut.

class=”tombol1″(isi dengan URL Home)
class=”tombol2″(isi dengan URL Template)
class=”tombol3″(isi dengan URL Software)


9. Sehingga penulisannya menjadi seperti ini.

<a href=”http://www.NAMABLOG.com”>HOME</a>
<a href=”http://www.NAMABLOG.com/search/label/Template”>TEMPLATE</a>
<a href=”http://www.NAMABLOG.com/search/label/Software>SOFTWARE</a>

10. Terakhir klik SIMPAN.

11. Sekarang lihatlah hasilnya. Jika penulisan kodenya benar,maka latar belakang menu teksnya sudah berwarna,seperti gambar di bawah ini.



Semoga berhasil apa salahnya dicoba... TEST 1 2 3..... Dicoba

Sisipkan Gambar di Posting Blog

Apa kabar sobat blogger semua?
Saya kira kawan blogger sudah banyak yang tau bagai mana cara menambah gambar pada postingan.
Dan bagi kawan yang masih baru berkecimpung dalam dunia maya ini khususnya di dunua blogspot, yang ingin menghiasi postingannya dengan gambar caranya begini:
 
  • Masuk keakun blogspot anda 
  • Terus klik Entri Baru (Cara Buat Postingan) 
  • Setelah berada pada halaman postingan klik logo tambar gambar!

 

  • Setelah anda klik logo tambah gambar akan muncul jendela baru, kalau anda ingin menambahkan gambar dari Computer anda silahkan klik BROWSER kalau anda menambahkan dari web silahkan isi alamat URL gambar.
  •  Terus pilih tata letak, pilihlah dibagian mana ingin anda tempatkan Kiri,Tengah atau Kanan. Ukuran gambar juga bisa dipilih kecil,menengah,besar. Setelah itu klik Unggah Gambar
  • Tungu sampai proses selesai dan klik Selesai

Gambar yang baru saja di tambahkan akan langsung berada di bagian atas postingan dan bila anda ingin memindahkan ketempat lain silahkan klik Edit HTML
Setelah itu gambar akan berubah menjadi Code HTML cari code ini <a onblur="sampai "border="0" /></a>dan cut lalu paste di bagian mana ingin anda tempatkan!

Selamat mencoba..
Mungkin buat teman-teman kalau mau ya dicoba aja... apa salahnya biar bisa namanya jg orang BELAJAR

Bikin BLOG untuk Pemula

Halloo... semuanya ini adalah pengalaman saya dalam membuat BLOG (di Blogspot.com), saya memang binggung jg caranya bikin BLOG maklum aja namanya juga belajar....!!!.
Namum jg sedih dan susah karena temanpara Blogger banyak yg pandai jadi browsing aja artikel-artikelnya hitung buat panduan. Saya sendiri bikin BLOG memang belajar dari awal, misalnya:

Teman-teman ga usah ragu semua harus di coba biar tahu fungsinya... karena di BLOG banyak fasilitasnya...
Biar ga binggung buat yang standard aja dulu selanjutnya terserah ANDA...!!!!
Haaa... haaa... sudah dulu hanya ini aja infonya waktunya DUREN CANGKOKAN ---> Leren trus Rokokan.. Ngantuk, Capek "Tekan Saja"

Cara Membuat Link di Blog

<span class="fullpost">Membuat link di blogger, tepatnya ketika menulis postingan di post editor sama halnya dengan membuat link di web pada umumnya. Bedanya, membuat link di area post editor blogspot lebih mudah karena kita tidak perlu menuliskan kode – kode html.

Nah…pada tutorial blogspot kali ini, saya akan membahas tentang cara membuat link di blogger baik link untuk text maupun gambar sekaligus.

Satu hal yang perlu diketahui, tutorial ini sebaiknya di praktekan di mode compose pada area post editor, karena contoh yang saya ambil yaitu dengan menggunakan mode compose pada area post editor.
Cara Membuat Link Text

Saya asumsikan anda sudah berada di area post editor dan sudah mengisi postingan di post editor tersebut tetapi belum di publish. Caranya :

1. Blok / Highlight Text yang akan di jadikan Anchor Text

Cara Membuat Link Text di Blogger

Pada contoh gambar diatas, text yang di blok / highlight adalah “cara membuat link”

2. Klik Icon Link

Cara Membuat Link Text di Blogger

3. Masukan alamat url pada kolom Web Address kemudian klik OK

Cara Membuat Link

Dari contoh gambar diatas, url yang digunakan yaitu “http://kangmizwar.com”.

4. Selesai
Cara Membuat Link pada Gambar

1. Klik pada gambar yang akan di jadikan link

2. Klik icon link

3. Masukan url link tujuan kemudian klik OK.

4. Selesai.

Untuk cara membuat link pada gambar, saya sengaja tidak menyertakan gambar sebagai contohnya karena panduannya sama saja dengan cara membuat link text diatas.

Mudah – mudahan tutorial blogspot tentang cara membuat link diatas bisa berguna dan bermanfaat.</span>

Fungsi Label dan Cara Menggunakannya

Seringkali para blogger pemula yang memang baru belajar (Contohnya saya ini... Heee Heee....) cara membuat blog apa itu label, fungsi label, dan cara menggunakan label di blogger.
Apa itu Label dan Fungsi Label

Label di blogger bisa juga di istilahkan sebagai kategori. Label / Kategori ini merupakan suatu sistem pengelompokan yang memiliki fungsi untuk mengelompokan sesuatu. kata sesuatu disini bisa diartikan sebagai barang, makanan, minuman, atau apa saja. Jika dikaitkan dengan blog, maka fungsi dari label atau kategori disini yaitu untuk mengelompokan artikel yang ada di dalam blog.

Sebagai contoh dari aplikasi di blog, misalnya kita memiliki beberapa artikel / postingan dalam blog saling berkaita. Misalnya pada masalah ini, artikel – artikel tersebut di beri label TUTORIAL (terserah namanya). Begitu juga jika kita menulis artikel / postingan tentang cara – cara ngeblog, maka kita kelompokan artikel tersebut ke dalam label yang di beri nama tutorial blogspot atau panduan blog.

Label itu sendiri bebas sesuai keinginan pemilik blog. Karena dalam masalah ini, sama sekail tidak ada patokan / tuntutan untuk menamai sebuah label dengan nama tertentu. Intinya, nama label paling tidak memiliki kaitan dengan artikel yang ada di dalamnya.

Selain fungsi yang telah disebutkan diatas, label di blogger juga memiliki fungsi lain, beberapa diantaranya adalah :

Memudahkan penulis (blogger) dalam mengelola artikel yang ada di blognya.
Memudahkan pengunjung untuk mencari artikel.
Cara Menggunakan Label di Postingan Blog

Untuk menggunakan label di postingan blog, berikut caranya :

1. Silahkan tulis sebuah artikel tapi jangan dulu di terbitkan.
2. Pada kolom kiri bawah area post editor ada tulisan label. Tuliskan nama label yang ada kaitannya dengan artikel anda pada kolom disampingnya.


3. Jika memang artikel sudah selesai ditulis, langsung saja terbitkan entri.

Gimana sudah paham tentang label di blogger? Mudah – mudahan saja tulisan tentang fungsi label di blogger dan cara menggunakan label di blogger ini bisa bermanfaat dan yang pasti bisa dipahami dengan baik.

Saya kira begini caranya mungkin ada cara yang lebih efektif ya... gak tau lagi deh...!!! Maklum baru belajaran bikin blog. Memang pusing tapi kalau santai pelan-pelan pasti BISA...

Mengenal Area Post Editor Blogspot

Sebenarnya postingan ini saya tulis karena kemarin ada temen yang bertanya tentang fungsi toolbar yang ada di area postingan blog, buat blogger pemula seperti saya hal ini mungkin masih diperlukan, karena kadang-kadang masih suka lupa. Jika temen-temen pertama kali menggunakan blogger sebagai mesin blog tentunya banyak hal yang mungkin belum anda ketahui. Salah satunya yaitu ketika akan membuat postingan baru di blog, anda akan di hadapkan pada sebuah area post editor. Bagi orang awam, mungkin saja apa yang ada pada area post editor ini kurang begitu familiar kecuali bagi mereka-mereka yang memang sering sekali mengetik dengan menggunakan Ms. Word pasti sedikitnya bisa memahami apa saja yang ada pada area post tersebut.
Pada postingan kali ini, saya akan coba berbagi dengan anda tentang beberapa hal yang mungkin perlu untuk anda ketahui, terutama icon-icon yang terdapat pada area post editor. Jika anda masih bingung dengan apa itu post editor, berikut screenshoot nya :

Tampilan Post Editor mode Edit HTML



Tampilan post editor mode Compose



Nah…seperti yang terlihat di 2 screenshoot diatas, bahwa post editor pada blogspot memiliki 2 mode. Pertama mode Edit HTML dan kedua mode Compose. Untuk berpindah dari satu mode ke mode yang lain, anda cukup meng-klik saja mode yang anda inginkan. Jika anda perhatikan gambar tsb diatas, bahwa setiap mode memiliki tampilan icon berbeda. Nah..disini saya akan coba berbagi tentang fungsi icon yang terdapat pada post editor.

Mode Edit HTML

Untuk lebih mempermudah anda, saya telah menambahkan angka-angka pada gambar di bawah ini untuk setiap bagian pada area post editor mode html. Untuk penjelasannya, bisa anda lihat pada keterangan dibawahnya sesuai dengan angka yang ada pada gambar.


Keterangan :

Bold – Fungsi untuk menebalkan text. Contoh :/ Text Normal – Bold.
Italic – Fungsi untuk memiringkan text. Contoh :/ Text Normal – Miring.
Strikethrough – Fungsi untuk mencoret text. Contoh :/ Text Normal – Text Strikethrough.
Link (Tautan) – Fungsi untuk membuat link pada text. Contoh :/ Text Normal – Link.
Quote – Fungsi ini biasanya digunakan untuk memberikan keterangan dan memiliki tampilan yang berbeda dengan paragraph biasanya. Contoh :.
Ini paragraph biasa.
Ini paragraph dengan menggunakan Quote.
A. Kolom untuk menginput judul postingan.
B. Kolom untuk menginput label / kategori postingan.

C. Jika bagian ini di klik (Post Option), maka di dalamnya ada beberapa pilihan yang bisa anda gunakan terkait dengan postingan blog yang anda tulis. Salah satu contohnya yaitu di bagian post option ini, anda bisa mengatur jadwal terbit postingan anda secara otomatis.
D. Untuk menambahkan lokasi.
E. Menerbitkan postingan ke dalam blog.
F. Menyimpan postingan.
G. Melihat tampilan postingan sebelum di terbitkan ke blog.

Mode Compose


Untuk bagian A s/d G, penjelasannya sama seperti gambar sebelumnya.

Undo – Fungsi untuk mengembalikan kembali ke tampilan sebelum di lakukan perubahan.
Redo – Fungsi untuk mengembalikan kembali ke tampilan sesudah di lakukan perubahan.
Font – Untuk mengganti jenis huruf tulisan.
Font Size – Untuk mengganti ukuran huruf pada postingan.
Bold – Untuk menebalkan text.
Italic – Untuk memiringkan text.
Underline – Untuk menambahkan garis bawah pada text.
Strikethrough – Untuk mencoret text.
Text Color – Mengganti warna huruf.
Background color – Untuk mengganti warna background text.
Link – Untuk membuat link (tautan).
Untuk menambahkan gambar ke dalam postingan.
Untuk menambahkan video ke dalam postingan.
Jump Break atau Read More – Untuk membuat penggalan artikel ketika tampil di halaman utama blog.
Alignment – Mengatur paragraph postingan.
Membuat list dengan Angka.
Membuat list dengan symbol (defaultnya disc).
Quote – Fungsi ini biasanya digunakan untuk memberikan keterangan dan memiliki tampilan yang berbeda dengan paragraph biasanya.
Menghapus format yang telah di tambahkan pada postingan. Misalnya ada beberap dalam postingan kita yang berhuruf tebal (bold) dengan fungsi ini, text atau kata yang berhuruf tebal tersebut akan normal kembali (tidak tebal).
Fungsi untuk mengecek grammar / spelling (biasa digunakan pada artikel Bahasa Inggris).
Fungsi untuk menerjemahkan isi postingan ke dalam bahasa lain.
Jangan coba dibaca saja, kalau temen-temen sering posting pasti ngerti. Nggak usah pakai tutorial inipun pasti langsung bisa, karena sangat mudah sekali untuk dipahami. Semoga bermanfaat.

Sumber : Back To School

Cara Setting Blog

Hal pertama yang penting anda lakukan agar blog anda di blogger mempunyai performa yang baik adalah melakukan beberapa Setting atau pengaturan. Sebagai bahan inspirasi bagaimana cara melakukan setting blog di blogger, berikut Kolom Tutorial tuliskan cara pengaturan blog di blogger (pastikan anda (pastikan anda memilih bahasa indonesia agar sesuai dengan tutorial dibawah) :



* Silahkan login ke blogger dengan ID anda.

* Klik Pengaturan.

* Akan terlihat tab-tab menu berisi hal-hal yang harus anda atur :



Dasar

Beberapa pengaturan dalam menu Dasar:

* Alat Blog : Impor blog → ini adalah faslitas untuk mengimpor data dari komputer anda ( ini biasanya dilakukan ketika transfer blog) tidak usah di klik, biarkan saja. Ekspor blog > ini adalah fasilitas untuk mengekspor data blog dari server blogger ke komputer anda. Fasilitas ini disebut juga sebagai fasilitas Backup blog. Disarankan agar anda membuat backup data ke komputer anda, minimal satu minggu sekali. Data backup tersebut sewaktu-waktu bisa bermanfaat ketika anda ingin mentransfer ke blog lain di blogger, atau bisa juga untuk migrasi ke mesin blog yang lain seperti Wordpress. Hapus blog > Fasilitas untuk menghapus blog anda. Jika anda tidak berniat untuk menghapus blog, maka jangan sekali-sekali klik link ini.
* Judul : isi dengan judul blog yang anda inginkan. Contoh : My personal blog
* Uraian : isi dengan deskripsi blog yang ingin ditampilkan, sebaiknya ini diisi jangan dikosongkan. Contoh : catatan kecil hidupku yang unik.
* Tambahkan blog Anda ke daftar kami? : disarankan untuk memilih opsi Ya.
* Biarkan mesin pencari menemukan blog Anda? : Pilih Ya, agar blog anda dapat di index oleh mesin pencari seperti Google, Yahoo atau Bing.
* Tampilkan Editing Cepat di Blog Anda? : Boleh pilih Ya atau Tidak.
* Tampilkan Link Posting Email? : Ini berupa icon email, jika anda menginginkan agar pengunjung blog dengan mudah mengirimkan email ke teman mereka tentang blog anda, maka Pilih Ya. Namun jika tidak, silahkan pilih Tidak.
* Konten Dewasa? : Jika blog anda nantinya akan berisi hal-hal yang besifat dewasa seperti menampilkan artikel, gambar, atau video wanita seksi, dll maka pilih Ya. Namun, jika blog anda berisi hal-hal yang aman diakses oleh anak kecil, pilih Tidak. Sebagai catatan, jika anda memilih opsi Ya, maka nantinya ketika diakses blog anda akan ada peringatan bahwa berisi konten dewasa.
* Pilih editor entri : Ini adalah pilihan untuk post editor. Editor yang diperbarui → ini adalah post editor terbaru yang dimiliki oleh blogger, banyak fasilitas baru yang terintegrasi dalam post editor ini seperti tombol More untuk memotong artikel di blog anda. Editor lama → ini adalah post editor lama yang dimiliki blogger namun masih bisa anda gunakan, ada beberapa toolbar terdapat dalam post editor lama, namun tidak disediakan lagi di post editor baru, jadi silahkan pilih mana yang anda mau. Sembunyikan mode penyusunan → pilihan ini khusus bagi anda yang sudah mahir dengan kode HTML, jika anda tidak menguasai tentang HTML, jangan gunakan post editor ini.
* Aktifkan transliterasi? : Pilih Aktifkan jika post editor anda ingin mendukung ke translasi Hindi, Kannada, Malayalam, Tamil, atau Telugu. Pilih Nonaktifkan jika post editor anda tidak ingin ada translasi bahasa tersebut.
* Akhiri pengaturan menu Basic dengan klik tombol SIMPAN SETELAN.

Publikasikan

Ini adalah fasilitas untuk mengubah nama domain anda di blogger dengan nama domain milik anda sendiri. Misal : http://namabloganda.blogspot.com menjadi http://namabloganda.com.

Untuk sementara waktu jangan lakukan apa-apa pada menu publikasikan ini. Tutorial tentang custom domain di blogger bisa anda baca pada artikel Cara Custom Domain di Blogger.
Format

Beberapa pengaturan dalam menu Format :

* Tampilkan sebanyak mungkin : tulis jumlah post yang ingin tampil di halaman depan blog anda. Contoh : 5. Untuk pilihan dropdown disarankan untuk memilih opsi posting, jangan hari.
* Format Header Tanggal : Pilih format tampilan tanggal yang anda sukai.
* Format Tanggal Index Arsip : pilih format tampilan arsip yang anda inginkan.
* Format Timestamp : Pilih format tampilan jam yang anda sukai. Jam disini adalah catatan waktu ketika artikel anda di publikasikan di blog.
* Zona Waktu : Sesuikan dengan zona waktu dimana tempat anda berada.
* Bahasa : Pilih bahasa yang dipakai untuk blog anda.
* Konversi ganti baris : ini adalah fasilitas line break secara otomatis ketika anda klik enter ketika membuat sebuah posting. Fasilitas ini di pakai apabila anda kedepannya tidak akan memposting tentang kode-kode semisal HTML dan lain sebagainya. Pilih Tidak, jika anda berniat nantinya akan memasukkan kode-kode HTML kedalam posting posting anda, misal jika konten blog anda berisi tutorial bahasa HTML, PHP dan lain sebagainya.
* Tampilkan Field Judul : Pilih Ya ataupun Tidak juga tidak ada masalah.
* Tampilkan kolom Link : Pilih Tidak atau Ya juga tidak ada masalah.
* Aktifkan perataan float : Pilih Ya, ini adalah agar gambar bisa diatur posisinya dalam postingan. Namun jika pilihan ini mengganggu tampilan blog anda nantinya, pilih saja Tidak.
* Templat Entri : ini adalah fasilitas agar isi dari Templat Entri ini akan selalu muncul pada saat membuat posting. Biasanya fasilitas ini sering di gunakan untuk signature blog, yaitu tulisan atau kode signature disimpan dalam Templat Entri, sehingga ketika anda membuat posting, kode signature tersebut akan secara otomatis muncul tanpa harus menuliskannya secara berulang-ulang.
* Akhiri Pengaturan menu Format dengan klik tombol SIMPAN SETELAN

Komentar

Beberapa pengaturan dalam menu Komentar :

* Komentar: Pilih Tampilkan, jika anda menginginkan agar postingan ada bisa di komentari oleh pengunjung. Pilih Sembunyikan, jika artikel yang anda posting tidak ingin di komentari oleh pengunjung.
* Siapa yang Bisa Berkomentar ? : Siapa pun - termasuk Pengguna Anonim → untuk pilihan ini, maka siapa saja dapat berkomentar, termasuk Pengguna Anonim atau tanpa identitas jelas. Pengguna Terdaftar - termasuk OpenID → hanya user yang teregistrasi saja yang bisa berkomentar terhadap artikel anda, yang termasuk Pengguna Terdaftar adalah mereka yang mempunya akun di Google, Live Journal, Wordpress, Type pad, AIM, serta OpenID. Pengguna dengan Google Account → Yang bisa berkomentar hanyalah mereka yang mempunyai akun google. Hanya anggota blog ini → Hanya anggota dari blog anda saja yang bisa berkomentar, ini biasanya dipakai jika blog anda adalah untuk komunitas tertentu, misal komunitas pendidikan.
* Penempatan Formulir Komentar : Halaman penuh → halaman blog anda akan di timpa oleh kotak komentar ketika ada pengunjung klik link komentar. Jendela munculan → Kotak komentar akan muncul dalam jendela baru apabila ada pengunjung yang klik link komentar. Disemat di bawah entri → kotak komentar akan langsung ditampilkan langsung dibawah artikel posting anda, sehingga pengunjung dapat langsung memeberikan komentar tanpa harus klik link komentar. Format kotak komentar yang paling banyak disukai oleh blogger adalah Disemat di bawah entri.
* Default Komentar untuk Entri : pilih Entri baru memiliki komentar jika artikel post anda ingin ada kotak komentarnya, namun sewaktu-waktu anda bisa saja mematikan fungsi ini ketika melakukan posting. Pilih Entri baru tidak memiliki komentar jika artikel post anda tidak ingin mempunyai kotak komentar, namun sewaktu-waktu anda bisa saja memunculkan fungsi ini ketika melakukan posting.
* Tautbalik : Pilih Tampilkan jika anda ingin menampilkan link ke website yang membuat link ke artikel yang anda buat. Pilih Sembunyikan jika anda tidak ingin menampilkan link ke website yang membuat link ke artikel yang anda buat.
* Bawaan Tautbalik untuk Posting : pilih Entri baru memiliki Tautbalik jika setiap artikel yang di posting memiliki Backlinks. Pilih Entri baru tidak memiliki Tautbalik jika setiap artikel yang di posting tidak ingin memiliki Backlinks.
* Format Timestamp Komentar : pilih format tampilan tanggal komentar yang anda sukai.
* Pesan Formulir Komentar : Tulis pesan yang ingin muncul diatas kotak komentar. Misal : Silahkan anda berkomentar, namun tetap jaga kesopanan dengan tidak melakukan komentar spam.
* Moderasi komentar : Pilih Selalu jika setiap komentar yang masuk ingin di moderasi terlebih dahulu oleh anda. Pilih Hanya pada entri yang lebih lawas dari jika komentar ingin di moderasi terlebih dahulu terhadapat posting yang umurnya telah anda tentukan. Pilih Tidak pernah, jika komentar yang masuk tidak ingin di moderasi terlebih dahulu dan akan langsung muncul diblog anda. Jangan lupa untuk memasukkan alamat email anda, apabila ketika ada orang yang berkomentar anda akan mengetahuinya melalui email. Atau kosongkan saja apabila anda tidak ingin menerima email pemberitahuan tentang komentar.
* Tampilkan verifikasi kata untuk komentar? : Pilih Ya jika ingin menampilkan huruf verifikasi ketika ada yang berkomentar, pilihan ini adalah untuk mencegah terhadap script robot spam yang bisa membombardir blog anda dengan komentar, walaupun begitu pilihan ini mempunyai kekurangan yaitu pengunjung blog anda biasanya malas untuk berkomentar karena merasa ribet ketika berkomentar. Pilih Ya jika tidak ingin menampilkan huruf verifikasi, pilihan ini sedikit rentan terhadap script robot spam, namun biasanya pengunjung akan lebih suka berkomentar karena mudah dilakukan.
* Tampilkan gambar profil dalam komentar? : Pilih Ya jika dalam kometar ingin ditampilkan gambar profile yang berkomentar. Pilih Tidak jika tidak ingin menampilkan gambar profile pemberi komentar.
* Email Pemberitahuan Komentar : Masukkan alamat email yang ingin dikirim notifikasi apabila ada yang berkomentar. Jumlah maksimal email yang dapat menerima adalah 10 email.
* Akhiri pengaturan menu Komentar dengan klik tombol SIMPAN SETELAN.

Arsipkan

Beberapa pengaturan dalam menu Arsipkan :

* Frekuensi Arsip : pilih arsip yang ingin di tampilkan apakah Arsip tidak ada, Harian,Mingguan, atau Tiap Bulan. Disarankan untuk memilih Tiap Bulan.
* Aktifkan Halaman Posting? : Silahkan pilih Ya atau Tidak.
* Akhiri pengaturan menu Arsipkan dengan klik tombol SIMPAN SETELAN.

Feed Situs

Beberapa pengaturan dalam menu Feed Situs :

* Izinkan Feed Blog : Silahkan pilih Tak satupun, Singkat, atau Penuh. Disarankan untuk memilih opsi Penuh.
* Posting URL Pengubahan Arah Feed : isi dengan alamat feed milik anda, ini adalah jika anda telah melakukan burner feed seperti misalnya dengan feedburner. Namun jika belum punya, silahkan dikosongkan saja terlebih dahulu. Untuk pembahasan feed burner akan di posting pada posting selanjutnya.
* Post Feed Footer : Isi dengan kode yang ingin tampil pada footer post feed. Jika belum mengerti dikosongkan saja terlebih dahulu.
* Akhiri Pengaturan menu Feed Situs dengan klik tombol SIMPAN SETELAN.

Email & Seluler

Untuk memposting sebuah artikel kedalam blog anda, tidak hanya melalui post editor yang ada di blogger. Namun, anda pun bisa posting artikel melalui email ataupun perangkat seluler anda.

Beberapa pengaturan dalam menu Email & Seluler :

Alamat BlogSend : tulis alamat email yang ingin dikirim notifikasi apabila anda mempublikasikan sebuah artikel. Maksimal jumlah yang bisa di kirim adalah sampai 10 buah email, format penulisan email di pisahkan dengan tanda koma ( , ).

Alamat Pengeposan via Email : buatlah alamat email blogger untuk mengirimkan posting dari email atau perangkat seluler dengan cara menuliskan pada kotak yang tersedia. Misalkan alamat email anda adalah contohsaja@gmail.com maka anda bisa membuat email blogger menjadi contohsaja.post@blogger.com atau contohsaja.blog@blogger.com atau apa saja menurut anda yang bagus. Tapi ingat, rahasiakan alamat email ini agar orang lain tidak bisa posting ke blog anda

 


Untuk mengaktifkan fitur ini, anda harus memilih opsi Publikasikan segera email, artinya apabila anda mengirimkan email ke alamat diatas, isinya akan langsung diposting ke blog. Jika opsi yang dipilih adalah Simpan email sebagai entri konsep, maka email yang dikirimkan tidak akan langsung di publikasikan, melainkan akan masuk ke post konsep.

Namun, apabila anda tidak ingin mempublikasikan melalui email, pilih opsi Dinonaktifkan. Fungsi ini banyak juga dipilih dengan alasan keamanan.

Jangan lupa akhiri pengaturan menu Email & Seluler dengan klik tombol SIMPAN SETELAN.
OpenID

Disini tidak ada yang harus di atur, melainkan pemberitahuan bahwa alamat blog anda bisa digunakan sebagai alamat OpenID. Apa itu OpenID? Mungkin lain kali akan dibahas.
Izin

Pada menu ini anda dapat menambahkan penulis dengan cara di undang ke email yang anda anggap layak untuk ikut serta menjadi penulis di blog anda.

Pada Siapa yang bisa melihat blog ini? Anda dapat memilih siapa saja yang dapat mengakses blog anda. Opsi Siapapun berarti blog anda terbuka untuk umum atau bisa dibuka oleh siapa saja. Hanya Orang-orang yang saya pilih yaitu hanya orang-orang yang di undang oleh anda yang dapat mengakses blog anda dengan cara login terlebih dahulu. Hanya penulis blog berarti hanya penulis saja yang bisa mengakses isi halaman blog anda, Opsi Hanya penulis blog terkadang di gunakan juga pada saat mengganti template, agar blog anda tidak terlihat semrawut ketika mengganti template.

Untuk pembahasan Cara Pengaturan Blog Di blogger sepertinya sudah cukup, apa opini anda tentang ini?

Membuat Halaman Statis (Static Page)

Dengan menggunakan halaman statis blogspot (pages yang tersedia di blogger), kita dapat membuat menu tabulasi (menu navigasi) tanpa memerlukan script html / css/javascript. Cukup buat beberapa halaman maka secara otomatis akan ditampilkan di halaman blog menjadi menu tabulasi. Menu tabulasi ini bisa menjadi alternatif untuk teman-teman yang kesulitan membuat membuat menu navigasi menggunakan css atau javascript.

Untuk membuat menu tab lakukan prosedur berikut:

1. Di Dashboard pilih Edit Entri





2.Pilih Tabulasi "Edit Laman"
Kemudian klik link "Buat Laman"






3. Isi Judul halaman sesuai yang diinginkan
Ketik badan text laman sesuai kebutuhan (seperti saat membuat postingan blog)
Klik tombol Tayangkan Laman




4.Pilih option Tab blog
Klik tombol Simpan dan Terbikan
Secara otomatis menu tab akan ditambahkan ke blog.





5. Untuk menambah tabulasi lainnya lanjutkan membuat tab baru , ikuti langkah 2 dan 3 di atas.
Blogger mengijinkan hingga 10 tab / halaman statis.

Contoh blog yang menggunakan menu tab bisa dilihat disini menu tab blog

Cara Membuat Blog di Blogspot

 Artikel Panduan Membuat Blog di Blogger.com ini khusus buat yang ga tau aja (contohnya seperti yang punya Blog ini ). Sebenernya sih ga terlalu susah untuk bikin blog, hanya saja kita masih awam bukan awan lhooo...  sampai saya cari di internet cara-caranya ternyata sama semua cuma ada yg detail ada yang cuma keterangan aja.... Yuk, kita mulai
1. Pertama-tama, kita kunjungi dulu Blogger.com. Buat yang uda punya account Google (GMail, Orkut, Google Groups) sebelumnya, kamu bisa langsung sign-in dengan account Google anda di box yang ada di kanan atas halaman tersebut. Bagi yang belum punya account Google sebelumnya, langsung aja klik tanda panah bertuliskan “Ciptakan Blog Anda” di bagian kiri bawah.

 2a. Buat yang belum punya account Google sebelumnya. Anda akan dibawa ke halaman berikut untuk membuat account Google. Untuk mendapatkan account Google, yang anda butuhkan hanyalah sebuah alamat e-mail (bisa di Yahoo dan email provider lain). Lanjut ke bagian 2.b
2b. Buat yang sudah punya account Google, sesudah anda sign in dengan account Google anda, anda mulai bisa membuat blog anda. Silahkan anda tentukan nama blog anda dan alamat blog yang anda inginkan. Pastikan setelah anda memilih alamat blog anda, anda melakukan “Cek Ketersediaan” alamat tersebut sebelum menekan tombol “Lanjutkan”







3. Sekarang nama dan alamat blog anda sudah tersedia. Langkah terakhir yang harus anda lakukan adalah menentukan themes/template untuk blog baru anda. Saya lebih menyarankan untuk tidak berlama-lama memilih template yang disediakan saat itu karena pilihannya akan lebih banyak ketika anda mengubahnya setelah blog tersebut jadi nanti.




4. Blog anda sudah jadi. Tunggu apa lagi? Ayo mulai ngeblog

Maka sudah jadi blog kita dan siap di obok-obok buat kreasi sesuai yang punya Blog.
Semoga ini berhasil dan bermanfaat... OK....










Cara Posting Artikel di Blog


Setelah Anda memiliki akun di Blogger, selanjutnya Anda bisa mulai membuat posting dan menampilkannya pada alamat akun Blogger Anda. Nantinya, apa yang Anda tuliskan dapat dibaca dan ditanggapi oleh banyak orang.

Berikut langkah-langkah untuk membuat posting di Blogger…

Langkah 1

Setelah melakukan login pada http://www.blogger.com, Anda akan masuk ke halaman Dasbor.





Contoh diatas adalah tampilan halaman Dasbor dari sebuah akun Blogger yang memiliki dua alamat blog. (Blogger memungkinkan Anda untuk membuat lebih dari 1 alamat blog, klik tombol Buat Blog di kanan atas jika ingin membuat blog dengan alamat baru).
Keterangan:

1. Nama akun Blogger
2. Keterangan alamat blog kita

Langkah 2

Pilih alamat blog yang hendak Anda tambah postingnya, kemudian klik tombol ENTRI BARU untuk memulai posting.


Langkah 3

Kini Anda berada pada halaman Posting.


Tuliskan judul posting yang akan dibuat pada kolom Judul, kemudian tulis isi posting pada kolom dibawahnya. Masukkan kategori atau kata kunci yang berhubungan dengan isi posting pada kolom Label. Label ini berfungsi untuk mempermudah pembaca dalam mencari posting yang diinginkan. Anda juga bisa memilih apakah posting yang Anda buat bisa dikomentari orang lain atau tidak dengan menggunakan pilihan Opsi Entri.


Langkah 4

Setelah selesai menulis posting, Anda bisa melihat tampilannya nanti dengan mengklik tulisan Pratinjau di bagian kanan atas kotak posting.



Jika ingin kembali ke kotak penulisan klik Sembunyikan Pratinjau. Untuk menyimpan posting yang sudah Anda tulis, klik tombol SIMPAN SEKARANG. Jika Anda sudah siap menampilkan posting untuk dibaca oleh orang lain, klik TERBITKAN ENTRI.

Langkah 5

Anda akan menerima pemberitahuan bahwa posting Anda telah diterbitkan dan dapat dibaca oleh orang lain.


Untuk melihat posting yang baru saja Anda terbitkan, klik tulisan Lihat Blog.

Langkah 6

Beginilah tampilan Blog Anda dengan posting terbaru.


Jika Anda masih kurang puas dengan tampilannya, Anda bisa mengubahnya dengan mengklik gambar pensil yang ada di bawah isi posting dan Anda akan kembali ke halaman Posting. Sorry aja kalau artikel saya ini tidak bermutu...

Selamat posting!!

Artikel terkait :

* Membuat Blog Menggunakan Blogger
* Membuat “Read More” pada Tampilan Blogspot
* Penyedia Template Blogger Gratis

Membuat Email

<span class="fullpost">Google Mail yang sering juga disebut Gmail adalah layanan email gratis yang disediakan oleh google yang telah banyak digunakan para pengguna Internet seluruh dunia. Dalam membuat akun Gmail cukup mudah dan keuntungan yang akan di dapat dari membuat akun Gmail cukup banyak antara lain adalah:

* nda bisa membuat Blog di www.blogger.com.
* Anda bisa chatting dengan menggunakan Google Talk.
* Anda bisa medapatkan uang dengan memasang Google Adsense di Website dan Blog.
* Anda bisa memasang iklan di Google Adwords.
* Anda pun bisa menggunakan jejaring social dari Google yang di beri nama Google Buzz.
* Dan masih banyak yang lainnya, mungkin di kesempatan lain saya akan mencoba menjelaskannya.

Untuk membuat akun Gmail langkah-langkahnya adalah sebagai berikut:
1. Kunjungi http://www.gmail.com dan tampilannya seperti ini.
2. Klik Buat Akun dibawah kotak Google Akun.


3. Kemudian isi form-form berikut di bawah ini

* Masukan nama depan anda
* Masukan nama belakang anda
* Masukan alamat email yang anda inginkan
* Masukan password atau kata sandi yang anda inginkan
* Tandai ingat saya di komputer ini
* Tandai aktifkan riwayat web
* Pilih pertanyaan
* Isikan jawaban pertanyaan yang telah anda buat
* Kotak isian email sekunder (Isi dengan alamat email yang lain, kalau anda punya, kalau ga ada kosongkan saja)
* Isikan lokasi atau negara anda
* Verfikasi kata dengan mengetik ulang tulisan atau gambar yang ada
* Terakhir klik button Saya menerima. Buat akun saya

Tampilannya seperti ini


4. Klik tunjukan akun saya


5. Kemudian Klik di sebelah button Mantap! Lihat Buzz Yuk yaitu Klik masukan ke kotak masuk, saya akan mencoba Buzz nanti,


Dan selesai untuk pembuatan Akun Gmail.

Semoga informasi yang saya berikan bisa bermanfaat bagi anda.</span>