Hilangkan "Tampilkan Posting Dengan Label"

Untuk menghilangkan atau menghapus tulisan tampilkan posting dengan label tidaklah sulit. Caranya anda tinggal masuk ke akun blogger.

- Setelah itu pilih menu Template > Edit HTML
- Centang kotak kecil yang ada tulisan Expand Widget Template
- Langkah selanjutnya cari kode di bawah ini: (Gunakan Ctrl + F)

<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>

- Hapus kode tersebut di atas kemudian ganti dengan kode di bawah ini :

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

- Simpan template dan lihatlah hasilnya.

Selamat mencoba dan semoga berhasil ...!!
BATIK KAOS Tenun Ikat Jersey Bola

Baca Selengkapnya → Hilangkan "Tampilkan Posting Dengan Label"

Script Cegah Copy Paste di Blogspot

Agar tulisan artikel postingan di blogspot tidak bisa di copy paste atau diblok, ikuti caranya dan pasang script berikut di bawah ini.

1. Login ke Blogger
2. Klik Rancangan
3. Klik tab Edit HTML
4. Centang pada kotak kecil Expand Template Widget
5. Silahkan cari di dalam template Anda kode </head>. Agar pencarian lebih cepat, silakan gunakan fasilitas Find atau Ctrl + F.

<SCRIPT type=”text/javascript”>
if (typeof document.onselectstart!=”undefined”) {
document.onselectstart=new Function (“return false”);
}
else{
document.onmousedown=new Function (“return false”);
document.onmouseup=new Function (“return true”);
}
</SCRIPT>

6. Kalau sudah ketemu, Copy Paste script di atas ini tepat di bawah kode </head>.
7. Klik Simpan Template dan lihatlah hasilnya.

Silahkan mencoba ...!!!
BATIK KAOS Tenun Ikat Jersey Bola

Baca Selengkapnya → Script Cegah Copy Paste di Blogspot

Cara Hilangkan Navbar Blogspot

Trik cara menghilangkan navbar blogspot dengan metode terbaru yang tentunya lebih mudah dan legal dibanding trik menghapus atau hidden navbar pada blogger lama atau klasik. Jika pada blog yang lama cara menghilangkan navbar blogger kita harus mengedit template, namun kini lebih mudah dengan fitur baru yang lebih simple dan mudah untuk diikuti.

Langkah-langkah untuk menghilangkan navbar blog :
Sebagai langkah awal anda harus login ke blogger dengan ID anda
Klik Menu dropdown lalu pilih Tata letak

Perhatikan gambar dibawah, kemudian klik Edit pada widget Navbar

Setelah muncul pilihan, pilih Off

Klik tombol Simpan.

Selesai. Navbar blog anda sekarang sudah tidak kelihatan lagi. Mudah bukan? Selamat mencoba ...!!
BATIK KAOS Tenun Ikat Jersey Bola

Baca Selengkapnya → Cara Hilangkan Navbar Blogspot

Buat Menu DTree di Blog

Menu Dtree (D-Tree) adalah menu yang memiliki struktur seperti pohon, yang punya cabang-cabang, seperti saat kita membuka Windows Explorer.

Menu Dtree ini sangat berguna jika kamu memiliki postingan yang banyak, karena dengan menggunakan menu Dtree maka akan bisa menghemat space/ruang yang ada di blogmu. Nah bila kamu pingin tahu cara membuatnya, beginilah caranya :

1. Login to Blogger, trus pilih "Layout --> Edit HTML"
2. Copy kode berikut dibawah ini dengan menaruh/paste diatas kode

<link rel="StyleSheet" href="http://www.geocities.com/uddin_81/dtree.css" type="text/css" />
<script type="text/javascript" src="http://www.geocities.com/uddin_81/dtree.js"></script>

3. Selanjutnya Klik Tombol "Save"
4. Setelah itu copy kode berikut ini dan pasang di sidebar kamu, dengan membuka menu "Page Element" trus klik "Add a Gadget --> HTML/Javascript".

<div class="dtree">
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'My Tree');
d.add(1,0,'Node 1','link.html');
d.add(2,1,'Node 1.1','link.html');
d.add(3,2,'Node 1.1.1','link.html');
d.add(4,3,'Node 1.1.1.1','link.html');
d.add(5,0,'Node 2','link.html');
d.add(6,5,'Node 2.1','link.html');
d.add(7,5,'Node 2.2','link.html');
d.add(8,0,'Node 3','link.html');
d.add(9,0,'Node 5','link.html');
document.write(d);
//-->
</script>
</div>

