| TanTyaN BloG |: Trik Blog

Showing posts with label Trik Blog. Show all posts

Cara Membuat Form Contac Me untuk blog

Author: TanTyan | Posted at: 4:10 PM | Filed Under: Trik Blog |

Pertama Silahkan Login Ke Blogger Pada Dasbor Klik Tata Letak/Rancangan->>Elemen halaman->>Add gadget->>html/javascript or blh juga di letakan untuk postingan anda lalu copy paste code berikut ini ke dalamnya:

<FORM action="mailto:ALAMAT-EMAIL-ANDA" method="post" enctype="text/plain"><TABLE BORDER="0" CELLSPACING="0" CELLPADDING="4" WIDTH="90%"><TR><TD width="30%"><DIV align="right"><B>Name:</B></DIV></TD><TD width="70%"><INPUT type="text" name="name" size="20"></TD></TR><TR><TD><DIV align="right"><B>Email:</B></DIV></TD><TD><INPUT type="text" name="email" size="20"></TD></TR><TR><TD><DIV align="right"><B>Comment:</B></DIV></TD><TD><TEXTAREA name="comment" cols="35" wrap="virtual" rows="5"></TEXTAREA></TD></TR><TR><TD> </TD><TD><INPUT type="submit" name="submit" value="Submit"><INPUT type="reset" name="reset" value="Reset"></TD></TR></TABLE></FORM>

kET:Ganti tulisan WARNA Merah Dengan alamat Email Anda
Jika Sudah KLik Simpan...Selamat Mencoba..:)

Cara menambahkan Icon Di setiap Widget Blogger

Author: TanTyan | Posted at: 3:57 PM | Filed Under: Trik Blog |

Silahkan ikuti langkah-langkah Berikut ini:

1.Login Ke bLogger
2.Pada dasbor klik tata letak/rancangan
3.klik Edit html->>expand template widget
4.Kemudian Scroll ke bawah dan temukan code ini

.main .Blog {
border-bottom-width: 0;
}

5.Jika sudah ketemu silahkan Copy code berikut ini dan paste setelah code di atas

.sidebar .widget h2 {
background: yellow url('URL GAMBAR ANDA') no-repeat left top;
margin-top:5px;
text-indent: 20px;
padding:7px;
}

KET: silahkan ganti Tulisan yang berwarna merah dengan URL GAMBAR ANDA

Cara Membuat Garis Pembatas Di halaman Postingan dan Sidebar

Author: TanTyan | Posted at: 3:56 PM | Filed Under: Trik Blog |

Silahkan Ikuti langkah Sederhana Di Bawah Ini:

1.Silahkan Logon Ke Blogger
2.Pada Dasbor Klik Tata letak/rancangan
3.Klik Edit Hmtl->>expand template widget
4.Scroll Ke bawah dan cari code seperti ini,mungkin setiap template codenya berbeda cari saja yang hampir mirip seperti ini

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.main .Blog {
border-bottom-width: 0;
}

5.Jika sudah ketemu silahkan ganti dengan code berikut ini

.sidebar .widget, .main .widget {
background:#ffffff;
margin:1.5em 0 1.5em;
padding:8px 8px 8px;
border:1px solid $bordercolor;
border-bottom:1px solid $bordercolor;
border-width:1px 1px 1px;
border-bottom:1px line $bordercolor;
}

.main .Blog {
background:#ffffff;
margin:1.5em 0 1.5em;
padding:8px 8px 8px;
border:1px solid $bordercolor;
border-bottom:1px solid $bordercolor;
border-width:1px 1px 1px;
border-bottom:1px line $bordercolor;
}

Ket: Anda Bisa utak atik code di atas sesuai dengan keinginan anda

6.Klik simpan template dan selamat mencoba semoga bermanfaat.....

Cara Membuat Background Pada Komentar Admin

Author: TanTyan | Posted at: 3:54 PM | Filed Under: Trik Blog |

silahkan ikuti langkah-langkah berikut ini:

1.Login ke bLogger
2.Pada dasbor Klik tata letak/rancangan
3.klik edit html->>expand template widget
4.Kemudian letakan code di bawah ini tepat sebelum code ]]></b:skin>

