Cara Memasang Tombol Tweet Di Setiap Postingan Blog

Tanpa perlu aku jalaskan di sini, bagi para blogger pasti sudah tidak asing lagi apa manfaat ngetweet blognya di twitter.

Kalau kita ngeblog di wordpress, pasti tombol tweet ini bisa di pasang hanya dengan mengnstall dan mengaktifkan salah satu pluginnya aja. Tapi bagi kita pengguna blogger atau blogspot, cara memasang tombol tweet di setiap pastingan blog kita harus memasangnya secara manual.

Berikut langkah-langkah memasang widget tombol tweet di setiap postingan di blogger atau blogspot:

• Login ke dasbor blogger sobat.
• Klik menu Rancangan.
• Klik Edit HTML.
• Centang Expand Widget Template.
• Carilah kode: <data:post.body/>
• Selanjutnya copy dan paste code di bawah ini tepat sebelum kode di atas.

<div style='float:right; padding:10px 0 0 5px'><script type='text/javascript'>tweetmeme_url = &#39;<data:post.url/>&#39;;tweetmeme_service = &#39;bit.ly&#39;;</script><script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></div>

• Setelah itu klik Simpan Template dan lihat hasilnya.

Nah, beginilah dia cara memasang widget tombol tweet di setiap postingan di blogger atau blogspot dan semoga tutorial atau tips ini bisa membantu.

Read More

Membuat Label Tag atau Tag Cloud Animasi di Blogger

Di blogspot atau di blogger, kalau kita melihat tampilan label tag-nya biasanya tampilannya hanya biasa saja yang hanya menmpilkan widget yang berisi daftar label tag atau tag cloud blog pada umumnya.

Tapi kali ini kita akan berkreasi sedikit dengan kode HTML untuk membuat tampilan blog kita tambah keren dan menarik tentunya yaitu kita akan coba membuat label tag animasi di blogspot. Label tag animasi ini  istilah lainnya adalah blogumus maksudnya adalah jika widget label tag blog kita terkena kursor mouse maka tag blog kita akan bergerak dan berputar dengan sendirinya.

Berikut ini adalah merupakan contoh dari label tag

Oke jika sobat tertarik juga dengan label tag atau tag cloud (blogumus) animasi ini, berikut cara membuatnya:

• Login ke dasbor blog sobat.
• Klik menu Rancangan.
• Pilih Edit HTML.
• Beri tanda centang "Expand Template Widget"
• Sebelum kode ini di masukkan, tolong copy template blog lama Anda dulu, dan pastekan di notepad untuk menjaga-jaga siapa tau template blog sobat tidak mendukung kode ini.
• Cari kode ini: <b:section class='sidebar' id='sidebar' preferred='yes'> (untuk kode, mohon untuk disesuaikan saja, karena tidak semua template memiliki kode yang sama).
• Selanjutnya letakan kode berikut, tepat di bawah kode diatas:

 <b:widget id='Label99' locked='false' title='Label Tag' 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://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://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>

Perhatikan code di atas yang di beri warna, warna biru itu adalah merupakan judul label blog Anda nantinya, warna merah itu adalah merupakan ukuran lebar dan tinggi label cloud atau label tag, warna pink, adalah untuk merubah warna backgroud label tag cloud, dan warna hijau adalah untuk merubah besar kecilnya tulisan di tag/label cloud tersebut.

Catatan!!

Masalah yang sering kali muncul dalam pembuatan label tag atau tag cloud ini, yaitu:

Disebabkan karena file.swf yg sudah error.

Terus tidak semua template mendukung dibuatkan label tag atau tag cloud ini. 

Coba perhatikan link file swf di atas yang di beri warna orange, jika link tersebut error atau tidak berfungsi maka coba diganti dengan file.swf berikit:

http://www.swfcabin.com/swf-files/1275932799.swf

Nah, begitulah dia cara membuat label tag atau tag cloud atau istilah lainnya blogumus, dan sekarang silahkan percantik tampilan blog Anda dengan label tag animasi ini.

Read More

Kode HTML Warna

Kode HTML warna aku rasa masih banyak di antara sobat yang belum tau (wach tentu saja siapapun dia pasti gak mungkin menghafal kode HTML warna itu satu persatu). :) Nach untuk itu kalau sobat mau mengedit warna backgroung blognya atau warna teks blognya, berikut ini adalah merupakan kode HTML masing-masing warna.

Cara menggunakan atau cara mengetahui apa kode HTML warna tersebut, silahkan klik warna yang di kehendaki, lalu perhatikan di bagian bawahnya nanti akan tertulis kode HTML warna apa yang sobat klik.

Kode warna yang terpilih :

Nah itulah dia kode HTML warna untuk mengedit backgroud, tulisan atau gambar blog kita. Sekali lagi cara menggunakannya, silahkan klik warna yang di inginkan lalu perhatikan di bagian bawah tepatnya di dalam kotak Kode warna yang terpilih.

Read More

Pengertian dan Manfaat SiteLink

Diantara sobat pasti ada yang belum tau apa itu pengertian sitelink serta manfaat sitelink. Oke untuk lebih jelasnya biar aku paparkan sedikit di bawah ini.

Arti atau pengertian sitelink adalah merupakan kumpulan beberapa link dari situs atau blog yang ditampilkan di halaman pencari seperti google. Sitelink ini akan muncul kalau sobat mencoba searching di google dengan mengetikkan nama domain sobat saja tanpa tanda titik .(dot)com pada kotak pencarian.

