Cara Menghilangkan Tampilan Undefined Pada Format Tanggal Blog

Terkadang bagi Kalian yang suka mencoba Template baru saat Template mau dicoba untuk ditampilkan, terjadi kesalahan yang tidak diinginkan yakni adanya format tampilan tanggal menjadi "Undefined". Ini akan sangat mengganggu tampilan Template Kalian dan sangat tidak Kalian inginkan . Nah, untuk Kalian yang belum tahu dan ingin tahu bagaimana menyiasati agar tulisan "Undefined" tersebut hilang dan menjadi tampilan format tanggal yang benar, berikut akan Saya berikan tipsnya, mudah-mudahan bisa membantu. 

[1]. Pertama Login dulu ke Blog Kalian masing-masing
[2]. Trus cari Menu Setting --> Trus Pilih Formatting 
[3]. Selanjutnya cari kolom Time Stamp dan rubah pilihan formatnya menjadi "Hari, Bulan Tanggal, Tahun" (Thuesday, June 30, 2009)
[4]. Terakhir tinggal di SAVE

Sekarang coba lihat hasilnya, tulisan "Undefined" yang sebelumnya ada, sekarang sudah berubah menjadi tampilan format tanggal sesuai dengan yang Kalian inginkan.

Selamat Mencoba, dan Semoga Berhasil...!!!

Cara Menghilangkan Tanda Obeng dan Tang Pada Blog

Tanda Obeng dan Tang terlihat saat kita keadaan Login. Dan sebenarnya dimaksudkan untuk memudahkan kita dalam mengedit Elemen atau Gadget yang terpasang di Blog kita. Namun saat kita sudah Loguot tanda Obeng dan Tang tersebut sudah tidak terlihat. Seperti terlihat pada gambar di bawah ini.

Kalau Kalian merasa terganggu dengan tanda tersebut, maka Saya akan memberikan Tips menghilangkan tanda tersebut.

Ikuti Langkah-Langkah Di Bawah Ini :

[1]. Login dulu ke Blog Kalian masing-masing
[2]. Trus cari Rancangan --> Edit HTML
[3]. Lalu cari Code ]]></b:skin> (Agar Lebih Mudah Mencarinya Tekan CTRL + F, atau F3 Pada Keyboard)
[4]. Kalo sudah ketemu Copy dan Paste-kan Code di bawah ini, tepat di atas Code tadi

.quickedit{
display:none;
}

[5]. Terakhir tinggal SAVE, dan lihat hasilnya, tanda obeng dan tang sudah hilang.

Kalo sudah berhasil, jangan lupa tinggalkan kometarnya ya...

Semoga Berhasil...!!!

Cara Memasang Emoticon Naruto Di Atas Kotak Komentar

Silahkan kalian lihat-lihat dulu Emoticon di atas.

Bagaimana, Kalian tertarik...??? Kalo Kalian tertarik silahkan ikuti langkah-langkah berikut :

[1]. Pertama Login Dulu Ke Blog Kalian[2]. Trus Pilih Tata Letak
[3]. Pilih Edit HTML
[4]. Beri Centang Pada Expand Widget Template
[5]. lalu Cari Code </body> (Agar Lebih Mudah Mencari Tekan Saja CTRL + F, atau F3 Pada Keyboard)
[6]. Letakkan Code Dibawah Ini Sebelum Code </body>

<script src='http://mohammadiqbal.fileave.com/chibi_naruto_teoringeblog.js' type='text/javascript'/>

[7]. Setelah Selesai Dengan Script Diatas Cari Code Berikut

<b:if cond='data:post.embedCommentForm'>

[8]. Setelah Ketemu Silahkan Copy dan Paste-kan kode Script Dibawah Ini Sebelum Code Di Atas

