Showing posts with label tips blog. Show all posts
Showing posts with label tips blog. Show all posts

Tuesday, 27 August 2013

Mengganti icon Blog sesuai keinginan

Kali ini ane mau share cara mengganti icon Bloger standard dengan icon yang kita inginkan.Simple namun lumayan membuat kesan Blog kita lebih terlihat exclusive.




ok langsung aja,

1. Masuk ke accout bloger anda
2. Masuk ke template
3. edit menggunakan Html
4. Masukan script berikut di atas </head>. Script nya :   <link href='http://www.4shared.com/download/fzg87DrN/111.GIF?tsid=20130827-184933-19879c9f' rel='shortcut icon'/>

5. Yang saya tadai merah link gambar icon saya, jadi bisa di ganti sesuai link gambar blog anda.
6.  Jika di anda melakukan nya dengan benar maka tampilan editor Html Bloger anda akan tampak sepert berikut


heheheh dan kalo anda perhatikan pada tab browser anda akan berubah tampilan nya seperti gambar berikut:

done. Semoga bermanfaat ya ...


read more

Saturday, 13 July 2013

Membuat lebel dan menghapus lebel pada Blog

sedikit catatan saya mengenai cara membuat dan menghapus Lebel pada artkel. Nantinya lebel ini akan berguna sekali untuk membuat form " Artikel Terkait". Langsung aja yah ....

1. masuk ke account blog anda, masuk ke menu Pos  > centang artikel yang akan di lebel

2. kemudian pilih menu lebel baru
 3. lalu masukan nama lebel nya.


untuk menghapus lebel nya ada beberapa cara,  berikut salah satu cara nya:
1. masuk ke dalam artikel. lalu pilih meu lebel seperti yang sudah saya marking di bawah

 2. setelah di hapus maka atribut lebel pada artikel tersebut akan hilang
 demikian dulu tips nya. semoga bermanfaat
read more

Thursday, 4 July 2013

Membuat read more pada blogger

mungkin sudah banyak yang mengetahui, trik ini saya tujukan sebagai pengingat atau sekedar info bagi sobat yang sedang mencari Cara Membuat ReadMore pada blogger :


langsung aja yah berikut step nya:

1. Login ke Blogger.com,  setelah itu masuk ke menu tempate
2. lalu klik Edit.html., Kemudian cari <data:post.body/> lalu ganti dengan kode berikut :

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/><data:post.body/><b:else/>
<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:right;padding-top:20px;'><a expr:href='data:post.url'>read more</a></span></b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if></b:if>

lalu cari </head> dan taruh kode dibawah ini dibawahnya:

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
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>

lalu simpan dan lihat hasilnya.semoga manfaat dan selamat mencoba
cara membuat readmore cara membuat read more cara membuat baca selanjutnya cara membuat baca selengkapnya cara membuat baca seterusnya,cara membuat box scroll cara membuat kotak scroll cara membuat kotak yang bisa di geser cara membuat kotak sliding cara membuat kotak geser cara meningkatkan pagerank cara membuat blog yang seo friendly cara agar berada di awal pencarian google cara agar blog banyak pengunjung cara agar postingan berada diurutan pertama di pencarian google cara agar postingan ada diurutan pertama di pencarian yahoo cara agar postingan berada diurutan pertama di pencarian bing download video download gratis download film downlaod video gratis download film grati
read more