Saturday, May 26, 2012

Cara Membuat Daftar Isi Blogspot Otomatis

Cara Membuat Daftar Isi Blogspot Otomatis - Dengan kita menggunakan script ini maka kita tidak akan direpotkan lagi untuk menmbuat daftar isi secara manual, bayangkan saja jika ribuan post dibuat secara manual. Dengan hanya kita copy dan paste di new post, maka akan secara otomatis daftar isi terbuat.

Berikut ini cara membuat daftar isi/sitemap di blog secara otomatis :
  1. Login ke akun blogger anda.
  2. Pilih Entri Baru (New Post) > Edit menggunakan HTML dan bukan Compose.
  3. Copy script dibawah ini dan paste pada  post anda.
<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://nama-blog-anda.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>
4. Klik Terbitkan Entri/Publish dan lihat hasilnya, untuk lebih jelas lihat daftar isi Ilfan Blog

Selamat mencoba dan semoga bermanfaat !!!
read more...

Cara Mudah Membuat Readmore Otomatis di Blog

Pada posting kali ini saya akan menjelaskan bagaimana cara membuat read more otomatis di blog tanpa harus jump break pada setiap posting. Dengan script ini kita dimudahkan untuk pembuatan read more otomatis

Berikut cara memasang readmore di blogspot :

1. Login ke blogger dengan ID sobat

2. Pilih Template

3. Pilih Edit HTML

4. Centang tulisan "Expand template widget"

5. Lalu cari kode </head>

6. Lalu masukkan code di bawah ini tepat di atas  </head>

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

7. Kemudian sobat  cari kode <data:post.body/>
8. Ganti kode <data:post.body/>  dengan kode di bawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'> <b> read more</b> &#187;&#187;&#160;&#160; </a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>

9. Save Template.
Keterangan read more :
var thumbnail_mode = "float";: Letak thumbnail berada di “float” kiri atau jika tidak silahkan ganti dengan “no-float”;
summary_noimg = 250;: Jumlah karakter yang akan ditampilkan di posting tanpa gambar / thumbnail;
summary_img = 250;: Jumlah karakter yang akan ditampilkan di posting dengan gambar / thumbnail;
img_thumb_height = 120;: Tinggi thumbnail dalam ukuran pixel;
img_thumb_width = 120;: Lebar thumbnail dalam ukuran pixel;
READMORE-: Tulisan READMORE bisa diganti misalnya dengan “Baca Selengkapnya” dan apabila anda tidak ingin menampilkan judul dibelakang Readmore, sobat bisa menghapus code script ini .
Selamat mencoba dan semoga bermanfaat !!!
read more...

Cara Membuat Breadcrumbs Blog

Membuat Breadcrumbs Blogspot - Untuk agar blog menjadi lebih SEO, cara memasang breadcrumbs blog agar muncul di mesin pencari.

1. Log in ke blogger.com


2. pilih design atau rancangan


3. pilih edit html,centang expand temlate widget supaya semua kode muncul semua dan jangan lupa back up template untuk jaga jaga dengan cara mendownload full template


4. Lalu Cari kode tag
]]></b:skin> dan letakkan kode dibawah ini diatasnya
.breadcrumbs{border-bottom:1px dotted #999;margin:2em 0 0.5em;padding:0 0 0.5em;font-size:10px}


5. Cari kode
<b:includable id='main' var='top'>


6. Jika sudah ketemu , letakkan kode dibawah ini di atas kode no.6


<b:includable id='breadcrumbs' var='post'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<p class='breadcrumbs'>

<span class='post-labels'>

<b:if cond='data:post.labels'>

Anda Berada di&#160; :

<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> &gt;

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast == &quot;true&quot;'>

<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>

</b:if>

</b:loop>

<b:if cond='data:post.title'>

&gt; <b><data:post.title/></b>

</b:if>

</b:if>

</span>

</p>

</b:if>

<!-- End of Breadcrums Hack -->

</b:includable>


7. Cari kode
<b:loop values='data:posts' var='post'> pilih kode yang pertama di temukan, jika sudah ketemu, silahkan letakan kode berikut di bawahnya
<b:include data='post' name='breadcrumbs'/>


8. Save template .


Begitulah
cara membuat menu navigasi breadcrums di blog, semoga artikel breadcrumb ini bermanfaat.
read more...

Menjadikan Blog SEO Friendly

Menjadikan Blog SEO Friendly - Kali ini kita akan membahas bagaimana mengubah template blog sobat menjadi lebih SEO friendly.
Berikut cara mudah agar template blog sobat menjadi SEO friendly di blogger blogspot  :
Masuk ke design, edit html lalu centang expand template widget dan cari kode seperti di bawah ini :

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Ganti tag heading h3 menjadi h1 .

Anda  juga perlu mengganti ukuran dari font Posting dengan menambahkan kode ini tepat sebelum ]]></b:skin>

