Subscribe via e-mail

Saturday

0

Cara Memasang Meta Tag Di Postngan







Cara memasang meta tag di postingan, aaah??? emang bisa gan??? Bukankan meta tag itu dipasang pada kode html template blog kita? Iya, emang benr, tapi cara ini saya dapetin dari trik nya mas abdul roqib, dan katanya kita bisa memasang meta tag di postingan, katanya. dan itu memang terbukti dari postingan beliau yg selalu nongol di top ten si mbah.
Berikut ini cara yg di ajarkan;
1. Log in ke blogger
2. Pada postingan baru yang akan diposting, klik edit HTML, dan kopi kode berikut;

<b:if cond="'data:blog.url">
<meta content="deskripsi postingan sobat" name="description"/>
<meta content="keyword posting sobat" name="keywords"/>
<meta content="NOODP" name="robots"/>
<meta content="NOODP" name="googlebot"/>
</b:if>

3. Paste pada postingan sobat tepatnya pada bagian atas atau bawah.4. Jika terjadi penolakan saat dipublikasikan maka centang berhenti galat badan html
5. Selesai

Cobain bareng-bareng yuuuk Cara Memasang Meta Tag Di Postngan.
READ MORE - Cara Memasang Meta Tag Di Postngan

Tuesday

1

Cara Membuat Banner Strip-Ad Seperti Navigasi Bar Blog

Langsung saja saya tunjukkan Cara Membuat Banner Strip-Ad Seperti Navigasi Bar Blog:

1. Upload File javascript dibawah ke lokasi penyimpanan file anda, Simpan file dengan nama Stript-ad.js




var mta_arr = new Array();
var mta_clear = new Array();
function mtaFloat(mta) {
mta_arr[mta_arr.length] = this;
var mtapointer = eval(mta_arr.length-1);
this.pagetop = 0;
this.cmode = (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;
this.mtasrc = document.all? document.all[mta] : document.getElementById(mta);
this.mtasrc.height = this.mtasrc.offsetHeight;
this.mtaheight = this.cmode.clientHeight;
this.mtaoffset = mtaGetOffsetY(mta_arr[mtapointer]);
var mtabar = 'mta_clear['+mtapointer+'] = setInterval("mtaFloatInit(mta_arr['+mtapointer+'])",1);';
mtabar = mtabar;
eval(mtabar);
}
function mtaGetOffsetY(mta) {
var mtaTotOffset = parseInt(mta.mtasrc.offsetTop);
var parentOffset = mta.mtasrc.offsetParent;
while ( parentOffset != null ) {
mtaTotOffset += parentOffset.offsetTop;
parentOffset = parentOffset.offsetParent;
}
return mtaTotOffset;
}
function mtaFloatInit(mta) {
mta.pagetop = mta.cmode.scrollTop;
mta.mtasrc.style.top = mta.pagetop - mta.mtaoffset + "px";
}
function closeTopAds() {
document.getElementById("mta_bar").style.visibility = "hidden";
}


2.SIlahkan menuju ke halaman Edit html di blogger.

Copy-Paste kode CSS dibawah, letakan diatas kode ]]></b:skin>




#mta_bar { background: #FFFFE1; border-bottom: 1px solid #808080; margin: 0 0 3px 0; padding: 4px 0; z-index: 100; top: 0; left: 0; width: 100%; overflow: auto; position: fixed; }
* html #mta_bar{ /*IE6 hack*/
position: absolute; width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px"); }
#mta_bar .left { float: left; text-align: center; font-family: Arial; font-size: 13px; font-weight: bold; font-style: normal; color: #0000FF; width:92%;}
#mta_bar .right {font-family: Arial, Helvetica, sans-serif; float: right; text-align: center; font-weight: normal; font-size: 10px;letter-spacing: 0; width: 30px; white-space: nowrap;}
#mta_bar .right a {font-size: 10px; color: #0000FF; text-decoration: underline;}
#mta_bar .right a:hover {font-size: 10px; color: #0000FF; text-decoration: none;}
#left_bar a { text-decoration: none; color: #0000FF; }
#left_bar a:hover { text-decoration: underline; color: #0000FF; }



3. Masukan kode pemanggilan JS dibawah, letakan diatas kode </head>, jangan lupa ganti ganti tulisan yang berwarna merah di bawah ini dengan alamat lokasi URL dimana anda meyimpan file JS-nya.



<script src='http://www.alamatserveranda.com/Stripe-Ad.js' type='text/javascript'/>


4. Letakan kode dibawah ini dibawah kode <body> Silahkan sesuaikan settingan dibawah dengan link dan deskripsi anda sendiri.



<div id='mta_bar'>
<div id='left_bar'><span class='left'><a href='http://koleksi-template.blogspot.com' target='_blank'>Selamat Datang di Kumpulan Cara Blog Blogspot Blogger</a></span></div>
<span class='right' onmouseout='self.status=&apos;&apos;' onmouseover='self.status=&apos;
Kumpulan Cara Blog Blogspot Blogger&apos;;return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='Ganti Dengan Url Tombol Close anda' style='cursor:hand;cursor:pointer;'/></span></div>


6. Simpan dan lihat hasil Cara Membuat Banner Strip-Ad Seperti Navigasi Bar Blog yang sudah anda buat tadi... gud luck
READ MORE - Cara Membuat Banner Strip-Ad Seperti Navigasi Bar Blog

Thursday

0

Cara Membuat Auto Readmore Baca Selanjutnya Blogspot

Sebelum Q MENGENAL MOE kumpulancarablog paparkan cara-cara CURANG bagaimana Cara Membuat Auto Readmore Baca Selanjutnya Blogspot punya MBAH blogger.com, bagi BAGI THR rekan blogger yang udah pasang atau membuat readmore versi yang berbeda atau klasik, silahkan dikembalikan aja dulu ke versi aslinya dengan cara menghilangkan bagian yang berwarna merah seperti di bawah ini:

<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;'/>

Setelah itu, baru dilanjutin dengan cara berikut ini:
Langsung saja menuju ke halaman EDIT HTML, selanjutnya cari kode </head> kemudian letakan script di bawah ini di atas kode </head> kalo sudah, jangan lupa disimpan dulu templatenya.

Langsung copy paste aja kode dibawah ini:

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)
(C)2008 by Anhvo
visit http://en.vietwebguide.com to get more cool hacks
********************************************/
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>

Masih pada halaman EDIT HTML, beri tanda centang pada "Expand widget template" dan temukan kode seperti di bawah:

<data:post.body/>

Kalo sudah, ganti kode  <data:post.body/> dengan semua kode di bawah 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 == &quot;item&quot;'><data:post.body/></b:if>



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)




Selamat mencoba cara Cara Membuat Auto Readmore Baca Selanjutnya Blogspot yang saya dapat dari tutorialblogspot-seoblogger.
Gud LUK, semoga berhasil menerapkan cara-cara yang udah kumpulancarablog kasi UANG tahu caranya.. hehe..

READ MORE - Cara Membuat Auto Readmore Baca Selanjutnya Blogspot