Cara Membuat Label Cloud Berputar

Buat sobat yang pengen membuat tampilan labelnya seperti gambar disamping.

Label cloud berputar ini terlihat lebih menarik karena gerakannya yang dinamis sehingga dapat menarik perhatian para pengunjung blog kita dan label cloud ini gerakannya juga mengikuti cursor.

Sebenarnya untuk membuat label cloud berputar ini membutuhkan kode HTML yang lumayan agak panjang dan sobat harus menambahkannya pada template sobat, jadi saran ane saranin nanti sebelum mengedit template, ada baiknya backup terlebih dahulu template sobat.
I. Langkah Pertama

• Login ke Blogger dengan ID sobat.
• Klik Tata Letak
• Klik tab Edit HTML
• Download dahulu template sobat dengan mengklik Download Template Lengkap
• Kemudian klik button Expand Template Widget dan cari kode yg seperti ini :

<b:section class='sidebar' id='sidebar' preferred='yes'>

• Copy kode berikut ini setelah kode diatas :

<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://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://vikrymadz.blogspot.com/'>vikrymadz</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/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>

II. Langkah Kedua
* Mengubah lebar dan tinggi kolom serta warna background
Angka "240" adalah lebar kolom
Angka "300" adalah tinggi kolom
Sedangkan #ffffff adalah kode untuk backgroud

* Merubah warna font, untuk kode warna bisa sobat lihat disini
so.addVariable("tcolor", "0x333333");

* Merubah ukuran font
so.addVariable("tagcloud", "12'>");


Jika dalam membuat label cloud ini tidak berfungsi, silahkan sobat ganti label text menjadi label cloud. Perhatikan gambar dibawah ini :

good luck sob...
 

 sumber : http://vikrymadz.blogspot.com/2011/03/cara-membuat-label-cloud-berputar.html
                 raytkj.blogspot.com

Cara Membuat Komentar Admin Berbeda dengan Komentar Pengunjung

Cara Membuat Komentar Admin Berbeda dengan Komentar Pengunjung. Weh weh.... ternyata penting juga ni tips.... pengalaman dari beberapa waktu kemarin, sebelum saya pakai tips ini kan komentar saya munculnya sama kyak pengunjung yang lain. eh eh masak ternyata ada pengunjung yang bingung mna komentar adminnya tu... :D:D:D

Yah jadi tak pakai cara ini trus tak share deh cara ini.

OK langsung aja ya sob
Cara Membuat Komentar Admin Berbeda dengan Komentar Pengunjung versi vikrymadz nih.. hahahaha
soalnya disini saya beri sedikit efek" dan pastinya akan terlihat semakin menarik.
ok check it >>>>>

Cara Membuat Komentar Admin Berbeda dengan Komentar Pengunjung
1. Login ke blogger >> Rancangan >> Edit HTML
2. Jangan lupa centang kotak "expand widget template"
3. Letakkan kode dibawah ini tepat diatasnya kode ]]></b:skin>

.comment-body-author {
background: #ffffff;
border:2px Dashed #0080FF;
margin:0;
padding:0 0 0 30px;
-moz-border-radius-topleft:30px;
-moz-border-radius-bottomright:30px;
font-size: 14px;
font-family: kristen ITC;
}

4. lalu cari kode <dd class='comment-body'>
5. lalu agar jadi seperti ini

<data:commentPostedByMsg/>
<br/>
</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>
<br/>
<span class='commentdate' style=''>
<b:if cond='data:post.commentPagingRequired'>
<a expr:href='data:comment.url' title='comment permalink'> <data.comment.timestamp/> </a>
<b:else/>
<a expr:href='data:blog.url + &quot;#&quot; + data:comment.anchorName' title='comment permalink'> <data:comment.timestamp/> </a>
</b:if>
<b:include data='comment' name='commentDeleteIcon'/> </span>
</b:if>
</dd></b:if>
<dd class='comment-footer'>


</dd>

NB :

kode yang berwarna merah adalah kode yang harus di tambahkan.

6. Simpan dan lihat hasilnya....

ok sampai disini artikel Cara Membuat Komentar Admin Berbeda dengan Komentar Pengunjung, semoga bisa bermanfaat bagi sobat ^_^

Happy Blogging

sumber : http://vikrymadz.blogspot.com/2012/01/cara-membuat-komentar-admin-berbeda.html

