TATA CARA MEMBUAT BLOG DI BLOGSPOT.COM / BLOGGER.COM

Oke, tanpa banyak berbasa-basi lagi silahkan baca langkah-langkah cara membuat blog di bawah ini ya…

1. Yang harus kamu siapkan dan wajib sebelum membuat atau bikin blog di blogspot (blogger) adalah memiliki email terlebih dahulu. email ini nantinya digunakan untuk mendaftar pertama kali. Tenang saja tidak usah terburu-buru. Baca dulu panduan ini sampai habis, kemudian baru dipraktekkan. oke

2. Jika sudah membuat email, bukalah alamat www.blogger.com, dan pastikan yang muncul adalah halaman seperti di bawah ini

klik tombol orange yang bertuliskan Memulai, untuk mulai mendaftar.

3. Kemudian lengkapi formulir pendaftaran pembuatan blog di blogspot seperti gambar di bawah ini.

gambar di atas merupakan contoh, untuk isinya sesuaikan dengan data yang kamu miliki

pada kolom alamat email : masukan email kamu
ketik ulang alamat email : masukan lagi email yang sama seperti diatas

masukan sebuah password : masukkan kata kunci (minimal 8 karakter, bisa huruf bisa angka)
ketikan ulang sandi : masukan lagi password yang telah kamu masukan sama dengan yang di atas

Nama tampilan : isi nama kamu atau nama alias kamu (ini akan tampil bersamaan dengan posting, artikel yang kamu buat nanti)

verifikasi : masukkan gambar kata yang terdapat di atas kolom.

pada gambar di atas sudah saya sertakan contoh pengisiannya

jika sudah diisi semua lalu klik Tombol panah orange (Lanjutkan)

4.  setelah kamu klik tombol lanjutkan, nanti akan tampil halaman formulir untuk melengkapi judul blog dan alamat blog kamu

Isilah Judul Blog dan Alamat blog sesuai dengan keinginanmu, jika alamat blog menggunakan 2 kata atau lebih gunakan tanda ( – ). karena blogspot tidak bisa menggunakan spasi. contoh pengisiannya perhatikan gambar di atas

terkadang alamat blog yang kita tulis sudah pakai oleh orang lain, jika sudah dipakai orang lain berati tidak bisa digunakan. Untuk mengetahui sudah dipakai orang lain atau belum Klik saja tombol “cek ketersediaan” jika belum dipakai orang lain, maka di bawahnya akan muncul tulisan warna hijau yang bertuliskan Alamat blog ini tersedia

jika sudah selesai menentukan judul dan alamat blog, silahkan klik tombol lanjutkan

5. Setelah kamu klik tombol lanjutkan, nanti akan tampil halaman untuk menentukan tema atau template blog kamu, seperti gambar di bawah ini.

Untuk memilih template tinggal klik salah satu. kemudian  klik  tombol lanjutkan.

Setelah tombol Lanjutkan di atas diklik,  berarti blog kamu sudah jadi, hanya saja belum ada artikelnya sama sekali. Untuk memberi artikel pertama kali, silahkan klik tombol Mulai Blogging seperti gambar di bawah ini.

6. Setelah kamu klik tombol mulai blogging nanti akan tampil halaman pengisian artikel.

gambar di bawah ini merupakan halaman pengisian artikel yang sudah disertai dengan contohnya.

Kolom judul untuk judul artikel, kolom yang lebar di bawahnya itu untuk menulis artikel atau posting, dan kolom label untuk mengisi jenis kategory artikel.

jika sudah diisi semua, tekan menu TERBITKAN ENTRI, setelah itu akan muncul pemberitahuan yang mengatakan bahwa kamu telah berhasil menerbitkan posting atau artikel seperti gambar di bawah ini.  Untuk melihat tampilan artikel yang berhasil kamu buat tadi silahkan klik tombol Lihat Entri.

Tampilan artikel di blog kamu akan tampak seperti gambar di bawah ini.

Sekarang blog kamu sudah selesai dibuat dengan satu buah artkel.

