Membuat kolom blogger Login

Untuk masuk ke account blogger,kita harus mengetikkan terlebih dahulu alamat blogger.com di browser kita.ternyata ada cara yang lebih cepat untuk masuk ke account kita tanpa mengetikkan terlebih dahulu alamat blogger.caranya adalah memasang kolom login di blog kita.jadi nanti saat kita mau login ke account blog kita,kita tinggal memasukkan user name dan pasword kita di kolom tersebut.lebih praktis bukan?Tenang saja widget ini tidak akan membuat berat blog anda.mau tahu caranya?

1.login ke blog anda
2.masuk ke layout-page element-add gadgedts-add html/java script
3.copy code dibawah ini :

Please enter your username and password to enter your Blogger Dasboard page!<br/><br/><form id="start-login" action="https://www.google.com/accounts/ServiceLoginBoxAuth" name="login" onsubmit="onlogin()" method="post"><input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden"/><input value="blogger" name="service" type="hidden"/><input value="8" name="nui" type="hidden"/><input value="8" name="naui" type="hidden"/><input value="2" name="fpui" type="hidden"/><input value="3" name="uilel" type="hidden"/><input value="true" name="skipvpage" type="hidden"/><input value="false" name="rm" type="hidden"/><input value="true" name="alwf" type="hidden"/><input value="http://www.blogger.com/login.g" name="roeu" type="hidden"/><input value="0" name="alinsu" type="hidden"/><input value="WbQ8QiJfUvA" name="GA3T" type="hidden"/><div><label for="Email"> Username: <br/><input id="Email" tabindex="1" value="" name="Email" size="20" type="text"/></label></div><div><label for="Passwd"> Password: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>) <br/></label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"/></div><br/><input id="signin-btn-ns" tabindex="0" value="Sign in" class="ubtn ubtn-block" name="submit" type="submit"/></form><span style="font-size: 80%">Widget edited by <a href="http://anangku.blogspot.com/2008/11/blogger-login-form-widget.html">Anang </a></span>

4.kemudian simpan

5.coba lihat blog anda sekarang.akan ada tampilan seperti ini



Read More..

Menampilkan tanggal hari ini

coba anda lihat di blog ini bagian kanan atas.disana ada tanggal hari ini.tanggal itu akan berubah mengikuti tanggan pada hari saat anda membuka blog ini.bagaimana cara membuat tanggal seperti itu?

1.Login di Blogger

2.Langsung menuju edit HTML

3.Copy paste kode dibawah, dan simpan diantara kode ]]></b:skin> dan </head>

<script type='text/javascript' src='http://mizwar.blog.googlepages.com/tampil_tanggal.js'></script>

maka akan jadi seperti ini :

]]></b:skin>
<script type='text/javascript' src='http://mizwar.blog.googlepages.com/tampil_tanggal.js'></script>
</head>

sekarang kita menuju ke langkah ke dua :

1.masuk ke layout-page element
2.copy code dibawah ini :

<script>tampiltanggal();</script>

3.anda bisa bebas meletakkan kode tersebut dibagian mana dari blog anda

selamat mencoba!!

Read More..

Blog lebih baik dari pada website ?

• Budaya Blog

Sebenarnya blog adalah sebuah website, kenapa demikian? karena blog adalah sebuah halaman yang dapat ditampilkan lewat media browser internet. Dalam bentuk apapun jika dapat ditampilkan dengan media browser adalah sebuah halaman website, baik itu berbentuk mesin pencari, situs toko, situs komunitas, situs informasi dan sebagainya. Ada hal yang lain yang begitu istimewa yang membedakan antara sebuah blogg dengan website lainnya, yaitu sebuah blog adalah sebuah halaman website yang dinamis bukan statis, yang membuat blog lebih dicintai oleh mesin pencari.
Sebuah blog adalah tempat untuk menuliskan ide, menuliskan berita, menulikan pengalaman dan menuliskan harapan sehingga kegiatan seperti ini akan menumbuhkan rasa kebahagiaan tersendiri, tak jarang para blogger akan bertahan terus dalam kegiatan ini walaupun tanpa mendapatkan imbalan apapun.
Sebenarnya blog adalah sebuah ajang untuk berkreasi.

