Wagz - Hot Girls Entertainment News: Blog Tutorial

2 Cara Membuat Read More Otomatis Di Blog

<div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Yang dimaksud 2 cara adalah <span class="Apple-style-span" style="background-color: yellow;">Read More hanya berupa text</span> atau <span class="Apple-style-span" style="background-color: yellow;">Read More menggunakan gambar</span> seperti yang ada di blog ini. Kalau sudah tahu apa itu Read More, berikut <span class="Apple-style-span" style="background-color: white;">langkah</span><span class="Apple-style-span" style="background-color: #cfe2f3;">  Read More menggunakan gambar</span>.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><ul><li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Login ke blogger</span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Klik <b>Rancangan</b> > <b>edit HTML</b></span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Centang/cawang/contreng <b>Expand Template Widget</b></span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Klik <b>Download Template Lengkap</b>, untuk jaga - jaga jika terjadi kesalahan atau tidak sesuai keinginan.</span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Kalau sudah, cari kode <span class="Apple-style-span" style="color: red;"><b></head></b></span>. Jika ingin cepat mencari, gunakan tombol Ctrl + F di keyboard, atau tekan F3 saja. Lalu masukkan kode yang ingin dicari di dalam kolom kosong yang muncul.</span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Copy kode berikut dan paste tepat di bawah kode <span class="Apple-style-span" style="color: red;"><b></head></b></span>.</span></li>
</ul><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"></span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;"><script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/></i></span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Kemudian cari kode <b><span class="Apple-style-span" style="color: red;"><data:post.body/></span></b> atau <b><span class="Apple-style-span" style="color: red;"><p><data:post.body/></p></span></b></span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Nah, untuk Read More menggunakan gambar, hapus kode tersebut, gantilah dengan kode di bawah ini.</span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i><b:if cond='data:blog.pageType != &quot;item&quot;'></i></span></span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i><div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div></i></span></span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i><script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</i></span></span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i></script></i></span></span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i><span class='rmlink' style='float:right;padding-top:20px;'></i></span></span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i><a expr:href='data:post.url'><img alt='Read More..' src='<span class="Apple-style-span" style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4U4XmwLugyWq-c_nh_HCAFhgqHjLx5D2Z-SamXwk4x6MMMbmJm3uanvdGD2HsRBRWG0vsxFSCbNWiMkjDEnqhDGcMOyUAe0DA3WRuCaO6IwMiETxcnxUti34zJryTz8yo-eClJGsPzPc/s1600/ReadMore2-1.png</span>'/></a></span></i></span></span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i></b:if> </i></span></span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i><b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/><br/><p align='right'></b:if></i></span></span></div></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Kode berwarna <b><span class="Apple-style-span" style="color: red;">merah</span></b> di atas, silahkan diganti dengan URL gambar yang anda inginkan. Atau biar ngga pusing mencari, silahkan lihat di blog saya <a href="http://urlfoto.blogspot.com/2011/09/blog-post_7029.html">urlfoto.blogspot.com</a>. Kalu sudah di paste, klik <b><span class="Apple-style-span" style="color: blue;">pratinjau</span></b> terlebih dahulu, kalau Read More berhasil, silahkan klik <b>simpan</b>. Kalau Read More gagal, klik <b>bersihkan edit</b>, ulangi langkah di atas, siapa tahu ada yang terlewat.</span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Untuk <span class="Apple-style-span" style="background-color: #cfe2f3;">Read More hanya berupa text</span>, berikut langkahnya. Langkah di bawah saya singkat, tapi prosesnya hampir sama dengan yang di atas.</span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Hapus kode <b><span class="Apple-style-span" style="color: red;"><data:post.body/></span></b> atau <b><span class="Apple-style-span" style="color: red;"><p><data:post.body/></p></span></b> dan gantilah dengan kode berikut:</span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;"><b:if cond='data:blog.pageType != &quot;item&quot;'></i></span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;"><div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div></i></span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;"><script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</i></span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;"></script></i></span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;"><span class='rmlink' style='float:right;padding-top:20px;'></i></span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;"><a expr:href='data:post.url'><span class="Apple-style-span" style="color: red;">[ Read More.. ]</span></a></span></i></span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;"></b:if> </i></span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;"><b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/><br/><p align='right'></b:if></i></span></div></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Tulisan berwarna <span class="Apple-style-span" style="color: red;"><b>merah</b></span> silahkan diganti dengan tulisan lain yang diinginkan. Jangan lupa klik <b>pratinjau</b> terlebih dahulu.</span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Semoga berhasil</span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i><span class="Apple-style-span" style="font-size: x-small;">Sumber:pelajaran-blog.blogspot.com</span></i> </span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div>

2 Cara Membuat Read More Otomatis Di Blog

Yang dimaksud 2 cara adalah Read More hanya berupa text atau Read More menggunakan gambar seperti yang ada di blog ini. Kalau sudah tahu a...

Baca selengkapnya »

Membuat Efek Salju Berguguran Di Blog | Efek Winternetz

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvSbg9w3-69Uq_GtbPjS7x9BIkYJp745QE4C1Os7NeMTIjksfjk7K7hUGz60GKJk3K7YPVFM60rf4I8MDspJ9PhiT4Y87KodPUc565YOPvp8F8sBm4EKvccRsuOgzQQHZ3pxsPy66-5Rk/s1600/salju+berguguran+di+blog.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvSbg9w3-69Uq_GtbPjS7x9BIkYJp745QE4C1Os7NeMTIjksfjk7K7hUGz60GKJk3K7YPVFM60rf4I8MDspJ9PhiT4Y87KodPUc565YOPvp8F8sBm4EKvccRsuOgzQQHZ3pxsPy66-5Rk/s320/salju+berguguran+di+blog.jpg" width="320" /></a></div><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Pas blogwalking nemu tutorial keren nih, memasang widget efek salju berguguran di blog. Beda dengan tutorial efek salju yang lain, widget salju ini tampak nyata, ditambah salju yang bergerak ke kiri dan ke kanan seolah - olah ada angin kecil yang bertiup. Ini buat yang belum tahu aja ya, kalo ada yang udah pernah lihat ya jangan ngomel <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ0cNBFOQcrrNdnFKz6JTlp_OrkNSi_hNMvFiiunTuisS2zi77CHPW9oxod0xo3BD0eiulPxm685HUUQMQi1HmHFqpSKdfoLkKV603i693EHW7AGRZ9I4tBQiUuCOOlszipGN4XypTeds/s1600/malu.gif" />. Maaf kalo ngga ada demonya. Tapi cara pasang dan cara menghapusnya gampang kok. </span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Berikut langkah - langkahnya:</span></div><div style="text-align: justify;"></div><ul><li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Yang jelas harus login ke blogger</span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Klik rancangan > edit HTML</span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Centang expand template widget</span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Cari kode </span><b style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="color: red;"></head></span></b><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">, kemudian paste kode berikut </span><span class="Apple-style-span" style="background-color: yellow; font-family: 'Trebuchet MS', sans-serif;">di atas</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"> kode </span><span class="Apple-style-span" style="color: red; font-family: 'Trebuchet MS', sans-serif;"><b></head></b></span></li>
</ul><br />
<div style="text-align: justify;"></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"></span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;"></i></span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'/></i></span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;"><script src='http://www.zachstronaut.com/projects/winternetizer/winternetizer-combined-min.js' type='text/javascript'/></i></span></div><br />
<ul><li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Sudah di paste? Silahkan klik <span class="Apple-style-span" style="background-color: yellow;">pratinjau</span><span class="Apple-style-span" style="background-color: white;"> terlebih dahulu</span>. </span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Jika kurang suka, klik <span class="Apple-style-span" style="background-color: yellow;">bersihkan edit</span> untuk mengembalikan seperti semula.</span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Jika suka, klik simpan.</span></li>
</ul><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="font-size: x-small;"><i><a href="http://unregizter-21.blogspot.com/2011/04/membuat-efek-winternetz-pada-blog.html?showComment=1320287443134#c280872344699388010">Sumber</a></i></span></span>

