Olengk Blogs

Sharing pengalaman | Berita terbaru | Download Free Software | Tutorial

Showing posts with label blogger. Show all posts
Showing posts with label blogger. Show all posts

Cara Menampilkan Tab Monetize di blogger

Cara Menampilkan Tab Monetize di blogger. Kali  olengkblogs akan share tutorial blogger terbaru yaitu  Cara Menampilkan Tab Monetize di blogger. Mengapa menu ini perlu ditampilkan?? karena dengan menu ini anda dapat mendaftar google adsense lewat blogger/blogspot. Ok berikut langsung saja ya, karena caranya ini sangat gampang.

Cara Menampilkan Tab Monetize di blogger

Cara Menampilkan Tab Monetize di blogger :

  1. Login dashboard blogger anda
  2. Lalu pilih setting
  3. Kemudian pilih bagian bahasa
  4. Nah ini intinya, ganti bahasanya dengan Bahasa Inggris
  5. Jika Belum keluar silahkan refresh atau logout terlebih dahulu.
Nah itu aja, saya sudah test dan muncul, sekian tentang Cara Menampilkan Tab Monetize di blogger, semoga bermanfaat.. salam

Mencegah Pencurian Feed Dengan .htaccess

Mencegah Pencurian Feed - Mencegah Pencurian Feed Dengan .htaccess - Mungkin banyak dari rekan blogger yang merasa artikelnya di curi oleh orang lain. Parahnya lagi jika Feed anda tidak disetting/mengambil konten hanya sebagian makan sipencuri dapat mengambil semua kontent anda sama persis dengan milik anda. Tentu akan jengkel rasanya bilamana artikel tersebut kita posting secara manual.



Nah pada kesempatan ini olengkblogs akan share Cara Mencegah Pencurian Feed Dengan .htaccess. Sebenarnya tidak terlalu susah, karena anda hanya perlu mengedit file .htaccess yang ada di Roo folder cpanel anda. Ok langsung saja ikuti step-stepnya : 

1. Pertama silahkan cek Domain yang mencuri kontent/artikel anda.
2. Lalu gunakan Fasilitas Whois Domain, maka akan terlihat IP dari domain tersebut
3. Catat dan simpan IP tersebut di notepad ex : 66.12.345.678
4. Lalu buka Root Folder anda makan akan terlihat file .htaccess
5. Lalu tambahkan berikut ini di .htaccess anda

deny from sampelxdomain.com
deny from  66.12.345.678
6. Simpan aja di bagian paling bawah kode lainnya dalam file.htaccess dan Save!

Nah itu tadi salah satu cara "Mencegah Pencurian Feed Dengan .htaccess" selamat mencoba dan semoga bermanfaat...

Sumber : Jevuska


Membuat Related Post di Blogspot Dengan Scroll



Olengk Blogs - Membuat Related Post/Artikel Terkait Dengan Scroll, kenapa saya lebih memilih menampilkan related post/artikel terkait dengan scroll ?? Karena menurut saya dengan menggunakan scroll bisa mengurangi space/tempat di blog anda.

Belum lagi jika di blogspot anda terdapat banyak attribut tambahan seperti iklan dan facebook comment tentu menggunakan related post dengan scroll adalah pilihan tepat.

Ok langsung saja, untuk step2nya silahkan Copy kan kode berikut :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H2>Related Post:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;background:#fff;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 50;
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>


nb : kode yang berwarna MERAH disesuaikan dengan Template anda


Sekian tentang cara Membuat Related Post di Blogspot Dengan Scroll, Jika ada pertanyaan silahkan tinggalkan komentar dan akan saya bantu :D

Cara Membuat Halaman Sitemap Di Blogspot



Membuat Halaman Sitemap di sebuah blog mungkin untuk saat sudah menjadi sebuah keharusan, karena menurut beberapa info hal tersebut di inginkan oleh pihak Google sendiri. Bagi anda pengguna Wordpress tentu sudah banyak plugin yang bisa di gunakan, sepert Dagon Design Sitemap Generator adalah plugin membuat sitemap yang banyak di gunakan oleh orang saa ini.