Keterangan :
- Ganti tulisan "link.html" dengan link kamu (judul posting kamu).
- Angka yang pertama harus unik tidak boleh ada yang sama (d.add(1,0,’Node 1’,’link.html’);
- Angka yang kedua merupakan cabang dari angka pertama (perhatikan angka-angka yang memiliki warna sama).
5. Selanjutnya Klik Tombol "Save" dan lihat hasilnya.

Nah... mudah kan ? Selamat mencoba...
BATIK KAOS Tenun Ikat Jersey Bola

Baca Selengkapnya → Buat Menu DTree di Blog

Cara Membuat Menu DTree di Blog

Menu Dtree (D-Tree) adalah menu yang memiliki struktur seperti pohon, yang punya cabang-cabang, seperti saat kita membuka Windows Explorer.

Menu Dtree ini sangat berguna jika kamu memiliki postingan yang banyak, karena dengan menggunakan menu Dtree maka akan bisa menghemat space/ruang yang ada di blogmu. Nah bila kamu pingin tahu cara membuatnya, beginilah caranya :

1. Login to Blogger, trus pilih "Layout --> Edit HTML"
2. Copy kode berikut dibawah ini dengan menaruh/paste diatas kode

<link rel="StyleSheet" href="http://www.geocities.com/uddin_81/dtree.css" type="text/css" />
<script type="text/javascript" src="http://www.geocities.com/uddin_81/dtree.js"></script>

3. Selanjutnya Klik Tombol "Save"
4. Setelah itu copy kode berikut ini dan pasang di sidebar kamu, dengan membuka menu "Page Element" trus klik "Add a Gadget --> HTML/Javascript".

<div class="dtree">
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'My Tree');
d.add(1,0,'Node 1','link.html');
d.add(2,1,'Node 1.1','link.html');
d.add(3,2,'Node 1.1.1','link.html');
d.add(4,3,'Node 1.1.1.1','link.html');
d.add(5,0,'Node 2','link.html');
d.add(6,5,'Node 2.1','link.html');
d.add(7,5,'Node 2.2','link.html');
d.add(8,0,'Node 3','link.html');
d.add(9,0,'Node 5','link.html');
document.write(d);
//-->
</script>
</div>

Keterangan :
- Ganti tulisan "link.html" dengan link kamu (judul posting kamu).
- Angka yang pertama harus unik tidak boleh ada yang sama (d.add(1,0,’Node 1’,’link.html’);
- Angka yang kedua merupakan cabang dari angka pertama (perhatikan angka-angka yang memiliki warna sama).
5. Selanjutnya Klik Tombol "Save" dan lihat hasilnya.

Nah... mudah kan ? Selamat mencoba...
Batik Kaos Tenun Ikat Jersey Bola

Baca Selengkapnya → Cara Membuat Menu DTree di Blog

Cara Buat Menu Navigasi Slide Horizontal

Ketika anda membuat blog di blogspot, anda tidak akan menemukan fitur menu navigasi seperti blog pada umumnya. Navigasi menu pada blospot biasanya berupa link list vertikal kebawah dan tidak berupa menu horizontal. Namun anda tidak perlu berkecil hati, karena kita masih bisa membuat menu di blogpsot secara horizontal. Menu ini berfungsi sebagai navigasi pembaca untuk melihat-lihat halaman lain atau kategori lain dalam blog anda. Pada posting ini kita akan belajar cara membuat menu di blogspot.

Sebelum anda mencoba membuat menu navigasi slide horizontal blogspot ini sebaiknya anda backup terlebih dahulu template anda, supaya jka terjadi error anda bisa melakukan restore kembali template blogspot untuk mengganti template blogspot anda.

Ikuti langkah-langkah berikut ini untuk membuat menu navigasi slide horizontal blogspot :
1. Login ke Blogger, masuk ke bagian design, lalu edit html dan berikan tanda centang pada expand widget template
2. Cari kode <div id='content-wrapper'> dan tambahkan kode berikut ini diatasnya. Jika anda tidak menukan kode ini, usahakan anda taruh kode berikut ini diatas blogpost anda. Ini karena template tiap blog berbeda, dan tergantung template yang dipakai.

<div id='Menumainwrapx'>
<b:section id='NavbarMenux'>
<b:widget id='HTML50' locked='false' title='MembuatMenu' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div> <!-- End Menumainwrapx -->
<div class='clear'/>

3. Lalu tambahkan juga kode berikut di atas kode ]]></b:skin>

