Tutorial Blogging Share

Script Untuk Membuat Popular Posts

noreply@blogger.com (Koko Bota) — Tue, 07 Sep 2010 16:43:38 PDT

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://www.tutorial-share.co.cc/";

</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.....

Menu Navigasi Horizontal Dengan CSS dan Kode Html

noreply@blogger.com (Koko Bota) — Fri, 03 Sep 2010 19:11:34 PDT

Silahkan Ikuti Langkah-langkah Berikut ini:
1.Silahkan Login Ke Blogger
2.Pada Dasbor Klik Tata Letak/Rancangan
3.Klik Add Gadget->>Html/Javascript
4.Kemudian masukan Code scriptnya lalu klik Simpan Jika Sudah Selesai
5.Lalu Tarik widget Hmtl/javascript ke bawah Header Seperti Pada Gambar Di bawah ini

IMAGE DEMO

CODE

Silahkan Mencoba dan Happy Blogging...

Bagaimana Cara Menemukan Lebar Header blog anda,sidebar dan kolom utama

noreply@blogger.com (Koko Bota) — Tue, 17 Aug 2010 01:15:43 PDT

Silahkan ikuti langkah-langkah Berikut ini:
1.Pertama Login ke Blogger
2.Pada dasbor klik Tata Letak->>edit html->>expand template widget
3.Kemudian scroll ke bawah dan temukan code seperti ini

#header-wrapper {

width:750px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

#main-wrapper {

width: 400px;
margin-left: 20px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}

#sidebar-wrapper {

width: 150px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}

4.code yang berwarna MERAH adalah code yang harus anda setting Untuk tempalte anda..
5.Jika sudah save template...

Cara Membuat Gambar latar belakang untuk Sidebar

noreply@blogger.com (Koko Bota) — Sat, 14 Aug 2010 00:00:31 PDT

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...

6.klik simpan template jika sudah selesai...

Cara membuat gambar latar belakang untuk postingan

noreply@blogger.com (Koko Bota) — Fri, 13 Aug 2010 23:54:18 PDT

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 Background dengan Gambar Pada Template

noreply@blogger.com (Koko Bota) — Fri, 13 Aug 2010 23:47:16 PDT

1.Login ke blogger
2.pada dasbor klik tata letak/rancangan
3.klik edit html->>expand template widget
4.scroll ke bawah dan temukan code seperti ini

body {

5.tambahkan code ,maka selengkapnya sperti ini

body {
background-image: url(URL GAMBAR ANDA);

KET: code yang berwarna merah adalah code yang harus anda tambahkan..
6.klik simpan template jika sudah selesai..

Cara Menambahkan Gambar Di Header Blog

noreply@blogger.com (Koko Bota) — Sat, 14 Aug 2010 00:09:41 PDT

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.Scroll ke bawah dan temukan code seperti ini

#header-wrapper {

5.Jika sudah ketemu tambahkan code,maka selengkapnya seperti ini

#header-wrapper {

background-image: url(URL GAMBAR ANDA);

Ket: Code yang berwarna biru adalah code yang harus anda tambahkan......
6.klik simpan template dan lihat hasilnya...

Cara Membuat Background Pada Komentar Admin

noreply@blogger.com (Koko Bota) — Fri, 13 Aug 2010 01:37:22 PDT

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 Effek Hover Pada Link

noreply@blogger.com (Koko Bota) — Fri, 13 Aug 2010 01:24:44 PDT

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.Lalu cari code seperti di bawah ini

a:hover {
text-decoration:underline;
}

5.Jika sudah ketemu silahkan ganti dengan code di bawah ini

a:hover {
position: relative;
bottom: 5px;
left: 1px;
color:#000000;
}

KET: Anda Bisa Merubah warna linknya sesuai dengan keinginan anda,untuk melihat code warna silahkan klik DISINI

6.KLIK SAVE TEMPLATE jika sudah selesai,selamat mencoba..:)

Cara Membuat Garis Pembatas Di halaman Postingan dan Sidebar

noreply@blogger.com (Koko Bota) — Thu, 12 Aug 2010 23:53:18 PDT

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 Melindungi Alamat Email dari Spam Robots

noreply@blogger.com (Koko Bota) — Thu, 12 Aug 2010 23:26:58 PDT

silahkan ikuti langkah-langkah Berikut ini:

Biasanya Kita menggunakan code berikut ini untuk membuat link Email di halaman WEB/BLOG kita

<A HREF="mailto:you@yourdomain.com">Contact Us</A>

Jika anda ingin melindungi alamat Email anda silahkan ganti code di atas dengan code di bawah ini

<A HREF="mailto:you@yourdomain.com">Contact Me</A>

Sekian dulu dan terimah kasih.....selamat mencoba..:)