Perhatikan sisi halaman pojok kanan atas yang dilingkari.  tombol entri baru untuk menulis artikel yang baru, tombol Desain untuk menentukan atau pengatur Desain, sedangkan tombol keluar untuk Log out, jika sudah setelah memposting artikel atau setelah mengatur blog kamu.

7. jika suatu saat nanti kamu ingin memposting artikel baru lagi, kamu tidak perlu mendaftar lagi… tinggal buka www.blogger.com kemudian masukkan email , dan paswod kamu , kemudian klik tombol “masuk”, dengan begitu kamu akan d bawa ke menu dashboard blogspot,

Tampilan Dasrboard blogger kamu akan tampak seperti gambar di bawah ini, melalui halaman dashboard kamu bisa mengedit, membuat posting, ataupun mengatur setting blog kamu.

Beberapa waktu yang lalu, untuk bisa menggunakan blogger secara penuh, kita harus melakukan verifikasi akun dengan mengklik link verisikasi dari Blogger.com yang dikirimkan ke email kita, namun saat ini sudah tidak lagi. Jadi kita bisa menggunakan blogger secara penuh TANPA repot verisikasi akun.

8. Oh iya jika kamu sudah mempunyai email di Gmail. kamu tidak perlu mendaftar dari awal… Kamu dapat  langsung memasukkan alamat email gmail dan password kamu, kemudian klik tombol masuk.

jika menggunakan email dari Gmail, kamu tidak perlu memasukan password dan email lain ataupun capta kode lagi… tinggal masukkan nama tampilan saja

Selanjutnya langkah-langkahnya sama dengan yang di atas….

sampai di sini dulu posting tentang langkah membuat blog di blogspot, semoga cukup mudah dipahami, jika kurang paham mohon maaf, dan bisa menuliskan komentar ada di bawah ini jika ada pertanyaan dan saran. terima kasih. dan selamat mencoba

read more...

Cara Cepat Terindeks Search Engine

Tips tambahan bagaimana caranya agar blog kita bisa cepat terindeks search engine. Caranya kali ini cukup mudah, cukup copy-paste URL dibawah ini ke notepad. Setelah itu klik Edit >> Replace >> Ganti heruid.blogspot.com dengan nama_domain_anda.com >> Klik Replace All. Setelah selesai kita copy satu-persatu URL tersebut ke address bar browser kita >> Klik Go/enter.


http://www.statbrain.com/http://heruid.blogspot.com
http://www.builtwith.com/?heruid.blogspot.com
http://snapshot.compete.com/heruid.blogspot.com
http://www.aboutus.org/heruid.blogspot.com
http://www.quantcast.com/heruid.blogspot.com
http://www.cubestat.com/heruid.blogspot.com
http://whois.tools4noobs.com/info/heruid.blogspot.com
http://www.alexa.com/siteinfo/heruid.blogspot.com
http://www.alexa.com/data/details/?url=heruid.blogspot.com
http://www.siteadvisor.cn/sites/heruid...t.com/summary/
http://whois.domaintools.com/heruid.blogspot.com
http://www.aboutdomain.org/backlinks/heruid.blogspot.com/
http://www.whoisya.com/heruid.blogspot.com
http://www.who.is/whois-com/heruid.blogspot.com
http://www.robtex.com/dns/heruid.blogspot.com.html
http://www.zimbio.com/search?q=heruid...om&btnG=Search
http://whois.ws/whois-info/ip-address/heruid.blogspot.com/
http://whoisx.co.uk/heruid.blogspot.com
http://searchanalytics.compete.com/s...heruid.blogspot.com

read more...

Cara Membuat Tabel di dalam Posting Blog Blogspot

Membuat Tabel di dalam sebuah postingan blog blogspot dulunya membuat saya kebingungan karena di blog sobat – sobat ada yang memakai tabel, setelah kunjungan ke beberapa blog sobat yg membahas masalah tabel, akhirnya sekarang saya mulai paham cara membuatnya, sekedar share kepada sobat-sobat yang blm mengerti cara membuat tabel, boleh simak langkah-langkah di bawah ini :

