Cara Membuat Warna Kotak Komentar Admin Berbeda

Maksud dari judul di atas adalah kita akan memberi warna serta border pada kolom komentar admin sehingga pengunjung dapat dengan mudah membedakan mana komentar admin dan mana komentar pengunjung lain. Warna kotak komentar yang berbeda ini akan terjadi saat kita berkomentar jika kita selaku admin blog telah sign in di Blogger.

Bila tertarik untuk mengaplikasikan trik ini pada template blog Sobat, silakan simak langkah-langkahnya di bawah ini.

1. Masuk ke akun Blogger Sobat.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk berjaga-jaga kalau nanti terjadi kesalahan kita dapat dengan mudah mengembalikan template seperti semula.

4. Beri tanda centang di Expand Template Widget.

5. Cari kode ]]></b:skin>. Tekan Ctrl + F lalu isikan kode untuk mempercepat pencarian.

6. Copy kode di bawah ini lalu paste di atas kode tersebut.

.comment-body-author {
background: #fee6e6; /* Warna Background */
border:2px dotted #d31111; /*Border*/
margin:0;
padding:0 0 0 0px;
}

• #fee6e6 merupakan warna untuk latar belakang, silakan ganti kode warnanya untuk mengubah warnanya.
• 2px dotted #d31111 adalah border style dot dengan ketebalan 2 piksel dan berwarna #d31111. Silakan diubah sesuai keinginan Sobat.

7. Cari kode seperti di bawah ini.

<b:if cond='data:comment.authorUrl'>

              <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>

            <b:else/>

              <data:comment.author/>

            </b:if>

            <data:commentPostedByMsg/>  

          </dt>

          <dd class='comment-body'>

            <b:if cond='data:comment.isDeleted'>

              <span class='deleted-comment'><data:comment.body/></span>

            <b:else/>

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

            </b:if>

          </dd>

          <dd class='comment-footer'>

8. Tambahkan kode:

<b:if cond='data:comment.author == data:post.author'>

<dd class='comment-body-author'>

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

</dd>

<b:else/>

di bawah kode:

<data:commentPostedByMsg/>  

          </dt>

dan kode </b:if> di bawah kode:

<dd class='comment-body'>

            <b:if cond='data:comment.isDeleted'>

              <span class='deleted-comment'><data:comment.body/></span>

            <b:else/>

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

            </b:if>

          </dd>

sehingga hasilnya menjadi seperti di bawah ini.

<b:if cond='data:comment.authorUrl'>

              <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>

            <b:else/>

              <data:comment.author/>

            </b:if>

            <data:commentPostedByMsg/>  

          </dt>

<b:if cond='data:comment.author == data:post.author'>

<dd class='comment-body-author'>

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

</dd>

<b:else/>

          <dd class='comment-body'>

            <b:if cond='data:comment.isDeleted'>

              <span class='deleted-comment'><data:comment.body/></span>

            <b:else/>

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

            </b:if>

          </dd>

</b:if>

          <dd class='comment-footer'>

9. Klik tombol SIMPAN TEMPLATE.

Read more »

Cara Membuat Link yang Membuka di Tab Baru

Di dalam membuat suatu artikel di Blogger terkadang kita perlu menyisipkan satu atau beberapa tautan atau link. Cukup mudah untuk membuat link di Blogger. Kita hanya perlu meng-highlight teks yang akan disisipi link kemudian mengisi alamat URL-nya. Bila dilihat di Edit HTML, maka bentuk link tersebut secara umum terlihat seperti ini <a href="URL">Teks</a>.

Bentuk link di atas jika diklik maka akan membuka di tab yang sama. Hal ini bisa saja mengganggu kenyamanan pengunjung yang sedang membaca artikel kita. Agar pembaca tidak kehilangan halaman blog kita, maka solusinya adalah dengan membuatkan link yang membuka di tab yang baru. Lalu, bagaimana cara membuatnya?

Untuk membuat link yang membuka di tab baru, kita perlu menambahkan kode target="_blank" atau target="_new" atau target="_up" setelah kode "URL".

Contoh:

<a href="http://hayeksaja.blogspot.com/2011/01/tukar-link.html" target="_blank">Tukar Link</a>

Maka hasilnya seperti di bawah ini.

Tukar Link

<a href="http://hayeksaja.blogspot.com/2011/01/tukar-link.html" target="_new">Tukar Link</a>

Maka hasilnya seperti di bawah ini.

Tukar Link

<a href="http://hayeksaja.blogspot.com/2011/01/tukar-link.html" target="_up">Tukar Link</a>

Maka hasilnya seperti di bawah ini.

Tukar Link

Silakan diklik ketiga link di atas masing-masing sebanyak beberapa kali.

Dari hasil pengeklikan itu terlihat bahwa link yang menggunakan target="_blank" akan membuka di tab baru yang pertama, bila diklik lagi kemudian membuka lagi di tab baru yang ke-dua, bila diklik lagi maka akan membuka di tab baru yang ke-tiga, dan seterusnya.

Berbeda dengan link yang menggunakan target="_new" atau target="_up", bila kedua link tersebut diklik untuk yang pertama kali, maka masing-masing akan membuka di tab yang baru. Namun, bila diklik untuk yang ke-dua kali dan seterusnya, maka kedua link tersebut hanya akan me-reload atau membuka ulang di tab dari hasil pengeklikan yang pertama tadi.