Manfaat sitelink yaitu dengan adanya sitelink, maka bisa memberi kita dominasi keyword tertentu, yang artinya posisi blog kita akan paling teratas dengan keyword tertentu yang akan sulit digeser oleh blog lain. Dan dengan adanya sitelink itu, itu berarti google menganggap kalau blog kita itu banyak konten-konten yang di anggap penting, dan termasuk dalam golongan blog yang rajin posting.

Biasanya blog yang mendapat sitelink adalah blog yang sudah mempunyai umur. Dan menurut para blogger, sitelink itu adalah merupakan sebuah gengsi tersendiri bagi para webmaster/blogger itu sendiri.

Nah itu dia pengertian sitelink serta manfaat sitelink di blog yang sangat didamba-dambakan oleh blog baru. Hahahahahahhh..... :)

Read More

Membuat Internal Link Otomatis di Blogspot

Membuat internal link otomatis pada postingan blog, bukan hanya bisa di lakukan di wordpress melainkan  membuat internal link otomatis di blogger atau blogspot juga bisa. Hanya saja bedanya kalau di wordpress bisa di lakukan dengan cara menginstal plugin seperti plugin ALRP, sementara di blogger atau blogspot kita harus melakukannya secara manual.

Mungkin blogger yang masih pemula pasti belum tau apa guna atau manfaat internal link. Internal link sangat penting yaitu disamping untuk memperkuat keyword pada suatu postingan, internal link juga sangat bagus untuk tehnik SEO.

Salah satu cara membuat internal link otomatis pada blogger sebagai berikut:

• Login ke dasbor blogger atau blogspot Anda.
• Klik menu Rancangan.
• Lalu klik Edit HTML.
• Centang Expand Widget Templates.
• Cari kode <data:post.body/>

Lalu masukan kode Internal Link Otomatis di bawah ini tepatnya di bawah kode di atas: 

<b:if cond='data:blog.pageType = &quot;item&quot;'>Terima kasih atas kunjungan Anda pada postingan:<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>. Mungkin Anda tertarik ingin membaca artikel &#169;<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> yang lainya?</b:if>

• Setelah itu silahkan klik SIMPAN TEMPLATE.

Nah sekarang silahkan buka salah satu judul artikel Anda dan lihat hasilnya. Mudahkan membuat internal link otomatis di blogger atau blogspot?

Ket: Anda juga bisa mengkreasikan dengan kata-kata Anda sendiri dengan mengganti tulisan " Terima kasih atas kunjungan Anda pada postingan" dan  "Mungkin Anda tertarik ingin membaca artikel" serta  "yang lainya?" di atas sesuai dengan keinginan anda.

Read More

Membuat Tampilan Link Bergerak Saat di Lewati Kursor

Sobat pasti Anda pernah melihat di blog seseorang diman apabila link tersebut tersentuh kursor maka link tersebut akan bergerak..

Nah, untuk membuat tampilan link bergerak saat di lewati kursor seperti itu, kali ini, kita akan membahas cara membuatnya.

• Pertama login ke Blogspot anda.
• Klik menu Rancangan.
• Kemudian klik Edit HTML.
• Jagan lupa untuk Centang Expand Template Widget.
• Silahkan cari kode ini </head>.
• Setelah ketemu, silahkan copy kode berikut dan letakkan diatas kode </head> di atas.

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

$(document).ready(function() {

$(&#39;a&#39;).hover(function() { //mouse in

$(this).animate({ marginLeft: &#39;12px&#39; }, 400);

}, function() { //mouse out

$(this).animate({ marginLeft: 0 }, 400);

});

});</script>

• Setelah itu silahkan klik SIMPAN TEMPLATE.

  Sekarang silahkan buka blog Anda dan coba arahkan kursor Anda di salah satu link yang ada di blog Anda dan lihat perubahannya. Sekian cara  membuat tampilan link bergerak saat di lewati kursor dan ini hanya berlaku di blogspot atau blogger.

Read More

Cara Membuat Judul Posting Berjalan di Blogspot

Cara Membuat Judul Posting Berjalan di Blogspot atau blogger sebelumnya pernah kita bahas di sini, namun sekarang kita akan bahas dalam versi lain. Cara ini hanya berfungsi untuk blogspot atau blogger, sementara di wordpress tentu saja caranya lain.

Berikut cara membuat judul teks berjalan pada postingan atau artikel bergerak di blogger:

• Pertama log in dulu di blogger.com.
• Pilih menu Rancangan.
• Pilih Edit HTML.
• Centang Expand Template Widget dan back up dulu template dengan cara copy seluruh template lama Anda dan simpan di Notepad, dan baru Anda paste code yang di bawah ini.
• Cari kode seperti di bawah ini :

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


Atau seperti kode di bawah ini:



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

• Lalu ganti dengan kode di bawah ini :

<b:if cond='data:post.title'> <h3 class='post-title entry-title'><marquee behavior='alternate' onmouseout='this.start()' onmouseover='this.stop()'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'><a expr:href='data:post.url'><data:post.title/></a><b:else/> <data:post.title/> </b:if> </b:if> </marquee> </h3></b:if>

• Setelah itu silahkan klik SIMPAN TEMPLATE. 

Nach demikian tutorial singkat tentang cara membuat judul posting berjalan di blogspot atau blogger, dan semoga tutorial ini bisa bermanfaat untuk sobat semua.

Read More