Membuat Efek Salju Berguguran Di Blog | Efek Winternetz

Pas blogwalking nemu tutorial keren nih, memasang widget efek salju berguguran di blog. Beda dengan tutorial efek salju yang lain, widget s...

Baca selengkapnya »

Cara Pasang Widget Top Komentator Cloud

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiivbu2XNso_qvhk2Hhqoj-y7EmsCfCLvDhjs3pNneafT-DcsmFFgkQbszpCAQLlmyiScnec638iAuGeI_cvVBYHzSzUyHnrQon5yAug9tszynMOKbf7hlVB20sTHujMgveHXoZlJ-AFow/s1600/widget+top+komentator+cloud.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiivbu2XNso_qvhk2Hhqoj-y7EmsCfCLvDhjs3pNneafT-DcsmFFgkQbszpCAQLlmyiScnec638iAuGeI_cvVBYHzSzUyHnrQon5yAug9tszynMOKbf7hlVB20sTHujMgveHXoZlJ-AFow/s400/widget+top+komentator+cloud.jpg" width="400" /></a></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Googling widget top komentator agak susah. Tutorial di halaman pertama google yang saya cari, widget-nya ngga muncul, yang tampil cuma judul widgetnya doang. Tapi akhirnya nemu juga. Saya baru pasang widget ini berhubung komentar di blog mulai banyak <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv4C95G9IkBde-h9H2yyFq7lKh4Bf7Vh_4AztUALsD4Ou1nxRUORJlrxCM8f5wnXbcHsjYfzrarcc1tznpXIpiGag7yhhltl-2ndWerMHmlik3iDEWUCVtusr2lPIaEvrAhn9HfffM0cE/s1600/cheesy.gif" />. </span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Memasang widget top komentator sangat bermanfaat. Seperti yang saya kutip dari seorang blogger, "pengunjung yang berkomentar mendapat backlink gratis sebagai hadiah atas kunjungannya dan komentarnya. Tentunya sebagai alternatif lain jika kita ingin bertukar link tidak dihiraukan oleh pemiliknya".</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Jika ada yang belum tahu widget top komentator, widget ini menampilkan komentator yang paling banyak berkomentar di blog kita/di artikel yang kita posting. Yang ditampilkan di widget ini adalah nama dan jumlah komentar yang dia tulis. Contohnya bisa dilihat di gambar. Berikut langkah - langkah pembuatannya.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div style="text-align: justify;"><ul><li><span class="Apple-style-span" style="background-color: white; font-family: 'Trebuchet MS', sans-serif;">Login ke akun blogger anda.</span></li>
<li><span class="Apple-style-span" style="background-color: white; font-family: 'Trebuchet MS', sans-serif;">Klik Rancangan >> Elemen Laman</span></li>
<li><span class="Apple-style-span" style="background-color: white; font-family: 'Trebuchet MS', sans-serif;">Tambah gadget/add a gadget</span></li>
<li><span class="Apple-style-span" style="background-color: white; font-family: 'Trebuchet MS', sans-serif;">Paste kode berikut di kolom yang ada</span></li>
</ul></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"></span><br />
<div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i></i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i><div style="text-align:justyfy;line-height:1.2;"></i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i><script type="text/javascript"></i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>function cCloud(feed) {</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>max = 0;</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>min = 10000;</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>//finding highest and lowest count</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>for (i=0;i<feed.count;i++)</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>{</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>ccCount = feed.value.items[i].commentcount * 1;</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>if (ccCount > max)</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>{</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>max = ccCount;</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>}</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>if (ccCount < min)</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>{</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>min = ccCount;</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>}</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>}</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>ccCountD = "";</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>display = "";</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>for (j=0;j<feed.count;j++)</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>{</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>ccdiff = feed.value.items[j].commentcount - min;</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>ccFontsize = 80 + (ccdiff * 100) / (max - min) + "%";</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>ccUrl = "'" + feed.value.items[j].authorurl + "'";</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>ccCountD = "(" + feed.value.items[j].commentcount + ")";//comment count</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>ccName = feed.value.items[j].title + ccCountD;</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>ccLName = "<a style='text-decoration:none;font-size:" + ccFontsize + "' href=" + ccUrl + " target='_blank' rel='nofollow'>" + ccName + "  </a> | ";//clickable commentator name</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>display = display + ccLName;</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>}</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>document.write(display);</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>}</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i></script></i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i><script src="http://pipes.yahoo.com/pipes/pipe.run?</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>YourBlogUrl=http://<span class="Apple-style-span" style="color: red;">72bidadari.blogspot.com</span></i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>&Exclusions=<span class="Apple-style-span" style="color: blue;">Drughi</span></i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>&ShowHowMany=<span class="Apple-style-span" style="color: orange;">5</span></i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>&Order=alphabet</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>&_callback=cCloud</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>&_id=cfa196644e1d6159c9183548c4b5e2f5</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>&_render=json"</i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>type="text/javascript"></script></i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i></div><br /></i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i><br /></i></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><b>Keterangan:</b></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="color: red;"><i>72bidadari.blogspot.com</i></span> silahkan diganti dengan nama blog anda sendiri.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="color: blue;">Drughi</span> silahkan diisi dengan komentator yang tidak ingin kita tampilkan di widget. Karena Drughi adalah saya sendiri, jadi ngga perlu saya pasang. Atau bisa juga diisi dengan Anonymous, komentator yang tidak dikenal.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Angka <span class="Apple-style-span" style="color: orange;">5</span> (katanya) adalah jumlah komentator yang ingin ditampilkan. Tapi kayaknya ngga ngaruh apa - apa, soalnya saya ketik 5, tapi komentator yang ditampilkan tetap 10 orang.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Kalu sudah, silahkan klik simpan.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i><span class="Apple-style-span" style="font-size: x-small;"><a href="http://blog-indo.blogspot.com/2011/03/pasang-widget-top-komentator-cloud.html#comment-form">Sumber</a></span></i></span></div></div>

Cara Pasang Widget Top Komentator Cloud

Googling widget top komentator agak susah. Tutorial di halaman pertama google yang saya cari, widget-nya ngga muncul, yang tampil cuma judu...

Baca selengkapnya »

Kode - Kode Warna HTML V4

Kode - Kode Warna HTML V4

Baca selengkapnya »

Cara Mudah Meningkatkan Pengunjung Dengan Plipeo

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTAVdLHqtcuw1hMi5Oe-TmjWBHajk48ErTmUloHvTChgXGvjrK5CBEyRc7Kp7T9cOj_1iH77YdbtDoTxwfsXt34BpyiftahbUX_Iq3br6A1FMITvRn8K2Awum7TqbzMuZzemlohRL_MGpO/s1600/plipeo+log.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTAVdLHqtcuw1hMi5Oe-TmjWBHajk48ErTmUloHvTChgXGvjrK5CBEyRc7Kp7T9cOj_1iH77YdbtDoTxwfsXt34BpyiftahbUX_Iq3br6A1FMITvRn8K2Awum7TqbzMuZzemlohRL_MGpO/s320/plipeo+log.jpg" width="320" /></a></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Mempunyai blog yang memiliki traffic atau pengunjung banyak pastilah menjadi kepuasan seorang blogger. Banyak cara untuk menaikkan traffick blog, rajin blogwalking adalah salah satunya. Ada cara yang ampuh untuk menambah pengunjung di blog kita, yaitu dengan situs <a href="http://72bidadari.blogspot.com/2011/10/cara-mudah-meningkatkan-pengunjung.html">Plipeo</a>.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Cara kerja dari Plipeo yaitu Plipeo menyediakan widget untuk anggota yang sudah terdaftar. Widget tersebut dipasang di oleh pemilik blog agar nantinya akan ada timbal balik antar anggota Plipeo. Widget ini akan memunculkan artikel secara acak dari blog-blog yang terdaftar di Plipeo. Jadi, artikel Anda akan muncul serentak dalam widget-widget ratusan blog lain yang juga terdaftar dalam Plipeo.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Plipeo adalah salah satu dari situs pengumpul berita yang amat banyak bertebaran di intenet. Tapi keunggulan dari Plipeo adalah buatan dalam negeri. Plipeo didominasi oleh blogger dalam negeri dengan semboyannya <i style="background-color: #eeeeee;">Connecting Indonesian Bloggers</i>. Bagi Anda yang memiliki artikel blog berbahasa Indonesia, <a href="http://72bidadari.blogspot.com/2011/10/cara-mudah-meningkatkan-pengunjung.html">Plipeo</a> jauh lebih tepat ketimbang produk luar lain. Dan lebih cepat meningkatkan jumlah pengunjung.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxIpU0FU_IMmEuo0aGjWJkH-CqDjJnpr_qQtH8XlgHpaU47OOqLCzBHBfAYBEQzwoOnf3p_yqRuzbIRdnOweGt_Bi7-ybBwCddfIudFmNafjwX-eiczyu3VkYxOcM4B47g5v3CAYuodpdD/s1600/plipeo+log+copy.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxIpU0FU_IMmEuo0aGjWJkH-CqDjJnpr_qQtH8XlgHpaU47OOqLCzBHBfAYBEQzwoOnf3p_yqRuzbIRdnOweGt_Bi7-ybBwCddfIudFmNafjwX-eiczyu3VkYxOcM4B47g5v3CAYuodpdD/s320/plipeo+log+copy.jpg" width="320" /></a></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="background-color: yellow; font-family: 'Trebuchet MS', sans-serif;">Daftar di <a href="http://plipeo.com/">Plipeo.com</a></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Untuk mendaftarkan blog anda di Plipeo, caranya sangat mudah.</span></div><div style="text-align: justify;"></div><ul><li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Silahkan masuk di <a href="http://plipeo.com/webmaster/signup">halaman pendaftaran Plipeo</a></span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Isi empat kolom kosong yang tersedia</span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Kemudian klik kirim</span></li>
</ul><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVNe-iGJ-yvm8LinyONgVHT71PO0lKJtfMwCaQYok6F2wIyhVWsj1kkH5whwarjRN-VvdhIR1di4mWUcADHdd-2Kh3bC0d18-bKP1CrdlcQIIyw0mZeXZgXPdyn872Bh-oXHYn06nEJKCT/s1600/plipeo2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVNe-iGJ-yvm8LinyONgVHT71PO0lKJtfMwCaQYok6F2wIyhVWsj1kkH5whwarjRN-VvdhIR1di4mWUcADHdd-2Kh3bC0d18-bKP1CrdlcQIIyw0mZeXZgXPdyn872Bh-oXHYn06nEJKCT/s400/plipeo2.jpg" width="400" /></a></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Setelah di klik, dan muncul gambar di atas., berikutnya mengatur widget yang akan kita pasang di blog kita. Seperti yang terlihat di bawah.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitJ9HYw2dI8Ib9FAjqi79PIP4QnD-V-3CtMtaBsmNnMP1zYmUlDWUrCvfyhegPpIub_A-MTsIzFTn6gyRwkaPzGnpHWgbUYV2PuZYrm6T8TBHxd6JmcdMTf6BzBkib_NLNqayAsGBeXlwU/s1600/plipeo+3+copy.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitJ9HYw2dI8Ib9FAjqi79PIP4QnD-V-3CtMtaBsmNnMP1zYmUlDWUrCvfyhegPpIub_A-MTsIzFTn6gyRwkaPzGnpHWgbUYV2PuZYrm6T8TBHxd6JmcdMTf6BzBkib_NLNqayAsGBeXlwU/s400/plipeo+3+copy.jpg" width="400" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE5jMXedIdeYK9aHhP7NCX5gS6v5BHFPfTn6CTGQgI9Aw-886b95ILVChj3SEPsmnTp8NSHiOYwqdFL9td2Yz8eo4p1N_GVeDRCS_-35C8DO1tVIdlMrbOZmBNs8Re77_MgebnpbIMyVvo/s1600/plipeo+4+copy.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE5jMXedIdeYK9aHhP7NCX5gS6v5BHFPfTn6CTGQgI9Aw-886b95ILVChj3SEPsmnTp8NSHiOYwqdFL9td2Yz8eo4p1N_GVeDRCS_-35C8DO1tVIdlMrbOZmBNs8Re77_MgebnpbIMyVvo/s400/plipeo+4+copy.jpg" width="400" /></a></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Setelah widget kita atur, copy code HTML yang ada, paste di blog kita.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Selesai.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicl3wUQ9ZQpK5tMjmPPtRq1tGODlcmoRZffkZQ5mF_CJBEOstseNkKSpTMXi-g0CLKiU6HTCqyUA_8lqETy1eZRhzmajRHEB74IVx5QF6U0_4aJL60dBAyEM6zRXbgTDMUd-TQGnZ5WASz/s1600/Untitled+copy+log.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicl3wUQ9ZQpK5tMjmPPtRq1tGODlcmoRZffkZQ5mF_CJBEOstseNkKSpTMXi-g0CLKiU6HTCqyUA_8lqETy1eZRhzmajRHEB74IVx5QF6U0_4aJL60dBAyEM6zRXbgTDMUd-TQGnZ5WASz/s400/Untitled+copy+log.jpg" width="400" /></a></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Yang berikutnya adalah pertama tama kita harus menulis artikel mengenai Plipeo di blog kita, bisa cara pendafataran di Plipeo, atau apapun yang berhubungan dengan Plipeo. Setelah artikel mengenai Plipeo kita posting. Upload postingan mengenai Plipeo tersebut ke situs Plipeo di menu <span class="Apple-style-span" style="background-color: #eeeeee;">Tambah Posting Anda</span>. Untuk artikel Plipeo, pilih kategori <span class="Apple-style-span" style="background-color: #eeeeee;">Support Us</span>. Screenshot-nya seperti yang di bawah.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Setelah semuanya sudah dilakukan. Berikutnya adalah meng-upload postingan kita sendiri di Plipeo.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Selamat mencoba.</span></div>

Cara Mudah Meningkatkan Pengunjung Dengan Plipeo

Mempunyai blog yang memiliki traffic atau pengunjung banyak pastilah menjadi kepuasan seorang blogger. Banyak cara untuk menaikkan traffick...

Baca selengkapnya »

Memodifikasi/Merubah Newer Post, Home Dan Older Post

<div class="separator" style="clear: both; text-align: center;"></div><br />
<div class="separator" style="clear: both; text-align: center;"></div><br />
<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8tQPcF-BOW-fZp5hmhc8PF7UHFfvxrPGjWnpJaxgY5De-thYiFiPa6do-RcJkfdvMlaPPiaiMyuT1devN-83qr62JXlss6HeLfzMIXcop_WNZCxlhGQU2dQuwXm3HDJ0088zy7w1Y9iwB/s1600/postingan+baru.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8tQPcF-BOW-fZp5hmhc8PF7UHFfvxrPGjWnpJaxgY5De-thYiFiPa6do-RcJkfdvMlaPPiaiMyuT1devN-83qr62JXlss6HeLfzMIXcop_WNZCxlhGQU2dQuwXm3HDJ0088zy7w1Y9iwB/s400/postingan+baru.jpg" width="400" /></a></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><a href="http://72bidadari.blogspot.com/2011/09/memodifikasimerubah-newer-post-home-dan.html">Newer Post Home dan Older Post</a> posisinya ada di bawah postingan. Buat yang ingin merubah kata - kata tersebut, berikut langkah - langkahnya.</span><br />
<br />
<ul><li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Login ke akun Blogger Anda.</span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Klik <b>Rancangan</b> > <b>Edit HTML</b>.</span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Klik <b>Download Template Lengkap</b> untuk mem-backup template. Ini <span class="Apple-style-span" style="background-color: yellow;">penting</span> dilakukan untuk jaga - jaga misalkan yang akan kita edit nanti tidak sesuai dengan yang kita inginkan</span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Beri tanda centang pada <b>Expand Template Widget</b>.</span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Cari kode berikut, gunakan tombol Ctrl + F atau tekan F3 saja agar lebih cepat ditemukan</span></li>
</ul><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><b><span class="Apple-style-span" style="background-color: white; color: red;"><i><b:includable id='nextprev'></i></span></b></span><br />
<br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Di bawah kode tersebut ada kode yang seperti di bawah ini</span><br />
<br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="color: red;"><i><div class='blog-pager' id='blog-pager'></i></span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="color: red;"><i>    <b:if cond='data:newerPageUrl'></i></span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="color: red;"><i>      <span id='blog-pager-newer-link'></i></span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i><span class="Apple-style-span" style="color: red;">      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'></span><b><data:newerPageTitle/></b><span class="Apple-style-span" style="color: red;"></a></span></i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="color: red;"><i>      </span></i></span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="color: red;"><i>    </b:if></i></span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i><br />
</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i>    <span class="Apple-style-span" style="color: blue;"><b:if cond='data:olderPageUrl'></span></i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="color: blue;"><i>      <span id='blog-pager-older-link'></i></span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i><span class="Apple-style-span" style="color: blue;">      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'></span><b><data:olderPageTitle/></b><span class="Apple-style-span" style="color: blue;"></a></span></i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="color: blue;"><i>      </span></i></span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="color: blue;"><i>    </b:if></i></span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i><br />
</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i>    <span class="Apple-style-span" style="color: magenta;"><a class='home-link' expr:href='data:blog.homepageUrl'></span><b><data:homeMsg/></b><span class="Apple-style-span" style="color: magenta;"></a></span></i></span><br />
<br />
<div></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Susunan kode warna <span class="Apple-style-span" style="color: red;"><b>merah</b></span> adalah postingan baru, kode warna <span class="Apple-style-span" style="color: blue;"><b>biru</b></span> adalah postingan lama dan yang <b><span class="Apple-style-span" style="color: magenta;">ungu</span></b> adalah home/beranda. Untuk merubah kata - kata baku yang ada di blog, Newer Post, Home dan Older Post, perhatikan tulisan yang berwarna <span class="Apple-style-span" style="background-color: black; color: white;">hitam</span> <b>dicetak tebal</b> di atas. Hapus kode tersebut, ganti dengan kata - kata anda sendiri.</span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i><b><data:newerPageTitle/> </b></i>bisa diganti dengan "yang baru" "terbaru" dan lain - lain.</span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i><b><data:olderPageTitle/> </b></i>bisa diganti dengan "lawas" "jadul" dan lain - lain.</span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i><b><data:homeMsg/> </b></i>bisa diganti dengan "rumah" "depan" "utama" dll.</span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Klik <b>Pratinjau</b> terlebih dahulu untuk memastikan apakah berhasil dan lihat blog yang bagian bawah. Klik <b>Bersihkan Edit</b> jika gagal.</span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Klik <b>Simpan Template</b> jika berhasil.</span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div style="text-align: center;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee; font-size: large;">Mengganti tulisan Newer Post, Home, Older Post dengan Icon</span></span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBqzcJ6d-g08o8W-oH_hFIK5epJrSMKcHvZcMX8MD1x1pwGdqgg-sAffaRTFdpcOBm2fIALi2PBaf06_eys-ZFt2vVirLGaX08KKe0dTtcIFvFV4WTvwnfrW4mx8Nker0cuXy93L8q7w5O/s1600/newer+post.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBqzcJ6d-g08o8W-oH_hFIK5epJrSMKcHvZcMX8MD1x1pwGdqgg-sAffaRTFdpcOBm2fIALi2PBaf06_eys-ZFt2vVirLGaX08KKe0dTtcIFvFV4WTvwnfrW4mx8Nker0cuXy93L8q7w5O/s320/newer+post.jpg" width="320" /></a></span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Sekarang lihat lagi susunan kode berwarna <span class="Apple-style-span" style="color: red;"><b>merah</b></span> <span class="Apple-style-span" style="color: blue;"><b>biru</b></span> dan <span class="Apple-style-span" style="color: magenta;"><b>ungu</b></span> di atas. Berikut langkah - langkahnya.</span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><b><i><data:newerPageTitle/></i></b> ganti dengan <span class="Apple-style-span" style="background-color: #eeeeee;"><img src='<span class="Apple-style-span" style="color: red;">URL Icon anda</span>'/></span></span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><b><i><data:olderPageTitle/></i></b> ganti dengan <span class="Apple-style-span" style="background-color: #eeeeee;"><img src='<span class="Apple-style-span" style="color: red;">URL Icon anda</span>'/></span></span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><b><i><data:homeMsg/></i></b> ganti dengan <span class="Apple-style-span" style="background-color: #eeeeee;"><img src='<span class="Apple-style-span" style="color: red;">URL Icon anda</span>'/></span></span></div></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Hasilnya akan terlihat seperti di bawah ini.</span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="color: red;"><i><div class='blog-pager' id='blog-pager'></i></span></span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="color: red;"><i>    <b:if cond='data:newerPageUrl'></i></span></span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="color: red;"><i>      <span id='blog-pager-newer-link'></i></span></span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i><span class="Apple-style-span" style="color: red;">      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'></span><b><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpikbzSA1_cgavdM5AqWep9hPoA2-GhQAQrHPU14S1YRLWGeiEoWCrfdVK_UEXpq-6-F9pwuwk439LrpnhkzE09edMOgEp9cz2mE5iBqGwiHB8X05YOKMRwGDMlsmBp8p4ztSvuAoCCDU/s1600/Back-icon.png'/></b><span class="Apple-style-span" style="color: red;"></a></span></i></span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="color: red;"><i>      </span></i></span></span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="color: red;"><i>    </b:if></i></span></span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">    <span class="Apple-style-span" style="color: blue;"><i><b:if cond='data:olderPageUrl'></i></span></span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="color: blue;"><i>      <span id='blog-pager-older-link'></i></span></span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i><span class="Apple-style-span" style="color: blue;">      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'></span><b><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwzxqqH4h_NSDctoDu74-BS_lVdLCSyGnCeMoOJp6qGg9A28DmQ7XUaai7obPdgyXv1ilCENezHjj9ldRqiMl1MwHujS6n8Ck139hKi2OLyDhlRuCGcw_PHR1Ns1NgtKmYW2qZseLER8U/s1600/Next-icon.png'/></b><span class="Apple-style-span" style="color: blue;"></a></span></i></span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="color: blue;"><i>      </span></i></span></span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="color: blue;"><i>    </b:if></i></span></span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">    <i><span class="Apple-style-span" style="color: magenta;"><a class='home-link' expr:href='data:blog.homepageUrl'></span><b><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSlR1sHJmM8KTBjngJY4kKbL_PhcuMLAcgb1cbdr8ZCNaTiZUpZUW7U5qCSkOwDzTkcc0wcYHOux_-VyTf8QLdmqMMGxsTy7PiudSpHmd2bg51jjAUJ8cs-hiU3DOoGfVb0s2YFHJmijk/s1600/Home-48.png'/></b><span class="Apple-style-span" style="color: magenta;"></a></span></i></span></div></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Ganti URL icon dengan URl icon yang anda punya, atau bisa juga pakai punya saya (gambar di bawah). Simpan gambar, taruh di blog, atau tempat penyimpanan gambar <a href="http://photobucket.com/">Photobucket</a> atau yang lainnya.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Jika semua langkah sudah dilakukan, Klik <b>Pratinjau</b> terlebih dahulu untuk memastikan apakah berhasil dan lihat blog yang bagian bawah. Klik <b>Bersihkan Edit</b> jika gagal.</span></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"></span><br />
<div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Klik <b>Simpan Template</b> jika berhasil.</span></div><div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzG2rz49z_AZgh48CAlQrJ3NTbpi6c3l4hUMhyHNvX4D-TLWIUhiQwajbBqcpDQnRmxzhOqAaavFfUV4VjZqfvMIcr2jBSdtWYz_hXem3cO6lPE8AHPG-wQ-FyeLFGjxOB_Cp1k4u9ENy1/s1600/kiri.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzG2rz49z_AZgh48CAlQrJ3NTbpi6c3l4hUMhyHNvX4D-TLWIUhiQwajbBqcpDQnRmxzhOqAaavFfUV4VjZqfvMIcr2jBSdtWYz_hXem3cO6lPE8AHPG-wQ-FyeLFGjxOB_Cp1k4u9ENy1/s1600/kiri.png" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkOBJeu020mm294m-6KPc5jUACITBnrZxZgiNvbrn-ENAMuhyphenhyphenQLuXp_76SeVlgv2S1svo3rHcYjP7WlO8-ZpMDz65BlCVUnpCTtaiZYrnCTTvWA7mH7YzrYkg1SxBJ1A-VS31k7AC2GklA/s1600/rumah.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkOBJeu020mm294m-6KPc5jUACITBnrZxZgiNvbrn-ENAMuhyphenhyphenQLuXp_76SeVlgv2S1svo3rHcYjP7WlO8-ZpMDz65BlCVUnpCTtaiZYrnCTTvWA7mH7YzrYkg1SxBJ1A-VS31k7AC2GklA/s1600/rumah.png" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLymdjkEP0ZApQu2ZGedIEPrCyyhFWH4fGERzAhcwZLL4G33In-xgnpblYbVEP9De8jIZ45dTTDFW6eh_IXYyeiup-LKycev_WszBmS4xgsvMJbaSYWGdU8S2GwRPnkhnW_Kuz2iMku_pa/s1600/kanan.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLymdjkEP0ZApQu2ZGedIEPrCyyhFWH4fGERzAhcwZLL4G33In-xgnpblYbVEP9De8jIZ45dTTDFW6eh_IXYyeiup-LKycev_WszBmS4xgsvMJbaSYWGdU8S2GwRPnkhnW_Kuz2iMku_pa/s1600/kanan.png" /></a></span></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
<br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzenbrO7E9yT7YP7CD9_8U3Sf_DlGf1_WcvWaFoMaxqf8NDBYVhfoM2o2M3LnCC43t6d8uql0hfiJM5BWriiYcQ46Po3-Irmc_u8meg-sXV9zo3wkORAbIZ-crZuy3WszpQDUrcF1wqlai/s1600/Newer.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzenbrO7E9yT7YP7CD9_8U3Sf_DlGf1_WcvWaFoMaxqf8NDBYVhfoM2o2M3LnCC43t6d8uql0hfiJM5BWriiYcQ46Po3-Irmc_u8meg-sXV9zo3wkORAbIZ-crZuy3WszpQDUrcF1wqlai/s1600/Newer.png" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq19rV3h_rh9I8Hi4XBi4PopSjJb5fO_O4j9fymKo7iOCQsp4Mi_uEfzcHV-KgqxNCH0DfGxip6dyaPn8PYptnz3IYVinmJDfG_AqAoG9-0iqmQRMhCWRcbC6WXHlXM3qZczCUVEtn4zul/s1600/Home.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq19rV3h_rh9I8Hi4XBi4PopSjJb5fO_O4j9fymKo7iOCQsp4Mi_uEfzcHV-KgqxNCH0DfGxip6dyaPn8PYptnz3IYVinmJDfG_AqAoG9-0iqmQRMhCWRcbC6WXHlXM3qZczCUVEtn4zul/s1600/Home.png" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh419nf_lqqsYRce6QgcWzA_fNclnu3k2KS0BcUm_-pNv85M6vjCbnr65JHBDn-G8dDE71Y4Id1yCFEAuRMXD9avaXtqRhGDlPmkDRNhzkOfbkyFkwaQVopzxnMRJXjHASYaYp1yWWMrtEz/s1600/older.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh419nf_lqqsYRce6QgcWzA_fNclnu3k2KS0BcUm_-pNv85M6vjCbnr65JHBDn-G8dDE71Y4Id1yCFEAuRMXD9avaXtqRhGDlPmkDRNhzkOfbkyFkwaQVopzxnMRJXjHASYaYp1yWWMrtEz/s1600/older.png" /></a></span><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijZBDbYqS96GtIfAPK8VvdopbSSf0zA_nvbysebJJIhJXpjoE719m06sA7gpW-Y_XACnqR_MVqhnIHq_cnF_Aocud-zqWX_qK8Uh-QgZzYyWzqMfwCGlYlLRRIn1VrW2KUJ0Y3GZr-2u0l/s1600/Right-48.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijZBDbYqS96GtIfAPK8VvdopbSSf0zA_nvbysebJJIhJXpjoE719m06sA7gpW-Y_XACnqR_MVqhnIHq_cnF_Aocud-zqWX_qK8Uh-QgZzYyWzqMfwCGlYlLRRIn1VrW2KUJ0Y3GZr-2u0l/s1600/Right-48.png" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjlUoDnrIGHsK0adzy35WkH7U7oN3og79R_g6Oo9tybpcs7gHmpQwADoxPauoVbs4dCLXWPJxJmtzXhmoNUDckcI1EacprcEOXTfi2GnoyYho4s6ycGG39yopxRKZpPkdCqmYvwZnmVkJQ/s1600/Left-48.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjlUoDnrIGHsK0adzy35WkH7U7oN3og79R_g6Oo9tybpcs7gHmpQwADoxPauoVbs4dCLXWPJxJmtzXhmoNUDckcI1EacprcEOXTfi2GnoyYho4s6ycGG39yopxRKZpPkdCqmYvwZnmVkJQ/s1600/Left-48.png" /></a></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqW39FxK09BkveU0FQ_czwEa2blKdw1oQqifd_mikKRmhnsOadZVmHhc1w8_A9kyUx4X7GDRo7InbqbQgzd1lruvjm1HxDzAXxG0Ctjr3gqsJbor-i5yWNJBao4f2C9HI2gSQTk_kQCy4D/s1600/Next.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqW39FxK09BkveU0FQ_czwEa2blKdw1oQqifd_mikKRmhnsOadZVmHhc1w8_A9kyUx4X7GDRo7InbqbQgzd1lruvjm1HxDzAXxG0Ctjr3gqsJbor-i5yWNJBao4f2C9HI2gSQTk_kQCy4D/s1600/Next.png" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4MDHTDatBYga0C5-KHGnWwpMYg9HHGaXmZgupZzEOVpGZlNCMpAx9gst-rRlHaPjj-RG43YyVGAZJVvpHZT_9ZP0MP5rCadpPO_MDnSQyyVS1jW6xdU2o4CN5qE-dT4mJLfN_Dk63sBxS/s1600/Previous.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4MDHTDatBYga0C5-KHGnWwpMYg9HHGaXmZgupZzEOVpGZlNCMpAx9gst-rRlHaPjj-RG43YyVGAZJVvpHZT_9ZP0MP5rCadpPO_MDnSQyyVS1jW6xdU2o4CN5qE-dT4mJLfN_Dk63sBxS/s1600/Previous.png" /></a></div>

Memodifikasi/Merubah Newer Post, Home Dan Older Post

Newer Post Home dan Older Post posisinya ada di bawah postingan. Buat yang ingin merubah kata - kata tersebut, berikut langkah - langka...

Baca selengkapnya »

Membuat Wiget Hanya Tampil Di Halaman Utama

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQPIFy8tPzvTtRTr2-MiI-M_yN6fgxmdUJsBdb1HocT_tM97QO4ASWvrnWRAKIA-oACVvvPPwBbIDnpXxVNP4mHYuyedi_yYGI5ISxgNBb6q1srXi_TypL5BxO7divc3akUgVZWRqX5UPx/s1600/BL_blue.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQPIFy8tPzvTtRTr2-MiI-M_yN6fgxmdUJsBdb1HocT_tM97QO4ASWvrnWRAKIA-oACVvvPPwBbIDnpXxVNP4mHYuyedi_yYGI5ISxgNBb6q1srXi_TypL5BxO7divc3akUgVZWRqX5UPx/s1600/BL_blue.png" /></a></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Fungsi <a href="http://72bidadari.blogspot.com/2011/09/membuat-wiget-hanya-tampil-di-halaman.html">membuat widget hanya tampil di home page</a> adalah agar loading blog tidak terlalu berat saat kita atau visitor membuka halaman posting. Misalnya yang saya terapkan di blog ini. Widget Feedjit, Followers, About Me, dll hanya tampil di halaman utama. Karena kita atau pengunjung tidak memerlukan informasi tersebut berkali - kali.</span></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Untuk membuatnya, berikut langkah - langkah membuat widget hanya tampil di home page.</span><br />
<br />
<ul><li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Login ke akun Blogger Anda.</span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Klik <b>Rancangan</b> > <b>Edit HTML</b>.</span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Klik <b>Download Template Lengkap</b> untuk mem-backup template. </span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Beri tanda centang pada <b>Expand Template Widget</b>.</span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Cari kode "widget id" anda yang ingin hanya ditampilkan di halaman utama saja. Gunakan tombol Ctrl + F atau tekan F3 saja untuk memudahkan pencarian, ketik Feedjit atau yang lainnya. Misalkan Feedjit. Di bawah ini adalah susunan kode widget id Feedjit. </span></li>
</ul><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i><b:widget id='HTML7' locked='false' title='<a href="http://feedjit.com/">Feedjit</a>' type='HTML'></i></span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i><b:includable id='main'></i></span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>  </i></span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>  <b:if cond='data:title != &quot;&quot;'></i></span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>    <h2 class='title'><data:title/></h2></i></span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>  </b:if></i></span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>  <div class='widget-content'></i></span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>    <data:content/></i></span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>  </div></i></span></span><br />
<br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>  <b:include name='quickedit'/></i></span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i></b:includable></i></span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i></b:widget></i></span></span><br />
<br />
<div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Nah untuk membuatnya tersembunyi di halaman lain atau hanya tampil di halaman utama, tambahkan kode  <span class="Apple-style-span" style="color: red;"><b><b:if cond='data:blog.homepageUrl == data:blog.url'></b></span> <span class="Apple-style-span" style="background-color: yellow;">di bawah</span> kode  <span class="Apple-style-span" style="color: blue;"><b><b:includable id='main'></b></span> dan kode <span class="Apple-style-span" style="color: red;"><b></b:if></b></span> <span class="Apple-style-span" style="background-color: yellow;">di atas</span> kode <span class="Apple-style-span" style="color: blue;"><b></b:includable></b></span> sehingga hasilnya akan terlihat seperti di bawah ini.</span></div><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i> <b:widget id='HTML7' locked='false' title='Feedjit' type='HTML'></i></span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i><b:includable id='main'></i></span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><b><span class="Apple-style-span" style="background-color: #eeeeee; color: red;"><i><b:if cond='data:blog.homepageUrl == data:blog.url'></i></span></b></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>  </i></span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>  <b:if cond='data:title != &quot;&quot;'></i></span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>    <h2 class='title'><data:title/></h2></i></span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>  </b:if></i></span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>  <div class='widget-content'></i></span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>    <data:content/></i></span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>  </div></i></span></span><br />
<br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i>  <b:include name='quickedit'/></i></span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="color: red;"><b style="background-color: #eeeeee;"><i></b:if></i></b></span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i></b:includable></i></span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i></b:widget></i></span></span><br />
<br />
<div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Sekali lagi, tulisan berwarna <span class="Apple-style-span" style="color: red;"><b>merah</b></span> di atas yang harus di sisipkan ke dalam widget id yang hanya ingin ditampilkan di home page. Semua widget id hampir sama kodenya dengan yang di atas. Beda di judul doang. Untuk membuat langkah - langkah di atas, sebaiknya widget yang akan kita edit harus diberi judul untuk memudahkan pencarian saat edit HTML.</span></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Semoga bermanfaat.</span>

Membuat Wiget Hanya Tampil Di Halaman Utama

Fungsi membuat widget hanya tampil di home page adalah agar loading blog tidak terlalu berat saat kita atau visitor membuka halaman postin...

Baca selengkapnya »

Membuat Tab Menu Menggunakan CSS3 Di Blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3vdorzHUlHytm5-uHSxbBB8secfDcLajzJ8c7D01cGWo4L-Usdy8EiNfgWEtneIiAy_bci7rHInfvfYc5aZE3nQG4RzethwBbLZdHcHLVmj7gc83b57DiCOcJASmUwe5NaVxmb4XsHaCJ/s1600/TAB+MENU.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3vdorzHUlHytm5-uHSxbBB8secfDcLajzJ8c7D01cGWo4L-Usdy8EiNfgWEtneIiAy_bci7rHInfvfYc5aZE3nQG4RzethwBbLZdHcHLVmj7gc83b57DiCOcJASmUwe5NaVxmb4XsHaCJ/s320/TAB+MENU.jpg" width="212" /></a></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Contoh <a href="http://72bidadari.blogspot.com/2011/09/membuat-tab-menu-menggunakan-css3-di.html">tab menu menggunakan CSS3</a> bisa anda lihat pada gambar di atas. Jika tertarik, berikut langkah - langkah pembuatannya.</span></div><div style="text-align: left;"></div><div style="text-align: left;"></div><div style="text-align: left;"><br />
<ul><li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Login ke akun Blogger Anda.</span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Klik Rancangan > Edit HTML.</span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Klik Download Template Lengkap untuk mem-backup template. Ini <span class="Apple-style-span" style="background-color: yellow;">penting</span> dilakukan untuk jaga - jaga misalkan fitur yang akan kita pasang berikutnya tidak sesuai dengan yang kita inginkan</span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Cari kode <b><span class="Apple-style-span" style="color: red;">]]></b:skin></span></b>, gunakan tombol Ctrl + F atau tekan F3 saja agar lebih cepat ditemukan</span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Setelah ketemu, paste kode berikut tepat <span class="Apple-style-span" style="background-color: yellow;">di atas</span> kode ]]></b:skin></span></li>
</ul><br />
</div><div style="text-align: left;"></div><div style="text-align: left;"></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">/*****Tab menu css3 72 Bidadari *****/</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">.navbox {</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">position: relative;</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">float: left;</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">}</i></span><br />
<br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">ul.nav {</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">list-style: none;</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">display: block;</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">width: 220px;</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">position: relative;</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">top: 0px;</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">left: 0px;</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">padding: 0px 0 0px 0;</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs_VBTkhMh1BBo2RArqlbXx-CehpMvhN4g6ceIfAjkLL5nhOt_I1-TKEwYA-Vxlv6coWG7-AJqa24g3MjnNxm8JbqO5KL0q4gUbbJSgY3uPuWFxuvGptSJFMVJWhyphenhyphenFhjtV0i7Y3PdYpBg/s320/shad2.png) no-repeat;</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">-webkit-background-size: 50% 100%;</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">-moz-background-size: 50% 100%;</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">}</i></span><br />
<br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">li {</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">margin: 5px 0 0 0;</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">}</i></span><br />
<br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">ul.nav li a {</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">-webkit-transition: all 0.3s ease-out;</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">-moz-transition: all 0.3s ease-out;</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">background: <span class="Apple-style-span" style="color: red;"><b>#FFFF00</b></span> url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6J3OIx5-lOr6xKd3HN-fcfReojlbUZ7SnveH0O22iVyD-WvTo_R-kEvN6d_iRQWjCpAadVgVCdp8d7Z4gKLQnAvVKBaon3XAToXhSRVGlKbZszKOhlGJ5Ba2WCf1vV7EpweYy05CpO7k/s320/batas.png) no-repeat;</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">color: <b><span class="Apple-style-span" style="color: blue;">#000000</span></b>;</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">padding: 7px 15px 7px 15px;</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">-webkit-border-top-right-radius: 0px;</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">-webkit-border-bottom-right-radius: 0px;</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">-moz-border-radius-topright: 0px;</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">-moz-border-radius-bottomright: 0px;</i></span><br />
<br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">width: 110px;</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">display: block;</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">text-decoration: none;</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">-webkit-box-shadow: 4px 2px 4px #888;</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">-moz-box-shadow: 4px 2px 4px #888;</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">}</i></span><br />
<br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">ul.nav li a:hover {</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">background: <b><span class="Apple-style-span" style="color: magenta;">#FAAC58</span></b> url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6J3OIx5-lOr6xKd3HN-fcfReojlbUZ7SnveH0O22iVyD-WvTo_R-kEvN6d_iRQWjCpAadVgVCdp8d7Z4gKLQnAvVKBaon3XAToXhSRVGlKbZszKOhlGJ5Ba2WCf1vV7EpweYy05CpO7k/s320/batas.png) no-repeat;</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">color: black;</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">padding: 7px 15px 7px 30px;</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">}</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Untuk memodifikasi tab menu, lihat tulisan berwarna di atas.</span><br />
<br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;"><span class="Apple-style-span" style="color: red;"><b>#FFFF00</b></span></i> adalah background dari tab menu</span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;"><b><span class="Apple-style-span" style="color: blue;">#000000</span></b></i> adalah warna teks dalam tab menu</span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;"><b><span class="Apple-style-span" style="color: magenta;">#FAAC58</span></b></i> adalah warna saat tab menu disorot dengan kursor.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKfIQjvPcs2b85fYRagdookLyfhGnBcm0MpP3jxin71yOSTVtTZ5cWy6i8Lis7uc-vAkWC75_DP8chSF21z4a9Ef63l3rfQUJjSHgzH_zg4y4rMCCaa8YB3p3P5s7YpICD3wa0v5WXXmnO/s1600/TAB+MENU.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKfIQjvPcs2b85fYRagdookLyfhGnBcm0MpP3jxin71yOSTVtTZ5cWy6i8Lis7uc-vAkWC75_DP8chSF21z4a9Ef63l3rfQUJjSHgzH_zg4y4rMCCaa8YB3p3P5s7YpICD3wa0v5WXXmnO/s320/TAB+MENU.jpg" width="213" /></a></div><br />
<div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Seperti contoh gambar di samping, background tab menu adalah <b><span class="Apple-style-span" style="background-color: yellow;">kuning</span></b>, teks tab menu berwarna <span class="Apple-style-span" style="background-color: black; color: white;">hitam</span>, dan saat disorot dengan kursor menjadi berwarna <span class="Apple-style-span" style="background-color: #f6b26b;">orange</span>. Anda bisa merubah sendiri kode - kode HTML dengan melihat <a href="http://72bidadari.blogspot.com/2011/09/kode-kode-warna-html.html">kode - kode warna HTML</a> yang ada di blog ini.</span></div><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span><br />
<br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Setelah itu klik <b>Simpan Template</b>.</span><br />
<br />
<ul><li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Eh belum selesai, selanjutnya klik <b>Elemen Laman</b></span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Klik <b>Tambah Gadget</b>, pilih <b>Add HTML/Javascript</b></span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Masukkan kode berikut ke dalam kotak yang disediakan.</span></li>
</ul><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><div class="navbox"></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><ul class="nav"></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><li><a href="<span class="Apple-style-span" style="color: blue;">masukan link</span>"><span class="Apple-style-span" style="color: red;">Judul Menu</span></a></li></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><li><a href="<span class="Apple-style-span" style="color: blue;">masukan link</span>"></span><span class="Apple-style-span" style="color: red; font-family: 'Trebuchet MS', sans-serif;">Judul Menu</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"></a></li></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><li><a href="<span class="Apple-style-span" style="color: blue;">masukan link</span>"></span><span class="Apple-style-span" style="color: red; font-family: 'Trebuchet MS', sans-serif;">Judul Menu</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"></a></li></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><li><a href="<span class="Apple-style-span" style="color: blue;">masukan link</span>"></span><span class="Apple-style-span" style="color: red; font-family: 'Trebuchet MS', sans-serif;">Judul Menu</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"></a></li></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><li><a href="<span class="Apple-style-span" style="color: blue;">masukan link</span>"></span><span class="Apple-style-span" style="color: red; font-family: 'Trebuchet MS', sans-serif;">Judul Menu</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"></a></li></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><li><a href="<span class="Apple-style-span" style="color: blue;">masukan link</span>"></span><span class="Apple-style-span" style="color: red; font-family: 'Trebuchet MS', sans-serif;">Judul Menu</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"></a></li></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><li><a href="<span class="Apple-style-span" style="color: blue;">masukan link</span>"></span><span class="Apple-style-span" style="color: red; font-family: 'Trebuchet MS', sans-serif;">Judul Menu</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"></a></li></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><li><a href="<span class="Apple-style-span" style="color: blue;">masukan link</span>"></span><span class="Apple-style-span" style="color: red; font-family: 'Trebuchet MS', sans-serif;">Judul Menu</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"></a></li></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><li><a href="<span class="Apple-style-span" style="color: blue;">masukan link</span>"></span><span class="Apple-style-span" style="color: red; font-family: 'Trebuchet MS', sans-serif;">Judul Menu</span><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"></a></li></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"></ul></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"></div></span><br />
<div style="text-align: left;"><br />
<ul><li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Tulisan yang warna <span class="Apple-style-span" style="color: blue;">biru</span> adalah link menu yang harus dimasukkan, misalnya <a href="http://72bidadari.blogspot.com/">http://72bidadari.blogspot.com/</a>, tulisan berwarna <span class="Apple-style-span" style="color: red;">merah</span> adalah judul dari menu. Jika menu di atas terlalu banyak atau terlalu sedikit, bisa ditambahkan atau dikurangi.</span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Yang terakhir, klik <b>simpan. </b></span></li>
</ul></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Semoga bermanfaat <img src="http://www.laymark.com/i/o/04.gif" /></span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif; font-size: x-small;"><i><a href="http://hendro-prayitno.blogspot.com/2010/07/membuat-tab-menu-menggunakan-css3-tanpa.html">Sumber</a></i></span></div>