Cara menambahkan Icon Di setiap Widget Blogger

noreply@blogger.com (Koko Bota) — Thu, 12 Aug 2010 23:11:15 PDT

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

6.Klik simpan template dan lihat hasilnya.....

Hearts Social Bookmark Button Untuk Blogger

noreply@blogger.com (Koko Bota) — Sat, 31 Jul 2010 23:21:09 PDT

Pertama Login Ke Blogger Pada DASBOR->>TATA LETAK/RANCANGAN->>EDIT HTML->>EXPAND TEMPLATE WIDGET kemudian cari code seperti ini

<data:post.body/>

Jika Sudah Ketemu Tambahkan Code Berikut Ini Lalu letakan Tepat Setelah Code Di atas

<div style='clear:both; '>
<div style='width:65px; float:left;'>
<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='http://2.bp.blogspot.com/_4HKUHirY_2U/SyCxndGKQoI/AAAAAAAAAfM/zQE4e5oGJLI/stumble.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='http://3.bp.blogspot.com/_4HKUHirY_2U/SyCxR6IdwFI/AAAAAAAAAe0/P-WUkgBTawI/delicious.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://technorati.com/faves?add=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='http://3.bp.blogspot.com/_4HKUHirY_2U/SyCxqwEFIuI/AAAAAAAAAfU/QRi439zo_Xc/technorati.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://twitthis.com/twit?url=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='http://2.bp.blogspot.com/_4HKUHirY_2U/SyCxulbFRoI/AAAAAAAAAfc/CKJPLxIwP5M/twitter.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='http://2.bp.blogspot.com/_4HKUHirY_2U/SyCyGNznjII/AAAAAAAAAf0/ESzv0oL2AEQ/facebook.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Yahoo' src='http://1.bp.blogspot.com/_4HKUHirY_2U/SyCxeo18s_I/AAAAAAAAAe8/0gAb9Ya6B78/yahoo.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://reddit.com/submit?&url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='http://2.bp.blogspot.com/_4HKUHirY_2U/SyCx081oRKI/AAAAAAAAAfk/pTxLusQo0Gc/reddit.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='data:blog.homepageUrl + "feeds/posts/default"' rel='external nofollow' target='_blank'><img alt='Feed' src='http://3.bp.blogspot.com/_4HKUHirY_2U/SyCxioR-4tI/AAAAAAAAAfE/LkLtTqd6wIA/rss.png' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>

jangan Lupa Klik simpan dan lihat hasilnya....:))
Ket:jika anda sudah memakai fasilitas ReadMore maka letakan code tersebut di bagian <data:post.body/> yang kedua.....:))

Leaves Fall Social Bookmark Button Untuk Blogger

noreply@blogger.com (Koko Bota) — Sat, 31 Jul 2010 23:10:24 PDT

Pertama silahkan Login ke Blogger Pada Dasbor Klik TATA LETAK->>EDIT HTML->>EXPAND TEMPLATE WIDGET kemudian cari code seperti ini

<data:post.body/>

Jika sudah ketemu silahkan Tambahkan Code Berikut ini stelah code di atas