Cara Menampilkan Hanya Judul Posting Ketika Label Diklik

Akhirnya ketemu juga nih artikel, yups... Cara Menampilkan Hanya Judul Posting Ketika Label Diklik artikel itulah yang dah lama saya cari, tapi alhamdulillah akhirnya tadi ketemu juga deh... Jadi langsung aja deh saya share disini...

Postingan yang banyak terkadang membuat kita repot , dan pastinya setiap blogger akan memberi label/category pada setiap artikelnya/postingannya. Di dalam label ini kadang-kadang juga masih menimbulkan masalah.

Yaitu jika dalam sebuah label/category ada puluhan bahkan ratusan postingan ,pasti saat label/category tersebut dibuka loading blog kita akan terasa berat dan lama serta juga postingan akan tampil memanjang kebawah yang membuat pengunjung blog kita yang meng-klik label tersebut akan sulit menemukan artikel yang dia cari dan bisa-bisa pengunjung blog sobat pun bisa gampang lari. hehehe....

Jadi seperti pada judulnya setelah memakai cara ini jika label/category sobat diklik maka yang akan tampil hanya judul postingannya saja

ok deh langsung pada langkah-langkah Cara Menampilkan Hanya Judul Posting Ketika Label Diklik.

1. login blog
2. rancangan -> edit HTML (centang Expand Template Widget)
3. tekan ctrl + F untuk memudahkan mencari. lalu cari kode <b:include data='post' name='post'/>
4. lalu ganti kode tersebut dengan kode dibawah ini

<b:if cond='data:blog.homepageUrl
!= data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'><data:post.title/></a>
<br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

5. simpan template.
6. coba cek dengan mengeklik salah satu label/category sobat dan lihat hasilnya ^_^

Good Luck ^_^

Sumber : http://vikrymadz.blogspot.com/2011/06/cara-menampilkan-hanya-judul-posting.html

Cara Membuat Title Blog Berjalan

Buat sobat-sobat yang pengen memberikan sedikit efek pada title blognya.

nih saya punya tipsnya untuk Cara Membuat Title Blog Berjalan. Mungkin bagi sobat yang pengen lebih memperindah blognya, OK deh tunggu apa lagi monggo deh dicoba tips ini .... hehehehehehe

ok deh langsung aja ya sob...



Langkah-langkah Cara Membuat Title Blog Berjalan.
1. login blogger
2. rancangan -> edit HTML
3. lalu cari kode dibawah ini

<title><data:blog.pageTitle/></title>

4. lalu ganti kode diatas dengan kode dibawah ini

<b:include data='blog' name='all-head-content'/>
<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

5. simpan dan lihat hasilnya

NB :pada tulisan yang berwarna merah bisa sobat ganti dengan angka berapapun karena itu adalah yang menentukan kecepatan title sobat..

ok deh GOOD LUCK aja sobat ^_^


sumber : http://vikrymadz.blogspot.com/2011/06/cara-membuat-title-blog-berjalan.html

Cara Agar Posting Blog Tampil DI Facebook Dan Twitter

Cara Agar Posting Blog Tampil DI Facebook Dan Twitter - Kali ini saya akan membahas Cara Agar Posting Blog Tampil DI Facebook Dan Twitter jika kamu pingin menampilkan posting blog terbaru anda di Facebook atau Twitter ini kesempatan baik buat kamu, karena saya disini akan memberitahu cara menampilkan posting blog kamu di FB atau Twitter, dengan menampilkan poting blog anda di facebook atau twitter memungkinkan akan meningkatkan pengunjung blog anda, apalagi temen di Facebook nya banyak, dan juga yang follow di twitter nya juga banyak.

Berikut langkah-langkah menampilkan Posting Blog di Facebook Dan Twitter :

1. Masuk http://twitterfeed.com/
2. Setelah masuk akan muncul tampilan kaya di bawah ini.(Untuk Daftar Terlebih Dahulu)

3. Isilah dengan benar untuk mendafatr, masukan Email kamu,Pasword.

4. Setelah daftar dan berhasil kamu akan di bawa ke halaman seperti gambar di bawah ini.

5. Setelah itu klik Continue Step 2 maka kamu akan di bawa ke halaman seperti gambar di bawah ini.

