Tampilkan postingan dengan label Tips Blogging. Tampilkan semua postingan
Tampilkan postingan dengan label Tips Blogging. Tampilkan semua postingan

Widget Blogger part 1

Jumat, 05 Agustus 2011

Di blogger kan banyak widget yang menarik yang bisa mempercantik blog, nah d sini ada beberapa widget yang bisa kita pake untuk mengetahui pengunjung blog kita, di antaranya ada histats, feedjit, flagcounter, dll.


Histats - widget ini dapat mengetahui pengunjug blog kamu dalam control panelnya, ntah itu pengunjung hari ini, minggu yang lalu, 1 bulan yg lalu bahkan 1 tahun yang lalu. widget ini lumayan bagus kok.


whos among us - liat warna merah di samping kiri blog ini ? nah itu adalah tampilan dari whos among us, widget ini akan mengecek beberapa orang yang sedang membuka blog kita


Feedjit - ini widget palng asik, karena widget ini dapat meng track sapa sapa yang mengunjungi blog kita sekaligus dari negara mana bahkan dari link apa hingga browser apa yang ia pake untuk mengunjungi blog kita. :)

Flagcounter - widget satu ini biasanya paling banyak digunkan dalam blog, widget ini memunculkan bendera bendera negara para pengunjung secara berurut dari negara pengunjung mana yang terbanyak melihat blog kita..

mungkin hanya ini yang saya rekomendasikan, karna saya sudah pernah memakai itu semua, dan gak aada problem sulit di dalamnya.

Semoga bermanfaat.

Read More …
Diposting oleh Jullyans A.M. Label: di 11.53 0 komentar

 

Pasang Auto "Read More" di Blogmu

Selasa, 03 Mei 2011


Terkadang jika pasang template di blogspot itu gak ada "read more" nya. Jadinya seluruh postingan tertampil, risih banget gak sih... tempalte yang q pake ini juga awalnya gak ada readmorenya, searching di om google, ternyata rumit juga, tapi akhirnya ada juga yang penjalasasnnya mudah sekali. Biar gampangnya langsung di coba aja ya?
Cara pasang auto read more:
1. Log in di Blogger.com
2. pilih Edit HTML, click Expand Widget Templates
3. carilah kode </ head> dan copy kode di bawah ini letakkan sebelum kode </ head>


<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 300; summary_img = 300; img_thumb_height = 100; 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>

4. cari kode <data:post.body/> atau <p><data:post.body/></ p>, ganti kode tersebut dengan 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:right'><a expr:href='data:post.url'><br/><b>Read More … </b></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

5. kemudian Save Template.
6. selesai...

gitu aja, semoga bermanfaat.. :)

Read More …
Diposting oleh Jullyans A.M. Label: di 00.01 0 komentar

 

Mematikan Klik Kanan Pada Blog

Jumat, 08 April 2011

Mungkin anda sering membuka suatu situs yang melarang blognya untuk diklik kanan oleh pengunjungnya atau dengan kata lain mendisablekan klik kanan khusus pada blog/situsnya saja. Guna dari disable ini ialah untuk melindungi konten atau foto yang anda miliki untuk dicopy oleh orang lain dengan kepentingan yang kita tidak tahu. Nah berkut ini ada javascript untuk mendisablekannya yaitu :

<script language=JavaScript>
<!--

//Matikan Klik Kanan

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->
</script>
Script ini dicopykan ke blog anda dengan cara :
1. Klik Layout dan pilih edit html
2. Cari kode <head> Copykan kode tersebut dibawahnya.
3. Save.
4. Silahkan dicoba!!!


Read More …
Diposting oleh Jullyans A.M. Label: di 10.23 0 komentar

 

Pasang Tombol Retweet di Blog

Rabu, 23 Maret 2011

 
Kali ini saya memposting trik untuk memasang retweet button di blog kamu, ini adalah cara yang paling efesien untuk mempromosikan blog kamu... :)
Caranya, masuk dasbor kamu, pilih rancangan >> edit HTML (jangan lupa centang expand widget)

cari kata <data:post.body/> (mudahnya tekan Ctrl + F) lalu paste code di bawah ini. Jika kamu paste sebelum <data:post.body/> maka retweet button berada di atas postingan mu, kalau kamu paste di sesudahnya maka retweet button berada di akhir postingan mu.

script untuk button yang seperti ini

<script type="text/javascript">
tweetmeme_url = &#39;<data:post.url/>&#39;;
</script>Retweet this button on every post blogger
<script src="http://tweetmeme.com/i/scripts/button.js" type="text/javascript">
</script>
 
script untuk button yang seperti ini
 <script type="text/javascript">
tweetmeme_style = "compact";
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>


Selesai deh... :)
Tapi jika mau meletakannya di sebelah kiri atau kanan maka pake script di bawah ini,
 
untuk sebelah kanan
 
<div style='float:right; margin-left:10px;'>

>>>>Retweet Button Code Here<<<<

</div>
 
untuk sebelah kiri
 
<div style='float:right; margin-left:10px;'>

>>>>Retweet Button Code Here<<<<

</div>  
 
 
Kalau masi bingung atau maw bertanya, silahkan komentar saja ya, lansung saya jawab kok.. :)

Read More …
Diposting oleh Jullyans A.M. Label: di 09.43 0 komentar

 

Ganti Icon Blog


kali ini yang palin mudah dalam blogging, yaitu ganti iconnya.. seperti di blog saya, iconnya adalah kompas (mungkin malah terlihat kek jam, haha). Caranya cuman copas script di bawah ini.

<link href='URL KAMU' rel='SHORTCUT ICON'/>

Pada "URL KAMU" ganti dengan url image yang kamu mau
kemudian masuk Dasbor > tata letak >edit HTML (jangan lupa centang expand widget)
letakkan diatas script tadi diatas </head>

pratinjau terlebih dahulu, kemudian simpan.
kalau ada pertanyaan komen saja yaa.. :)

Read More …
Diposting oleh Jullyans A.M. Label: di 08.57 0 komentar

 

Menaruh Gambar Tetap di Blog

Saya akan bagikan sedikit trik untuk memperbagus blog, karena juga saya masih baru jadi tips yang saya kasih juga yang gak seberapa wah.. but lumayan lah untuk saling berbagi. Dan bagi kalian yang baca ini, kalau memeiliki trik lain yang bagus, komen komen donk.. hehehe

Untuk menaruh gambar tetap seperti gambar Yu-Gi-Oh! saya di sebelah kiri bawah sebenarnya cukup mudah,
pertama buka Rancangan, trus pilih edit html, klik centang expand widget.

Paste script di bawah ini sebelum ]]></b:skin>

 #trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

bagian bottom dan left bisa kalian ganti sesuai yang kalian mau meletakan gambar itu di mana.

lalu paste sceipt ini di atas <body>

<div id='trik_pojok'>
<a href='http://blueroar.blogspot.com/'>
<img border='0' src='masukan URL kamu'/></a>
</div>

Trus masukan Link URL sebuah gambar di "masukan URL kamu", and then pratinjau dulu...
kalo udah oke.. save template dah.. :D
Kalo masi belum understand, komen aja yaa...

Read More …
Diposting oleh Jullyans A.M. Label: di 06.01 0 komentar