<div style='clear:both; '>
<div style='width:65px; float:left;'>
<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='http://4.bp.blogspot.com/_4HKUHirY_2U/SyEC0tRe5AI/AAAAAAAAAhc/ciTNFYbdI6c/StumbleUpon.com.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='http://4.bp.blogspot.com/_4HKUHirY_2U/SyECZRarefI/AAAAAAAAAgU/e9uAMhzzntI/del.icio.us.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://technorati.com/faves?add=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='http://3.bp.blogspot.com/_4HKUHirY_2U/SyEC3Z8WPTI/AAAAAAAAAhk/jPoVuoRZkfY/Technorati.com.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://twitthis.com/twit?url=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='http://2.bp.blogspot.com/_4HKUHirY_2U/SyEC5xCTZzI/AAAAAAAAAhs/mGoEuPNumYY/Twitter.com.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Digg' src='http://4.bp.blogspot.com/_4HKUHirY_2U/SyECgX6zBRI/AAAAAAAAAgk/h74cmytw61U/Digg.com.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='http://4.bp.blogspot.com/_4HKUHirY_2U/SyECjY9DWwI/AAAAAAAAAgs/jfJ840a7a4U/Facebook.com.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://reddit.com/submit?&url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='http://1.bp.blogspot.com/_4HKUHirY_2U/SyECostHsxI/AAAAAAAAAg8/2fuBDMI8_YI/Reddit.com.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='data:blog.homepageUrl + "feeds/posts/default"' rel='external nofollow' target='_blank'><img alt='Feed' src='http://2.bp.blogspot.com/_4HKUHirY_2U/SyECu07nS9I/AAAAAAAAAhM/Lnd4RvAbcCc/RSS.png' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>

KET:jika anda sudah memakai fasilitas Readmore Maka letakan code tersebut di bagian <data:post.body/> yang kedua.:))

Cara Hapus Scroll Bar Bottom Di Blogger

noreply@blogger.com (Koko Bota) — Sat, 31 Jul 2010 22:40:04 PDT

Pertama silahkan Login ke Blogger Pada DASBOR Klik TATA LETAK/RANCANGAN->>EDIT HTML->>EXPAND TEMPLATE WIDGET Trus cari code sepert ini

]]></b:skin>

Jika sudah letakan code berikut ini tepat di atasnya

html {overflow-x: hidden;}

Kemudian Klik simpan template jika sudah selesai...dan lihat hasilnya..:))

Cara Menambahkan Image Setelah Judul Postingan

noreply@blogger.com (Koko Bota) — Fri, 30 Jul 2010 06:51:14 PDT

Pertama silahkan login ke blogger pada DASBOR klik TATA LETAK/RANCANGAN->>EDIT HTML->>EXPAND TEMLPATE WIDGET kemudian cari code seperti ini

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

nah jika sudah ketemu silahkan tambahkan code berikut setelah code tadi

<img src="URL GAMBAR ANDA"/>

klik simpan jika sudah selesai......
KET:ganti tulisan yang berwarna merah dgn URL GAMBAR ANDA

Cara Menambahkan Image Sebelum Judul Postingan

noreply@blogger.com (Koko Bota) — Tue, 27 Jul 2010 01:28:25 PDT

Pertama Silahkan Login ke Blogger Pada Dasbor Klik Tata Letak/Rancangan->>edit html->>expand template widget jika sudah cari code berikut

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

Kemudian Tambahkan Code Berikut ini tepat sesudah code di atas

<img src="URL GAMBAR ANDA"/>

Klik simpan template...nah jadi dech..:)

Cara Buat Image Link Follow Me Di bawah Postingan Blog

noreply@blogger.com (Koko Bota) — Mon, 26 Jul 2010 05:03:24 PDT

Pertama Silahkan Login Ke Blogger Pada Dasbor Klik Tata Letak/Rancangan->>Edit Html->>expand template Widget Lelu cari code seperti ini

<data:post.body/>

Jika sudah letakan Code Berikut ini Tepat Sesudah code tadi,,ingat jika anda sudah memakai fasilitas Readmore Maka Letakan Di <data:post.body/> yang kedua agar tidak nampak pada halaman depan...

<p><a href="http://www.blogger.com/follow-blog.g?blogID=YOUR-BLOG-ID" target="_blank"><center><blink><img src="http://i622.photobucket.com/albums/tt309/kokobota/TutorialBloggingShare-1.png"/></center></blink></a></p>

Ket:Ganti Tulisan Berwarna MERAH dengan ID blog anda

Jika sudah klik simpan dech..dan lihat hasilnya...:)

Cara Mudah Buat Form Contac Me

noreply@blogger.com (Koko Bota) — Mon, 26 Jul 2010 03:20:48 PDT

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 Save File Flash Dari Website yang menggunakan Mozilla Firefox

