Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Kamis, 29 April 2010

Thumbnail Related Posts with Marquee (Berjalan)


Bagi anda yang sudah menggunakan atau ingin menggunakan Thumbnail Related Posts (artikel terkait bergambar), tentu akan lebih tertarik menggunakannya, karen tampilannya cukup menarik dengan adanya gambar, namun ada sedikit kekurangan dari tool yang satu ini, yaitu memakan banyak tempat di halaman blog. Maka dari itu, kebanyakan blog yang saya kunjungi meminimalkan jumlah related post tersebut, apalagi dengan ukuran halaman posting yang sempit. Maka dari itu untuk memaksimalkannya yaitu dengan alternatif marquee(berjalan).


Nah, untuk contoh Thumbnail Related Posting menggunakan metode Marquee ini bisa sobat lihat disini.

Pada postingan sebelumnya sudah dipaparkan cara membuat Related Posts + Thumbnail, sobat bisa menerapkan terlebih dahulu tutorial Thumbnail Related Postsnya disini, namun cukup terapkan Code CSSnya saja (Script code yg pertama)
Untuk membuat Thumbnail Related Posts ini agar bisa ditampilkan dengan jumlah yang banyak yaitu dengan metode Marquee, ada sedikit perubahan yang akan dilakukan pada script code yang kedua.
Nah, untuk memulainya :
1. Silakan lihat cara membuat Thumbnail related posts disini (Cukup terapkan code CSSnya saja/ code yang pertama)
2. Setelah sobat terapkan poin pertama diatas, sekarang silakan cari code ini :

<div class='post-footer-line post-footer-line-1'>

atau


<p class='post-footer-line post-footer-line-1'>



3. Jika sudah ketemu salah satu code diatas, letakkan code dibawah ini setelah salah satu code diatas :


<!-- Marquee Serbablog Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=12&quot;' type='text/javascript'/></b:if></b:loop>
<h3><b>Related Posts</b></h3>
<marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=10;
var relatedpoststitle=&quot;&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script></marquee>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://serba-seru.blogspot.com/2010/02/thumbnail-related-posting-with-marquee.html' style='display:none;'>Thumbnail Related Post</a>
<a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a>
</b:if>
</b:if>
<!-- Marquee Serbablog Related Posts with Thumbnails Code End--&gt



- Untuk menampilkan jumlah postingan, sobat bisa merubah code yang berwarna merah
- Untuk mengganti title, sobat bisa merubah code yang berwarna biru

4. Simpan dan lihat hasilnya

Selamat berkreasi, Semoga bermanfaat
Sumber : o-om.com


Kamis, 01 April 2010

Membuat Navigasi Breadcrumb pada Blogspot

Cara membuat navigasi breadcrumb di blogger ini saya fikir penting. Kabarnya google menggunakan bredcrumb untuk menentukan serp di mesin pencari google. Pada beberapa hasil search google blog peluang usaha ini menunjukan bahwa memang google juga menggunakan navigasi breadcrumb dalam hasil pencarian google, meskipun belum sangat signifikan dampaknya pada serp tetapi dari pemantauan saya beberapa waktu terakhir memang kayaknya google lebih suka blog yang mempunyai struktur teratur.


Bagi yang belum tau breadcrumb, dibawah ini ada gambar breadcrumb yang saya ambil dari posting contoh surat. Gambar akan bercerita lebih banyak:)
 

cara membuat bradcrumb di blogspot
Perhatikan struktur Browse >>Home >> Contoh surat  yang saya garis hijau, itu yang disebut navigasi breadcrumb. Untuk blog dengan enggine wordpress gak masalah ya, tetapi untuk membuat navigasi breadcrumb di blogspot  memang agak sulit. Ok sebelum masuk ke cara  membuat navigasi breadcrumb di blogspot perhatikan hasil pencarian google berikut ini


 cara membuat bradcrumb di blogspot

Yups google mengindex posting contoh surat ini dengan menyertakan navigasi breadcrumbnya. Saya memperoeh tutorial cara membuat ara  membuat navigasi breadcrumb di blogspot ini dari salah satu blognya kang rohman.

1. Masuk ke blogger anda
2. Klik tab layout
3. Klik tab Edit HTML
4. Jangan lupa back up dulu template blog anda
5. Klik box beside Expand Widget Templateexpand
6. Cari kode ]]></b:skin>
7. Paste kode dibawah ini persis diatas kode ]]></b:skin>


.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}

8.Kemudian cari kode berikut
<div class='post hentry uncustomized-post-template'>

9.Paste kode dibawah ini tepat dibawah kode <div class='post hentry uncustomized-post-template'>


<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187;
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
</b:loop>
</b:if> &#187; <data:post.title/>
</div>
</b:if>
</b:if>


10. Save hasil modifikasi
11. Dan lihat hasilnya di blog anda.

Sekian semoga bermanfaat tutorialnya......Smiley
Oh ya, Saya mengambil artikel ini dari : di sini

Tags : cara membuat navigasi breadcrumb di blogspot

Kamis, 11 Februari 2010

Cara Membuat Recent Post di Blogger