h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }

Ukuran bisa anda ganti sesuai keinginan, baik demikian artikel cara menjadikan template blogspot seo friendly dari ilfan blog , semoga bermanfaat.
read more...

Friday, May 25, 2012

Macam Meta Tag dan Fungsinya

Meta tag dan fungsi, Banyak Macam Meta Tag dan fungsinya, Meta tag sangat bermanfaat bagi para blogger, terutama dalam hal seo.nah oleh karena itu silahkan lihat tutorial berikut ini.
1. Title
Cara yang paling sering kita lakukan adalah menulis title agar sebuah blog atau website dikenal, yang mana kemudian title ini kita jadikan identitas kita, kita bisa memodifikasi meta tag title default blogger atau website agar lebih SEO friendly. cari kode dan sobat ganti dengan kode
atau dengan kode
2. Deskripsi
META TAGini menjelaskan deskripsi dari blog atau website sobat, disini saya sarankan jangan melebihi 200 character, jika tidak maka akan dianggap spam dan yang paling penting adalah deskripsi harus berhubungan content yang disajikan.
3. Keyword
meta tag ini menjelaskan kata kunci yang akan sobat pakai Optimasi SEO, beberapa mesin pencari mensyaratkan jangan sampai ada pengulangan kata lebih dari 2 kali, karena kata – kata yang sama berulang – ulang akan dianggap spam oleh mesin pencari.
4. Rating
meta tag ini menjelaskan website atau blog sobat boleh di akses untuk usia brp (khususnya untuk website yang memuat konten dewasa). Rating yang umum dipakai adalah general (semua usia), mature (dewasa), restricted (terlarang) dan 14 years (remaja)
5. Copyright
meta tag ini menjelaskan hak cipta website atau blog sobat
6. Author
meta tag ini menjelaskan pemilik dan pengelola website atau blog sobat
7. Distribution
meta tag ini menjelaskan distribusi blog atau website sobat apakah global, everyone, local, regional, maupun Internal Use
8. Robots
meta tag ini menjelaskan perintah dan ijin yang diberikan kepada robot/spider yang akan mengakses halaman blog atau website sobat
nilai perintah dan ijin yang lain adalah noindex (tidak mengindeks halaman web), nofollow (tidak memberikan backlink halaman website), none (sama dengan noindex,nofollow)
9. Language
meta tag ini menjelaskan bahasa yang dipakai di website atau blog sobat
10. Geo Country
meta tag ini menjelaskan asal website atau blog sobat
11. Geo Placename
meta tag ini fungsinya hampir sama dengan geo country namun lebih spesifik
12. Expires
meta tag ini menjelaskan apakan halaman website atau blog sobat punya tenggang waktu ditampilkan di search engine atau tidak ada batasan waktu
13. Revisit-after
meta tag ini menjelaskan kapan robot harus kembali mengindeks halaman website atau blog sobat.
14. Target
meta tag ini hampir sama dengan distribution namun lebih menekankan pada tujuan website sobat untuk diindeks
15. Spiders
meta tag ini menjelaskan spider dan bot apa saja yang boleh mengakses website atau halaman blog sobat