noreply@blogger.com (Koko Bota) — Mon, 26 Jul 2010 02:58:58 PDT

Tutorial Ini Menjelaskan Bagaimana cara menyimpan File Flash Dari Web/Blog yang menggunkan Mozilla Firefox

1.Klik kanan Pada Web/Blog Yang akan anda save File Flasnya Pilih View Page Info Seperti Pada Gambar Di Bawah ini

2.Pada Jendela Pop Up Pilih Media lihat gambar di bawah ini

-Media Tab Memiliki daftar lengkap dari Foto,File CSS,File Shockwave Flash dari web
3.Kemudian Scroll Ke Bawah Lalu Pilih Swf(flash)file Lihat gambar berikut:

4.Kemudian Klik Save As Lalu simpan File Di hard Drive Tempat penyimpanan File anda..
5.selamat mencoba...:)

Free Javascript File Hosting Untuk Blogger

noreply@blogger.com (Koko Bota) — Fri, 16 Jul 2010 22:41:54 PDT

Javascript file hosting selalu menjadi tanda tanya bagi para BLOGGER Sebelumnya'Google membawa file2 halaman ini tapi sekarang tidak menerima acount baru untuk hal yang sama,nah akhirnya saya menemukan situs gratis ini,anda tidak harus mendaftar untuk acount apapun,cukup mengupload file,masukan almat email anda,dan mendapatkan hotlink ke file anda secara langsung ke kotak masuk anda,itupun juga tidak ada syarat apapun,bagaimana mantap bukan hehhee...silahkan langsung menuju ke Tkp jika anda tertarik http://www.yourjavascript.com/ Silahkan mencoba semoga bermanfaat..:)

Banner Save Our Tigers

noreply@blogger.com (Koko Bota) — Fri, 16 Jul 2010 22:16:07 PDT

Ini adalah sebuah inisiatif dari Aircel,di mana Aircel telah bermitra dgn WWF indonesia untuk membantu menyelamatkan harimau ,Setidaknya kita sebagai Blogger indonesia mari bersama-sama untuk menjaga harimau yang ada di indonesia,untuk itu jika ada yang setuju silahkan pasang bannernya di blog kita,dgn itu kita telah mengkampanyekan menyelamatkan harimau yang berada di indonesia....

CODE 1

<a href="http://www.saveourtigers.com" title="Save Our Tigers" target="_blank"><img src="http://1.bp.blogspot.com/_A6olrRvpvSc/S2gTlMbSsrI/AAAAAAAABi8/EOwDz1fbdz0/s1600/s_o_tigers01.png" alt="Save Our Tigers" border="0"/></a>

CODE 2

<a href="http://www.saveourtigers.com" title="Save Our Tigers" target="_blank"><img src="http://3.bp.blogspot.com/_A6olrRvpvSc/S2gTrUQvlGI/AAAAAAAABjc/DJAgUfkYyeA/s1600/s_o_tigers05.png" alt="Save Our Tigers" border="0"/></a>

CODE 3

<a href="http://www.saveourtigers.com" title="Save Our Tigers" target="_blank"><img src="http://4.bp.blogspot.com/_A6olrRvpvSc/S2gTpgyTWxI/AAAAAAAABjU/yQb8JSCa0Uk/s1600/s_o_tigers04.png" alt="Save Our Tigers" border="0"/></a>

Cara Mudah Pasang Reply Comments

noreply@blogger.com (Koko Bota) — Fri, 16 Jul 2010 21:53:23 PDT

Pertama silahkan Login Ke Blogger anda,Pada Menu Dasbor Klik Tata Letak/rancangan trus klik Edit html kemudian jgn lupa klik Expand template widget lalu cari code seperti ini:

<b:include data='comment' name='commentDeleteIcon'/>

Jika sudah ketemu silahkan tambahkan code di bawah ini setelah code tadi:

<span><a expr:href='"https://www.blogger.com/comment.g?blogID=YOUR BLOG ID HERE&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450"); return false;'><img alt='Reply To This Comment' src='http://i622.photobucket.com/albums/tt309/kokobota/koko-15.gif'/></a></span>