Di sini terlihat akan lebih efektif bila menggunakan target="_blank" untuk membuat link membuka di tab baru.

Read more »

Menghilangkan Diposkan oleh, Waktu posting, dan Label pada Blogger

Tulisan Diposkan oleh, Waktu posting, serta Label biasanya terletak di bawah posting. Bila Anda tidak menyukai keberadaannya, Anda dapat menghilangkan atau menghapusnya. Berikut ini langkah-langkahnya:

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk membuat salinan template. Hal ini untuk berjaga-jaga kalau nanti terjadi kesalahan dalam pengeditan kita sudah mempunyai back-up-nya.

4. Beri tanda centang pada Expand Template Widget.

5. Untuk menghilangkan tulisan Diposkan oleh, silakan cari kode seperti di bawah ini.

<span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
          <span class='fn'><data:post.author/></span>
        </b:if>
      </span>

6. Kemudian hapus kode tersebut.

7. Bila ingin menghilangkan tulisan jam atau waktu posting di belakangnya, silakan cari kode seperti di bawah ini.

<span class='post-timestamp'>
        <b:if cond='data:top.showTimestamp'>
          <data:top.timestampLabel/>
        <b:if cond='data:post.url'>
          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>
      </span>

8. Selanjutnya hapus kode tersebut.

9. Jika ingin menghilangkan tulisan Label, silakan cari kode seperti di bawah ini.

<span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span>

10. Lalu hapus kode tersebut.

11. Klik tombol SIMPAN TEMPLATE.

12. Selesai.

Read more »

Cara Membuat Link Text Menjadi Huruf Miring Saat Disorot Mouse

S

atu hal yang dapat kita lakukan untuk membuat link text di blog menjadi tampak menarik dan terlihat berbeda. Apa itu? Kali kita akan membuat link text pada blog menjadi huruf miring saat disorot dengan mouse. Bagaimana cara melakukannya? Caranya dapat disimak pada penjelasan di bawah ini.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk membuat back-up template. Hal ini berguna kalau kita ingin mengembalikan template seperti semula jika ada kesalahan dalam pengeditan.

4. Cari kode yang mirip dengan kode di bawah ini yaitu kode yang mengandung a:hover.

a:hover {
color:#5588AA;
text-decoration:underline;
}

5. Tambahkan kode font-style:italic; sehingga hasilnya menjadi seperti di bawah ini.

a:hover {
color:#5588AA;
text-decoration:underline;

font-style:italic;
}

6. Klik tombol SIMPAN TEMPLATE.

7. Selesai dan lihat link text yang ada di blog Anda.

Read more »

Cara Membuat 3 Kolom di Bawah Header pada Blogger

Berikut ini langkah-langkah dalam membuat 3 (tiga) kolom atau elemen di bawah Header di Blogger. Selamat menyimak.. Semoga berhasil..

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk membuat salinan template. Hal ini untuk mengantisipasi jika nanti terjadi kesalahan dalam pengeditan kita dapat dengan mudah mengembalikan template ke seperti semula.

4. Cari kode ]]></b:skin>. Untuk mempercepat pencarian, silakan tekan Ctrl + F lalu masukkan kodenya.

6. Copy kode di bawah ini dan paste di atas kode tersebut.

#box-main-container {

clear:both;

} 

.box-column {

padding:0px 10px 10px 10px;

border:1px dotted $bordercolor;

}

7. Cari kode <div id='main-wrapper'> atau bila tidak ada, silakan cari <div class='main-outer'>.

8. Copy kode di bawah ini dan paste di atas salah satu kode tersebut.

<div id='box-main-container'>

<div id='box1' style='width: 30%; float: left; margin:0; text-align: left;'>

<b:section class='box-column' id='col1' preferred='yes' style='float:left;'/>

</div>

<div id='box2' style='width: 40%; float: left; margin:0; text-align: left;'>

<b:section class='box-column' id='col2' preferred='yes' style='float:left;'/>

</div>

<div id='box3' style='width: 30%; float: right; margin:0; text-align: left;'>

<b:section class='box-column' id='col3' preferred='yes' style='float:right;'/>

</div>

<div style='clear:both;'/>

</div>

9. Klik tombol SIMPAN TEMPLATE.

Read more »

Menampilkan label dengan dropdown menu

hayeksaja.blogspot.com kali ini akan membahas cara membuat tampilan menu Label untuk default blogspot yaitu dengan menu ul (list style). Mungkin untuk sebuah blog yang mempunyai label sedikit, tampilan tersebut tentu tidak masalah karena hanya memerlukan sedikit space di bagian sidebar. Nah....coba kalo blog tersebut mempunyai label yang banyak....berapa banyak space yang habis untuk memuat label tersebut.....Tentunya hal ini akan sangat mempengaruhi efisiensi blog kita. Nah...supaya tampilan label tidak terlalu menghabiskan space sidebar anda, saya punya trik bagaimana cara menampilkan label dengan dropdown menu. Berikut Tutorialnya :

• Seperti biasa, Login dulu di Blogger
• Di jendela dashboard, klik menu layout lalu pilih edit HTML
• Setelah itu, jangan lupa kasih tanda centang di expand template widget
• Lalu cari kode seperti di bawah ini :