Masukan nama pengguna akun Twitter akamu contoh @berbagigans, setelah selsai klik All Done

NB : Setelah kamu menulis Posting baru, maka tidak akan langsung ditampilkan di twiiter atau Facebook anda harus menunggu paling sedikit 30 menit.

Kayaknya cuma segitu penjelasan dari saya semoga dapat dipahami dengan baik, dan semoga blog anda cepat terkenal.

 

sumber : http://blazerracing.blogspot.com/2012/04/cara-agar-posting-blog-tampil-di.html

Cara Agar Pelaku Copy Paste Menyertakan Sumber Penulis

Masih di Ber-Bagians share Cara Agar Pelaku Copy Paste Menyertakan Sumber Penulis cekidot

Silahkan sobat kunjungi situsnya https://id.tynt.com/ kemudian silahkan sobat daftar sign up dengan mengisi semua data - data seperti gambar di bawah ini

Untuk pengisian data Domain contoh http://variasiblogger.blogspot.com , kemudian centang I agree to the Usage and Privacy Agreements jangan lupa klik Submit--> kemudian sobat akan di arahkan seperti gambar di bawah ini

Silahkan sobat edit tampilan nya sesusai keinginan sobat dengan mengklik Customize Address Bar Tracking dan Customize Attribution jika sudah silahkan klik save kemudian klik Next -->> sobat akan diarahkan seperti gambar di bawah ini

Silahkan sobat Copy Paste Script yang telah diberikan oleh https://id.tynt.com/ ke blog sobat dan simpan sebelum kode script </head> dengan cara silahkan log in terlebih dahulu di blogs sobat >> klik rancangan >> klik edit html >> centang Expand Template Widget , tekan Ctrl + F kemudian paste </head> jika sudah ketemu silahkan paste script yang telah diberikan oleh https://id.tynt.com/ tersebut simpan template , kemudian kembali lagi ke situs https://id.tynt.com/ , sobat akan di arahkan seperti gambar di bawah ini

Silahkan sobat klik Test My Script untuk membaca semua isi posting blog sobat jika berhasil dalam menyimpan kode script tersebut , sobat akan diarahkan seperti gambar di bawah ini

Kemudian silahkan klik Next--> sobat akan di arahkan seperti gambar di bawah ini

Silahkan klik Finish , selesei Semoga Bermanfaat

Sumber: http://variasiblogger.blogspot.com/2011/12/cara-agar-pelaku-copy-paste-menyertakan.html#ixzz1v2s0nQJt

Membuat Buku Tamu Slide Effect Jquery

kali ini akan saya bahas mengenai Buku Tamu atau Guest Book. tapi kali ini agak beda , yaitu ada taburan cinta dari gadis muda bernama Jquery. maka judulnya saya beri Membuat Buku Tamu Slide Effect Jquery. gag kebayang gimana bentuk si Tante Jquery ini kalau lagi barengan ama Buku Tamu ? lihat aja demo berikut :

Sudah lihat contoh ? tertarikah dengan Buku Tamu Slide Effect Jquery?
Untuk membuatnya anda hanya perlu : Masuk ke Blogger = Rancangan + Tata Letak + Add Widget + Html/Javascript - paste kode berikut :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){



    $(".btn-slide").click(function(){

        $("#panel").slideToggle("slow");

        $(this).toggleClass("active"); return false;


    });



  

});

</script>

<style>

/* ---------------

Simple Slide panel with jQuery

---------------------------------- */


#panel {

        height: auto;

        background: #f90;

        width: auto;

        display: none;

    padding: 7px;


    border: #0C0;

    -moz-border-radius-topright:10px;

    -webkit-border-top-right-radius:10px;

    -moz-border-radius-bottomright:10px;

    -webkit-border-bottom-right-radius:10px;


    -moz-border-radius-topleft:10px;

    -webkit-border-top-left-radius:10px;

    -moz-border-radius-bottomleft:10px;

    -webkit-border-bottom-left-radius:10px;

}

.slide {

    margin: 0;


    padding: 0;

    border-top: solid 4px #f90;

    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-a7x6cY8mabaZ4PI9obKbyTTzmRbF7aXI6Q0ce6BPlK4at7aRB-8gQt2U_6OYnaIG1xEgyzqKOKz9u1Z_OUZxQtOyYPRYITUooUj2yVCfAdN-K6m_5Eia1OJ_fQn2_Oj9jNsQCmPu6OQ/s1600/btn-slide.png) no-repeat center top;



}