1. Seperti biasa silahkan anda login di blogger
2. Pilih posting
3. Buat Entri
4. Pilih Edit HTML, kemudian copy dan paste kode dibawah ini

<table border=1>
  <tbody>
    <tr>
        <td>Nama 1</td>
        <td>Nama 2</td>
        <td>Nama 3</td>

   <td>Nama 4</td>
</tr>

<tr>
<td>Alamat 1</td>
<td>Alamat 2</td>
<td>Alamat 3</td>

      <td>Alamat 4</td>
 </tr>
</tbody>
</table>

5. Kemudian pilih Compose, anda akan melihat hasil tabel sbb:

      6. Setelah itu anda tinggal mengedit isi dari tabel sesuai kebutuhan anda

7. Selesai.

Tapi bila anda ga mau susah payah langsung aja buat Tabel dengan bantuan Generate HTML Tabels di TABLEGEN.

read more...

CARA MENGGANTI TEMPLATE BLOG BLOGSPOT

Kalau kita sering berkunjung ke blog sahabat di Blogspot.com, anda akan melihat tampilan blog yang bagus-bagus. Sedangkan tampilan template yang disediakan oleh Blogspot biasa saja dan tampilannya standar.

Bagi anda yang ingin mengganti template blog silahkan anda search dulu template yang anda inginkan dengan keyword "Free Template/Theme  Blogger" , setelah mendapatkan template yang anda inginkan, silahkan download. pastikan template anda berekstensi XML.

Adapun cara mengganti template blogspot adalah sebagai berikut :

1. Silahkan login di akun anda,

2. Masuk Dashboard

3. Pilih Rancangan,

4. Pilih Edit HTML, lihat screenshoot :

5. Kemudian Centang "Expand Widget Templates"

6. Pilih template yang akan dipakai dari komputer anda, kemudian Upload/unggah

7. Jika anda ingin tetap memakai widget yang baru maka piilih "PERTAHANKAN WIDGET", jika tidak maka pilih "HAPUS WIDGET"

8. Setelah itu View/Pratinjau Blog anda 

9. Jika template yang anda ganti sesuai keinginan anda maka pilih "SIMPAN TEMPALTE".

10. Selesai.

SELAMAT MENCOBA, SEMOGA BERMANFAAT.......

read more...

CARA MENGHILANGKAN ANGKA PADA LABEL (VERSI 2)

Pada waktu yang lalu saya pernah membahas Cara Menghilangkan Angka Pada Label melalui edit HTML, pada bahasan kali ini kita akan menghilangkan angka pada label melalui fasilitas dari blog.

Langsung aja, langkah-langkahnya sebagai berikut :

1. Login Ke Blogger kemudian pilih Rancangan
2. Pilih Edit Gadget Label
3. Hilangkan centangan Tampilkan jumlah entri per label  
4. Kemudian Simpan.
5. Selesai

Sekarang silahkan anda lihat hasilnya.

read more...

Menghilangkan Angka Pada Archive Blog/Daftar Arsip

Sebelumnya pernah saya bahas tentang cara menghilangkan angka pada label, dan sekarang kita akan membahas cara menghilangkan angka pada Archive Blog.

Sebenarnya langkah-langkahnya tidak jauh berbeda, ini contoh gambarnya:

langkah-langkahnya adalah :

• Login ke Blogger kemudian pilih rancangan
• Pilih Elemen Laman, pilih Edit HTML
•  Beri tanda centang pada "Expand Template Widget"
• Cari kode <li class='archivedate'>
• Kemudian cari disekitarnya kode (<data:i.post-count/>)
• Jika sudah Ketemu hapus kode tersebut
• Pilih simpan/save
• Selesai, pilih lihat blog untuk melihat hasilnya.

read more...

CARA MENGHILANGKAN ANGKA PADA LABEL

Sering kita jumpai dalam kolom label atau kategori akan tertera angka yang menunjukan jumlah artikel yang telah diterbitkan, semakin sering menerbitkan artikel maka semakin banyak jumlah artikel yang berlabel sama maka angka tersebut juga akan bertambah. Adapun contohnya sbb:

Adapun langkah-langkah untuk menghilangkan angka tersebut sbb:

1. Login ke Blogger kemudian pilih rancangan
2. Pilih Elemen Laman, pilih Edit HTML
3.  Beri tanda centang pada "Expand Template Widget"
4. Cari kode (<data:label.count/>)
5. Jika sudah Ketemu hapus kode tersebut
6. Pilih simpan/save
7. Selesai, pilih lihat blog untuk melihat hasilnya

read more...

Cara Menyimpan Images Logo atau Banner exchange di Blog

Selama ini image banner biasanya di simpan di tempat lain, sekedar berbagi pengalaman, sebenarnya image banner bisa kita tempatkan di blog kita tanpa perlu kita terbitkan.

Adapun langkah-langkahnya adalah sbb :

1. Masuk ke blog anda
2. Pilih Posting
3. Pilih entri baru
4. Pilih Insert Image
5. Pilih image yang akan kita upload dari komputer
6. Kemudian save (jangan di terbitkan)
7. Untuk mengcopy alamat url klik kanan kemudian pilih copy image URL

Setelah itu anda tinggal paste alamat url tersebut dimana anda akan memasang banner.

sekian semoga bermanfaat.

read more...

Cara Membuat Kolom Scroll Box di Sidebar

Ikuti langkah langkah berikut ini.

1. Masuk ke Blog anda
2. Klik Tata Letak
3. Klik Elemen Halaman
4. Klik Tambah Gadget
5. Pilih pilihan menu HTML/JavaScript 
6. Pastekan script di bawah ini ke halaman conten HTML/JavaScript tersebut

<div style="overflow:auto; width:300px; height:100px; padding:10px; border:1px solid #F5F9FD;">

<li><a href="http://heruid.blogspot.com/2011/11/untuk-membuat-halaman-blog-lebih.html" target="_blank"> Untuk membuat halaman blog lebih Dinamis</a></li>

<li><a href="http://heruid.blogspot.com/2011/11/cara-mudah-bikin-iklan-baris-gratis.html" target="_blank"> Cara Mudah Bikin Iklan Baris Gratis</a></li>

<li><a href="http://heruid.blogspot.com/2011/11/simple-featured-content-slider-for.html" target="_blank"> Cara Membuat Content Slider di Blogspot.com</a></li>

</div>

Hasilnya seperti ini :

Untuk membuat halaman blog lebih Dinamis
Cara Mudah Bikin Iklan Baris Gratis
Cara Membuat Content Slider di Blogspot.com

7. Silahkan anda ganti script yang berwarna merah dengan script milik anda
8. Klik Simpan
9. Selesai

read more...

Cara Memasang Related Posts atau Artikel Yang Berkaitan (2)

Related post atau artikel yang berkaitan merupakan sebuah cara untuk menampilkan link-link artikel yang berkaitan dengan artikel utama dan biasanya terletak dibawah artikel utama (ini saya temukan di hermanblog).

Pemasangan related post ini biasanya dikelompokkan berdasarkan label atau kategori. Jadi jika ada salah satu artikel dari label tertentu ditampilkan maka artikel-artikel lain yang mempunyai label sama juga akan ikut muncul dibawah artikel tersebut.

Tujuan pemasangan related post ini agar pengunjung lebih mudah untuk mencari artikel yang berkaitan dengan artikel utama. Sehingga pengunjung tidak perlu report untuk mencari satu persatu artikel dalam menu label atau kategori.

Bagi yang masih bingung, silahkan lihat contohnya dibawah ini.


Gmn uda jelaskan? Nah bagi yang tertarik memasang related posts di blog anda, silahkan ikuti langkah-langkah dibawah ini:

1. Login ke Blogger. Pilih menu Design -> Edit HTML
2. Back-up terlebih dahulu template Anda dengan cara klik Download Full Template.
3. Setelah itu, beri tanda centang pada kotak "Expand Widgets Template".
4. Cari kode <data:post.body/>
5. Jika sudah ketemu, letakkan kode dibawah ini dibawah <data:post.body/>

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