<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>

Kalo ngga ketemu, berarti menu label anda belum terpasang. Silahkan pasang terlebih dahulu lalu ikuti langkah2nya lagi. Kalo sudah ketemu, ganti kode tersebut dengan kode di bawah ini :

<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Select a label</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>

Klik save dan selesai.....

Read more »

Cara Memasang Artikel Berkaitan di Bawah Blg

Hallo kali ini hayeksaja.blogspot.com akan membagi tips memasang artikel berkaitan di bawah posting blog kita. fungsi nya adalah menampilkan link-link artikel yang berkaitan dengan artikel utama sehingga para pembaca bisa melihat judul-judul link artikel lain di blog kita.

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 mudah untuk membaca artikel yang berkaitan dengan artikel utama. Sehingga pengunjung tidak perlu report untuk mencari satu persatu artikel dalam menu label atau kategori.
lihat contoh di bawah artikel ini,.

Bagaimana udah jelaskan? Nah bagi yang tertarik untuk memasangnya, silahkan ikuti langkah-langkah dibawah ini:
1.  Login ke Blogger Pilih menu Layout / Tata letak, kemudian pilih 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, copy semua script dibawah ini, kemudian taruh dibawah <data:post.body/>

<b:if cond='data:blog.pageType == "item"'><div class='similiar'>
<div class='widget-content'><h3>Artikel yang berkaitan</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>

PERINGATAN ! :
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 kata "Artikel yang berkaitan" pada kode diatas dengan teks lain sesuai dengan keinginan Anda.

Read more »

Membuat menu Dropdown

Salah satu cara termudah untuk menampilkan setiap artikel yang kita tulis yaitu dengan menggunakan menu dropdown. mengapa demikian....karena setiap artikel yang kita tulis di blog itu akan tersimpan sesuai dengan bulan dimana kita posting artikel tersebut. Misalnya kita posting artikel bulan Januari, maka artikel tersebut akan berada di arsip bulan januari. Nah...kalo misalnya blog kita udah tahunan nih ceritanya, kira2 sepanjang apa ya arsip bulanan kita...? yang pasti hal tersebut akan menghabiskan semua bagian sidebar kita...hehehehe. Nah...salah satu cara yang paling efisien untuk mengantisipasi hal tersebut, yaitu dengan menu dropdown..

Nah....kali ini, saya akan membahas bagaimana cara membuat menu dropdown untuk archive dan membuat menu dropdown untuk menampilkan hal lain (link, text).

Membuat Menu Dropdown untuk Archive
• Login di Blogger
• Pada menu dashboard pilih layout lalu pilih Page Element
• Setelah itu pilih Add New Page Element
• Kemudian pilih Blog Archive.
• Lalu checklist Dropdown Menu pada menu Style.
• Kemudian pilih Monthly pada Archive Frequency.
• Klik Save.
• Selesai
Nah...langkah2 diatas adalah untuk membuat menu dropdown untuk archive. Sekarang bagaimana cara Membuat Menu Dropdown untuk menampilkan hal lain semacam link...Silahkan ikuti langkah2 nya.

Membuat Menu Dropdown Untuk Link.

Untuk membuat menu dropdown buat link, silahkan copy paste kode di bawah ini:

<form><select name="menu"
onchange="window.open(this.options[this.selectedIndex]
.value,'_blank')"size=1 name=menu> <option value=0 selected>tulisan disini yang akan muncul duluan</OPTION>

<option value="url anda">tulisan di sini yang akan muncul</option> </select></form>

Ket :
--> Silahkan ganti text yang berwarna biru sesuai keterangan yang anda inginkan.

Selamat Mencoba............

Read more »

Cara Memasang Jam Pada Blog

Cara Memasang Jam Pada Blog

Hai para abg blogger.. hehe.. Pada postingan kali ini saya akan menjelaskan tentang cara membuat jam pada blog. Gadget ini hanya memiliki fungsi sebagai penunjuk jam dan memperindah tampilan blog kita. Tidak hanya itu gadget ini juga dapat memperlambat page load. Oleh karena itu saya tidak menyarankan untuk memasang jam ini pada blog anda. Langkah pertama silahkan klik DI SINI !

1. Kemudian pilih Menu Gallery
2. Pilih Gallery sesuai selera atau tema blog, misalnya sobat blogger memilih nature lalu klik Link “nature” tersebut.
3. Pilih jam yang ingin sobat gunakan, lalu klik "view html" dibawah gambar jam
4. Keluarlah halaman box lisensi dari layanan ClockLink.com, pilih "Accept"
5. Pada halaman box selanjutnya kalian bisa memilih salah satu code, sebaiknya pilih yang paling atas.
6. Copy kode yang telah dipilih.
7. Langkah berikutnya login ke Blogger.com
8. Klik Layout/ Tata Letak pilih Elemen Halaman
9. Klik "Add Gadget" atau "Tambah Gadget"
10. Pilih HTML/ Javascript
11. Lalu masukkan kode yang telah di copy tadi ke dalam kotak yang disediakan
12. Kemudian klik simpan
13. Udah deh..

Read more »

Cara memilih nama blog yang bagus

