Menambahkan widget Populer Posts ke Blog Anda

Widget ini akan menampilkan beberapa posting dari teman-teman blogger kita yang yang polpuler (postingnya populer..hahaha). Widget ini akan membuat pembaca memiliki banyak pilihan untuk dilihat. Namun agar postingan kita masuk dalam Popular Post sangat lah susah, untuk itu kita harus membuat postingan yang original dan menarik. Untuk hal ini saya sudah memposting bagaimana caranya membuat postingan yang menarik. Satu hal lagi, jangan lupa berdoa sebelum memulai membuatnya (ihhh ini beneran..hehehe).

1.  Login ke Blogger. Go to Dashboard > Design > Add a Gadget. 
2. Pilih Popular Posts.
3. Anda dapat mengatur Popular Posts dalam 3 pilihan :
   - All Time
   
   - Last 30 Days
   - Last 7 Days
   
4. Anda dapat menampilkan judul Post bersama dengan Image Miniatur dan / atau Potongan (deskripsi kecil yaitu posting Anda).
5. Klik Simpan dan drag and drop widget ini di mana Anda inginkan. Mudah kan???

Ini adalah widget yang bagus. Bukankah begitu?. Tapi saya ada beberapa tambahan.
1. Harus ada pilihan untuk memilih berapa banyak postingan harus ditampilkan.
2. Juga harus ada pilihan untuk menunjukkan berapa banyak Page yang ditampilkan.

Read more

Membuat Tag Cloud

Banyak dari teman-teman kita telah membuat  animasi label / tag cloud seperti yang terlihat pada sebagian besar blog Wordpress. Hal ini dikenal sebagai WP Cumulus plugin. Sekarang juga tersedia untuk blog blogger. Pasti banyak dari teman-teman yang lain ingin membuat tag cloud tersebut.

Untuk itu mari kita tambahkan ini ke blog Anda.

1. Masuk ke dashboard Blogger dan pergi ke Desain> Edit HTML. Ingatlah untuk men-download         template penuh untuk cadangan.
2. Pres CTRL F dan mencari atau kode yang mirip

3. Setelah itu paste kode berikut 
<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://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>
 

Selesai!!!

Preview blog Anda untuk tag cloud baru. Ini tersedia pada  bagian Elemen Halaman anda. Anda dapat drag dan drop widget ini ke mana saja lalu.

4. Customization
Lihatlah kode yang diberikan pada langkah 3

240 dan 300 adalah lebar dan tinggi.
ffffff adalah warna latar belakang.

333333 adalah warna teks.

100 adalah kecepatan animasi.
12 adalah ukuran teks. 

Juga download file berikut ini untuk host Anda di Google secara gratis

http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf
dan

http://sites.google.com/site/bloggerustemplatus/code/swfobject.js 

Read more

Merubah Blog BLOGGER Menjadi Web Profesional

Sekarang sebagian besar cowok dan cewek memiliki blog sendiri. Ini adalah hal yang kreatif, karena pastinya seorang blogger akan memberikan sentuhan pribadi untuk merancang blog mereka. Mereka ingin melihat blog mereka benar-benar unik. Di sini saya akan kirim ke beberapa tips dan trik untuk mengubah penampilan dari blog Blogger Anda ke situs web profesional yang baru.

Kita akan mulai dari bagian atas blog Anda.

1. Beralih ke Domain Kustom

Bila Anda menggunakan Blogger Anda menggunakan doamin ini yaitu blogspot.com. Hal ini hadir di setiap URL blog Blogger. Seperti

http://jalan-miring.blogspot.com/

http://ituanu.blogspot.com/

Sekarang ketika Anda mengubah ke domain kustom ini akan terlihat lebih profesional dan menarik lebih banyak pengunjung.

URL di atas akan berubah menjadi

http://www.fun99.co.cc

http://www.ituanu.com

Jika Anda menggunakan domain blogspot dan memiliki Page Rank yang baik maka akan menjadi milik blogspot.com dan tidak blog Anda. Tetapi ketika Anda beralih ke domain custom Page Rank seluruhnya akan menjadi milik ke website Anda.

2. Tambahkan sebuah Favicon

Favicon adalah gambar kecil atau ikon yang muncul di depan:

* URL di address bar

* Tab nama yang dibuka pada browser Anda

* Bookmark / favorit

Secara default adalah favicon blog Blogger. Tapi Anda bisa menambahkan favicon yang Anda inginkan untuk memberikan blog Anda tampilan yang unik.

3. Hapus / Sembunyikan Navbar

