Showing posts with label Belajar Blogspot. Show all posts
Showing posts with label Belajar Blogspot. Show all posts

Cara Menghilangkan Navbar di Blogspot

Diposkan oleh Unknown on 20 December, 2012

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

Belajar SEO

Setelah muncul pilihan, pilih Off

Belajar SEO

Klik tombol Simpan.

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

Script Anti Copy Paste di Blogspot

Diposkan oleh Hulu on 17 December, 2012

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 SelengkapnyaScript Anti Copy Paste di Blogspot

Cara Hilangkan "Tampilkan Posting Dengan Label"

Diposkan oleh Hulu on 14 December, 2012

Belajar SEO

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 SelengkapnyaCara Hilangkan "Tampilkan Posting Dengan Label"

Buat Read More Otomatis di Blogspot (versi 2)

Diposkan oleh Hulu on 07 December, 2012

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... !!!
BATIK KAOS Tenun Ikat Jersey Bola
Baca SelengkapnyaBuat Read More Otomatis di Blogspot (versi 2)

Cara Buat Read More di Blogspot (versi 1)

Diposkan oleh Hulu on 06 December, 2012

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...
BATIK KAOS Tenun Ikat Jersey Bola
Baca SelengkapnyaCara Buat Read More di Blogspot (versi 1)

Cara Membuat Recent Post di Sidebar

Diposkan oleh Hulu on 04 December, 2012

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 BolaBATIK KEDIRI KAOS KEDIRI TENUN IKAT
Baca SelengkapnyaCara Membuat Recent Post di Sidebar

Cara Buat Menu DTree di Blog

Diposkan oleh Hulu on 26 November, 2012

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...
OPAK GAMBIR Galeri Kain Tenun Ikat
Baca SelengkapnyaCara Buat Menu DTree di Blog

Cara Pasang Widget Translator

Diposkan oleh Hulu on 24 November, 2012

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 SelengkapnyaCara Pasang Widget Translator