• Ciri khas Blog

Artikel ditampilkan secara kronologis
Yaitu artikel ditampilkan secara berurutan menurut waktu penerbitannya (penulisannya), artikel yang terbaru akan diposisikan paling atas kemudian berurutan menuju artikel yang lebih lama, karena sebuah blogg pada hakikatnya adalah perkembangan dari sebuah jurnal atau diary online. Sehingga sebuah blog adalah sebuah website yang dinamis karena kontennya selalu berubah-ubah, tak seperti website normal yang halamannya tak pernah berubah. Hal inilah yang menyebabkan kepopuleran blog melebihi blog statis.
Adanya ruang untuk berkomentar
Sebuah ruang komentar selalu ada dalam setiap artikel (content) yang ditulis, inilah kekuatan dari sebuah blog sebagai media untuk membuat jaringan pertemanan. Ruang komentar menjadi alat komunikasi dua arah, para pembaca bisa dengan mudah berkomunikasi dengan penulis content, membawa pembicaraan yang dimulai dari sebuah artikel menjadi sebuah komunitas.
Kemudahan dalam posting
Website biasa (tradisional) mempunyai satu masalah kronis yaitu terlalu teknis, yang menghalangi orang untuk menambahkan content baru, meskipun sudah CMS (Content Management System) yang canggih, pembuatan website masih diluar jangkauan pengguna web awam. Dengan blog maka maka masalah ini bisa teratasi. Blog menyediakan sebuah sistem publikasi content yang begitu mudah digunakan oleh kebanyakan pengguna web, dengan sedikit latihan saja para blogger sudah bisa mempublikasikan content ke World Wide Web.
Sering terupdate
Karena kemudahan posting dan adanya komentar dalam sebuah blog maka seringkali sebuah blog akan terupdate berulang kali dalam sehari, dengan asumsi bahwa isi content bernilai dan konsisten maka secara otomatis para pengunjung akan berulangkali ‘mampir’ karena mereka mendapatkan apa yang mereka butuhkan yang berarti akan meningkatkan traffic dan rangking pada mesin pencari.Dan perkecualian untuk blog malas yang tak pernah di update ataupun tak pernah diisi konten maka layaknya seperti website statis dan ditinggalkan oleh mesin pencari.

Jika ciri khas blog di atas dikombinasikan maka sebuah blog mempunyai kekuatan yang luar biasa, tidak hanya sebagai tempat bersenang-senang untuk mengekspresikan ide tetapi lebih dari itu yaitu sebagai ruang pemasaran produk yang potensial. Sebuah blog relatif lebih cepat mendapatkan perhatian daripada website normal. Sebuah blog akan semakin meningkat pengunjungnya jika mempunyai content bernilai dan dibutuhkan. Karena adanya ruang komentar maka sebuah blog sangat cepat sekali membangun sebuah komunitas di dunia cyber. Inilah yang menjadi perhatian khusus oleh para pebisnis dan pemasar internet terhadap sebuah blog. Read More..

Memasang Widget Translator

Jika blog anda berbahasa indonesia kebanyakan pengunjung yang datang pasti adalah orang indonesia.tapi kadangkala ada beberapa pengunjung luar negri yang secara gak sengaja nyasar ke blog anda.setelah melihat dan membaca isi dari blog anda,otomatis mereka tidak akan mengerti maksudnya.kerena mereka tidak mengerti bahasa yan ganda gunakan.untuk membuat hal itu tidak terjadi.anda bisa memasang widget translator ke dalam blog anda.

sehingga ketika anda orang luar negri datang berkunjung ke blog anda,mereka tidak akan kebingungan membaca isi dari blog anda.