#Menumainwrapx {
background:url(http://farm2.static.flickr.com/1046/5118494385_6bed6df208_t.jpg) repeat-x scroll 0 0 #222222;
border-bottom:1px solid #CCCCCC;
height:42px;
margin:0;
padding:0;
}
#NavbarMenux {
width: 950px;
height: 41px;
font-size: 13px;
color:#333333;
margin: 0px;
padding: 0;
font-weight:bold;
font-family:arial;
margin: 0 auto;
}
#NavbarMenuleftx {
width: 950px;
margin: 0;float:left;}
#navx { margin: 0;
padding: 0; }
#navx ul {
float: left;
list-style: none;
margin: 0;
padding: 0; }
#navx li {
list-style: none;
margin: 0px;
padding: 0; }
#navx li a,
#navx li a:link,
#navx li a:visited {
height: 22px;
color: #333333;
display: block;
font-size: 13px;
text-decoration: none;
margin: 0;
padding:10px 13px 9px 13px;
border-right: 1px solid #CFCFCF; }
#navx li a:hover,
#navx li a:active {
color: #333;
margin: 0;
text-decoration: none;
background:#F0F0F0;
}
#navx li li a, #nav li li a:link,
#navx li li a:visited {
background:url(http://farm2.static.flickr.com/1190/5119105082_e113afd892_t.jpg) repeat-x scroll 0 0 #f5f5f5;
min-width: 150px;
color: #333333;
font-size: 14px;
font-weight: normal;
float: none; margin: 0;
padding: 5px 10px;
font-weight:bold;
font-family:arial;
box-shadow: 0px 3px 3px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.8);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.8);
text-align:left;}
#navx li li a:hover,
#navx li li a:active {
background: #F5F5F5;
color: #333;
}
#navx li {
float: left;
padding: 0; }
#navx li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin:0;
padding: 0;
border-top:1px solid #242424;
}
#navx li ul a {
width: 140px; }
#navx li ul ul {
margin: -41.5px 0 0 176px;
border:none;}
#navx li:hover ul ul,
#navx li:hover ul ul ul, #navx li.sfhover ul ul,
#navx li.sfhover ul ul ul {
left: -999em; }
#navx li:hover ul,
#navx li li:hover ul,
#navx li li li:hover ul,
#navx li.sfhover ul,
#navx li li.sfhover ul,
#navx li li li.sfhover ul {
left: auto; }
#navx li:hover,
#navx li.sfhover {
position: static; }

Selanjutnya simpan template anda dahulu.

4. Buka page element cari gadget dengan nama ‘MembuatMenu’ yang berada di atas gadget posting blog, lalu klik edit dan masukkan kode berikut pada kotak content.

<div id='navbarmenuleftx'>
<ul id='navx'>

<li><a href='/'>Home</a></li>
<li><a href='#yourlink'>Menu 1</a>
<ul>
<li><a href='#yourlink'>Menu 1.1</a>
<ul>
<li><a href='#yourlink'>Menu 1.1.1</a></li>
<li><a href='#yourlink'>Menu 1.1.2</a></li>
<li><a href='#yourlink'>Menu 1.1.3</a></li>
<li><a href='#yourlink'>Menu 1.1.4</a></li>
</ul>
</li>

<li><a href='#yourlink'>Menu 1.2</a>
<ul>
<li><a href='#yourlink'>Menu 1.2.1</a></li>
<li><a href='#yourlink'>Menu 1.2.2</a></li>
<li><a href='#yourlink'>Menu 1.2.3</a></li>
<li><a href='#yourlink'>Menu 1.2.4</a></li>
</ul>
</li>

<li><a href='#yourlink'>Menu 1.3</a>
<ul>
<li><a href='#yourlink'>Menu 1.3.1</a></li>
<li><a href='#yourlink'>Menu 1.3.2</a></li>
<li><a href='#yourlink'>Menu 1.3.3</a></li>
<li><a href='#yourlink'>Menu 1.3.4</a></li>
</ul>
</li>
</ul>
</li>

</ul>
</div>