read more...

Cara Memasang Google Translate di Blog

Cara Memasang Google Translate di Blog - Dengan adanya translate di gadget blog memang sangat membantu, karena dengan kita memilih bahasa, dengan otomatis post pada blog tersebut akan berubah sesuai dengan bahasa yang telah dipilih.

Memang menterjemahkan menggunakan google translate ini tidak lah sempurna, namun setidaknya jika ada pengunjung dari negara lain mengerti dan memahami isi posting pada blog kita dengan bantuan widget ini.

Berikut langkah-langkah :
  1. Login ke blogger anda
  2. Klik Tataletak/ Layout
  3. Add Gadget, copy code berikut
<style>
.translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
padding-left:0px;
}
.translate:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
border:0;
}
</style>
<div style="text-align:center">
<a class="translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="http://lh5.ggpht.com/_15FopxVONSo/Sbs0I7gaReI/AAAAAAAACJk/vpx3tp_jg_k/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="http://lh4.ggpht.com/_15FopxVONSo/SbszlpR2QrI/AAAAAAAACIs/AwPD69Z7dnU/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="http://lh3.ggpht.com/_15FopxVONSo/Sbsz1CIjjCI/AAAAAAAACI0/6PJIWHvMAh4/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="http://lh6.ggpht.com/_15FopxVONSo/Sbs0IY8NOGI/AAAAAAAACJc/GncIRRDiVq0/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="http://lh6.ggpht.com/_15FopxVONSo/Sbsz1TJ5xdI/AAAAAAAACI8/0dtYx_clT4s/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="http://lh6.ggpht.com/_15FopxVONSo/SbszlYjxPRI/AAAAAAAACIk/n-yzKfbktew/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br/><br/>
<a class="translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="http://lh5.ggpht.com/_15FopxVONSo/Sbsz1TzIcWI/AAAAAAAACJU/otXl-gtu1zg/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="http://lh4.ggpht.com/_15FopxVONSo/SbszlB3M6II/AAAAAAAACIU/jZYjX1vwGAo/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="http://lh3.ggpht.com/_15FopxVONSo/Sbsz1U6a6KI/AAAAAAAACJE/B3pvO5vYH8s/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="http://lh4.ggpht.com/_15FopxVONSo/Sbsz1e4_30I/AAAAAAAACJM/fuEkLjyIHiE/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="http://lh6.ggpht.com/_15FopxVONSo/SbszlITiTZI/AAAAAAAACIM/Jec1INW-YFE/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7czh-cn&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="http://lh3.ggpht.com/_15FopxVONSo/SbszlRrumlI/AAAAAAAACIc/rL_X9LTyuRE/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
</div>
   4. Save.

Selamat mencoba dan semoga bermanfaat !!!
read more...

Cara Membuat Next Page Pada Blog

Tab Next Page yang biasanya terdapat di bawah postingan untuk mempermudah pengunjung, dan dengan adanya tab next page tersebut pengunjung bisa melihat pada setiap posting dari yang terbaru sampai posting lama.
Silakan anda login ke akun blogger anda dan kemudian pilih tataletak, ambil posisi page elemen kemudian tambahkan gadget dan copy kode dibawah ini:

<style>
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#ccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}

</style>

<script type="text/javascript">

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

var pageCount=5;
var displayPageNum=6;
var firstPageWord = 'First';
var endPageWord = 'last';
var upPageWord ='Back';
var downPageWord ='Next';


var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"></span>'+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span class="showpage"> Total '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;

}

if(postNum==1) postNum++;
html += '</div>';

if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}
}

}
</script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>
</br>

Simpan gadget tersebut tepat dibawah elemen postingan.
Selamat mencoba dan semoga bermanfaat !!!
read more...

Blog Tampil Menarik Dengan Emoticon

Blog Tampil Menarik Dengan Emoticon - Kita harus tetap berusaha untuk membuat blog semenarik mungkin dengan apapun caranya, kali ini saya akan membahas bagaiman cara membuat emoticon di blog, memang sudah banyak posting-posting lain sudah menjelaskan tentang hal ini namun menurut saya tidak ada salahnya untuk di coba dan untuk menambah wawasan dan pengalaman anda semua.