Kali ini, hayeksaja.blogspot.com akan membahas cara bagaimana memilih nama Blog yang bagus. kebingungan dalam memilih nama blog bukan hal yang aneh saat kita akan membuat blog. Nah, saya akan berbagi sedikit pengalaman tentang Cara memilih nama blog yang bagus. Jika Anda punya keinginan untuk menjadikan blog terkenal, maka mulailah dengan memilih nama blog yang bagus.

Cara memilih nama blog yang bagus
1. Nama blog harus dapat menggambarkan blog secara keseluruhan. Anda bisa bayangkan, hanya dengan membaca sebaris kata, pembaca bisa mengerti blog tersebut tentang apa. Potensi terbesar orang akan mengunjungi blog melalui search engine adalah dengan memperhatikan nama blog yang paling relevan dengan artikel yang dicarinya.

2. Buatlah nama blog yang mudah diingat. Agar mudah diingat, buatlah nama blog yang pendek dan jangan pula terlalu panjang. Nama blog cukup satu kata saja atau dua kata. Jika terlalu panjang akan sulit untuk diingat. Contoh kasus dapat Anda lihat pada beberapa blog yang sudah terkenal di Indonesia. Mereka membuat nama blog yang sederhana namun sangat mudah diingat.

3. Jangan terlalu banyak modifikasi ejaan. Perhatikan huruf, numerik dan penggunaan notasi-notasi yang tidak perlu. Jangan menggunakan kombinasi huruf dan angka yang membuat bingung pengunjung blog. Mungkin Anda pernah menemukan bog dengan nama yang ada kombinasi huruf, angka, simbol atau notasi-notasi tertentu. Wow, sangat kacau dan tidak baik bagi mesin cari seperti google. Tapi ini menurutku lo. Bukan bermaksud apa-apa.

4. Nama blog harus sama dengan nama domain. Banyak saya temui nama domain blog yang sangat berbeda dengan nama blog. Kelihatannya saja sepele, namun nama domain yang sama dengan nama blog akan sangat berarti dalam optimasi mesin cari. Nama blog bisa saja berbeda dengan domain blog namun usahakan masih mirip dan mendekati.

5. Nama blog harus unik. Misalnya membuat nama blog seperti judul film atau hal-hal yang kontroversial. Saya yakin keunikan ini akan menjadi satu daya tarik tertentu bagi pengunjung. Unik bisa juga berupa nama yang lucu atau seram dan mengerikan. Terserah saja, pokoknya beda dari yang lain.

6. Sisipkan keyword pada nama blog yang menjadi keyword pencarian blog Anda. Tips ini sangat bermanfaat bagi blog yang menargetkan pasar tertentu. Apalagi blog bisnis, maka penyisipan keyword pada nama blog sangat penting. Tujuannya adalah mengpotimalkan search engine pencarian blog Anda melaui keyword tertentu yang sudah Anda targetkan.

7. Nama blog jangan terlalu umum dan jangan pula terlalu menargetkan niche tertentu. Ada untung dan ruginya jika memilih nama yang terlalu umum. Anda akan sangat mudah mencari konten berita untuk blog jika blog Anda memilih topik yang umum namun tidak fokus pada topik tertentu akan membuat pengunjung tidak betah berada di blog Anda. Memilih nama blog dengan topik yang lebih khusus akan lebih baik, namun akan perlu dipertimbangkan siapa yang menjadi target pembaca blog tersebut. Jangan pula nantinya pembaca blog kita malah hanya sedikit karena topik yang terlalu sempit. Anda dapat menggunakan layanan google trend untuk menganalisa nama blog yang akan anda pilih.


Masih banyak cara memilih nama blog yang bagus. Cara tersebut tidak mutlak harus demikian dan Anda bisa pilih mana yang cocok dan sesuai dengan tipe dan karakter blog Anda. Jika Anda punya pendapat lain yang bisa dibagikan, saya sangat berterimakasih. Salam hangat dan happy blogging for all.

Read more »

Upload Gambar Di Postingan

saya akui, hayeksaja.blogspot.com adalah Blog baru, jadi untuk lebih tau cara mengupload gambar di postingan mari kita sama sama belajar.
Tau ga, biar postingan kita terlihat lebih menarik, ada baiknya kalo kita posting sambil memasang gambar. Karena gambar itu mewakili suatu kalimat juga loh.. Atau bisa juga untuk mempertegas suatu artikel sesuai dengan tema isi dari blog yang dibuat. Nah, bagi blogger pemula, ini langkah" untuk meng-upload gambar di blogger.com

> Login di blogger.
> Pilih menu POST.
> Lalu Klik NEW POST.
> Pada jendela posting, Klik gambar seperti berikut
> Kalo kamu pengen ambil gambar dari komputer kamu, klik aja tombol BROWSE pada bagian ADD AN IMAGE FROM YOUR COMPUTER, lalu pilih gambar yang akan dimasukan ke postingan.
> Kalo misalnya mau upload gambar dari situs lain, isi aja kolom kosong di bawah tulisan ADD IMAGE FROM WEB dengan memasukan url gambar yang kamu maksud.
> Pada menu CHOOSE A LAYOUT pilih salah satu antara NONE, LEFT, CENTER atau RIGHT sesuai dengan keinginan kamu.
> Pada menu IMAGE SIZE pilih satu antara SMALL (kecil), MEDIUM (sedang) atau LARGE (besar) tergantung selera kamu.
> Kalo misalnya kamu pengen settingan gambarnya tetap setiap posting, kasih tanda checklist aja di samping tulisan USE THIS LAYOUT EVERY TIME.
> Kalo sudah selesai klik UPLOAD IMAGE.
> Tunggu sebentar dan klik DONE.