Simpan dan anda lihat hasilnya. Anda sekarang berhasil membuat menu navigasi slide horizontal blogspot. Selamat mencoba ...!!
OPAK GAMBIR Galeri Kain Tenun Ikat Jersey Bola

Baca Selengkapnya → Cara Buat Menu Navigasi Slide Horizontal

Cara Buat Read More Otomatis di Blogspot (versi 2)

Empat Langkah Mudah Cara Membuat Read More Otomatis pada Blogger :

1. Pilih Dashboard, lalu Tata Letak dan Contreng tulisan Expand Widget Templates.
2. Selanjutnya, cari kode </head>, setelah ketemu tepat diATASnya letakkan kode javascript berikut :

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 150;
summary_img = 150;
img_thumb_height = 100;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[

function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

3. Kemudian cari kembali kode <data:post.body/> atau <p><data:post.body/></p>. Hapus kode tersebut dan gantilah dengan kode berikut :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span style='float:right'><a expr:href='data:post.url'>Read More..</a></span>
<b:else/>
<data:post.body/>
</b:if>

4. Lalu simpan templates dan lihat hasilnya. Selamat mencoba... !!!
OPAK GAMBIR Galeri Kain Tenun Ikat Jersey Bola

Baca Selengkapnya → Cara Buat Read More Otomatis di Blogspot (versi 2)

Cara Buat Recent Post di Sidebar

Cara Membuat Recent Post atau Posting Terbaru di sidebar. Langsung saja tanpa banyak basa-basi beginilah caranya :

1. Login to Blogger kemuduan pilih "Layout"

2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript"

3. Copy kode di bawah ini dan taruh dalam kotak "content".

<script src="http://www.geocities.com/uddin_81/recent-post.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://BLOGKAMU.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>

4. Ganti BLOGKAMU dengan nama blog kamu.

5. Angka "10" menunjukkan jumlah "Recent Post" yang ditampilkan, kamu bisa menggantinya

6. Terus Simpan.


Mudah bukan ? Selamat mencoba...
OPAK GAMBIR Galeri Kain Tenun Ikat Jersey Bola

Baca Selengkapnya → Cara Buat Recent Post di Sidebar

Cara Buat Read More di Blogspot (versi 1)

Jika kamu ingin supaya postingan kamu yang ditampilkan di halaman utama cuma abstraksinya saja kemudian ada sebuah link Read More atau Baca Selengkapnya untuk melihat selengkapnya tulisanmu, maka ikutilah langkah-langkah berikut :

1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu :

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

4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti ini :

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

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

<a expr:href='data:post.url'>Read More......</a>
</b:if>

Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut :

<span class="fullpost">

</span>

8. Kemudian Simpan.
9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nah kamu pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

<span class="fullpost">

</span>

10. Letakkan abstraksi posting atau artikel yang akan ditampilkan di halaman utama (sebelum tulisan "Redmore") di atas atau sebelum kode <span class="fullpost">, sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>
11. Selamat Mencoba...
OPAK GAMBIR Galeri Kain Tenun Ikat

Baca Selengkapnya → Cara Buat Read More di Blogspot (versi 1)

Cara Memasang Widget Translator

Memasang widget translator atau "Penerjemah" pada blog banyak sekali gunanya. Translator ini berguna apabila ada pengunjung dari negara lain yang secara sengaja maupun tidak yang melihat blog kita dan tidak tahu bahasa kita maka mereka bisa menggunakan widget ini untuk menterjemahkannya kedalam bahasa yang mereka inginkan (tentunya yang sudah ada di widget ini).

Widget ini juga sudah support untuk bahasa Indonesia. Dan kalo kamu mau, translator ini bisa juga untuk menterjemahkan tugas dari sekolah/kampus secara mudah. Dan hasilnya bisa lebih bagus daripada software transtool lho. Gimana? Sobat mau membuatnya? Caranya mudah lho. Gini nih...

1. Login ke Blogger trus pilih menu "Layout" atau "Tata Letak"
2. Kemudian klik pada "Add Gadget" atau "Tambah Gadget".
3. Lalu pilih "HTML/Javascript"
4. Kemudian masukkan atau copy-paste script dibawah ini kedalamnya.

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

5. Terakhir simpan.

Coba sekarang lihat blogmu maka ada tampilan seperti ini :



OPAK GAMBIR Galeri Kain Tenun Ikat

Baca Selengkapnya → Cara Memasang Widget Translator