Nah bagaimana dengan blogger/blogspot sendiri apakah bisa membuat sitemap yang tidak ada plugin seperti Wordpress ? Tentu saja bisa, kebetulan cara ini sudah saya coba sendiri dan sukses.

Untuk Cara Membuat Halaman Sitemap di blogger anda bisa ikuti langkah berikut :

  • Pertama Login ke dashboard blogspot anda
  • Bikin halaman (page) / postingan Baru 
  • Lalu Klik pada bagian Edit HTML 
  • Lalu Copy kan kode Beerikut 
<script src="http://olengkblogs.googlecode.com/files/olengkblogs_sitemap_blogger.js">
</script>
<script src="http://namabloganda.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
  •  ganti "namabloganda" dengan nama blog anda sendiri
  • Setelah itu simpan pekerjaan dan lihat hasilnya 
Jika Ingin Melihat sitemap saya DISINI



Hupla Sitemap Blogger anda sudah jadi..

nb : bagi yang menggunakan auto readmore sitemap di page bukan di  postingan akan terjadi eror atau sitemap anda tidak jadi, solusinya buatlah di postingan saja dengan memundurkan tanggal postingannya.. :D



Membuat Tulisan/Iklan Melayang di Blogspot/Blogger



Mungkin Beberapa orang merasa sangat tertanggu dengan tampilan widget yang satu ini dan menurut saya dapat membuat blog kita di jauhi pengunjung jika pemasangannya sangat tidak tepat.

Mengapa tidak dengan widget ini membuat sebuah gambar, iklan atau bahkan tulisan melayang di permukaan blog dimana itu sangat menganggu visitor yang berkunjung ke blog, namun hal tersebut dapat di atasi dengan meletakkannya di tempat yang tepat dan tidak mengganggu visitor untuk membaca berita yang ada di blog kita.

Berikut caranya untuk Memasang/Membuat Tulisan/Iklan Melayang di Blogspot/Blogger:

1.Cukup Copy kan kode berikut :

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
width: 300px;
left: 1040px;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>
Letakkan kode/iklan yang ingin di tampilkan disini
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
2. Lalu masuk ke dashboard anda kemudian Add new Widget > Pilih "HTML/Javascript"
3.Pastekan kode tersebut di Form yang ada lalu save pekerjaan anda dan lihat hasilnya

note : Bagi yang ingin meletakkan Iklan dengan cara membuatnya Melayang harap perhatikan TOSnya jika anda tidak ingin di BANNED

Cara Menghilangkan Tanda Obeng/Tang di Blogspot/Blogger



Bagi anda Penggemar setia Blogspot/Blogger tentu tidak asing dengan tanda Obeng/Tang di tampilan blog anda.Mungkin Sebagian dari anda sudah tahu Funsi dari tanda Obeng atau Tang tersebut, Yup benar, Fungsi nya adalah untuk mengedit widget yang ada di blog anda tanpa harus masuk ke Dashboard Blogger/Blogspot anda.

Pada saat menginstal Template baru untuk Blogspot/Blogger anda tanda Obeng/Tang tersebut akan otomatis langusng muncul pada tampilan blog anda, karena itu sudah di setting default oleh pihak pembuat template blogger(tanpa ada customisasi).

Saya Pribadi sangat terganggu dengan tanda Obeng/Tang tersebut.Nah bagi anda yang ingin menghilangkan Tanda Obeng/tang tersebut berikut saya berikan Step-Stepnya, sekaligus juga buat catatan pribadi sih soalnya karena saya adalah seseorang yang pelupa.. Jadi silahkan di coba..

1. Login ke Blogger/Blogspot anda lalu masuk ke bagian dashboard

2. Setelah itu lalu pilih bagian "Edit HTML"
3.Setalah itu lalu Pilih "LANJUTKAN" untuk melanjutkan (Bahasa Indonesia)
4.Lalu Copy kan Code berikut : 
.quickedit{ display:none; }
5.Masuk lg Ke dashboard anda Lalu temukan/cari kode berikut :
]]></b:skin>
agar lebih gampang, cpoy kode tersebut lah tekan tombol [ctrl+f] lalu paste kan kode tadi (no.4) tepat DIATAS  kode no.5