<div class='widget-content'>
<h3>Related Posts</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;


function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;

var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>

Catatan:
Jika blog anda menggunakan kode read more maka biasanya ada 2 kode<data:post.body/> Letakkan kode diatas pada kode yang pertama.

6. Kalau sudah, klik Save Template lalu klik View Blog untuk melihat hasilnya.

Anda bisa mengganti teks "Artikel yang berkaitan" pada kode diatas dengan teks lain sesuai dengan keinginan anda.


Selamat mencoba..

read more...

Cara Menampilkan dan Menyembunyikan Sidebar atau Widget di Halaman Tertentu

Untuk membuat halaman blog lebih Dinamis salah satu caranya adalah menyembunyikan Widget, sidebar, dan footer pada halaman tertentu (artikel ini berasal dari teman : kode-blogger) . Misalnya sidebar dan footer hanya tampil pada halaman utama. nah, bagaimana caranya ?? berikut trick-nya.

Ikuti langkah-langkah berikut ini

1. Pertama Login ke account blog sobat.

2. Pilih Tata Letak kemudian Edit HTML.

3. Centang Expland Template Widget.

Misalnya sobat mau nyembunyiin widget yang ada di blog sobat, contoh, widget recent post/comment.

4. Maka carilah kode widget id dari gadget post/comments itu, lalu sisipkan baris kode yang berwarna biru pada baris kode widget id dari gadget comments tadi seperti dibawah ini:

<b:widget id='Feed1' locked='false' title='Comments' type='Feed'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<h2><data:title/></h2>
<div class='widget-content' expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
<span style='filter: alpha(25); opacity: 0.25;'>
<a expr:href='data:feedUrl'><data:loadingMsg/></a>
</span>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

5. Kalau sudah, lalu simpan template.

Maka sekarang sidebar post/comments hanya akan tampil pada halaman depan saja.

Contoh Lagi, Misalnya Sobat mau menyembunyikan Widget daftar isi di slidbar, yang hanya ingin ditampilkan pada halaman posting selanjutnya, maka setelah menemukan baris kode widget id yang dinginkan, maka sispkan baris kode yang berwarna Biru pada baris kode widget id dari widget daftar isi tadi.

<b:widget id='HTML2' locked='false' title='Facebook Profile' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- only display title if it's non-empty –>
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'> <data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Setelah selesai, lalu simpan template.
Maka sekarang widget daftar isi hanya akan tampil pada halaman selanjutnya saja, dimana posting tampil utuh. Sedangkan pada halaman depan widget ini tidak akan ditampilkan.

Jika yang ingin disembunyikan pada halaman depan dan ditampilkan pada halaman selanjutnyaadalah satu elemen halaman, misalnya sidebar yang paling kanan, maka baris kode yang harus disisipi kode adalah seperti berikut :

<div id='sidebar-wrapper'> <b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML8' locked='false' title='' type='HTML'/>
</b:section> </b:if>
</div>

Setelah itu Simpan template.
Maka gak usah khawatir, jika ternyata nanti pada bagian Elemen Laman, sidebar yang telah diberi kode tersebut akan tidak tampak. Untuk mengedit isi sidebar tersebut, cukup hapus baris kodeyang telah disisipkan tadi agar sidebar tersebut terlihat kembali.

Nah mungkin ada yang belum tahu cara mencari widget id slidbar, saya jelasin lagi neh..
1. Masuk ke edit laman, click edit pada sidebar yang ingin kita tahu widget id-nya.

Lihat Gambar

2. Prhatikan gambar di atas, tulisan di pojok kanan atas yang di blok warna biru, itulah kode widget id. itulah cara mengetahui widget id, pada widget blog.

NB : Untuk memudahkan pencarian kode pada kolom HTML, gunakan kolom pencari dengan mengklik Ctrl + F, lalu ketikan kata atau kalimat yang ingin dicari.

read more...