Read more »

Cara Setting Blog

kali ini hayeksaja.blogspot.com akan membahas mengenai tata cara bagaimana cara setting blog yang benar? Silahkan ikuti cara"nya di bawah ini :

1. Login dulu di blogger.
2. Kalau sudah masuk, Klik Setting
3. Pada tab Basic atau Dasar isi seperti di bawah ini :

Title >> Isi dengan judul blog kamu.
Description >> Isi dengan deskripsi blog kamu.
Add your blog to our listing >> pilih yes
Let's search engines find your blog >> pilih yes
Show quick editing on your blog >> pilih yes. Kalo no juga gpp kok.
Show email post links >> pilih yes atau no, no problem.
Adult content >> pilih no. Soalnya kalo dipilih yes blog kamu dianggap porno. Kecuali kalo emang isinya porno.
Show compose mode for all your blogs >> yes atau no ga masalah. Tapi kalo menurut gue yes lebih baik (memudahkan kita dalam postingan).
Enable transition >> pilih No
Klik Save Setting.

4. Menu Publishing
Kalo pengen robah alamat blog kamu, tinggal ganti aja kata yang ada di dalam kolom.

5. Menu Formatting

Show >> pilih post jangan days.
Date header format >> pilih tanggal sesuai selera kamu
Archive index date >> pilih sesuai selera kamu.
Timestamp format >> pilih yang simple aja deh..
Timezone >> pilih regional waktu kita. Contoh untuk WIB : (GMT+07:00) Jakarta
Language >> Pilih sesuai bahasa blog kamu.
Convert line breaks -- pilih Yes.. No juga ga apa apa.
Show title field -- pilih yes
Show link field -- pilih yes atau no (up to u)
Enable float alignment -- pilih yes atau no (no problem)
Klik Save Setting

6. Menu Comments

Comments -- pilih show
Who can comment -- pilih Anyone (Supaya setiap orang bisa berkunjung ke blog kita)
Comments default for posts -- pilih New Posts have comment
Back links -- pilih show
Backlink default for post -- pilih New posts have backlink.
Comment timestamp format -- pilih yang simple aja.
Comment form messages -- mo di isi ato ngga terserah kamu.
Show comment in a popup windows -- pilih yes
Enable comment moderation -- pilih No. kecuali buat kamu yang Ja'im, silahkan pilih yes. (maksudnya untuk pengecekan aja. Kalo pilih no maka komentar langsung masuk ke blog kamu, kalo pilih yes maka komentar nunggu dulu konfirmasi dari kamu selaku yang punya blog)
Show word verification -- pilih yes (biar komentar spam ga bisa masuk)
Show images profile on comment -- pilih yes.
Comment notification email -- isi dengan alamat email kamu (maksudnya kalo setiap ada yang ninggalin komentar di blog kita, akan dikirim juga ke email kita)
Klik Save Setting.

7. Menu Archiving

Archive frequency -- pilih monthly
Enable post page -- pilih yes
Simpan ya.....

8. Menu Site feed

Allow blogs feed -- pilih full
Post feed redirect url -- masukan alamat feed kamu contoh untuk blog ini http://feeds.feedburner.com/hayeksaja. kalo belum punya, silahkan daftar di sini (gratis) atau kosongin aja.
Klik Save Setting

9. Selesai Bro... hayeksaja.blogspot.com

Read more »

Cara Membuat Blog di Blogger.Com

Langkah" Membuat Blog di Blogger.com:

1. Buka http://blogger.com di browser kamu.

2. Lalu Klik tulisan Ciptakan Blog Anda.

3. Setelah itu, akan muncul beberapa form yang harus kamu isi.

Alamat email → Isi dengan alamat email kamu.
Ketik ulang alamat email → Isi kembali dengan alamat email seperti sebelumnya.
Masukan sebuah password → Tuliskan password kamu.
Ketik ulang sandi → Tuliskan kembali password kamu.
Nama tampilan → Isi dengan nama kamu.
Verifikasi kata → Isi dengan text sesuai gambar.
Penerimaan persyaratan → Beri tanda checklist pada kolom yg disediakan
Klik Lanjutkan.

4. Langkah selanjutnya yaitu memberi nama blog kamu.

Judul Blog → Isi dengan judul blog kamu.
Alamat blog → Isi dengan alamat blog yg kamu inginkan. Pada kolom ini, kamu harus menuliskan alamat blog yang baru dan unik. Karena bisa saja alamat blog yang kamu tulis sudah dimiliki orang lain.
Klik Lanjutkan

5. Sekarang saatnya memilih template blog kamu. Pilih salah satu template blog yang telah disediakan, kemudian Klik Lanjutkan

6. Terakhir Klik Mulai Blogging

Sekarang kamu udah sukses membuat blog. Langkah selanjutnya, silahkan kamu mulai menulis artikel atau sesuatu untuk di tampilkan di blog kamu. Sukses yah..!!

Read more »

Apa itu Blog?

Blog adalah sebuah media untuk menyediakan dan mengekspresikan aspirasi dan inspirasi di dalam dunia maya.