Recent Posts atau Postingan Terbarusudah umum bagi para blogger. Situs-situs terkenal sekalipun juga memasang widget ini pada sidebar atau ditempatkan di footer. Recent post sangat bermanfaat bagi pengunjung blog agar lebih mudah menemukan artikel posting terbaru yang dipublikasikan. Selain itu, widget recent post juga berguna untuk meningkatkan click popularity serta memaksimalkan internal link pada blog. Nah, blogger sudah menyediakan widget ini dengan bantuan layanan pihak ketiga semisal dari blogger buster dan blogger widget. Cara pemasangannya pun sangat mudah. Anda tinggal menambahkan widget yang disediakan blogger dan cari yang namanya recent posts. Cara lainnya adalah dengan menambahkan script recent post pada blog anda. Script ini punya si Hans Oostingyang bisa kita gunakan untuk widget recent posts. wOkeh, sekarang bagaimana cara memasangnya? Ikuti langkah-langkah di bawah berikut :


Cara pasang widget recent posts blogger

  1. Masuk ke Bogger dengan ID Blogger
  2. Pilih Layout/Tata Letak
  3. Tambahkan gadget dengan mengklik Add a Gadget

    add a gadget
  4. Pada menu yang tersedia, silahkan klik HTML/Javascript

    HTML JavaScript
  5. Selanjutnya copy dan paste kode berikut pada form HTML tersebut.                                                  


    <script style="text/javascript" src="http://sites.google.com/site/hostingfreesite/javascript/Recent_Posts.js"></script>
    <script style="text/javascript">var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 50;var standardstyling = true;</script>
    <script src="http://bangdel.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>
  6. Klik tombol Save.


  7. save
  8. Selesai.
Kepripun, kepuenak banget tho? Akan tetapi recent posts ini hanya sebagai alternatif lain saja , sebab blogger telah menyediakannya. Jika tidak keberatan, silahkan memasang recent posts anda dengan cara ini. Semoga bermanfaat. Sekian, Terima Kasih

Minggu, 24 Januari 2010

Membuat Sexy Social bookmark

Sexy social bookmark sekarang banyak banget blogger yang pasang di postingannya, kebanyakan dari engine wordpress. Bagi blogspot masih kurang. Namun kabar gembira anda semua utusan partai blogspot, soalnya blogspot juga bisa digunakan dalam postingan. Saya sangat menyukai model social bookmark ini, emang gayanya yang keren dan seksi. Pokoknya mantap dah jika dipasang di dalam postingan anda. Baiklah berikut langkah-langkahnya cara memasang sexcy social bookmark dalam postingan. Dan ini contoh hasilnya :




Berikut langkah-langkah memasang Social Bookmark "Sharing is Sexy" :

  1. Sign in ke Blogger
  2. LAYOUT > Edit HTML > (beri tanda centang pada Expand Template Widget)

Langkah Pertama

  1. Tekan CTRL+F (Find) dan carilah kode berikut: ]]></b:skin>
  2. Setelah itu, Copy Paste (CoPas) kode HTML di bawah ini, dan di letakkan tepat di bawah kode ]]></b:skin> yang sudah di temukan sebelumnya.

<style type='text/css'>
div.sexy-bookmarks {
height:54px;
background:url(http://lh6.ggpht.com/_jbkNrmCMciA/S0LzgwKInEI/AAAAAAAAAI8/DR7PJN1zZ4w/2ueii3t.png;) no-repeat left bottom;
position:relative;
width:540px;
}

div.sexy-bookmarks span.sexy-rightside {
width:17px;
height:54px;
background:url(http://lh6.ggpht.com/_jbkNrmCMciA/S0LzgwKInEI/AAAAAAAAAI8/DR7PJN1zZ4w/2ueii3t.png;) no-repeat right bottom;
position:absolute;
right:-17px;
}

div.sexy-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}

div.sexy-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}

div.sexy-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;
}