6.Jika sudah selesai silahkan simpan hasil pekerjaan anda dan cek apakah Tanda obeng/tang di tampilan blog anda sudah hilang..

note : sebelumnya silahkan backup dlu template anda dengan mengikuti gambar di bawah ini.

Nah itulah tadi tengan cara bagaimana Menghilangkan tanda obeng/tang di blogspot, selamat mencoba dan semoga berhasil.. :D



Cara Membuat Spoiler di Blogger



Bagi anda seorang kaskuser pasti tidak asing lagi dengan "Spoiler" hampir setiap thread ada Spoilernya, nah bagaimana Cara Membuat Spoiler di Blogger ?

Cara sangat gampang dan bisa langsung d praktekkan..

  1. Silahkan buat posting baru / klik 'new entry' di dashboard blogger anda
  2. Pastikan anda membuat/menulis artikel
  3. Lalu klik pada bagian "HTML" di page tempat anda posting
  4. lalu letakkan kode berikut di tempat yang anda inginkan
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b>: <input value="Open" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Letakkan kode script, HTML dan teks yang anda inginkan disini
<br>
</div>
</div>
</div>
Untuk mengecek silahkan kembali/klik bagian "Compose"

Berikut ini contohnya gan :

Spoiler:
Letakkan kode script, HTML dan teks yang anda inginkan disini
Gimana gampangkan Cara Membuat Spoiler di Blogger?? Selamat Mencoba :D


Mendisable Klik kanan/Copy blog Pada Blogspot dan Wordpress



Lagi-lagi posting kali ini hanya sekedar untuk koleksi pribadi saya, mungkin juga berguna untuk rekan-rekan nanti, Copy paste artikel memang sudah hal yang umum di dunia blogger, tapi dengan syarat harus menyertakan sumbernya.

Namun ada beberapa blogger yang tidak mencantumkan sumbernya tersebut entah itu lupa atau memang sengaja. Nah bagi rekan-rekan yang tidak ingin kontent blognya di copy paste bisa mengikuti step-step berikut,,,

Karena untuk saat ini CMS yang sangat populer ada blogger dan wordpress maka saya coba menjelaskan untuk kedua CMS tersebut tentang bagaimana cara Mendisable Klik kanan atau Copy paste Pada Blogspot dan Wordpress.

Mendisable Klik kanan/Copy blog Pada Blogger :
  1. login ke dashboard blogspot kamu.
  2. pilih Rancangan/Desain
  3. pada halaman element laman klik ''tambah gadget'' / ''Add gadget''
  4. pilih widget HTML/javascript
  5. dan pastekan script berikut didalamnya.
<script language="javascript">
 <!-- Begin function shake(n) { if (parent.moveBy) { for (i = 10; i > 0; i--) { for (j = n; j > 0; j--) { self.resizeTo(250,150); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i);}}}} // End --> PopUpURL = "Maaf Klik kanan saya matikan"; isIE=document.all; isNN=!document.all&&document.getElementById; isN4=document.layers; if (isIE||isNN) { document.oncontextmenu=checkV; } else { document.captureEvents(Event.MOUSEDOWN || Event.MOUSEUP); document.onmousedown=checkV; } function checkV(e) { if (isN4) { if (e.which==2||e.which==3) { dPUW=alert("Ops.. g usa pake klik kanan sob"); shake(2); return false; } } else { dPUW=alert(PopUpURL); shake(2); return false; } }
</script>
    Lalu SAVE...

    Untuk Wordpress khususnya anda dapat menggunakan plugin yang suda ada tanpa perlu mengedit-edit kode lagi..


    Mendisable Klik kanan/Copy blog Pada Wordpress :

    1. Login di dashboard wordpress kamu
    2. Klik bagian tab plugin lalu pilih "add new"
    3. Ketikkan  "wp-protect" (yang pernah saya gunakan)
    4. Lalu klik Instal dan akan ada beberapa Options
    5. Lalu klik Pilih "Update Options"

    Silahkan cek perkerjaan Anda, Semoga bermanfaat... :D