Membuat Tab Menu Menggunakan CSS3 Di Blog

Contoh tab menu menggunakan CSS3 bisa anda lihat pada gambar di atas. Jika tertarik, berikut langkah - langkah pembuatannya. Login ke akun...

Baca selengkapnya »

Membuat Link Berkedip Dan Berwarna Pelangi Saat Disorot Kursor

<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Pastinya sudah paham apa yang dimaksud. Berikut langkah - langkah <a href="http://72bidadari.blogspot.com/2011/09/membuat-link-berkedip-dan-berwarna.html">membuat link berkedip dan berwarna pelangi</a>.</span><br />
<br />
<ul><li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Login ke akun Blogger Anda.</span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Klik Rancangan > Edit HTML.</span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Beri tanda centang pada Expand Template Widget.</span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Cari kode <span class="Apple-style-span" style="color: red;"><head></span>, gunakan tombol Ctrl + F atau tekan F3 saja agar lebih cepat ditemukan.</span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Paste kode berikut tepat di bawah kode <span class="Apple-style-span" style="color: red;"><head></span></span></li>
</ul><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i><script language='javascript' src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/LinkPelangi.js'/></i></span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: #eeeeee;"><i></i></span></span><br />
<ul><li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span class="Apple-style-span" style="background-color: white;">Kemudian klik <b>simpan template</b></span></span></li>
</ul><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span style="background-color: white;"><br />
</span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span style="background-color: white;"><br />
</span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span style="background-color: white;"><br />
</span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span style="background-color: white;"><br />
</span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><span style="background-color: white;"><i><span class="Apple-style-span" style="font-size: x-small;"><a href="http://amatullah83.blogspot.com/">Sumber</a></span></i></span></span>