.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {
background:url(http://lh3.ggpht.com/_jbkNrmCMciA/S0L0LTMHK3I/AAAAAAAAAJA/6CI-9z_57CU/1znbj83.png;) no-repeat !important;
}

.sexy-furl {
background-position:-300px top !important;
}
.sexy-furl:hover {
background-position:-300px bottom !important;
}
.sexy-digg {
background-position:-500px top !important;
}
.sexy-digg:hover {
background-position:-500px bottom !important;
}
.sexy-reddit {
background-position:-100px top !important;
}
.sexy-reddit:hover {
background-position:-100px bottom !important;
}
.sexy-stumble {
background-position:-50px top !important;
}
.sexy-stumble:hover {
background-position:-50px bottom !important;
}
.sexy-delicious {
background-position:left top !important;
}
.sexy-delicious:hover {
background-position:left bottom !important;
}
.sexy-blinklist {
background-position:-600px top !important;
}
.sexy-blinklist:hover {
background-position:-600px bottom !important;
}
.sexy-technorati {
background-position:-700px top !important;
}
.sexy-technorati:hover {
background-position:-700px bottom !important;
}
.sexy-myspace {
background-position:-200px top !important;
}
.sexy-myspace:hover {
background-position:-200px bottom !important;
}
.sexy-twitter {
background-position:-350px top !important;
}
.sexy-twitter:hover {
background-position:-350px bottom !important;
}
.sexy-facebook {
background-position:-450px top !important;
}
.sexy-facebook:hover {
background-position:-450px bottom !important;
}
.sexy-mixx {
background-position:-250px top !important;
}
.sexy-mixx:hover {
background-position:-250px bottom !important;
}
.sexy-script-style {
background-position:-400px top !important;
}
.sexy-script-style:hover {
background-position:-400px bottom !important;
}
.sexy-designfloat {
background-position:-550px top !important;
}
.sexy-designfloat:hover {
background-position:-550px bottom !important;
}
.sexy-syndicate {
background-position:-150px top !important;
}
.sexy-syndicate:hover {
background-position:-150px bottom !important;
}
.sexy-email {
background-position:-753px top !important;
}
.sexy-email:hover {
background-position:-753px bottom !important;
}

</style>


Langkah pertama selesai... 
  

Langkah berikutnya adalah;
  1. Tekan CTRL+F (Find) dan carilah kode berikut: <data:post.body/>
  2. Kemudian, copas HTML di bawah ini, tepat di bawah ini kode ini: <data:post.body/>                                                                                     

Catatan: jika Template Anda menggunakan fungsi READMORE letakkan kode HTML ini di bawah, setelah kode fungsi READMORE pada template blog Anda
<div class='sexy-bookmarks'>
<ul class='socials'>
<li class='sexy-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-digg'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-reddit'><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-stumble'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-twitter'><a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-furl'><a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/YOUR-FEEDBURNER-ID' title='Subscribe to RSS'/></li>

<li class='sexy-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

</ul>
<span class='sexy-rightside'/></div>

4.   Ganti teks  merah yang berkedip dengan alamat feedburner ID kalian sendiri 
5.   Setelah lengap, Simpan Template, dan lihat hasilnya
6.   Semoga Bermanfaat.....



Kamis, 31 Desember 2009

Membuat Recent Post Dengan Feedburner

Membuat Recent Post Dengan Feedburner sebenarnya sudah sering di posting di blog-blog sebelah dan kali ini strategi blogging juga ikutan membuat artikel tersebut dengan alasan itung-itung meramaikan suasana :). Sebagimana yang sudah para master katakan bahwa untuk membuat widget recent post via feedburner ini sangatlah sederhana dan blog ini juga menggunakan feedburner sebagai pilihan utama untuk menampilkan posting terbaru. Hal ini dikarenakan adanya beberapa fitur yang saya sukai dari feedburner, diantaranya..


- 1-15 recent post atau unlimited recent post
- Menampilkan nama penulis artikel
- Menampilkan tanggal posting
- dan lain sebagainya

Untuk poin 2 dan 3 diatas memang sudah tersedia pada widget default blogger tapi khusus poin 1! sampai saat ini blogger hanya membatasinya sampai 5 artikel saja. Untuk itu untuk anda yang ingin menampilkan recent post lebih dari 5 artikel! anda bisa menggunakan feedburner

Sebagai contoh bisa anda lihat di bagian sidebar Startegi Blogging yang berlabel "Recent Post", dimana blog ini membuat recent post dengan feedburner dan jumlah recent post yang dipasang yaitu 15 artikel

Buat anda yang tertarik untuk membuat recent post dengan feedburner! berikut langkah-langkah pembuatannya:

1. Login di Feedburner
2. Pilih blog anda
3. Klik Publicize
4. Pada menu SERVICES pilih BuzzBoost
5. Scroll down lalu perhatikan pada Feed Section, tentukan jumlah artikel yang ingin anda pasang
6. Klik Active
7. Lihat preview dibagian "BuzzBoost Preview", kalau anda ingin merubahnya! silahkan setting kembali  

 dibagian Feed section setelah itu save
8. Copy paste kode javascript yang tersedia. Buka blogger -> Tata Letak -> Tambah Gadget ->  

 HTML/Javascript -> Simpan

Selamat mencoba dan semoga artikel Membuat Recent Post Dengan Feedburner ini bisa bermanfaat.. happy blogging

Membuat Text Berjalan Di Tab Browser

Selamat malam semuanya… Apa kabar? Baik kan? Udah sholat maghrib kan? Kalau sudah, sekarang saatnya saya menjelaskan cara membuat text berjalan di tab browser. Berjalan di sini maksudnya bukan seperti kita berjalan dengan kaki :r Tapi text atau judul tab browser yang bergerak dari kanan ke kiri. Sebagai contoh anda bisa lihat di blog teman saya yaitu Ega Blog :$.
Udah lihat kan? Menarik kan? Mau tau cara membuatnya?



Berikut Cara Membuat Text Berjalan Di Tab Browser:
1. Login ke akun Blogger anda
2. Pilih Layout > Edit HTML
3. Cari kode <head>, lalu paste kode berikut dibawahnya (dibawah kode warna merah) :


<script type='text/javascript'>
//<![CDATA[
msg = "Isi Text 2";
msg = "Isi Text 1" + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>





Ganti tulisan Isi Text 1 dan Isi Text 2 sesuai keinginan anda.
Contoh:





5. Terakhir, klik Save Template.

Gimana? So simple kan? Selamat mencoba...
Jangan lupa kasih komentar ya..



 

Cara Membuat Kategori / Label Blog


Artikel-artikel yang diposting, kadang-kadang memang perlu untuk dikelompokkan atau dikategorikan sesuai dengan tema/topiknya. Dengan adanya pengkategorian atau pengelompokan artikel yang telah diposting dapat lebih mempermudah bagi para pembaca untuk memilih artikel mana yang ingin dibaca. Di Blogger untuk membuat kategori dikenal dengan istilah Label.

