Mas Huda Blog

membuat blog anti copas

1. cari kode </head>
2. copas kode berikut tepat dibawah kode </head>

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

Khoirul Huda

22.20

0 komentar

membuat scroll pada arsip blog

1. cari kode:

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

2. dibawahnya ada kode:

<div class='widget-content'>

3. letakkan kode berikut tepat dibawah kode no 2.

<div style='overflow:auto; width:ancho; height:200px;'>

4. tambahkan kode </div> sebelum <b:include name='quickedit'/>

lengkapnya sebagai berikut:

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

Khoirul Huda

16.37

0 komentar

To make a scroll box with a horizontal scroll, you need to use overflow-x:scroll;. This basically tells your browser to create scroll bars on the x (horizontal) axis, whenever the contents of the container is too wide. Here, we make our content too wide by setting it's width to 250 percent - that's 250 percent of its parent container (the div).
To make a scroll box with a horizontal scroll, you need to use overflow-x:scroll;. This basically tells your browser to create scroll bars on the x (horizontal) axis, whenever the contents of the container is too wide. Here, we make our content too wide by setting it's width to 250 percent - that's 250 percent of its parent container (the div)

Catatan:
overflow-x: scroll; overflow-y: hidden bila ingin horisontal scrollnya saja
overflow-y: scroll; overflow-x: hidden bila ingin vertical scrollnya saja

Khoirul Huda

00.10

1 komentar

Label: SEO

Cara Memasang Meta Tags di Blogger

Meta tag berfungsi untuk memberikan informasi kepada search engine mengenai gambaran dan isi suatu blog/website. Blogspot/Blogger dengan template bawaan/official biasanya belum memiliki meta tag ini, oleh karena itu, untuk mengoptimalkan pencarian di search engine (SEO), meta tag perlu ditambahkan.

Cara memasang meta tags di blogger:

1. Login ke Accout Blogger

2. Klik Rancangan > Edit HTML

3. Cari kode: <title><data:blog.pageTitle/></title> (cari dengan Ctrl+F)

4. Copy paste kode dibawah ini dibawah kode no 3.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content=' Tulis deskirpsi disini' name='description'/>
<meta content='keyword1 keyword2 keyword3 ...' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>
</b:if>

5. Ganti tulisan yang berwarna merah sesuai dengan blog sobat.

6. Simpan.

Khoirul Huda

02.42

0 komentar

Memberi Title Pada Label Blog

1. Masuk ke blogger
2. Klik Tata Letak ==> Edit Html
3. Cari kode ini

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>

4. Ganti dengan kode berikut:

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' expr:title='Read more posts filed under " + data:label.name ' rel='tag'>

5. Simpan.

Khoirul Huda

00.26

0 komentar

Cara Membuat Artikel Terkait Scroll

1. Login ke blogger
2. Klik Tata Letak
3. Pilih Edit HTM, centang Expand Template Widget
4. Kemudian, cari kode ]]></b:skin>
5. letakkan kode berikut diatas kode ]]></b:skin>

.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);}

6. Cari kode <data:post.body/>
7. Tambahkan kode berikut ini tepat dibawah <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<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 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
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 < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('albri').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
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 = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type="text/javascript">RelPost();</script>
</div>
</b:if>

8. Simpan.

Hasilnya akan seperti ini.

Selamat mencoba...

Khoirul Huda

23.02

0 komentar

Cara Membuat Scroll di Postingan

Postingan kali ini saya akan membahas Cara membuat scroll Bar, pada postingan blog. Scroll bar berfungsi untuk menghemat tampilan pada postingan blog pada saat kita update postingan yang terlalu panjang,dan untuk meminimalkan tampilan maka sobat bisa memasang scroll bar ini. Salah satu cara yang bisa kita lakukan untuk membuat scroll pada postingan adalah sebagai berikut:

Caranya sobat copy kode tag berikut dan masukkan diantara tag tersebut tulisan yang ingin di buat scroll. Silahkan copy kemudian dipaste-kan di postingan.

<div style="overflow:auto;width:450px;height:200px;padding:10px;border:1px solid #eee">

LETAKKAN TULISAN SOBAT DISINI

</div>

Tulisan di atas dituliskan di halaman edit HTML, bukan compose. Setelah selesai lakukan pengecekan dengan masuk ke halaman compose untuk melihat hasilnya.