Kita bebas mengekspresikan maupun memfermak Blog sesuka hati kita, asal sesuai dengan norma dan tata krama yang telah ditentukan di dalam Blog itu sendiri. Semakin cantik dan up to date suatu Blog, traffic maupun pengunjung akan semakin meningkat.

Blog/web yang baik biasanya mempunyai kriteria-kriteria tertentu, seperti adanya Header, body, sidebar, footer. Jadi satu halaman sebuah Blog yang baik terdiri dari kriteria-kriteria di atas.

Bagaimana membuat sebuah Blog?

Blog bisa kita ciptakan melalui jasa web penyedia blog, seperti: Blogger, Wordpress, Multiply, dll. Di sini kita khusus belajar membuat blog dari Blogger/ Blogspot.

Apa yang harus di kuasai untuk bisa mengedit sebuah Blog?

Di blogspot,sudah ada versi WYSWYG yang mana kita tidak perlu capek menuliskan kode untuk sebuah blog. Tapi jika anda menguasai HTML, CSS, PHP maupun Javascript akan lebih baik lagi.

Jika kita sudah mempunyai Blog? Apa yang harus kita lakukan?

Memposting artikel pada Blog? maupun upload foto ataupun Video, ajang narsis, kumpul sesama Blogger menjalin silaturahmi, curhat, dll. Keuntungan lain yaitu dengan kita mempunyai sebuah Blog, ibarat kita sudah mempunyai sebuah rumah, dan di rumah itu, kita bebas mau mananam apaun itu tanamanya. Maksudnya, kita bisa meletakkan sebuah kode, baik itu kode tukar link, iklan dll.

Banyak penyedia content yang menawarkan kode iklan (AdSense, Text Link-Ads, AdBrite, dll) untuk memasang iklan pada suatu Blog, yang akan membayar kita jika ada pengunjung yang mengklik iklan yang kita tampilkan.

Apa sich keuntungan Materi dari banyaknya pengunjung pada Blog kita?

Yang jelas.. dengan bayaknya pengunjung, kemungkinan iklan kita dilihat orang juga akan semakin besar, dan akan semakin besar pula tambahan doku ke kantong kita.

Sudahkah anda memiliki Blog?

Read more »

Cara Memasang banner flash di blog

kali ini hayeksaja.blogspot.com akan menerangkan cara memasang banner flash sebenar sangat mudah asalkan kita tahu kode atau script yang diperlukan untuk memasang banner flash.
Berikut cara memasang banner flash di blog:
1. pertama-tama anda harus memiliki banner flash, cara membuatnya sebenarnya sangat mudah. Anda bisa melihat di artikel saya yang ini cara membuat banner flash.
2. login ke blog anda, lalu pilih add gadget > pilih html/script
3. copy code berikut :

<center><embed pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash" quality="high"  src="http://domainanda.com/namabanner.swf" bgcolor="white" type="application/x-shockwave-flash" width="468" height="60"></embed></center>

keterangan:
a. ganti url warna merah dengan url banner yang anda.
b. untuk size (warna pink) sesuaikan dengan size banner anda
4. pastekan di kotak gadget tadi lalu save, dan lihat hasilnya.

silahkan mencoba ya..

Read more »

Membuat Daftar Isi Otomatis Pada Sidebar Dengan Scroll Atau Dengan Efek Berjalan

Kalo kemarin saya sudah posting gimana caranya bikin daftar isi manual pada side bar, sekarang saya mau share cara membuat daftar isi pada blog secara otomatis dengan scroll atau dengan efek berjalan. Langsung menuju ke materi gan. Berikut langkahnya :

1. Seperti biasa jeee, login ke akun blogger anda
2. Klik Rancangan dilanjut klik Tambah Gadget pilih HTML / JavaScript
3. Untuk Daftar Isi dengan Scroll masukkan kode berikut :

<style></style>
<div style="margin: 0px; padding: 0px; overflow: auto; width: 400px; height: 200px; background-color: rgb(128, 0, 0);">
<script style="text/javascript" src="http://adesanusi.googlepages.com/daftar-isi.txt"></script><script style="text/javascript">var numposts = 150;var showpostdate = false;var showpostsummary = false;var numchars = 150;var standardstyling = true;</script><script src="http://hayeksaja.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script><br /><br /></div>

4. Tulisan yang berwarna biru bisa diganti menyesuaikan dengan lebar sidebar blog sobat, nah yang warna merah ganti dengan alamat blog sobat yay, yang berwarna hijau itu warna backgroundnya, ganti lah sesuka hati atau kalo mau dikosongin tinggal ganti aja dengan kata none

5. Untuk Daftar Isi Dengan Efek Berjalan masukkan kode berikut nih :

<marquee direction="down" onmouseover="this.stop()" width="100%" onmouseout="this.start()" scrollamount="2" height="200"><br/><br/><script style="text/javascript" src="http://adesanusi.googlepages.com/daftar-isi.txt"></script><script style="text/javascript">var numposts = 100;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://hayeksaja.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script><br/><br/></marquee>

6. Seperti diatas, warna merah ganti dengan alamat blog sobat ya, warna biru untuk mengatur ketinggian. Silakan diutak-atik sendiri untuk mendapatkan hasil yang maksimal yang sesuai dengan keinginan sobat deh.