.comment-body-author {
background: #E6E6E6; /* Background color*/
color: #000; /* Text color*/
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px; /* Posotion*/
}

5.Kemudian scroll ke bawah dan temukan code persis seperti ini

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
said...
</dt>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

6.Jika sudah ketemu silahkan Ganti dengan code di bawah ini

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
said...
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

</b:if>

KET: anda bisa merubah "Background Color"-"Text Color"-"Position"

7.Klik save template

Cara membuat gambar latar belakang untuk postingan

Author: TanTyan | Posted at: 3:53 PM | Filed Under: Trik Blog |

Login ke blogger->>Dasbor->>Tata letak->>edit html->>expand template widget kemudian scroll ke bawah dan temukan code seperti ini:

#main-wrapper {

Jika sudah tambahkan code maka selengkanya seperti ini

#main-wrapper {
background-image: url(URL GAMBAR ANDA);

ket: Code yang berwarna MERAH adalah code yang harus anda tambahkan

Cara Membuat Gambar latar belakang untuk Sidebar

Author: TanTyan | Posted at: 3:51 PM | Filed Under: Trik Blog |

Silahkan ikuti langkah-langkah Berikut ini:

1.Login ke blogger
2.Pada Dasbor klik Tata letak/rancangan
3.klik Edit html->>expand template widget
4.Kemudian Cari code seperti ini

#sidebar-wrapper {

5.Tambahkan code maka selengkapnya seperti di bawah ini

#sidebar-wrapper {
background-image: url(URL GAMBAR ANDA);

KET: Code yang berwarna MERAH adalah code yang harus anda tambahkan...

cara Untuk Membuat Popular Posts di blog

Author: TanTyan | Posted at: 3:50 PM | Filed Under: Trik Blog |

Jika Anda Tertarik Untuk Membuat Popular Post di blog anda,Silahkan Copy Code Berikut Ini,dan untuk cara meletakannya Blh di postingan atau sidebar blog anda,tergantung selera masing-masing....

<script language='javascript'>

aBold = false;

numposts=100;

maxshowresult=20;

home_page = "http://thizan.blogspot.com/";

</script>

<script type='text/javascript'>

//<![CDATA[

var postTitlear=new Array();var postUrlar=new Array();var postCommentar=new Array();var totalpost;document.write("<ul>");function showrecentposts(j){var a=j.feed.entry.length;totalpost=a;for(var f=0;f<a;f++){var h=j.feed.entry[f];var c=h.title.$t;var b;var g;if(f==j.feed.entry.length){break}for(var d=0;d<h.link.length;d++){if(h.link[d].rel=="alternate"){g=h.link[d].href;break}}for(var d=0;d<h.link.length;d++){if(h.link[d].rel=="replies"&&h.link[d].type=="text/html"){b=h.link[d].title.split(" ")[0];break}}c=(aBold)?"<b>"+c+"</b>":c;postTitlear.push(c);postUrlar.push(g);postCommentar.push(b)}sortPosts();for(var f=0;f<maxshowresult;f++){var e='<li><a href="'+postUrlar[f]+'" class="recent-link">'+postTitlear[f]+" ("+postCommentar[f]+" comments)</a>";document.write(e)}}function sortPosts(){function c(d,f){var e=postTitlear[d];postTitlear[d]=postTitlear[f];postTitlear[f]=e;var e=postUrlar[d];postUrlar[d]=postUrlar[f];postUrlar[f]=e;var e=postCommentar[d];postCommentar[d]=postCommentar[f];postCommentar[f]=e}for(var b=0;b<postTitlear.length-1;b++){for(var a=b+1;a<postTitlear.length;a++){if(parseInt(postCommentar[b])<parseInt(postCommentar[a])){c(b,a)}}}}document.write('<script src="'+home_page+"feeds/posts/default?max-results="+numposts+'&orderby=published&alt=json-in-script&callback=showrecentposts"><\/script>');

//]]>

</script>

Silahkan anda ganti Code yang berwarna MERAH.....

Cara Mengetahui peringkat Blog anda dengan kata kunci