Dalam tips kali ini, saya akan membahas mengenai bagaimana cara untuk membuat kategori atau label. Pertama-tama yang harus kamu lakukan yaitu membaca "Bismillah". Hehehe…
Mau tau gimana caranya?


Berikut Cara Membuat Kategori / Label Di Blogger:

1. Login ke akun Blogger anda
2. Pilih Posting > Edit Post
3. Lihat Combo Box yang ada tulisan label action, pilih New Label lalu ketik nama label yang akan anda buat.



4. Selesai.

- Menghapus Kategori / Label
Centang postingan yang akan dihapus labelnya,lalu klik Combo Box dan pilih Remove Label

- Mengganti Kategori / Label
Hapus dulu label yang ada, kemudian buat label baru.

Lalu gimana cara menampilkannya di blog?
Begini ceritanya...

1. Pilih Layout > Page Elements
2. Tambahkan Page Elements lalu pilih Label. Disana bisa anda atur sendiri tampilannya.

Gimana? Udah ngerti kan? Selamat Mencoba…

Jangan lupa kasih komentar ya…

Cara membuat Google Translate


Sebenarnya ada beberapa cara menambahkan gadget/widget Google Translate, sebenarnya bisa anda tambahkan dengan menambah gadget translator yang telah tersedia di dalam List Gadget Blogger, namun ada cara lain yang menurut saya lebih mudah yaitu hanya perlu melakukan copy script kemudian memasukkannya ke Gadget html/javascript



Contohnya bisa di lihat di bawah ini

  1. Anda langsung ke google translate, silahkan klik disini
  2. Ubah bahasa yang digunakan menjadi bahasa Indonesia jika blog anda menggunakan bahasa Indonesia atau biarkan tetap English jika blog anda menggnakan bahasa Inggris (lihat lingkaran merah)

  3. Copy script html yang ada di atas, kemudian masukkan ke gadget html, di blog anda(lihat lingkaran hijau)
    Panduan menambah script ke gadget html bisa dilihat disini dipostingan saya sebelumnya.

Happy Blogging...!!!

Cara membuat Tag Comulus pada Blogspot/Blogger


Akhirnya kesampaian juga keinginan saya untuk mengganti tampilan label menjadi lebih yahud. Saya tertarik mengubah tampilan label blog menjadi lebih dinamis, bergerak menyesuaikan dengan gerakan kursor mouse ketika diarahkan ke space label tersebut. Dalam dunia blogging, label yang seperti itu biasa disebut Tag Cloud Cumulus atau Blogumus. Dengan menggunakan tampilan ini, blog anda akan terlihat lebih dinamis dan tidak kaku. Anda tertarik untuk mencobanya? Silahkan ikuti langkah-langkah berikut :



Langkah Pertama :

  1. Login di Blogger.com
  2. Setelah sampai di menu dasbor/dashboard, pilih menu Tata Letak>Edit HTML
  3. Di menu Edit HTML, centang kotak "expand widget template" jangan lupa, BACKUP!!
  4. Cari script berikut:
 <b:section class='sidebar' id='sidebar' preferred='yes'>

(untuk mempermudah mencarinya, tekan CTRL+F (find)) 

Langkah  Kedua

Copy Code berikut, setelah itu Paste tepat persis di bawah kode sebelumnya tadi:


<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget> 


Finish. Simpan template dan langsung aja cek tampilan Blog anda. Apabila anda kurang puas karena sizenya terlalu besar atau terlalu kecil, anda bisa melakukan sedikit modifikasi. Begini caranya :

Cari tag dibawah ini :
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

Angka 240 menunjukkan lebar dan angka 300 adalah tingginya dan #ffffff adalah warna background. Anda bisa menggantinya sesuka hati menyesuaikan dengan template yang anda gunakan.  

 


 


 





Rabu, 30 Desember 2009

Pasang Buku Tamu (GuestBook)

Pasang Buku Tamu di Sidebar


Memasang sebuah buku tamu (shoutbox/guestbook) pada sebuah blog adalah hal yang cukup lumayan penting,karena buku tamu ini merupakan salah satu sarana untuk berinteraksi antara yang mpunya blog dengan para pengunjung blog. Dengan di pajangnya buku tamu di dalam blog, maka para pengunjung dapat mengungkapkan isi hatinya tentang blog yang anda buat, yang pasti isi dari sebuah buku tamu ini sangatlah bervariasi bisa merupakan pujian, pertanyaan, sekedar iseng, atau ada juga merupakan kritikan terhadap isi blog anda, dan justru dengan adanya variasi itulah membuat blog kita jadi hidup lebih hidu (kaya iklan aja).


Ok, terlalu lama intermezonya ya, sekarang kita kembali (ke lap...top) ke topikbahasan. Bagaimana caranya mendapatkan sebuah buku tamu. Untuk mendapatkannya sangat mudah, anda tinggal mencarinya pada mesin pencari semisal google ataupun yahoo, silahkan ketikan kata free shoutbox atau free guestbook pada search engine masing-masing situs, maka dalam beberapa detik saja akan muncul berpuluh-puluh situs penyedia buku tamu tadi, anda tinggal klik lalu coba lihat-lihat. Tapi untuk menghemat waktu pencarian anda, maka di sini saya akan langsung memberikan alamat situs penyedia buku tamu yang servernya lumayan bagus dan jarang sekali mengalami down yakni http://www.shoutmix.com. Untuk caranya silahkan anda ikuti langkah-langkah berikut ini :


  1. Seperti biasa anda harus daftar terlebih dahulu dengan cara mengklik tulisan Get One noe, free>>, ataupun dengan mengklik tulisan Sign Up, silahkan anda tulis data-data anda pada form yang telah di sediakan.
  2. Jika sudah tedaftar, dan di terima jadi anggota shoutmix, silahkan anda login dengan id anda
  3. Pada kolom yang berjudul Style, klik menu appearance.
  4. Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu anda, silahkan pilih yang sesuai dengan keinginan anda. Jika sudah selesai klik Save Setting.
  5. Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start
  6. Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan
  7. Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad anda
  8. Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda. Silahkan close situs tersebut.
  9. Selesai