7. Terakhir simpan dan lihat hasilnya

Read more »

Cara Menuliskan Script/Kode Dalam Artikel Blog

Dalam kesempatan ini Hayeksaja akan membahas cara Untuk menuliskan script/kode kedalam artikel blog memang ada tekniknya sendiri, karena jika kita menuliskannya dengan cara yang biasa maka yang akan muncul kemudian di blog tidaklah seperti dengan apa yang kita tuliskan. Misalnya gini, jika kita menuliskan kode <head> dengan cara yang biasa maka hasilnya tidak akan muncul dalam postingan karena kode tersebut langsung diterjemahkan kedalam bahasa HTML. Jadi untuk menuliskan kode <head>, maka yang seharusnya dituliskan supaya bisa muncul kode tersebut adalah ini &lt;head&gt;. Nah terus bagaimana kalau ada banyak kode yang harus kita posting?
Mau tahu bagaimana caranya menuliskan kode2/script2 tersebut ke dalam blog?

Ada beberapa cara untuk menuliskan kode-kode tersebut kedalam blog, diantaranya yaitu:

Cara Pertama :
- Gunakan software-software web design, misalnya Macromedia Dreamwaver, Microsoft Frontpage, Namao Web Editor. Atau bisa juga dengan software-software blogtools seperti post2blog dll.
- Trus tuliskan semua kode pada area design, kemudian copy kode-kode tersebut dari area HTML Code. Nha kode-kode dalam area HTML Code tersebut lah yang harus diposting.

Cara Kedua :
- Tuliskan semua kode/script ke dalam notepad
- Kemudian ganti/replace kode-kode berikut

Kode	Kode Pengganti
<	&lt;
>	&gt;
"	&quot;

- Udah tahu kan caranya mereplace di notepad? itu lho dengan memilih menu edit --> replace kemudian pada kotak yang muncul masukkan kode yg akan direplace pada kolom "Find what" trus masukkan kode pengantinya pada kolom "Replace with"trus tekan tombol Replace All.
- Nha kalo udah semua baru kamu copy semua kode yang udah direplace all tadi, trus kamu masukkan kedalam postingan kamu.

Cara Ketiga :
- Buka situs ini http://centricle.com/tools/html-entities, trus isikan kode-kode kamu kedalam kotak yang disediakan, nha kalo sudah tekan tombol "Encode", nha maka kamu akan mendapatkan script baru untuk diposting di blog kamu.

Piye? Gampang to? gitu aja kok repot.....

Read more »

Cara Mendaftarkan Blog/Website Anda Ke Feedburner

Sekarang saya akan menjelaskan tentang cara mendaftarkan blog anda ke feedburner untuk membuat para pengguna internet bisa berlangganan dengan blog anda, anda harus mempunyai acoount feedburner dan untuk mendaftar blog anda ke feedburner, cara seperti ini :
silahkan daftar disini..


* Isi kotak di bawah tulisan Burn a feed right this instant dengan alamat blog anda.
* Beri tanda pada I am a podcaster kemudian klik tombol Next
* Anda akan masuk ke halaman Identify Feed Source, pilih alamat feedburner yang anda ingin kan dan klik Next
* Setelah mengklik Next anda tidak perlu lagi mengisi Feed Title dan Feed Address karena sudah terisi secara otomatis dan klik Next untuk mengaktifkan alamat feed anda
* Akan ada ucapan Conrats, klik saja langsung tombol Next
* Untuk Configure Your Podcast and Tell iTunes How to List It. Isi dengan podcast anda dan jika anda sudah selesai mengisi formnya anda klik Next
* Beri tanda centang pada kotak di samping tulisan Clickthrough, Item enclosure downloads (podcast downloads) dan I want more! Have FeedBurner Stats also track. Klik tombol Next
* Klik tab Optimize, Silahkan setting yang anda inginkan, tapi yang paling penting adalah anda harus mengaftifkan fitur SmartFeed, karena fitur ini berfungsi agar supaya fungsi dari feed kita kompatibel atau klop dengan berbagai feed reader yang ada dan klik tombol Active.
* Agar para pengguna internet bisa berlangganan setting Email Subsciptions dan klik tombol Active, setelah anda menagaktifkan Email Subsciptions copy dan paste code Subscription Management dan pasang di blog anda.

Untuk membuat para pengguna internet bisa berlangganan di blog anda telah selesai dan untuk penjelasan yang lainnya tentang feedburner akan saya jelaskan di postingan berikutnya...

Selamat Mencoba.....

Read more »

Cara Mendaftarkan Blogger di Google Search Engine

Setelah blog selesai, coba masukkan judul blog kamu pada search engine google. Apa yang terjadi? Kemungkinan besar google belum bisa membacanya. Hal ini dikarenakan blog tersebut masih berpredikat sebagai "new custumer", sehingga masih belum cukup syarat untuk terindeks di mesin pencari google. Terkecuali kamu telah melakukan beberapa usaha pada blog anda. namun upaya itu pun tidak jarang memerlukan waktu yang panjang dan proses yang berliku. Optimasi blog yang diulas kali ini pun tidak menjamin bahwa blog kamu akan cepat terindeks, tapi usaha ini perlu dilakukan dalam upaya memperkenalkan blog kamu kepada search engine google.