Ket:silahkan ganti tulisan yang berwarna merah dengan ID BLOG ANDA kemudian klik save template,,,selamat mencoba Tambahan Bagi yg masih bingung untuk mengetahui ID BLOG ANDA silahkan ke halaman Tata letak lalu lihat ID nya di addres browser anda..

Cara Membuat Blogroll Nofollow

noreply@blogger.com (Koko Bota) — Wed, 14 Jul 2010 21:26:49 PDT

Pertama Silahkan Ke halaman Edit Html Kemudian Klik Expand template widget Lalu cari Blogroll Widget Code atau <b:widget id='BlogList 1' selengkapnya Seperti Ini

<b:widget id='BlogList1' locked='false' title='Blogroll' type='BlogList'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<div id='blog-list-title'>
<h2 class='title'><data:title/></h2>
</div>
</b:if>

<div class='widget-content'>
<div class='blog-list-container' expr:id='data:widget.instanceId + "_container"'>
<ul expr:id='data:widget.instanceId + "_blogs"'>
<b:loop values='data:items' var='item'>
<li expr:style='data:item.displayStyle'>
<div class='blog-icon'>
<b:if cond='data:showIcon == "true"'>
<input expr:value='data:item.blogIconUrl' type='hidden'/>
</b:if>
</div>
<div class='blog-content'>
<div class='blog-title'>
<a expr:href='data:item.blogUrl' target='_blank'>
<data:item.blogTitle/></a>
</div>
<div class='item-content'>
<b:if cond='data:showItemThumbnail == "true"'>
<b:if cond='data:item.itemThumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:item.blogUrl' target='_blank'>
<img alt='' border='0' expr:height='data:item.itemThumbnail.height' expr:src='data:item.itemThumbnail.url' expr:width='data:item.itemThumbnail.width'/>
</a>
</div>
</b:if>
</b:if>
<b:if cond='data:showItemTitle == "true"'>
<span class='item-title'>
<b:if cond='data:item.itemUrl != ""'>
<a expr:href='data:item.itemUrl' target='_blank'>
<data:item.itemTitle/></a>
<b:else/>
<data:item.itemTitle/>
</b:if>
</span>
</b:if>
<b:if cond='data:showItemSnippet == "true"'>
<b:if cond='data:showItemTitle == "true"'>
-
</b:if>
<span class='item-snippet'>
<data:item.itemSnippet/>
</span>
</b:if>
<b:if cond='data:showTimePeriodSinceLastUpdate == "true"'>
<div class='item-time'>
<data:item.timePeriodSinceLastUpdate/>
</div>
</b:if>
</div>
</div>
<div style='clear: both;'/>
</li>
</b:loop>
</ul>

<b:if cond='data:numItemsToShow != 0'>
<b:if cond='data:totalItems > data:numItemsToShow'>
<div class='show-option'>
<span expr:id='data:widget.instanceId + "_show-n"' style='display: none;'>
<a href='javascript:void(0)' onclick='return false;'><data:showNText/></a>
</span>
<span expr:id='data:widget.instanceId + "_show-all"' style='margin-left: 5px;'>
<a href='javascript:void(0)' onclick='return false;'><data:showAllText/></a>
</span>
</div>
</b:if>
</b:if>

<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>

Nah Jika Sudah Ketemu yang harus anda lakukan hanya tinggal menambahkan rel='nofollow' selengkapnya seperti di bawah ini

<b:widget id='BlogList1' locked='false' title='Blogroll' type='BlogList'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<div id='blog-list-title'>
<h2 class='title'><data:title/></h2>
</div>
</b:if>