Untuk menempatkan kode HTML shoutbox tadi pada blog anda, silahkan ikuti langkah-langkah berikut ini.
Untuk blogger dengan template klasik :
  1. Log in terlebih dahulu ke blogger.com dengan id anda
  2. Klik menu Template
  3. Klik Edit HTML
  4. Paste kode HTML shoutbox anda yang telah di copy pada notepad tadi di tempat yang anda inginkan
  5. Untuk jelasnya saya ambil contoh dengan shoubox milik saya, untuk menempatkannya tinggal klik Edit pada browser lalu pilih Find (on this page).. trus tuliskan kata buku tamu lalu klik find, maka kita akan langsung di bawa ke tulisan tersebut. Jika sudah ketemu tulisan tadi silahkan paste kode HTML shoutbox nya.
  6. Klik tombol Preview untuk melihat perubahan yang kita buat.
  7. Jika sudah cocok dengan perubahan tadi, klik Save Template Changes
  8. Selesai

Sedikit Clue, agar shoutbox anda sesuai dengan ukuran lebar sidebar , anda bisa merubah ukuran lebar ataupun tinggi dari shoutbox , caranya anda tinggal merubah angka Width (untuk lebar) dan Height (untuk tinggi) dari dalam kode HTML shoutbox tersebut.

Untuk Blogger baru :
  1. Silahkan Login dengan id anda
  2. Klik menu Layout
  3. Klik Page Element
  4. Klik Add a Page Element
  5. Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript
  6. Tuliskan judul shoutbox anda pada form title. Contoh : Buku tamu ku, atau my guestbook atau apa saja yang anda suka
  7. Copy paste kode HTML shoutbox anda di dalam form Content
  8. Klik tombol Save Changes
  9. Drag & Drop element yang telah anda buat tadi di tempat yang di sukai
  10. Tekan tombol Save
  11. Selesai

Selamat mencoba !

Sebagai tambahan, guestbook yang sering dipakai para blogger lainnya :
  1. http://oggix.com
Untuk langkah-langkahnya hampir sama dengan langkah diatas.

sumber : kang rohman

Cara Memasang Jam di Blog


Blog kalian uda pada bagus belum? Udah bnyak variasi, tapi kyak masih ada yang kurang gitoe? Widget Jam-nya uda dpasang blum?? Klo belum, kali ini saya akan membahas tentang cara pasang jam di blog, khususnya blogger.com. Ikuti langkah-langkah saya kali ini:

Langkah

1. Masuk ke Dasbor
2. Pilih Tata Letak
3. Tambah Gadget / Add as Target
4. Pilih HTML/Java Script

Saya beri kode beserta contoh jamnya:

Jam Analog

code:

<embed src=http://fc02.deviantart.com/fs48/f/2009/196/1/3/appleanalogclock_by_blogclocks.swf quality=high pluginspage=http://www.macromedia.com/go/getflashplayer type=application/x-shockwave-flash width=120 height=140 wmode=transparent></embed>




Jam Digital


code:
<embed src=http://fc08.deviantart.com/fs49/f/2009/196/a/7/appledigitalclock_by_blogclocks.swf quality=high pluginspage=http://www.macromedia.com/go/getflashplayer type=application/x-shockwave-flash width=120 height=140 wmode=transparent></embed> 

Jam Spongebob

code: 
<embed src=http://fc01.deviantart.com/fs45/f/2009/139/2/6/Spongebob_Clock_by_blogclocks.swf quality=high pluginspage=http://www.macromedia.com/go/getflashplayer type=application/x-shockwave-flash width=150 height=127 wmode=transparent></embed>


Jam Orange Orange