Tanpa panjang lebar, mari bersama-sama kita buka simpul ikatannya satu demi satu "bagaimana cara mendaftar blogger di google" :

• Klik di sini untuk memulai pendaftaran. Halaman browsing kamu akan ditampilkan seperti di bawah ini

• Pada "URL", masukkan alamat lengkap blog kamu (ex : http://namablogkamu.blogspot.com).
• Tambahkan komentar atau kata kunci yang mendeskripsikan mengenai blog kamu dalam kotak isi-an "Komentar". Kalimat atau kata kunci yang kamu masukkan dalam "Komentar" tidak akan mempengaruhi cara pengindeksan oleh google.
• Selanjutnya masukkan huruf yang tampil dalam kotak di atas tombol "Tambahkan URL"
• Terakhir klik "Tambahkan URL".

Tunggu loading ke halaman verifikasi yang menyatakan blog kamu telah dimasukkan dalam database google dan bersabar untuk penayangannya di search engine google.

Selamat mencoba...

Read more »

HOW TO MAKE A BLOG WITH EASY

Currently making blog or web site is quite easy, it is because of a system called Content Management System (CMS), which can be regarded as a template web site. With CMS we live to upload (copy) this CMS to the server, install it after just go to the administrator to set and fill the desired article. The number of available open source CMS sometimes makes us confused to select it. But if still lay with the CMS, let alone not know much about web programming, like me, then you should choose a simple and easy, such as wordpress.
wordpress login
If the blogger / wordpress users were asked why why using wordpress? Perhaps some will respond because of its simplicity and relatively simple configuration. For beginning users do not usually take long to master and understand it. Simple does not mean lack of facilities. It is an innate facility wordpress itself may still not sufficient if you want the web with a nice variety of facilities, but the magnitude of community support and plugins are so many, we just add what facilities are desired. Starting from the configuration administration, statistics, forums, ads, articles, calendars, and so on.
How to learn to create a blog / web site with wordpress off-line? To do that required several components: Apache (functioning as a server), MySQL (database) and PHP (web programming language). Try to follow the following steps:
A. Installing Apache, MySQL and PHP
Download the Apache and MySQL in one package Apache friends is xampplite (basic package) from the site www.apachefriends.org, www.xampp.org or from http://sourceforge.net (size about 46 MB) which forms a zip or exe (installed first). To easily select just the zip.Xampplite to extract the desired drive, eg C: \ xampplite (requires approximately 115 MB hard disk space). If the download exe, install it first.To test whether xampplite successful, open the folder C: \ xampplite, run xampp-control.exe and click start Apache and MySql in line, wait until there are signsthat both are running with running text description.
xampplite controlAfter the two runs (no description running) and then open a web browser (mozilla firefox or internet explorer) and type in localhost and hit enter. So if the installation was successful message appears:Welcome to XAMPP for Windows Version ... ..Congratulations:You successfully installed XAMPP on this system!
xampplite success
B. Installing WordPress
Download the latest wordpress wordpress official address, namely: http://wordpress.org, or directly download this file http://wordpress.org/latest.zip (sometimes can not download with download manager like flashget, DAP, IDM, etc. , so just use the browser's default download standards, for example by right-click and choose Save As or Save Link As .. .. size about 1 MB).Extract latest.zip in the htdocs folder, from the above step is in the folder C: \ xampplite \ htdocs (copy files latest.zip into htdocs folder, then right click and select extract here with the program 7zip, Winzip or Winrar), will produce a folder wordpress folder that contains three, namely: wp-admin, wp-content and wp-includes. Also some other *. php files.Wordpress folder that later became the name of the web will be opened via URL, so that we can rename it first, for example of the change to wordpress ebsoft so we'll open our local web by typing http://localhost/ebsoft (but it later) .In order to run, then wordpress should be installed first. Previously there was some configuration to do (make sure Apache and MySQL have been executed, such as steps A number 3 above)Open a browser and type localhost, and then select the bottom left menu phpMyAdmin (or directly type in the browser address http://localhost/phpmyadmin/Create a new database by typing the name of the database under the description Create new database, for example ebsoftdb then click Create.Having successfully created a new database, open the file wp-config-sample.php (in the folder C: \ xampplite \ htdocs \ ebsoft) with a text editor such as Notepad, and changedata as follows (this is based on the step above): putyourdbnamehere replaced ebsoftdb (database namepreviously created) and then replaced usernamehere yourpasswordhere root and delete text which will leave a colon ('), then save and close.Rename the file wp-config-sample.php to wp-config.php.The next step to install wordpress. Open a web browser and then enter the URL address: http://localhost/ebsoft/wp-admin/install.php willdisplayed a welcome appearance by wordpress.

wordpress welcome



Fill in the Blog Title and email address, then click Install WordPress>>If successful will be displayed display wordpress, success! And remember passwords that appear, or note.wordpress successTo start setting up, fill out the article and so on, can simply log into the admin panel, by clicking on the link to log in (from the previous view) or wp-login.php. Or it could also just type in the web browser address http://localhost/ebsoft/wp-login.php.
wordpress loginType in username: admin and password in the show before, then click the login>>Finish ... then we can start writing articles, exploring and studying the menus, do not forget to change the password through the User menu and click edit to the username admin.
wordpress admin

Read more »