<b><img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVeskmPNv2M5EFyVdmXHCK7hA1DqBhbqKlKZP7OOw4iVuLNhpVjB4M_lwCISA_PLj0MxVspBUlHb0XA5EuuykQmQB59bQBNsxqipH0qOz0AdvRauwud1nhKTnGeu_Ap6zlFbuK-i7FE28/s128/naruto.gif' width='50'/>
:1:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5FZlHTN-isJgH251gQEGgHC3fQ6F2gDooBwJhDSU6vjgHHXJK2S3LMoEl1-zr_sgeOsZ93pQaQ_sRNFosSFEPria5get5LBWTOKA822VPCpBn8r6HnIphw9ufzbA0jWEetx2s_JxyIys/s128/sasuke.gif' width='50'/>
:2:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvMO_l_tg1M2PZoSx6OrXU75zBXMuAUohIeVQCbKMlWbwWBE8empYArlA5gb5pMFjjmxP6D_M-wblCrPPUwmDflGAMbM4gQtQrAkQPCfRmT1Rr2xL45AHqCn23UB7ueFa9zSKr8ZgwpD4/s128/sakura.gif' width='50'/>
:3:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxBId7v_JmNDu8WnVj2nYoZ5j0QLJ0YMn9GbnZc04cMhutmuxFxPcWLsGdA8Iqe0wPJE090HqeAjjzDOnoIgP1gT1a4pySye7CvHLvVIU1JpL-TP5Bd46hhnR1YPayl0GEmYubbQS4iFE/s128/gaara.gif' width='50'/>
:4:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHxYifukZ3wzTgL2arkiIADe1oliEXcD8Hj8RRFv3G3qoHR79pH3tSBU_O-pqR6UmAUChSbo3Ej2qco06StH6NmPMZuF0jDZc5P06ii53ZzOPrIwaBUzDw0ACb5exSSnPzryAk5EhcwSM/s128/neji.gif' width='50'/>
:5:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibvhWIotYTU5Pb4zzpxGrlUUKeUZDE73xegrgnSGllrc_qH7ebTmDu_eDPbGZndzw7h3DY8ebyEWGmmw6fvJkC9vDFh-ABdgup3VQeawvv5vJMTOHOmm3SyA9YtfnAAsCh7Sb-BwPoelc/s128/rock%20lee.gif' width='50'/>
:6:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx4RmPRkz1AWIBAEPApAO4yVQnElfSjnrv0xJIP0lVTZhE38_a-Mu1YsWqnZJeUNDJV0vZ9kN5e79_2T_dWKMmMagi9FK3ac5ggF0lw-fUgdbWbc3QjUspdLp-tTgJBPZowP-I0nNlFkU/s128/kakashi.gif' width='50'/>
:7:
</b>

[9]. Terahir Simpan dan Lihat Hasilnya

Selamat Mencoba...!!!^_^

Cara Membuat Pesan Selamat Tinggal Buat Pengunjung

Sebelunya saya sudah bahas tentang  Cara Membuat Pesan Perkenalan Bagi Pengunjung, Nah kali ini saya akan bahas tentang Cara Membuat Pesan Selamat Tinggal Buat Pengunjung. Simak baik-baik ya, berikut langkha-langkhanya :

[1]. Pertama Login Dulu Ke Blog Kalian

[2]. Trus Pilih Tata Letak dan Klik Edit HTML
[3]. Cari Code </head> 
[4]. Copy dan Paste-kan Code Dibawah Ini Diatas Code </head>

<script>
function minggat(){
window.alert('Bye...!!! Kapan-Kapan Surfing Lagi Ya...!!!');
}
parent.window.onbeforeunload=minggat;
</script>

NB :
- Tulisan Yang Berwarna Biru Bisa Di Ganti Dengan Kata-Kata Kalian Sendiri.

[5]. Simpan TemplateDan Lihat Hasilnya

Selamat Mencoba...!!!^_^

Cara Membuat Tombol Digg Pada Blog

Tombol Digg adalah yang populer saat ini dan dapat meningkatkan banyak trafik. Jika Kalian ingin membuat posting Kalian lebih dikenal maka sebaiknya tambahkan tombol ini. Langkah-langkanya sebgai berikut.

[1]. Login dulu ke Blog Kalian
[2]. Lalu cari Tata Letak dan Klik Edit HTML
[3]. Download Template Lengkap
[4]. Trus cenang Expand Widget Template
[5]. Cari Code "<data:post.body/>" (Tanpa Tanda Petik)
[6]. Copy dan Pastekan Code di bawah ini sebelum Code di atas.

<!-- Digg Code by www.indonesianblog-jmk.blogspot.com -->
<div style='float:right; margin-left:10px;'>
<script type='text/javascript'>
digg_url = '<data:post.url/>';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
<!-- Digg code ends here -->

NB :
- Tulisan yang berwarna Merah, bisa Kalian ganti dengan URL Blog Kalian.
- Jika Kalian menaruh Codenya di bawah Code <data:post.body/>, maka tombol Diggnya akan ada di bawah Postingan. Begitupun sebaliknya.

[7]. Simpan Template Kalian dan Lihat Hasilnya

Sekarang Kalian pun bisa melihat tombol Digg pada postingan Kalian.

Semoga Berhasil...!!! ^_^

Cara Membuat Scroll Pada Related Post

Kalian pasti sudah tahu-kan apa itu Scroll pada Related Post, seperti yang terlihat pada gambar di atas, kalo Kalian tertarik, silahkan ikuti langkah-langkah berikut ini : 

[1]. Login dulu ke Blog Kalian

