MENJIPLAK: Juli 2012

Home » Archives for Juli 2012

Cara Membuat Copyright Di Blog

Cara Membuat Tulisan Copright di blog

Ikuti langkah-langkah berikut ini :

1Login ke akun blogger sobat

2.Klik menu RANCANGAN

3.Pilih/Klik Edit HTML

4.Cari kode ]]></b:skin>

5.Jika sudah ketemu,masukan kode berikut tepat di atas kode ]]></b:skin>

.copyright{

text-align: center;

padding-top:5px;

padding-bottom:5px;

font:normal 80% Verdana,Trebuchet,Arial,Sans-serif;}

6.Kemudian cari kode </body>

agar lebih cepat mencarinya gunakan Ctrl+F

7.Jika sudah ketemu,masukan kode di bawah ini di atas kode </body>

8.Yang terakhir klik SIMPAN TEMPLATE

9.Selesai

Bagi sobat yang menggunakan antarmuka blogger yang diperbarui,silahkan ikuti langkah-langkah berikut

1.Login ke akun blogger sobat

2.Klik Menu Template

3Klik Edit HTML

4.Cari kode ]]></b:skin>

5.Jika sudah ketemu,masukan kode berikut tepat di atas kode ]]></b:skin>

.copyright{

text-align: center;

padding-top:5px;

padding-bottom:5px;

font:normal 80% Verdana,Trebuchet,Arial,Sans-serif;}

6.Kemudian cari kode </body>

agar lebih cepat mencarinya gunakan Ctrl+F

7.Jika sudah ketemu,masukan kode di bawah ini di atas kode </body>

Contoh :

8.Yang terakhir klik Save Template

9.Selesai

Menghilangkan Tulisan Langganan Entri

Kadang blog kita ingin terlihat rapi, tentu saja begitu bukan? Ada yang merasa kerapian blog kita terganggu dengan adanya tulisan di "Langgan: Entri (Atom)"? Mungkin itu yang pernah kita alami, dengan tulisan itu yang menurut kita tidak penting adan tempatnya juga kurang sesuai, maka kita bisa hilangkan atau kita ganti tempatnya gar lebih rapi.

Blog yang rapi, dengan tampilan yang sederhana, tidak terlau banyak tulisan atau lebar, mungkin sampai ke bawah banget :( Kita akan belajar bagaimana cara menghilangkan tulisan "Langgan: Entri (Atom)". Sehingga blog kita diharapkan bisa lebih rapi lagi, dan menarik pengunjung untuk berlama-lama di blog kita

Cara Menghilangkan Tulisan "Langgan: Entri (Atom)"
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini

6. Hapus (delete) kode tersebut.
7. Simpan template jika sudah selesai.

Cara Buat Scroll Pada Arsip Blog

Cara Membuat Scroll Pada Blog Archive (Arsip Blog)
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>

6. Kode lengkapnya adalah seperti ini

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:200px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄
<b:else/>
►
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
</b:widget>

7. Kode warna merah dan hijau adalah kode yang ditambahkan kedalam script tersebut, 200 adalah tingginya, dan kita bisa ubah seseuai selera.
8. Simpan jika sudah selesai.

AGAR BLOG GA BISA DI COPY

Tulisan Blog ga bisa di copy gini caranya...

1. Cari kode css .post-body {

2. Simpan kode css di bawah ini Sebelum penutup .post-body { yang bertanda seperti ini }

-moz-user-select: none;
-khtml-user-select: none;
-o-user-select:none;
user-select: none;

Setelah itu Simpan Template Dan coba Copy tulisan di postingan anda, Good Luck.

Silahkan simak baik-baik.

Cara Menghilangkan Obeng dan Tang di BLog

cara menghilangkan obeng dan tang diblog
1. Login ke blogger anda seperti biasa
2. Klik Tata Letak (layout)
3. Klik tab Edit HTML.
4. Cari kode seperti ini :

]]> </b:skin>