cara memesang Widget Translator

1. Login ke Blogger trus pilih menu "Layout" atau "Tata Letak"
2. Kemudian klik pada "Add Gadget" atau "tambah gadget=".
3. Lalu pilih HTML/Javascript"
4. Kemudian masukkan script berikut ini kedalamnya.

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>

5.kemudian simpan
Read More..

Tampilan judul tanpa postingan

Berapakah jumlah atikel/tulisan yang telah anda tulis di blog milik anda?bagi anda yang telah lama berkecimpung di dunia bloging..pasti tulisan yang ada di blog sudah sangat banyak sekali.hal ini tentu akan merepotkan jika ada pengunjung yang melakukan pencarian artikel di blog anda lalu hasil pencarian menunjukkan ada 100 atikel/tulisan yang berhubungan.akan membutuhkan waktu yang sangat lama memunculkan semua artikel/tulisan tersebut.hal ini akan sangat merugikan pengunjung,mereka harus bersabar menunggu hingga semuanya terbuka..bagaimana jika koneksi yang mereka gunakan sangat lambat.maka halaman blog anda akan terasa lama sekali loadingnya.sudah dapat kita tebak pengunjung akan langsung menutup blog anda dan meninggalkannya begitu saja.kebanyakan pengunjung blog hanya akan menunggu sekitar 20 detik untuk membuka 1 halaman blog.jika lewat dari itu..mereka akan langsung pergi meninggalkan blog anda.

untuk mengatasi hal seperti itu,ada baiknya jika hasil pencarian hanya memunculkan judul beserta tanggal posting.sehingga tampilan halaman blog akan lebih menghemat waktu untuk dibuka.

lihat contoh seperti dibawah ini :





sekarang kita langsung menuju ke langkah langkah pembuatannya

1.kita akan bermain main dengan html template blog anda.untuk memperkecil resiko gagal,ada baiknya anda membackup terlebih dahulu template anda

2.masuk ke layout-edit html-klik "expand widget templates"

3.cari kode dibawah ini:

<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

<b:include data='post' name='post'/>





perhatikan kode yang dicetak tebal ( <b:include data='post' name='post'/> ).jika susah mencarinya.clik ctrl f dan ketikkan kata yang ingin dicari

4.setelah kita ketemu kode yang dicetak tebal.ganti kode tersebut dengan kode dibawah ini:

<b:if cond='data:blog.homepageUrl !=
data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<data:post.title/></a><br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

5.kemudian klik save(simpan)

6.silahkan lihat hasilnya.coba klik salah satu label di blog anda.maka label tersebut akan menampilkan semua postingan hanya berupa judul dan tanggal postingannya saja.

Read More..

Memasang "tips of the day" pada blog

untuk membuat blog kita terlihat lebih profesional,kita bisa menambahkan "tips of the day" di blog kita.tips of the day adalah tips singkat yang ditulis oleh pemilik blog kepada pengunjung.tips of the day bisa berisi tips memasak,tips kesehatan,tips keuangan dan masih banyak lagi.tips tips seperti itu pasti akan sangat menarik perhatian pengunjung sehingga mereka tidak bosan berkunjug ke blog anda.karena mereka bisa mendapatkan tips tips singkat yang berguna ketika berkunjung ke blog anda.tips of the day disini bukan tips yang akan disampaikan setiap hari.melainkan tips tips ini akan selalu berganti ketika pengunjung merefresh atau reload halaman blog anda.

ternyata cara buatnya tidak terlalu susah kok.cukup ikuti langkah dibawah ini:

1.perhatikan kode dibawah ini