Author: TanTyan | Posted at: 3:47 PM | Filed Under: Trik Blog |

Jika anda ingin mengetahui ada di peringkat berapakah halaman blog anda dengan kata kunci,saya memberikan salah satu website untuk mengetahui peringkat blog anda dengan kata kunci,jika anda sudah merasa mantap dengan kata kunci blog anda,,

1.silahkan anda langsung kunjungi. www.seoserp.com
2.Pilih pencarian negara indonesia(www.google.co.id) kemduian masukan kata kunci blog anda dan URL alamat web/blog anda seperti pada gambar di bawah ini:

3.Lalu klik submit query

4.selasai dan lihat hasilnya...
5.sedikit info mungkin website ini membutuhkan koneksi yang bagus untuk melihat hasilnya,,ok sekian dulu ya dah laparr...:P

Trik menambahkan icons di samping judul postingan Blog

Author: TanTyan | Posted at: 3:43 PM | Filed Under: Trik Blog |

Mungkin trik ini sudah gak asing lagi buat para blogger mania,tapi tidak ada salahnya jika ada yang tertarik untuk mempercantik tampilan Blog anda contohnya bisa di lihat di blog saya ini or gambar di atas,nah jika ada yang tertarik silahkan ikuti langkah-langkah berikut ini:

1.Login ke Blogger dengan ID anda
2.Jika sudah pada halaman DASBOR klik Tata letak atau sekarang sudah jadi Rancangan

3.Pada Tab Menu Klik Edit Html

4.silahkan klik kotak kecil expand template widget untuk menjaga jika terjadi kesalahn dalam template anda

5.cari code berikut di template anda

<a expr:href='data:post.url'>
<data:post.title/></a>
<b:else/>

6.kemudian sisipkan code berikut ini

<img src="http://i622.photobucket.com/albums/tt309/kokobota/Blogger-9-1.png" width="20" hight="20" border="0"></img>

7.sehinggah menjadi seperti ini:

<a expr:href='data:post.url'>
<img src="http://i622.photobucket.com/albums/tt309/kokobota/Blogger-9-1.png" width="20" hight="20" border="0"></img>
<data:post.title/></a>
<b:else/>

8.jika sudah silahkan simpan template anda
9.sedikit keterangan width="20" dan hight="20" silahkan sesuaikan dgn keinginnan anda sekian dan terimah kasih..

Cara Membuat Widget Change untuk Blog

Author: TanTyan | Posted at: 3:36 PM | Filed Under: Trik Blog |

Pertama: LOGIN Ke Blogger Anda
kedua : Masuk Ke DASBOR
ketiga : pilih Rancangan
keempat : Pilih ELEMEN HALAMAN
kelima : Klik Tambah GADGET
ke enam : Pilih HTML/JAVASCRIPT
ketujuh : "kayak senam poco-poco aja ya..pake hitungan gitu..hahaha
ok.copy aja kode di bawah ini ,trus di paste kan di elemen java script tadi.

<div class='widget-content'>
<center><script>
function go1(){
if (document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value != "none") {
document.getElementById('main').style.fontSize
=document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value
}
}

function go2(){
if (document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value != "none") {
document.getElementById('main').style.fontFamily
=document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value
}
}
</script>
<form id="forma" name="selecter2" method="POST">

<select onchange="go2()" style="font-family:verdana;font-size:8pt" name="select3" size="1">
<option value="Times New Roman" />Times New Roman
<option value="Arial" />Arial
<option selected value="Book Antiqua" />Book Antiqua
<option value="Bookman Old Style" />Bookman Old Style
<option value="Century Gothic" />Century Gothic
<option value="Comic Sans Ms" />Comic Sans Ms
<option value="Tahoma" />Tahoma

<option selected value="Trebuchet Ms"//>Trebuchet Ms
<option value="Verdana" />Verdana
</select>
<select onchange="go1()" style="font-family:verdana;font-size:8pt" name="select2" size="1">
<option value="8px" />8
<option value="9px" />9
<option value="10px" />10
<option value="11px" />11
<option selected value="12px" />12
<option value="14px" />14
<option value="16px" />16
<option value="18px" />18
</select></form><center></center></center>
</div>