Berikut langkah-langkah :
  1. Login ke blogger anda
  2. Klik Rancangan/design
  3. Klik edit HTML dan pilih Expand Template Widget
  4. Cari code ]]></b:skin>, untuk mempermudah pencarian ketik Ctrl+F 
  5. Masukkan Code berikut tepat di bawah ]]></b:skin>
<script src='http://imdad.googlecode.com/files/postsmileys-ymsgr.js'   type='text/javascript'/> 
 
Untuk kamu bisa menampilkan emoticon-emoticon di entri, kita harus mengetik kodenya misal untuk menampilkan seperti ini kita mengetik :) berikut ini kode smile (emoticon) yang bisa gunakan.

:O --> :r -->
:y --> :t -->
:s --> :~ -->
:v --> :f -->
:d --> :c -->
:) --> :D -->
:$ --> :( -->
:p --> ;) -->
:k --> :@ -->
:# --> :x -->
:o --> :L -->

Selamat mencoba dan semoga berhasil !!!
read more...

Cara Membuat Link Bergerak

Link bergerak, mungkin hal ini sudah tidak asing lagi sebab sudah banyak posting yang menjelaskan tentang hal ini, namun saya tetap akan menjelaskannya karena untuk menambah wawasan saja. 
Pada saat kita menyentuh link tersebut akan bergerak kesana kemari ataupun bergoyang-goyang, hahaha.... lucu....
langsung saja kita bahas :
Berikut cara Membuat Link Bergerak (Bergoyang) :
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Taruh kode berikut di atas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$(&#39;a&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>

6. Simpan Template jika sudah selesai.

Selamat mencoba dan semoga bermanfaat !!!!
read more...

Cara Membuat Blog Tidak Bisa di Copy

Cara membuat blog tidak bisa di copy dengan script anti Copas, untuk anda yang tidak menyukai isi blognya di copy  berikut saya punya triknya, sebenarnya trik ini sudah lama, dan saya pribadi lebih suka kalau blog saya bisa di copy dan berguna untuk banyak orang, banyak tutorial blog trik menggunakan cara memodifikasi HTML dan bagi pemula tentunya lebih mudah copy daripada menulisnya, bagi pemula tentunya susah juga kalau tutorialnya sebagian besar agak membingungkan dengan kode HTML tapi tidak bisa di copy. Scrip ini membuat semua teks di blog tidak dapat di copy.

Berikut langkah-langkah:
Masuk ke Blogger ,Tata Letak , Edit HTML, beri tanda centang pada tulisan Expand Widget Template, cari kode <head>

Copy kode berikut tepat di bawah 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>

Simpan, dan blog anda tidak bisa di copy...
Semoga bermanfaat !!!
read more...

Download Notepad++ 6.1.2 Free

Download Notepad++ 6.1.2 Free -Merupakan software yang sebenarnya fungsinya sama dengan Notepad bawaan pada Windows, namun software ini memiliki fitur yang tidak ada di Notepad biasa, salah satunya terdapat baris yang akan memudahkan anda untuk mengetahui baris keberapa tulisan yang anda buat, dan masih banyak lagi. Anda bisa download di link yang sudah saya sediakan.


Password :
ilfan-rifai.blogspot.com
read more...

Thursday, May 24, 2012

Snipping Tool

Snipping Tool, merupakan software bawaan dari Windows 7 yang berfungsi untuk mengambil objek gambar yang terdapat di komputer. Jadi anda bisa mengambil gambar dengan Snipping Tool, kemudian krop gambar yang ingin anda simpan.


Berikut langkah-langkah:
Klik Start, All Programs, Accessories, Snipping Tool


Maka akan otomatis keluar dan langsung anda crop objek yang anda inginkan, pilih Save jika setelah selesai.

Selamat mencoba dan semoga bermanfaat !!!
read more...