<a href="http://www.o-om.com">
<img border="0" style="float:left; margin:0 5px 5px 0;cursor:pointer; cursor:hand;" alt="http://www.o-om.com" src="http://www.geocities.com/oom_directory/tipsOftheday.gif"/></a>
<font color="#333333"><b>Did You Know...</b>
<script language="JavaScript">
//store the quotations in arrays
tips = new Array(5);
tips[0] = "<i>tips...1</i>";
tips[1] = "<i>tips...2</i>";
tips[2] = "<i>tips...3</i>";
tips[3] = "<i>tips...4</i>";
tips[4] = "<i>tips...5</i>";
//calculate a random index
index = Math.floor(Math.random() * tips.length);
//display the quotation
document.write("\n");
document.write(tips[index]);
//done
</script>
</font>
<a href="javascript:location.reload(true)"> »»</a> <a target="_blank" href="http://www.o-om.com/2007/12/cara-buat-random-tips-of-day.html">(?)</a>
<br/>

catatan penting:
ada beberapa kode yang tidak boleh diubah seperti.

tulisan yang berwarna biru merupakan kode untuk mereload atau merefresh tips tersebut sehingga akan selalu terganti tulisan yang boleh diganti

tulisan yang boleh diganti

1..tulisan yang berwarna merah adalah tampilan text.ini boleh anda ubah sesuai keinginana anda

2. tulisan berwarna hijau merupakan tampilan logo.logo tersebut bisa anda ganti dengan gambar yang anda inginkan.caranya tinggal copy alamat gambar yang telah anda upload dan paste di tempat itu

Bagaimana jika anda ingin menambah tips of the day yang akan ditampilkan.caranya di bawah ini:
kode di bawah ini berarti anda hanya akan menampilkan 5 tips dalam blog anda

tips = new Array(5);
tips[0] = "<i>tips...1</i>";
tips[1] = "<i>tips...2</i>";
tips[2] = "<i>tips...3</i>";
tips[3] = "<i>tips...4</i>";
tips[4] = "<i>tips...5</i>";

jika anda ingin menambah 7 tips ataupun 20 tips..tinggal ganti "new Array"menjadi "(7)" kemudian tinggal tulis aja tips2 nya sebanyak 7.yang harus di ingat adalah jumlah tips dihitung mulai dari 0(nol) bukan 1 (satu)..makanya hasilnya akan jadi seperti ini :

tips = new Array(7);
tips[0] = "<i>tips...1</i>";
tips[1] = "<i>tips...2</i>";
tips[2] = "<i>tips...3</i>";
tips[3] = "<i>tips...4</i>";
tips[4] = "<i>tips...5</i>";
tips[5] = "<i>tips...6</i>";
tips[6] = "<i>tips...7</i>";

2.setelah anda selesai mengedit kode tersbut..silahkan copy kode tersebut kedalam blog anda.caranya :

masuk ke layout-page element-add gadgets-add htm/java code-langsung paste kode tadi disana.lalu save

3.anda bisa melihat blog anda sekarang.tips of the day telah muncul di blog anda.coba reload atau efresh blog anda maka tips of the day akan langsung berganti ke tips lainnya



source : o-om.com
Read More..

membuat related post(tulisan yang berhubungan)

Banyak manfaat yang bisa kita dapatkan bila kita meletakkan related post di blog kita.pengunjung jadi bisa membaca artikel lain yang masih berhubungan dengan artikel yang sedang dia baca.letaknya di setiap akhir postingan.
cara untuk membuat related post cukup mudah kok.ikuti langkah langkah berkut ini:

1.login ke blogger

2.masuk ke bagian layout-edit html

3.centang pada kotak "expand widgets template"

4.kemudian copy script dibawah ini :

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

<div class='widget-content'>
<h3>Related Posts by Categories</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>

5.cari kode berikut

<data:post.body/>

6.paste script yang tadi anda copy tepat dibawah tulisan "<data:post.body/>"

7.jika anda menggunakan read more..biasanya akan ada 2 buah kode.nah letakkan kodenya dibawah kode yang pertama.

8.kemudian di save..silahkan lihat hasilnya....



Read More..