[2]. Klik Layout --> Edit HTML --> centang Expand Template Widget
[3]. Cari Kode  <data:post.body/>
[4]. Kalau sudah ketemu, Copy dan Paste-kan Script/Code dibawah ini, di atas Code tadi.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>
<H2>Artikel Terkait:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type="text/javascript">RelPost();</script>
</div> </b:if>  

[3]. Selanjutnya cari Code ]]></b:skin>
[4]. Jika sudah ketemu Copy dan Paste-kan Code berikut diatas Code tadi. 

.rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: rgb(255, 255, 255);} 

[5]. Simpan dan lihat hasilnya

Selamat Mencoba...!!!

Cara Menghilangkan Tulisan "Showing Newest Posts With Label"

Kalian mungkin agak asing dengan judul Postingan kali ini, Tulisan "Showing Newest Posts With Label" biasanya muncul ketika Kalian meng-klik Label, yang letaknya di atas semua Postingan.

Ok langsung saja berikut langkah-langkahnya :

[1]. Pertama Login Dulu Ke Blog Kalian.

[2]. Trus Cari Rancangan --> Edit HTML.

[3]. Cari Code "body {" (Tanpa Tanda Petik) Agar Memudahkan Mencari Kode Itu Tekan Saja (CTRL +).

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

[4]. Ganti Code di atas dengan Code di bawah.

<b:includable id='status-message'>
<b:if cond=’data:navMessage’>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

[5]. Simpan dan lihat hasilnya.

Semoga Berhasil...!!!

Cara Merubah Warna Text Selection

Sebelum Di Rubah Warna Text Selection :

 

Sesudah Di Rubah Warna Text Selection :

Jika Kalian menyeleksi sebuat tulisan pada Postingan Blog Kalian, maka akan keluar warna Biru atau Putih, itu Default. Dan kali ini Saya akan memberikan cara menggantinya sesuai dengan warna yang Kalian inginkan.

Jika Kalian tertarik, ikuti langkah-langkah berikut :

[1]. Seperti biasa Login dulu ke Blog Kalian.

[2]. Trus cari Rancangan --> Edit HTML.

[3]. Trus cari Code "body {" (Tanpa Tanda Petik) Biar Gampang Mencarinya Tekan Saja (CTRL + F).

[4]. Kalo sudah Copy dan Paste-kan Code di bawah ini di atas Code yang tadi.