.btn-slide {


    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir-9d7qFgpmFVrGWOx-vtZVrjhiTVdms43v83fguXlWf7MBJePqspWwOk3t2TW_EtEIdG0smOuVyZhV5RXYYKhql7AaTi7UdumO0Cr6BBlaZ_RnOwvqMtZouyT_PPNE6_FAD7KPBTN8ec/s1600/white-arrow.gif) no-repeat right -50px;

    text-align: center;

    width: 144px;

    height: 31px;

    padding: 10px 10px 0 0;

    margin: 0 auto;


    display: block;

    font: bold 120%/100% Arial, Helvetica, sans-serif;

    color: #fff;

    text-decoration: none;

}

.active {

    background-position: right 12px;


}

</style>



<div id="panel">



    <!-- Simpan Script Buku tamunya disini -->



</div>

<p class="slide"><a href="#" class="btn-slide">Buku Tamu</a></p>

Catatan : jika sudah ada script jquery yang saya tandai dengan warna biru ditemplate sobat tidak perlu ditambahkan lagi.

Cukup sampai disini saya menjelaskan Cara Membuat Buku Tamu Slide Effect Jquery , semoga bermanfaat bagi anda.

Cara Menghapus Angka Pada Label

Kadang-kadang angka dalam label memang sedikit memngurangi keindahan dalam kategori . Ingin mengahupus ga tau caranya .hehehehe tapi tenang aja dalam postingan kali ini saya akan memberitahukan bagaimana menghapus angka pada label . Ikutin aja petunjuk berikut ini ? hehehe

1.Sign in ke blogger.com

2.Klik Layout.

3.Klik menu Elemen Halaman..

4.Klik tab Edit HTML.

5.Silakan Beri tanda centang pada kotak ber tulisan Expand Template Widget.

6.Setelah itu Cari Kode yang ada dibawah ini.

(<data:label.count/>)

7.Setelah itu tinggal klik Simpan Template.

Selesai . maka angka pada label blog kamu akah hilang .......

Cara Menampilkan Status Off/Online Yahoo Messenger

Dalam trik kali ini kita akan coba membahas tentang "Bagaimana Caranya Menampilkan Status Offline/Online Yahoo Messenger". Trus fungsinya apa nih? gini, kalo ada misalnya ada penandanya seperti itu kan nanti pengunjung blogmu akan bisa langsung berinteraksi langsung denganmu, nha kalo gitu kan nanti pengunjung blogmu jadi tambah sayang ma kamu :p
Ok Langsung aja, Contohnya akan seperti ini, jika status kamu offline maka gambarnya akan seperti ini :



trus jika kamu online maka iconya akan berubah seperti ini:



Cara buatnya sangat gampang kamu tinggal copy script berikut ini trus kamu pasang di sidebar kamu, udah tahu kan cara pasanganya, itu lho seperti kalo km masang "page element", Masuk ke "Page Element" trus "Add a Gadget --> HTML/Javascript".

<a href="ymsgr:sendIM?paijo"> <img src="http://opi.yahoo.com/online?u=paijo&amp;m=g&amp;t=2&amp;l=us"/>
</a>

Ganti text yang warna merah (paijo) dengan id YM kamu.
perhatikan angka "2", itu bisa kamu ganti dengan angka yang lain dan hasilnya gambar yang ditampilkan akan berbeda-beda.

Piye? gampang to?

Recent Post dengan Label

Nah, sobat, kali ini kita akan membahas tentang membuat Recent Post dengan label. Mungkin sudah banyak yang tau bagaimana membuat Recent Post saja, tapi kali ini kita akan membuatRecent Post dengan label.
Yaitu menampilkan beberapa post/artikel terbaru dengan label-label tertentu. Untuk contohnya kamu bisa lihat di blog ini.

Caranya:

1. Masuk ke akun Blogger kamu dan pilih "Layout" - "Page Elements",
2. Klik "Add a Gadget" - "HTML/JavaScript",
3. Beri judul sesuai dengan yang kamu inginkan,
4. Copy-paste kode di bawah ini,

   Label: <span id="pbl_labels"></span><div id="pbl_posts"> Recent Posts </div>