Membuat Link Berkedip Dan Berwarna Pelangi Saat Disorot Kursor

Pastinya sudah paham apa yang dimaksud. Berikut langkah - langkah membuat link berkedip dan berwarna pelangi . Login ke akun Blogger Anda....

Baca selengkapnya »

Cara Membuat Semua Link Membuka Di Tab Baru Pada Blog

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4zu9LK7DQRWz_HccBYoOgnr3FR06_b3XJvhzph3nIDuLNn0NNJ3aGIuwsnT_BCh88L_BmPlzGYh3X19C62oc68JKbKYA39amnf7PjtbsuRaWnuBayG6BP6Ea_Cr8w0Y5ntybIRkK67WAl/s1600/plus-icon+new+tab+72+bidadari.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4zu9LK7DQRWz_HccBYoOgnr3FR06_b3XJvhzph3nIDuLNn0NNJ3aGIuwsnT_BCh88L_BmPlzGYh3X19C62oc68JKbKYA39amnf7PjtbsuRaWnuBayG6BP6Ea_Cr8w0Y5ntybIRkK67WAl/s1600/plus-icon+new+tab+72+bidadari.png" /></a></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Contohnya bisa anda lihat di blog ini. Semua link yang di klik akan <a href="http://72bidadari.blogspot.com/2011/09/cara-membuat-semua-link-membuka-di-tab.html">membuka di tab yang baru</a>. Tujuannya untuk membuat nyaman pengunjung di blog kita, agar selama loading page yang baru, visitor masih dapat melihat - lihat page yang sebelumnya di buka.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Berikut langkah - langkahnya.</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div><div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"></span></div><div style="text-align: justify;"></div><ul><li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Login ke akun Blogger Anda.</span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Klik Rancangan > Edit HTML.</span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Klik Download Template Lengkap untuk mem-backup template. Ini penting dilakukan untuk jaga - jaga misalkan fitur yang akan kita pasang berikutnya tidak sesuai dengan yang kita inginkan</span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Beri tanda centang pada Expand Template Widget.</span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Cari kode <span class="Apple-style-span" style="color: red;"><b><head></b></span>, gunakan tombol Ctrl + F atau tekan F3 saja agar lebih cepat ditemukan</span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Setelah ketemu,paste kode <b><span class="Apple-style-span" style="color: red;"><base target='_blank'/></span></b> di bawah kode <span class="Apple-style-span" style="color: red;"><b><head></b></span></span></li>
<li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Kemudian klik <b>simpan template</b></span></li>
</ul><br />
<div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><br />
</span></div>