Secara default Blogger menawarkan Navbar yang hadir pada Header (judul blog) blog Anda. Menghapus atau menyembunyikan navbar ini akan menambah blog Anda terlihat profesional.

4. Tambahkan menu bar bergaya

Menu bar navigasi memberikan akses mudah ke konten dari website. Dan mereka terlihat baik juga. Sekarang hari bertingkat drop down menu bar juga tersedia untuk Blogger.

5. Gunakan pihak ketiga template

Blogger menawarkan berbagai macam template. Juga sekarang memperkenalkan Designer Template. Tapi ada banyak template blogger yang unik dan elegan dari pihak ketiga untuk dipilih. Sebagian besar penulis blog menggunakan template ini.

6. Hapus Waktu / Date Stamp, Penulis dan lain Post Opsi Halaman

Tanggal dan waktu muncul / di bawah judul posting blog. Saya memberikan solusi mudah. Pergi ke Desain>> Page Elements dan klik Edit dari kotak Blog Posts. Sebuah Mengkonfigurasi Posting Blog jendela akan terbuka. Tanda waktu, tanggal, komentar, penulis, Link ke posting ini, pandangan Anda, Tampilkan Link Posting Email, Tampilkan Berbagi Tombol dan pilihan lain yang Anda tidak ingin ditampilkan di blog Anda. Saya akan menjelaskan prosedur lain dalam topik terpisah.

7. Komentar Ubah Formulir

Blogger itu sendiri memiliki bentuk komentar. Ada beberapa formulir komentar pihak ketiga yang tersedia.

8. Hapus Blog / arsip Post

Arsip Blog menampilkan daftar semua posting dari blog Anda dengan tanggal. Tetapi juga mengambil lebih banyak ruang dan penurunan terlihat profesional. Anda dapat menghapus Blog Archive menggunakan Elemen Halaman. Atau mengubahnya dalam bentuk Flat ataupun Drop Down. Ini bias dilakukan di Page Element.

9. Hapus Langgan: Atom

"Berlangganan: Posting Komentar (Atom)" yang muncul pada setiap halaman dari blog blogger Anda pada halaman utama, halaman posting tunggal dan label / halaman pencarian juga. Atom feed mirip dengan RSS feed, maka akan lebih baik untuk menghapus Berlangganan Untuk menghubungkan Atom Posting dari blog Anda.

10. Posting Lama, Baru Pos dan Link antara mereka

Posting Lama, Baru Posting dan Home Link yang hadir pada setiap Posts Blogger blog hanya di bawah bentuk komentar. Hapus atau Ubah link ini ke teks atau gambar yang Anda inginkan.

Ini adalah beberapa tips dan trik untuk mengubah blog blogger biasa Anda ke situs web profesional.

Selamat mencoba ... Ayo Berjuang …

Read more

Creating 'After the jump' summaries

After the Jump is a feature which lets you create expandable post summaries in your blog posts, so longer posts appear as an intro with a link to Read More Creating jump breaks in your blog posts can be easily done right from the post editor, without the need for any HTML changes. First, decide where in the post you want to create the jump break, and place your cursor in that position:


Once your mouse cursor is placed at the jump point, simply click the Insert Jump Break toolbar icon:


Clicking the icon will insert a grey bar at the cursor point, illustrating where in the post your break will appear. The bar can be dragged though, so you can always re-position it after insertion.

If you don't use the new post editor, you can still insert a jump break in Edit HTML mode by adding where you want to position the jump break.


Once you are set on the jump break's location within the post, you are ready to publish your post. After publishing, you will notice that the Read More link is placed where you set the jump break:


Clicking on the Read More link will then display the full text of the post:


If you feel like changing the Read More text to your own custom phrase, you can easily do this from the Layout | Page Elements tab. Click Edit on the Blog Post widget, and then change the Post page link text to whatever you'd like.



One more note, the Jump Break feature does not change how your post appears in your feed. You can configure post feed options by going to Settings | Basic | Site Feed, and editing Allow Blog Feeds.

Note:For those using a customized third-party template, you will have to add a snippet of code to make Jump Breaks work.
To do this, access your blog's Layout | Edit HTML tab, and first backup your template by clicking the Download Full Template link at the top of the page. This will download an XML version of your template which you can upload later at any time if you need to.
After backing up your template, then click the Expand Widget Templates checkbox, and scan your HTML for the following snippet:


Once you've located that code, paste the following snippet directly below it:

After you've pasted in the code, click Save and then you're done!

Read more