::-moz-selection { 

background: #CC3399;

color: #ffffff;}

NB :

- Kalian bisa mengganti Warna Text Highlight di atas (#CC3399), dengan Warna yang Kalian suka.

[5]. Simpan Dan Lihat Hasilnya.

Kalo Kalian dingung mencari Code Warna tidak usah kuatir, klik saja DI SINI.


Semoga Berhasil....!!! ^_^

Daftar Kode Warna HTML Lengkap

#FFFFFF	#FFFFCC	#FFFF99	#FFFF66	#FFFF33	#FFFF00
#FFCCFF	#FFCCCC	#FFCC99	#FFCC66	#FFCC33	#FFCC00
#FF99FF	#FF99CC	#FF9999	#FF9966	#FF9933	#FF9900
#FF66FF	#FF66CC	#FF6699	#FF6666	#FF6633	#FF6600
#FF33FF	#FF33CC	#FF3399	#FF3366	#FF3333	#FF3300
#FF00FF	#FF00CC	#FF0099	#FF0066	#FF0033	#FF0000
#CCFFFF	#CCFFCC	#CCFF99	#CCFF66	#CCFF33	#CCFF00
#CCCCFF	#CCCCCC	#CCCC99	#CCCC66	#CCCC33	#CCCC00
#CC99FF	#CC99CC	#CC9999	#CC9966	#CC9933	#CC9900
#CC66FF	#CC66CC	#CC6699	#CC6666	#CC6633	#CC6600
#CC33FF	#CC33CC	#CC3399	#CC3366	#CC3333	#CC3300
#CC00FF	#CC00CC	#CC0099	#CC0066	#CC0033	#CC0000
#99FFFF	#99FFCC	#99FF99	#99FF66	#99FF33	#99FF00
#99CCFF	#99CCCC	#99CC99	#99CC66	#99CC33	#99CC00
#9999FF	#9999CC	#999999	#999966	#999933	#999900
#9966FF	#9966CC	#996699	#996666	#996633	#996600
#9933FF	#9933CC	#993399	#993366	#993333	#993300
#9900FF	#9900CC	#990099	#990066	#990033	#990000
#66FFFF	#66FFCC	#66FF99	#66FF66	#66FF33	#66FF00
#66CCFF	#66CCCC	#66CC99	#66CC66	#66CC33	#66CC00
#6699FF	#6699CC	#669999	#669966	#669933	#669900
#6666FF	#6666CC	#666699	#666666	#666633	#666600
#6633FF	#6633CC	#663399	#663366	#663333	#663300
#6600FF	#6600CC	#660099	#660066	#660033	#660000
#33FFFF	#33FFCC	#33FF99	#33FF66	#33FF33	#33FF00
#33CCFF	#33CCCC	#33CC99	#33CC66	#33CC33	#33CC00
#3399FF	#3399CC	#339999	#339966	#339933	#339900
#3366FF	#3366CC	#336699	#336666	#336633	#336600
#3333FF	#3333CC	#333399	#333366	#333333	#333300
#3300FF	#3300CC	#330099	#330066	#330033	#330000
#00FFFF	#00FFCC	#00FF99	#00FF66	#00FF33	#00FF00
#00CCFF	#00CCCC	#00CC99	#00CC66	#00CC33	#00CC00
#0099FF	#0099CC	#009999	#009966	#009933	#009900
#0066FF	#0066CC	#006699	#006666	#006633	#006600
#0033FF	#0033CC	#003399	#003366	#003333	#003300
#0000FF	#0000CC	#000099	#000066	#000033	#000000
#465584	#EEF2F7	#3A4F6C	#00D	#434951	#555
#777	#DFE6EF	#345487	#F5F9FD	#3860BB	#BCD0ED
#C2CFDF	#F0F5FA	#D1DCEB	#003	#900	#CCE9FD
#E4EAF2	#4C77B6	#DFE6EF	#EEF2F7

Semoga Bermanfaat Ya...!!!

Cara Membuat Read More Di Blog V.01

Read More atau Baca Selanjutnya, adalah tombol yg sangat berguna apabila kita membuat Postingan yg lumayan panjang. Dan mungkin Kalian sudah mengetahuinya,  dan Saya memberikan Cara Membuatnya. OK langsung saja ke tutornya ya..

[1]. Seperti biasa Login dulu ke Blog Kalian.

[2]. Trus cari Setelan --> Format.

[3]. Cari tulisan "Template Entri" kan ada kotak kosong tuh.

[4]. Isikan kotak kosong tersebut dengan Script di bawah.

<span class="fullpost">

</span>

[5]. Lalu Simpan Setelan.

[6]. Trus coba Kalian buat sebuat Entri, lihat gambar di bawah.

 

[7]. Pasti ada menu seperti di gambarkan, cara kerjanya lihat pada gambar di bawah.

[8]. Selesai

Semoga Berhasil Ya...!!!!!

Cara Membuat Navbar Blog Auto Hide

Menyembunyikan Navbar pada Blog, apa itu navbar..???, Navbar adalah bagian yang terlihat pada bagian teratas Blog Kalian. Yang mana pada bagian tersebut terdapat tulisan Posting Baru, Kostumisasi, dan Keluar. Seperti pada judul postingan kali ini, Saya akan memberikan Cara Menyembunyikan Navbar Blog (Auto Hiden Navbar). OK langsung saja, berikut langkah-langkahnya :

[1]. Seperti biasa Login dulu ke Blog Kalian.

[2]. Trus cari Rancangan --> Edit HTML.

[3]. Cari Kode body { (Tanpa Tanda Petik).

[4]. Trus Copy Code dibawah ini.

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

[5]. Pastekan Code yang tadi di Copy di ATAS Code body {.

[6]. Terahir tinggal SAVE.

Sekarang coba arahkan Cursor Mose ke atas tempat Navbar, dan lihat hasilnya...

Semoga Berhasil...!!!

Cara Membuat Double Klik untuk Back To Top (Kembali Ke Atas) Pada Blog

Setelah selesai membaca artikel di Blog, tanpa sadar kita sudah berada di bagian paling bawah Blog. Untuk kembali ke atas harus gulung Scrollbar deh. Karena itu kita bisa membuat sebuah Shortcut agar pengunjung bisa kembali ke bagian atas blog dengan mudah hanya dengan double klik, Langsung aja,berikut langkah-langkahnya :

[1]. Pertama Login dulu ke Blog Kalian.

[2]. Trus Rancangan --> Edit HTML.

[3]. Centang dulu kotak pada "Expand Template Widget".

[4]. Cari Code </head>.
[5]. Trus Copy dan Paste-kan Code di bawah, tepat di ATAS Code tadi.

<script language="JavaScript1.2">

function dblclick() {

window.scrollTo(0,0)

}

if (document.layers) {

document.captureEvents(Event.ONDBLCLICK);

}

document.ondblclick=dblclick;

</script>

[6]. Simpan dan lihat hasilnya.

Semoga Bermanfaat..!!!