<script type="text/javascript">var jumlah_maksimum_post = 5;var dengan_ringkasan = true;var jumlah_karakter_ringkasan = 100;</script>
<script src="http://copycat91.googlecode.com/svn/trunk/recentpostsbylabel.js"></script>
<script src="http://URLBLOGKAMU.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed"></script>
<!-- Tolong hargai dengan tidak menghapus/mengubah link di bawah --><div style="text-align:right; font-size:0.75em">Widget by:<a href="http://infotentangblog.blogspot.com/2009/07/recent-post-dengan-label.html">Info Blog</a></div>

5. Ubah kode yang ditebalkan sesuai dengan yang kamu inginkan:
   • jumlah_maksimum_post adalah jumlah maksimum post yang kamu ingin tampilkan.
   • dengan_ringkasan, true kalau kamu ingin menampilkannya dengan ringkasan danfalse kalau kamu hanya ingin menampilkan judulnya saja.
   • jumlah_karakter_ringkasan adalah jumlah karakter ringkasan yang ingin ditampilkan, ini harus diisi hanya jika kamu mau menampilkan dengan ringkasannya juga.
   • URLBLOGKAMU ganti dengan URL Blog kamu, contohnya untuk blog ini, aku ganti jadi:infotentangblog.
6. Kamu juga bisa copy-paste kode di atas di widget "Tambahkan Widget" di sebelah kanan dan klik "Add to Blogger".

Selamat mencoba!



Thank's To : Info Blog

Mengganti Nama Author Jadi Signature

Sekarang kita akan membahas bagaimana mengubah nama author jadi signature.
Pada bagian bawah post biasanya ada nama author atau penulis post tersebut (lihat gambar di bawah).Yang inilah yang akan kita ubah jadi tanda tangan penulis. Caranya cukup mudah, kok.

Langkah-langkahnya adalah sbb:

1. Buat tanda tangan digital di www.mylivesignature.com,
2. Ikuti langkah-langkahnya. Untuk ukuran, sebaiknya pilih yang paling kecil saja, dan untuk kemiringan, pilih yang datar saja (tidak miring),
3. Download gambarnya, kemudian upload di situs upload gambar gratisan, seperti di Picasa,PhotoBucket, ImagesHack, dll,
4. Copy URL gambar yang kamu upload,
5. Masuk ke account Blogger, klik "Layout" dan pilih "Edit HTML",
6. Jangan lupa centang "Expand Widget Templates",
7. Kemudian cari kode <data:post.author/> dan ganti dengan:

   <img src="urlsignkamu.png" expr:title="data:post.author" border="0"style="vertical-align:text-bottom; border:0px" height="15"/>

8. Kamu bisa mengatur ukuran signature kamu dengan mengubah nilai atribut height

Selamat mencoba! 

Membuat Blog Cepat Diakses Lewat HP

Sudah kita ketahui bersama perkembangan internet khususinternet mobile begitu pesat. Orang bisa jadi sering menggunakan ponselanya(HP) untuk berinternet daripada lewat PC. Kemudahanya bisa mengakses intenetkapanpun dan dimanapun. Dan begitu juga dengan blog kita harus mampu menerimaperubahan itu. Salah satu cara beradaptasi dengan keadaan tersebut dengan membuatblog kita lebih cepat diakses lewat HP.Jika blog kita bisa lebih ramah dengan internet mobile maka akan membuat blogkita tetap enak diakses lewat HP.

Sekarang fenomenanya adalah banyak orang yang mengakses internet via HP, takhanya untuk mengupdate status facebook atau twitter.Tapi juga menggunakan HP untuk mencari sesuatu. Membuka google mengetik sebuahkata dan klik search (cari). Bisa saja blog kita tampil di halaman pencarianitu. Jika blog kita lambat diakses, pencari bisa ganti yang lain, tapi jikablog kita cepat diakses akan akan traffik baru. Saat ujian saja, pelajar bisamencari jawabannya lewat internet di HP. 

Cara Membuat Blog Cepat Diakses Lewat HP 
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. Cari kode <b:include data='blog'name='all-head-content'/>
6. Jika sudah ketemu taruh kode berikut di bawahnya:

 

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>

7. Simpan template jika sudah selesai.