<div class='widget-content'>
<div class='blog-list-container' expr:id='data:widget.instanceId + "_container"'>
<ul expr:id='data:widget.instanceId + "_blogs"'>
<b:loop values='data:items' var='item'>
<li expr:style='data:item.displayStyle'>
<div class='blog-icon'>
<b:if cond='data:showIcon == "true"'>
<input expr:value='data:item.blogIconUrl' type='hidden'/>
</b:if>
</div>
<div class='blog-content'>
<div class='blog-title'>
<a expr:href='data:item.blogUrl' rel='nofollow' target='_blank'>
<data:item.blogTitle/></a>
</div>
<div class='item-content'>
<b:if cond='data:showItemThumbnail == "true"'>
<b:if cond='data:item.itemThumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:item.blogUrl' rel='nofollow' target='_blank'>
<img alt='' border='0' expr:height='data:item.itemThumbnail.height' expr:src='data:item.itemThumbnail.url' expr:width='data:item.itemThumbnail.width'/>
</a>
</div>
</b:if>
</b:if>
<b:if cond='data:showItemTitle == "true"'>
<span class='item-title'>
<b:if cond='data:item.itemUrl != ""'>
<a expr:href='data:item.itemUrl' rel='nofollow' target='_blank'>
<data:item.itemTitle/></a>
<b:else/>
<data:item.itemTitle/>
</b:if>
</span>
</b:if>
<b:if cond='data:showItemSnippet == "true"'>
<b:if cond='data:showItemTitle == "true"'>
-
</b:if>
<span class='item-snippet'>
<data:item.itemSnippet/>
</span>
</b:if>
<b:if cond='data:showTimePeriodSinceLastUpdate == "true"'>
<div class='item-time'>
<data:item.timePeriodSinceLastUpdate/>
</div>
</b:if>
</div>
</div>
<div style='clear: both;'/>
</li>
</b:loop>
</ul>

<b:if cond='data:numItemsToShow != 0'>
<b:if cond='data:totalItems > data:numItemsToShow'>
<div class='show-option'>
<span expr:id='data:widget.instanceId + "_show-n"' style='display: none;'>
<a href='javascript:void(0)' onclick='return false;'><data:showNText/></a>
</span>
<span expr:id='data:widget.instanceId + "_show-all"' style='margin-left: 5px;'>
<a href='javascript:void(0)' onclick='return false;'><data:showAllText/></a>
</span>
</div>
</b:if>
</b:if>

<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>

Jika Sudah Jangan Lupa Klik SAVE TEMPLATE...

Kotak Berlangganan Email Untuk Blogger

noreply@blogger.com (Koko Bota) — Wed, 14 Jul 2010 20:50:29 PDT

Pertama Silahkan Menuju Ke Edit Html Kemudian Cari Code

</head>

Jika Sudah Ketemu Silahkan Copy Code Di bawah ini Dan letakan Sebelum Code Tadi:

<style type='text/css'>

#hsection{border:1px solid #D3D3D3;background-color:#FFFFFF;}
#hsection:hover{border:1px solid #BABABA;background-color:#F8E0E0;}

#sectionmy .sectionmy2 h2.subscription { border:0; margin:0; padding:6px 0 0 55px; height:42px; font-size:16px;font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
font-weight:bold; }

#sectionmy .sectionmy2 h2.rss { background:url(http://i622.photobucket.com/albums/tt309/kokobota/RSS-1.png) no-repeat top left; }

#sectionmy .sectionmy2 h2.email { background:url(http://i622.photobucket.com/albums/tt309/kokobota/Mail_Read.png) no-repeat top left; }

#sectionmy .sectionmy2 h2.twitter { background:url(http://i622.photobucket.com/albums/tt309/kokobota/Twitter-1.png) no-repeat top left; }

#sectionmy .sectionmy2 .subscription a { color:#252e28; text-decoration:none; }

</style>

Jika Sudah Klik Simpan Template... kemudian Ke elemen halaman anda trus klik Add Gadget->>Html/javascript Lalu copy code di bawah ini dan paste ke dalamnya...

<div id="hsection">
<div id="sectionmy">
<div class="sectionmy2">

<h2 class="subscription rss"><a href="YOUR-RSS-FEED-URL">SUBSCRIBE VIA RSS</a></h2>

<h2 class="subscription email"><a href="YOUR-FEEDBURNER-EMAIL-SUBSCRIPTION-URL">SUBSCRIBE VIA EMAIL</a></h2>

<h2 class="subscription twitter"><a href="YOUR-TWITTER-URL">FOLLOW ON TWITTER</a></h2>

</div></div>
</div>

trus klik Simpan
Jangan Lupa Ganti tulisan yang berwarna MERAH dengan Url Feed Anda,yang warna BIRU ganti dengan Url Feedburner Email Subscription anda,lalu yang berwarna ORANGE dengan URL Twitter anda,,selamat mencoba semoga bermanfaat..