5.Copy paste kode berikut persis di atas kode yang tadi :

.quickedit{
display:none;
}

6.Klik tombol Simpan template.

7.Selesai dan lihat hasil kerja anda ,,,

Good Luck!!!

Cara Buat Breadcrumb Terindeks Google di Blogger

Untuk Cara Memasang Breadcrumb Google di Blogspot atau Blogger dengan mudah dan lengkap adalah sebagai berikut :

Pertama, sobat login dulu ke blog yaaa.

Kedua, kita langsung menuju halaman Design (Rancangan) >> Edit HTML >> Ceklis Expand Widget Templates (jangan lupa selalu backup template sebelum di edit ya sob ). Jika sobat menggunakan tampilan baru, silahkan klik Template >> Edit HTML >> Lanjutkan >> Ceklis Expand Widget Templates.

Jika sobat telah memasang kode breadcrumb sebelumnya, silahkan hapus dulu.

Kemudian sobat cari kode <b:include data='top' name='status-message'/> biasanya ada 2 kode tersebut. Kalau sudah di temukan, silahkan paste kode merah dibawah berikut ini tepat di atasnya , pilih salah satunya namun kalau bingung mau pilih yang mana copas aja ke kedua duanya.

<b:include data='posts' name='breadcrumb'/>

Sekarang cari kode <b:includable id='main' var='top'> dan kalau sudah ketemu, paste kode berikut tepat di atas kode biru tadi :

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>

<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>

<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if></div></b:if></b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

Sekarang untuk mempercantik tampilan breadcrumbnya sobat bisa gunakan cara ini dengan menambahkan sedikit sentuhan CSS berikut ini yang perlu sobat tambahkan di atas kode ]]></b:skin>

.breadcrumbs{
margin-left:10px;
padding: 5px 0;
border-bottom: 1px dotted;
line-height:1.4em;
}

Lalu save template sobat dan sekarang sobat sudah memiliki breadcrumb yang seo friendly.
Nah demikian artikel berry blog mengenai tutorial blog untuk membuat breadcrumb di blog agar terindeks google dengan cepat.

Menghilangkan Widget Blog

Pada episode yang lalu saya sudah menerangkan tentang kemunculan widget attribution blogger dan cara memindahkanya, pada episode kali ini pun masih membahas tentang widget attribution blogger namun yang saya bahas kali ini adalah cara menghilangkanya.

Caranya cukup simple dan mudah banget, ikuti Saja langkah dibawah ini.

pertama masuk pada "Design" Lalu "Edit HTML"

masukkan code css dibawah ini diatas code ]]></b:skin>

#Attribution1 {height:0px;
visibility:hidden;
display:none
}

Tinggal SAVE deh.

Dan jika Anda menggunakan code CSS di postingan ini, tinggal ganti code yang berwarna biru dengan code diatas.

Cara mengatur menu Setelan di Blogger

Untuk mengikuti panduan ini, pastikan pilihan bahasa blog anda adalah Bahasa Indonesia agar sesuai dengan apa yang Kang Rohman Tulis.

Berikut adalah cara melakukan pengaturan pada menu Setelan di blogger :

* Silahkan login ke blogger dengan akun anda.
* Klik pada nama blog yang ingin di atur.
* Klik menu Setelan yang berada disebelah kiri monitor.

* Silahkan klik masing-masing sub menu yang ada di bawahnya untuk melakukan pengaturan.

Dasar