Komentar Anda Sangat Bermanfaat Bagi Perkembangan Blog Ini

Menghilangkan Link Suscribe Post (Atom)

Biasanya untuk template blogspot terdapat Link Suscribe Post (Atom) yang terletak di bawah posting atau footer, kegunaan dari link tersebut adalah pengunjung dapat berlaganan artikel blog anda melalui link tersebut atau feed.

Tetapi setelah ada layanan feed dari feedburner, sepertinya link Suscribe Post (Atom) itu sudah kurang berguna lagi, dan banyak sobat blog sekalian yang ingin menghilangkan link tersebut.

Berikut saya akan share bagaimana cara Menghilangkan Link Suscribe Post (Atom).
1. Login ke blog
2. Masuk ke Rancangan - Edit HTML
3. Centang  "Expand Widget Template."
4. Cari kode

<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>

5. Jika sudah ketemu hapus saja semua kode diatas tadi
6. Save

Terima kasih semoga artikel Menghilangkan Link Suscribe Post (Atom) ini dapat bermanfaat.

Cara Membagi Header Menjadi Dua Kolom di Blog

Pada tutorial kali ini saya akan membahas bagaimana membagi header dua bagian, yang nantinya dapat kita gunakan sebagai penempatan widget search engine, gambar, iklan atau apa saja yang membuat elemen baru itu terisi. Memang secara default header template sebuah blog biasanya hanya satu kolom untuk membaginya menjadi dua kita hanya sedikit memasukkan kode HTML ke dalam template.

Saya sering menemukan blog dengan header yang sudah dibagi dua. Nampaknya hal ini sudah menjadi suatu kewajiban dan keharusan pada template blogger yang dipakai. Barangkali anda juga tertarik seperti saya, untuk memodifikasi header blogger. Gambar di atas sudah bisa menjelaskan kira-kira hasilnya akan seperti itu nantinya. Oke langsung saja ke cara pembuatan. Berikut langkah-langkahnya :

Membagi header menjadi dua kolom

1. Login ke blogger dengan id anda
2. Tuju menu Tata Letak
3. Pada tab menu, klik Edit HTML
4. Backup template anda, klik Download Template Lengkap
5. Sekarang cari kode CSS seperti ini :
   

   #header-wrapper {
   width:660px;
   margin:0 auto 10px;
   border:1px solid $bordercolor;
   }
   
   #header-inner {
   background-position: center;
   margin-left: auto;
   margin-right: auto;
   }
   
   #header {
   margin: 5px;
   border: 1px solid $bordercolor;
   text-align: center;
   color:$pagetitlecolor;
   }

   Hapus dan ganti semua kode tersebut dengan kode CSS ini :
   

   #header-wrapper {
   width:930px;
   margin:0 auto 0px;
   

   background:#38610B url(http://i33.tinypic.com/sw6cfo.jpg) no-repeat top center;

   height:180px;
   }
   
   #head-inner {
   width:500px;
   background-position: left;
   margin-left: auto;
   margin-right: auto;
   float:left;
   }
   
   #header {
   margin: 0px;
   text-align: left;
   color:#ffcc66;
   }
   
   #r_head{
   width:430px;
   float:left;
   padding-top:10px;
   }

6. Sekarang cari kode seperti ini :

   <div id='header-wrapper'>
   

   <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

   <b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>

   </b:section>

   </div>

   Hapus kode itu dan ganti dengan kode ini :
   

   <div id='header-wrapper'>
   <div id='head-inner'>
   

   <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

   <b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>

   </b:section>

   </div>

   <div id='r_head'>

   <b:section class='header' id='header2' preferred='yes'/>

   </div>
   </div>

7. Klik tombol SIMPAN TEMPLATE
8. Selesai

Jadi, jika anda ingin melakukan perubahan dari kode CSS di atas, fokuslah hanya pada bagian yang berwarna hijau saja. Kode CSS yang lain bisa anda sesuaikan. Untuk melihat hasilnya, silahkan masuk ke Elemen Halaman. Jika langkah-langkahnya benar maka di sana sudah ada dua header. Artinya, header default sudah terbagi menjadi dua kolom header sebelah kiri dan kolom header sebelah kanan. 

Selamat mencoba dan semoga bermanfaat.

Membuat Reply Pada Kotak Komentar di Blog