Cara Membuat Semua Link Membuka Di Tab Baru Pada Blog

Contohnya bisa anda lihat di blog ini. Semua link yang di klik akan membuka di tab yang baru . Tujuannya untuk membuat nyaman pengunjung di...

Baca selengkapnya »

Cara Membuat Navbar Blog Auto Hide/Fleksibel

<div style="text-align: justify;"><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><a href="http://72bidadari.blogspot.com/2011/09/cara-membuat-navbar-blog-auto.html">Navbar blog</a> posisinya berada paling atas. Susunannya terdiri dari Ikuti, Berbagi, Laporkan Penyalahgunaan, Blog Berikut>> dll. Untuk <a href="http://72bidadari.blogspot.com/2011/09/cara-membuat-navbar-blog-auto.html">membuatnya menjadi auto hide/fleksibel</a> seperti di blog ini, berikut langkah - langkahnya.</span></div><div style="text-align: justify;"></div><br />
<div style="font-family: 'Trebuchet MS', sans-serif;"></div><ul><li>Login ke akun Blogger Anda.</li>
<li>Klik Rancangan > Edit HTML.</li>
<li>Beri tanda centang pada Expand Template Widget.</li>
<li>Cari kode <span class="Apple-style-span" style="color: red;">]]></b:skin></span>, gunakan tombol Ctrl + F atau tekan F3 saja agar lebih cepat ditemukan</li>
<li>Paste kode berikut <span class="Apple-style-span" style="background-color: #ffd966;">di atas</span> kode <span class="Apple-style-span" style="color: red;">]]></b:skin></span></li>
</ul><div style="font-family: 'Trebuchet MS', sans-serif;"></div><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}</i></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;"><i style="background-color: #eeeeee;">#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}</i></span><br />
<br />
<ul><li><span class="Apple-style-span" style="font-family: 'Trebuchet MS', sans-serif;">Kemudian klik Simpan Template</span></li>
</ul>

Cara Membuat Navbar Blog Auto Hide/Fleksibel

Navbar blog posisinya berada paling atas. Susunannya terdiri dari Ikuti, Berbagi, Laporkan Penyalahgunaan, Blog Berikut>> dll. Untuk ...

Baca selengkapnya »