Judul : Klik “Edit” jika anda ingin melakukan perubahan terhadap judul yang ada atau biarkan saja jika judulnya sudah sesuai keinginan.
Uraian : Klik “Edit”, kemudian isi dengan deskripsi blog yang ingin ditampilkan, sebaiknya ini diisi jangan dikosongkan, lanjutkan dengan klik tombol “Simpan perubahan”.
Privasi : Sebaiknya biarkan sesuai pengaturan asli, lakukan edit apabila blog anda ingin di jadikan blog private (tertutup bagi umum).
Alamat Blog : Biarkan apa adanya, kecuali bila anda ingin mengubah alamat blog dengan domain milik sendiri.
Penulis Blog : Biarkan saja sesuai pengaturan awal.
Pembaca Blog : Biarkan saja apa adanya jika blog anda ingin di bisa di baca oleh umum, lakukan edit bile blog anda ingin hanya bisa di baca oleh orang-orang tertentu yang anda pilih.

Post dan Komentar

Tampilkan sebanyak mungkin : ubah angkanya sesuai dengan jumlah posting yang ingin tampil di halaman depan blog anda.
Templat Entri : biarkan tidak perlu di edit.
Tampilkan gambar dengan Lightbox : Boleh pilih “Ya” atau “Tidak”, ini tidak terlalu penting.
Bagikan ke Google+ : Pilih “Ya” jika nanti setelah posting ingin bisa langsung dibagikan ke layanan Google+, pilih “Tidak” jika sebaliknya.
Lokasi Komentar : Biarkan terpilih “Tersemat”, agar kotak komentar langsung berada di bawah setiap postingan.
Siapa yang dapat mengomentari? : Silahkan pilih sesuai keinginan. Pilihan “Semua Orang”, berati semua pengunjung blog anda bisa berkomentar.
Moderasi Komentar : Pilih “Selalu” bila setiap ada komentar harus melalui persetujuan anda sebelum tampil di blog. Pilih “Tidak Pernah” agar ada yang komentar langsung tampil di blog.
Tampilkan Tautan Balik : Pilih “Sembunyikan” bila anda tidak ingin menampilkan link siapa saja yang membuat tautan (link) ke postingan bersangkutan. Pilih “Tampilkan” bila anda ingin menampilkan tautan.
Pesan Formulir Komentar : Silahkan di isi jika ingin anda pesan diatas kotak komentar nantinya, misal : Silahkan jika anda yang ingin komentar, namun tolong gunakan bahasa yang sopan. Atau di kosongkan juga tidak ada masalah.
Mempublikasikan entri menggunakan SMS/MMS : Menu ini berguna apabila nantinya ingin mempublikasikan artikel melalui ponsel, silahkan baca lebih lanjut keterangan yang ada.
Mempublikasikan entri menggunakan email : Fasilitas ini memungkin anda untuk mengirimkan postingan melalui email. Untuk keterangan lebih lengkap, mungkin akan di bahas pada artikel di masa mendatang.
Email Pemberitahuan Komentar : isi dengan alamat email yang di inginkan, bila setiap ada komentar pada artikel blog anda akan di beritahukan secara otomatis ke alamat email tersebut. Kosongkan jika tidak menginginkan.

Bahasa dan pemformatan

Bahasa : Pilih “Indonesia” agar lebih familiar dengan anda.
Aktifkan transliterasi : Pilih “Dinonaktifkan”
Zona Waktu : Pilih zona waktu sesuai dengan keinginan. Untuk wilayah Indonesia Barat, anda bisa memilih zona (GMT +7:00) Jakarta.
Format Header Tanggal : Pilih format tampilan tanggal sesuai keinginan.
Format Timestamp : Pilih sesuai keinginan.
Format Stempel Waktu Komentar : Pilih sesuai keinginan.

Lainnya