Sesungguhnya artikel tentang cara membuat fitur Reply pada kotak komentar sudah banyak yang membuat tutorialnya, namun mungkin saja para pengunjung Creating Website belum tahu atau sudah tahu tetapi masih belum yakin untuk menerapkan pada blognya. Nah jika jawabannya adalah masih belum yakin, maka mudah-mudahan artikel yang saya buat ini bisa menambah keyakinan.

Baiklah untuk mempersingkat waktu, kita langsung saja ke cara membuat reply pada kotak komentar di blog , sebagai berikut :

1. Seperti biasa Login dulu ke account Blogger Anda;
2. Pilih Rancangan, lalu perhatikan dulu pada Address Bar, disitu ada No. ID Blog Anda silahkan dicatat dan disimpan, karena ID tersebut nanti akan diperlukan, lihat contoh gambar di bawah:
   
   
   
   
   
3. Klik Edit HTML => Download Template Lengkap untuk mengantisifasi kesalahan dalam pemasangan kode, lalu beri tanda centang pada Expan Template Widget;
4. Cari kode ini : <dd class='comment-footer'> gunakan Ctrl F untuk mempermudah proses pencarian. Jika kode tersebut tidak ditemukan Anda bisa mencari kode alternatif seperti ini: <b:include data='comment' name='commentDeleteIcon'/> ;
5. Tambahkan kode di bawah ini ke salah satu kode diatas. Berikut ini kodenya:
   <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=Masukan Blog ID Anda Disini&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'><img alt='Reply To This Comment' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxN71GZeorTFK_rT96ahDr07abxzQ6fF7v_7JP0cKGvedMHLMvulh34gpEPpA-Eq150kkzz-cE81ncoSbDgLj0U1mp6m7U9E7EOzPGzOsyNvZ6KYKnQh0RCH_GSva97aKnWljn_SQUF0g/s1600/reply.gif'/></a>
6. Masukan No. ID Blog Anda yang telah disimpan tadi tepat di tulisan: Masukan Blog ID Anda Disini
7. Simpan Template, selesai

Demikian tadi tutorial singkat tentang membuat fasilitas reply pada kotak komentar di blog, sangat mudah bukan? Selamat mencoba dan semoga bermanfaat.

Memasang Alert Message di Blog

Tutorial kali ini saya akan membahas tentang cara memasang alert message di blog. Tapi temen-temen sudah tahu belum apa itu alert message ? Kalau belum tahu saya akan menjelaskan apa itu alert message. Alert message adalah sebuah pesan yang akan muncul apabila kita membuka suatu link, dimana anda harus mengklik tombol OK atau klik tombol Close untuk bisa mengakses blog tersebut. anda bisa melihat gambarnya di bawah ini:

Sesuai dengan namanya, maka kotak ini berfungsi untuk menampilkan pesan-pesan penting atau peringatan kepada pengunjung.  Terus terang menurut saya, kotak ini sangat mengganggu aktivitas pengunjung. Di samping itu dengan adanya alert message juga akan sedikit memperlambat loading blog anda. Tetapi bagi anda yang iseng ingin mencobanya atau mempunyai pesan-pesan tertentu yang ingin disampaikan kepada pengunjung blog anda. Maka tidak ada salahnya untuk menggunakan cara ini. Karena setiap pengunjung yang datang ke blog anda akan membaca pesan pada kotak alert tersebut terlebih dahulu sebelum dapat akses ke blog anda.

Baiklah saya rasa cukup penjelasannya. Bagi temen-temen yang ingin mencobanya, caranya sangat mudah, berikut langkah-langkahnya :

1. Buka Blogger. Klik Design -> Edit HTML 
2. Cari kode <head> lalu letakkan script berikut dibawahnya

<script language='JavaScript'>alert(&quot;Welcome To My Blog&quot;);</script>

3. Kalau masih bingung, letakkan saja scriptnya diantara <head> dan <b:skin>.
4. Teks yang berwarna merah bold diatas merupakan teks yang akan muncul dalam kotak alert. Silahkan ganti dengan teks yang ingin anda sampaikan.
5. Kalau sudah, klik Save Template.
6. Selesai. Silahkan klik View Blog untuk melihat hasilnya

Artikel ini sebenarnya saya tulis hanya untuk iseng-iseng daripada nggak nulis sama sekali. Tapi nggak apa-apa untuk sekedar informasi buat teman-teman. Oke, selamat mencoba dan semoga bermanfaat.