Mmmm… kalo ini untuk yang suka dengan jam animasi dengan karakter ce pake jilbab :D
CopyPaste aja kodenya di bawah ini. Jangan lupa sebelum di-paste di blog Anda, ganti teks yang berwarna Merah dengan nama blog Anda (untuk penulisan nama blog yang ada spasinya, harus diganti dengan tanda +, misal nama blog : Bagoevix Blog, maka harus ditulis Bagoevix+Blog
Yuhu… met coba yak…
 code:
<embed src="http://www.geocities.com/unazzanu/aksesorisblog/jamanimasi/zawabloganimasi_1.swf?ygpunya=Bagoevix+Blog" menu="false" quality="high" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer/"></embed> 

Jam Animasi / Kucing Balon

(image, not yet)

 code:
<embed src="http://fwt.txdnl.com/5-10/z/a/zawa/aksesorisblog/zawabloglucu_2.swf" width="120" height="120" menu="false" quality="high" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer/"></embed> 

Jam Animasi / Kucing Cinta

(image, not yet)

 code:
<embed src="http://fwt.txdnl.com/5-10/z/a/zawa/aksesorisblog/zawabloglucu_1.swf" width="120" height="120" menu="false" quality="high" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer/"></embed> 


 GOOD LUCKS........SEMOGA BERHASIL....!!!! 
 

Cara Membuat Tanggal Otomatis di Blog

Tanggal manual udah bozan? Ganti aja dengan Tanggal Otomatis? Mau tahu cara merubahnya, ikuti langkah-langkah saya berikut ini:

Langkah - Langkah
  1. Login di Blogger.com
  2. Setelah Login, Log Out (enggak2, becanda),,setelah mzuk ke Dasbor>Tata Letak>Tambah Gadgets.
  3. Pada menu Tambah Gadget, pilih bagian HTML/JavaScript Tambah
  4. Pada jendela tersebut, kamu tinggal paste code berikut:
<script language="JavaScript1.2">
<!-- Begin
var months=new Array(13);
months[1]="Januari";
months[2]="Februari";
months[3]="Maret";
months[4]="April";
months[5]="Mei";
months[6]="Juni";
months[7]="Juli";
months[8]="Augustus";
months[9]="September";
months[10]="Oktober";
months[11]="Nopember";
months[12]="Desember";
var time=new Date();
var lmonth=months[time.getMonth() + 1];
var date=time.getDate();
var year=time.getYear();
if (year < 2000) // Y2K Fix, Isaac Powell
year = year + 1900; // http://onyx.idbsu.edu/~ipowell
document.write("<center>" + lmonth + " ");
document.write(date + ", " + year + "</center>");
// End -->
</script>


note: Kamu juga bisa pasang gadget ini di menu "Edit HTML" 

sEMOga BeRHAsiL


 
 

Membuat Cursor Menjadi Gambar

Buat kalian yang uda bozan dengan cursor default dari komputer anda sekarang ini, sekarang anda bisa menggantinya dengan animasi-animasi/gambar-gambar kesukaan anda.
Sekarang aini saya akan menjelaskan "CARA MENGGANTI CURSOR MENJADI GAMBAR". aCH...terlalu lama basa-basinya..hhe...!! Langsung aja ke TKP....

Langkah Pertama

  1. Login ke Blog
  2. Klik Tab Tata Letak
  3. Klik Tab Edit HTML
  4. Beri tanda centang pada kotak kecil Expand Template Widget
  5. Tekan ctrl+F pada browser, cari code di bawah ini    

    body {
  6. Kalau sudah ketemu codenya, copy code di nomor 7 berikut ini dan kemudian paste di bawah code body { yang tadi 


  7. cursor: url("http://www.andreasganteng.com/cursor.gif&quot;), default;
     
  8. Ganti teks warna biru dengan URL gambar yang kamu inginkan                                                  
  9. Lalu Simpan Tempate
Jika kalian tidak berhasil/gagal pada 'Langkah Pertama', coba kalian gunakan 'Langkah Kedua' berikut ini :

Langkah Kedua
  1. Login di Blogger 
  2. Pilih Menu Dasbor
  3. Kemudian pilih tatak letak/layout
  4. Setelah itu pilih 'Elemen Halaman'
  5. ==> Tambah Gadjet
  6. ==> HTML/Javascript
  7. Dan copy code di nomor 8 ini dan kemudian berikut dan paste tepat di dalamnya :     


  8. <style type="text/css">body {cursor:url("http://www.geocities.com/andreasganteng.gif&quot;),default}</style>
              
  9. catatan : jika kalian tidak suka/ingin mengganti gambar cursor, kalian bisa mengganti teks warna biru dengan URL gambar kalian sendiri. 
  10. Selamat mencoba, dan semoga berhasil ya...!! dan jangan lupa comment...jika terdapat kesalahan dan berkomentarlah terus di blog ini ya...!!! wOke...?                                                           
  

Jumat, 25 Desember 2009

Tip Membuat Sendiri Template Blogger (Blogspot)


Sudah bosan dengan template Blogger yang itu-itu saja? Ada dua pilihan buat Anda. Cara pertama cukup praktis, cari dan download template Blogger dari pihak ketiga, lalu salin dan pasang kode template blogger baru pilihan Anda. Cara kedua lebih kreatif, modifikasi sendiri template Anda!
Berikut beberapa tip dasar yang bisa Anda gunakan untuk mengedit atau membuat template Blogger Anda:

Backup Template dan Komponen

Hal pertama yang harus Anda lakukan sebelum mengganti template Blogger adalah membackup template lama dan elemen-elemen halaman yang telah Anda miliki. Komponen selain posting, arsip, dan komentar cukup rawan dengan resiko hilang saat template baru diterapkan (Blogger akan memberi peringatan berupa daftar widget yang akan terhapus jika template baru Anda terapkan).



  1. Login ke halaman pengelolaan blog, klik Layout > Edit HTML.


  2. Untuk membackup template awal, seleksi seluruh kode di kotak Edit Template (Ctrl+A), lalu copy (Ctrl+C).


  3. Buka Notepad, lalu salin kode ke dalam lembar kerja Notepad (Ctrl+V).


  4. Simpan backup template awal Anda.

Edit HTML Blogger
Sebagai catatan, jika Anda telah menambahkan elemen / widget pada halaman blog Anda, maka sebelum melakukan langkah ke-2, aktifkan dulu kotak pilihan Expand Template Widget (di bagian atas kotak Edit Template). Baru setelah itu salin seluruh kode dan Anda simpan sesuai langkah berikutnya.
Kini Anda sudah siap mengutak-atik template Blogger Anda. Jika hasilnya kurang memuaskan, Anda tetap dapat memulihkan template awal dengan cara menyalin kode backup dari Notepad ke kotak Edit Template.

Menghilangkan NavBar

Merasa tidak nyaman dengan tampilan NavBar di bagian atas halaman blog Anda? Singkirkan NavBar dan perluas tampilan halaman blog Anda dengan cara berikut:
NavBar Blogger

  1. Buka template Blogger Anda di Layout > Edit HTML.


  2. Temukan titik penyisipan, letakkan kursor persis di atas baris body {.


  3. Sisipkan baris kode di bawah ini untuk menghilangkan tampilan NavBar di halaman blog Anda:

    #navbar-iframe {
       height:0px;
       visibility:hidden;
       display:none
    }



  4. Simpan perubahan template, preview blog dan nikmati hasilnya.

Penyisipan Kode Menghilangkan NavBar

Memodifikasi Lebar Halaman

Hal pertama yang perlu Anda pahami dalam memodifikasi halaman blog Anda adalah mengenai penetapan lebar komponen halaman (header, halaman posting, sidebar, dan footer).
Berikut adalah rumusan yang bisa Anda jadikan pedoman dalam mengutak-atik lebar halaman blog Anda :
#header-wrapper = #outer-wrapper = #footer = #main-wrapper + 30 + #sidebar-wrapper
Temukan dan ubah nilai width: di bagian tersebut sesuai kebutuhan :

  • #header-wrapper, #outer-wrapper, dan #footer menjadi patokan lebar seluruh halaman blog.


  • #main-wrapper adalah ukuran kolom posting Anda.


  • #sidebar-wrapper adalah ukuran kolom sidebar Anda.


  • Nilai 30 digunakan untuk memberi jarak antara antara kolom posting dan kolom sidebar.

Dengan berpatokan pada rumusan di atas, maka Anda dapat mengubah ukuran halaman Anda dengan mengedit HTML dengan nilai seperti berikut :
Nilai width awal:
660px = 660px = 660px = 410px + 30px + 220px
Nilai width untuk modifikasi:
750px = 750px = 750px = 470px + 30px + 250px
Penjelasan langkah pengeditan:

  1. Timpa nilai width pada bagian #header-wrapper, #outer-wrapper, dan #footer menjadi 750px.


  2. Timpa nilai width pada bagian #main-wrapper menjadi 470px.


  3. Timpa nilai width pada bagian #sidebar-wrapper menjadi 250px.

Nilai width #main-wrapper = 470px cocok untuk beriklan (ukuran ini bisa mengakomodasi banner 468x60 px). Silakan ubah ukuran sesuai selera dengan berpatokan pada rumusan di atas.

Memodifikasi Jumlah Kolom

Pilihan template yang disediakan Blogger umumnya tersusun atas dua kolom (kolom posting dan kolom sidebar). Anda dapat membuat kolom tambahan dengan menyalin kode sidebar dan mengatur ulang ukurannya.
Sebagai contoh, berikut cara membuat halaman blog dengan tiga kolom.
Penyisipan Kolom Sidebar Baru

  1. Buka template Blogger Anda di Layout > Edit HTML.


  2. Kita gandakan kode kolom sidebar yang sudah ada. Umumnya kode sidebar dinamai sidebar-wrapper, namun ada juga template yang menggunakan nama sidebar-wrap atau sejenisnya.


  3. Temukan, seleksi, dan salin bagian ini:

    #sidebar-wrapper {
      width: 220px;
      float: $endSide;
      word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
      overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
    }



  4. Pindahkan kursor di bawah kode tersebut, lalu sisipkan kode yang telah Anda salin. Kini anda memiliki 2 kode di atas.


  5. Bedakan nama kode, edit nama #sidebar-wrapper yang telah Anda sisipkan menjadi #sidebar-wrapper2.


  6. Ubah nilai width di #sidebar-wrapper dan #sidebar-wrapper2, dengan cara membagi 2 nilai yang ada. Misalnya nilai awal 220px Anda bagi menjadi masing-masing 110px.


  7. Selanjutnya temukan, seleksi, dan salin bagian ini:






  8. Pindahkan kursor di bawah kode tersebut, lalu kembali sisipkan kode yang telah Anda salin. Kini anda memiliki 2 kode di atas.


  9. Edit nama


  10. Simpan Template. Preview blog Anda untuk memastikan tampilan 3 kolom telah berhasil Anda buat.

Catatan, jika lebar sidebar pertama dan kedua menjadi sempit, maka gunakan rumusan Memodifikasi Lebar Halaman.


Selamat mencoba !

Kamis, 24 Desember 2009

Membuat Buku Tamu "Tersembunyi"


Kamu bingung naruh buku tamu?Kalau kamu ga tau lagi mau taruh buku tamu kamu di mana,  disini ada solusinya, buat aja buku tamu kamu "Tersembunyi", dan kalau diklik akan langsung terlihat. Contohnya kamu bisa lihat di bagian sebelah kanan layar kamu, dan klik tab yang berwarna hijau tersebut. Dan buku tamu itu akan bergerak keluar, sehingga yang tadinya tidak kelihatan akan jadi terlihat. Buat kamu2 yang bozan dengan shoutmix yang dipasang di sidebar
melulu, kamu bisa pasang shoutmix kali ini di tempat yang tersembunyi. Sekarang aku beri langkah2nya pemasanganya....


Langkah-Langkah :
  1. Masuk ke account Blogger kamu, pilih "Layout" kemudian "Page Elements",
  2. Klik "Add a Gadget" (yang mana aja oke), kemudian pilih "HTML/JavaScript",
  3. Copy-paste kode di bawah ini:

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsBbkhA8-TFnrbQG0FWpuzs-3Zyc49aAEQO_J29kFPmoild_dMq8CBYrnmFJ8bLGaAF2Q3PkZARyKusDe-lkbrM6mP0pyJcOSUh0PxFpkqkgIMutbr6aNg8b_FZ1QUx33PURGqa3-2OfSb/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()">   </div>

<div class="gbcontent">

<!-- Ganti ini dengan kode buku tamu kamu -->

<a href="javascript:showHideGB()">
[Close]
</a>
Widjet by <a href="http://bagoevix.blogspot.com">
[Bagoevix]
</a>
</div>

</div>



<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>


  1. Pada kode di atas, cari kode dan ganti kode tersebut dengan kode buku tamu yang kamu dapatkan dari situsnya,
  2. Kamu juga bisa atur posisinya. Ubah aja nilai atribut top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau 20px, terserah kamu.
  3. Selamat mencoba!
Catatan: Selamat Mencoba, Semoga Behasil

     

Kamis, 26 November 2009

Mengganti Icon (Favicon) Blogger Terbaru


Biar g susah buat jelasin apa ini artinya, coba kamu liat disamping [ http://bagoevix.blogspot.com ] di paling atas itu ada gambar bumi kecil (yang warnanya ijo..). Nah, itulah icon (favicon)…
 Biasanya klo kita membuat blog di blogger, mau seberapa bagus templatenya pasti iconnya adalah tanda blogger. Karena kita numpang. Begitupun klo yg membuat blog di wordpress, pasti iconnya adalah tanda wordpress.

 Untuk merubah icon tersebut, caranya yaitu :
  •  Login ke Blogger.com atau langsung saja, [ klik disini ]. 
  • Masuk ke menu "LAYOUT"--->"Edit HTML"
  • Jangan lupa centang kotak “Expands Widget Template
  • Cari kode di bawah ini : 
                                                         
xmlnsata='http://www.google.com/2005/gml/data%27
xmlns:expr='http://www.google.com/2005/gml/expr%27>

<head>



  • Biar gampang mencarinya, dengan cara tekan CTRL + F, lalu masukin tanda : 
  • Klo dah ketemu, masukan kode di bawah ini tepat di bawah tanda  :


<link href='http://img412.imageshack.us/img412/3808/image11pc0.gif' rel='shortcut icon'/>   



Tulisan yang berwarna MERAH bisa kamu ganti dengan gambar yang menggunakan FORMAT PNG atau Apalah yg penting bisa masuk, he3.. tapi klo pengen gampang, mending pake PNG aja..Untuk mencari gambar PNG ini caranya km tinggal masuk ja ke www.google.com pilih menu gambar. Misalnya kamu mau mencari gambar kartun, maka isilah dengan kata kunci KARTUN PNG.

Setelah muncul banyak gambar, jangan lupa pilih juga menu DENGAN UKURAN TERKECIL...
Pilih gambar yg kamu suka, klo sudah..klik gambarnya, lalu klik lagi LIHAT GAMBAR DENGAN UKURAN SEBENARNYA..

Udah kan, kemudian klo dah dapet link gambarnya kamu copykan deh alamat linknya(yg di paling atas). Ganti kode yang berwarna merah di atas dengan alamat link gambarmu tadi.


  • Simpan Template.
     
  • Mission Complete.
Coba liat blognya, tanda blogger dah berubah kan jadi gambar yg kamu suka..hehe..

Eitsss.....Nah, jangan seneng dulu...

Biasanya sekarang sering banget terjadi permasalahan, walaupun kita dah ganti favicon blogger kita dengan cara diatas tetapi tetep aja yang muncul adalah gambar / favicon blogger..

klo sy bilang..mungkin itu karna pihak admin dari blogger memasukkan icon bloggerrnya tapi di hidden, sehingga g keliatan di template..ada2 ja y ni blogger, hihihi..
tapi tenang aja, masih bisa diakali kq...n caranya juga gampang banget...
 

pertama yang kudu km lakuin yaitu cari kode script di bawah ini (di menu "Edit html" y) : 


<head>
<link href='http://img412.imageshack.us/img412/3808/image11pc0.gif' rel='shortcut icon'/>
<b:include data='blog' name='all-head-content'/>





letaknya ada di paling atas kq...


klo udah..link yang berwarna biru itu kamu pindahkan tempatnya tepat sebelum tag </head> atau setelah tag ]]></b:skin>

klo diliat, jadinya kaya di bawah ini : 


]]></b:skin>

<link href='http://img412.imageshack.us/img412/3808/image11pc0.gif' rel='shortcut icon'/>

</head>


klo udah, tinggal di "Save Setting" deh...
dah bisa kan sekarang....