Alat Blog : Impor blog, fasilitas untum mengimpor blog, dengan ini anda bisa memindahkan file dari blog lain. Ekspor Blog, fasilitas untuk mengekspor blog, jika anda bermaksud memindahkan isi blog ke blog yang lain. Fasilitas Ekspor blog berguna juga untuk sarana backup data, silahkan lakukan backup data secara rutin agar apabila suatu saat terjadi hal yang tidak di inginkan, anda masih punya data untuk di masukan ke blog baru. Hapus blog, fasilitas untuk menghapus blog, jangan pernah klik ini apabila blog anda tidak ingin terhapus.
Bolehkan Umpan Blog : Silahkan pilih sesuai keinginan, terkadang ada baiknya anda memilih mode “Penuh” namun terkadang perlu juga untuk di setting ke pilihan lain.
Posting URL Pengubahan Arah Feed : Untuk tahap awal, ini bisa di kosongkan dulu, kedepannya anda akan mengerti tentang pengalihan alamat feed ini.
Footer Feed Posting : Boleh di isi boleh di kosongkan, ini kaitannya dengan Feed.
Aktifkan Tautan Lampiran : Boleh di pilih “Ya” boleh “Tidak”.
URL OpenID Anda : Biarkan apa adanya.
Konten Dewasa? : pilih tidak bila isi blog anda bukan berisi konten khusus dewasa.
ID Properti Web Analytics : ini diisi dengan ID google analytic, bila belum punya bisa di kosongkan saja.

Read More Otomatis TErbaru BLog

Cara Pasang Read More Otomatis Terbaru di Blogspot akan saya berikan untuk kalian saat ini masih kesulitan, memang tidak semuanya bisa dengan hal mudah tapi jangan salah dulu para blogger senior pun sama kesulitan juga.

Memang setiap kali saya harus membuat template kebanyakan harus membuat read more otomatis seperti ini karena memang sangat efisien dan minimalis terlihatnya, tidak seperti read more terdahulu yang harus memenggal artikel seperti code fungsi <div class="fullpost">..</div> atau <span class="fullpost">..</span> agar tidak tampil sepenuhnya di halaman depan blog kita.

Langsung saja kita praktekan cara membuat read more otomatis tersebut di bawah ini:

Penting! Yang sudah memasang Read More versi lama sebaiknya di kodenya kembalikan dulu ke seperti semula, caranya hapus kode yang berwarna merah dibawah ini (Setiap template mungkin berbeda, jadi tinggal disesuaikan saja)

<div class='post-header-line-1'/>

<div class='post-body'>

<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'>Readmore</a>

</b:if>

<div style='clear: both;'/>

Kalau sudah kita ke tahap selanjutnya

------------------------------------------

Pertama, silahkan menuju menu DESIGN -> Edit HTML, Cari kode
</head> kemudian letakan script dibawah ini di atas kode </head> jangan lupa save template/simpan terlebih dahulu.

Langsung copy paste aja kode dibawah ini:

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 280;
summary_img = 250;
img_thumb_height = 70;
img_thumb_width = 100;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+"..."}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 2px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
//]]>
</script>
</b:if>
</b:if>

Updates!: Kode Warna Biru berfungsi agar halaman statis tidak ikut terpenggal seperti halaman HOME.

------------------------------------------

Masih pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" lalu temukan kode seperti dibawah

<data:post.body/>

Kalo sudah, ganti kode <data:post.body/> dengan semua kode dibawah ini

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script
type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE -
<data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Kalo sudah silahkan klik preview kalau memang masih ragu-ragu lalu silahkan disimpan dan lihat hasilnya

Keterangan:

var thumbnail_mode = "float"; (kita dapat memutuskan apakah
letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti
dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan
di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di
posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)

MENJIPLAK

Halaman

Cari Blog Ini

Cara Membuat Copyright Di Blog

Menghilangkan Tulisan Langganan Entri

Cara Buat Scroll Pada Arsip Blog

AGAR BLOG GA BISA DI COPY

Cara Menghilangkan Obeng dan Tang di BLog

Cara Buat Breadcrumb Terindeks Google di Blogger

Menghilangkan Widget Blog

Cara mengatur menu Setelan di Blogger

Cara mengatur menu Setelan di Blogger

Dasar

Post dan Komentar

Bahasa dan pemformatan

Lainnya

Read More Otomatis TErbaru BLog