Cara Membuat Link Membesar Ketika Disorot Mouse

Ok gans... pada tulisan kali ini saya akan berbagi hal kecil tapi bermanfaat. kita tahu bahwa hampir di setiap blog jika mouse kita sorot ke link itu paling cuma ada garis bawah atau yang lainnya. nah kali ini saya akan menjelaskan gimana caranya membuat link itu membesar dan warnanya berubah... penasaran kan ?
pertama kalian harus punya blog dulu ( WAJIB ), kemudian login dech ke blognya...
tahap - tahap yang harus di lakukan setelah login :

1. Pilih Rancangan
2. Pilih Edit HTML ( biasakan untuk mencentang pada box expand widget template )
3. coba kalian cari kode berikut a:link kalo sudah ketemu silahkan ganti dengan kode di bawah ini:

a:link
{
color:#0000ff;
font-size:10px;
cursor:default;
}

4. belum selesai sampai disitu, sekarang kalian cari kode a:hover, lalu ganti dengan kode ini :

a:hover
{
color:#d2691e;
font-size:19px;
font-style:italic;
cursor:wait;
}

kETERANGAN :
== warna biru menunjukkan warna link
== warna merah menunjukkan ukuran
== warna cokelat menunjukkan font miring ketika link disorot
== warna hijau menunjukkan style mouse pointer, Kamu bisa modif menjadi hand, crosshair, wait, move, text, help dll sesuai dengan pilihanmu.

Jika kalian bingung dengan Kode warna HTML nya bisa dilihat disini atau disini .

jangan lupa SIMPAN TEMPLATE... lihat dech hasilnya.

Cara Membuat Link Berbintang - Bintang Saat Disentuh Cursor

ebelumnya diblog ini juga pernah dibahas cara membuat link berwarna-warni saat disentuh cursor.dan kali ini sedikit berbeda yaitu cara membuat link berbintang-bintang saat disentuh cursor.Penampilan sebuah link akan lebih menarik jika ditambah dengan asesoris berupa bintang yang berkedip. Apalagi jika latar belakang dari link tersebut berwarna gelap, link akan terlihat lebih hidup ketika disorot mouse (bintang berkedip di sekitar link). Trik ini sudah banyak digunakan oleh blog-blog terutama yang memiliki latar belakang gelap.berikut cara membuatnya..selamat menyimak..semoga berhasil....

1. Masuk ke akun Blogger Sobat.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk berjaga-jaga kalau nanti terjadi kesalahan kita dapat dengan mudah mengembalikan template seperti semula.

4. Cari kode yang mirip seperti dibawah ini.

a:hover {

color:#5588AA;

text-decoration:underline;

}

5. Ganti kode #5588AA; dengan kode berikut.setiap template berbeda pokoknya cari yang mirip saja.

{ background-image: url(http://2.bp.blogspot.com/-aV0bs2hN4mQ/TgjEslQT0VI/AAAAAAAAAFs/-ZzE8DyTfpY/s1600/bAA.gif);} 

6. SIMPAN

Membuat Link Warna-warni

link yang berupa teks sangat banyak di blog anda yang berguna untuk navigasi ke halaman lainya misalnya Link Bloggroll, Link Judul Posting, Link Label dan lainya. Nah teks yang terinfeksi Link jika kita letakkan pointer didaerah link tersebut maka warna teks akan berubah sesuai warna yang telah anda atur.
Nah apa jadinya jika link di blog anda memiliki macam-macam warna yang bisa berubah-ubah... wuihhh makin cool aja tuh blog anda, seperi di blog maynanda ini jika anda meletakkan pointer di teks Yang terinfeksi Link (kaya virus aja terinfeksi) maka warnanya akan berubah-ubah.
gimana tertarik gak...? jika iya lihat caranya dibawah

1. Cari Kode <head>
   
2. kemudian taruh kode dibawah tepat dibawah kode <head>
   
   <script src='http://anas.ku93.googlepages.com/rainbow.js'>
   </script>
   
3. Kurang lebih jadinya
   
   <head>
   <script src='http://anas.ku93.googlepages.com/rainbow.js'>
   </script>
   
4. Semudian Save dan Lihat hasilnya ok!