Anggasona | Tutorial Blog | Tips SEO | Hotnews

Promosi Lapak Dagangan [Batik Antik | Batik Kuno | Batik Lawas]

noreply@blogger.com (Anggasona) — Sun, 04 Dec 2011 00:25:24 PST

Sudah lama rasanya saya tidak mengecek dan mengunjungi Blog yang sejak pertengahan tahun 2010 ini saya buat, karena memang saat ini situasi dan kondisinya yang sudah agak sulit saya lakukan, terutama masalah waktu yang terkadang mepet (disibukkan dengan aktivitas hunting ke luar kota dan sebagainya).

Mohon maaf yang sebesar-besarnya kepada teman-teman sekalian yang sampai hari ini masih menyempatkan waktunya berkunjung, melihat, membaca dan mengomentari postingan-postingan yang sudah pernah saya buat, saya dengan keterbatasan waktu yang saya miliki belum bisa berkunjung balik, follow & membuat artikel yang baru lainnya.

Oke, salah satu kerjaan saya saat ini adalah Menyukai - Mencoba Memiliki - Mengkoleksi - Memelihara - serta Jual - Beli : Batik Antik | Batik Kuno | Batik Lawas

Kenapa harus Batik ? :)

Seperti yang kita ketahui bersama, Batik saat ini bukan hanya sekedar selembar kain yang kita tenteng kesana kemari sebagai pelengkap busana, namun pada setiap lembar batik terdapat suatu nilai (SEJARAH & CERITA).

Tidak semua kain bermotif punya SEJARAH & CERITA, tapi BATIK sangat berbeda. Itu adalah salah satu alasan saya kenapa saya suka/senang dengan Batik, terutama Batik yang usianya sudah TUA (ANTIK/KUNO/LAWAS).

Batik ANTIK/KUNO/LAWAS tentunya dari sisi usia setidaknya berumur minimal 15 tahun - 100 tahun lebih, tentu dari sisi umur yang terbilang tua ini bisa kita simak sekilas bagaimana perjuangan dan cerita orang-orang yang membatik dulu, mulai dari kesulitannya, pewarnaannya, waktunya, perawatannya dan tekniknya sehingga pada beberapa waktu berikutnya hadir beberapa maestro Batik kenamaan yang memiliki nilai khas & cerita masing-masing pada kain batik buatannya.

(Note: Info lengkap tentang maestro & motif-motif batik bisa teman-teman search di Google yah)

Nah, mungkin dari sekian banyak teman-teman saya ini, mungkin salah satu atau lainnya ada yang senang dengan Batik ANTIK/KUNO/LAWAS ini, dan bisa jadi ada yang berminat untuk mengkoleksinya. Tidak ada salahnya juga untuk teman-teman yang lainnya melihat Lapak Dagangan saya yang khusus Menjual Batik ANTIK/KUNO/LAWAS.

Berminat untuk mengkoleksinya ?

Monggo, teman-teman semua bisa mampir ke:

Terminal Batik | Batik Antik | Batik Kuno | Batik Lawas

(Jangan lupa di Bookmark ya nanti...)

Namun maaf sebelumnya, berhubungan Blog Lapak Dagangan ini 100% murni untuk Berdagang, jadi saat ini tidak menerima Tukeran Link yah, harap pengertiannya dari teman-teman semua. Blogwalking & Silaturahmi monggooo dilanjutkan, Insyallah jika waktu memungkinkan saya akan berkunjung ke Blog teman-teman sekalian semuanya :)

Terimakasih... Salam Batik ^.*

Persiapan Mudik dan Selamat Hari Raya Idul Fitri 1431 H

noreply@blogger.com (Anggasona) — Sat, 04 Sep 2010 16:00:35 PDT

Hmmm... Tidak terasa ya teman-teman sebentar lagi sudah mau Lebaran Idul Fitri 1431 H (h-5), sudah 25 hari juga kita melewati Puasa di bulan Ramadhan ini, tentunya banyak sekali ujian dan cobaannya :)

Nah, berhubung nanti sore tgl 05 Sept 2010 jam 18.30 wib nanti saya mau mudik (pulang kampung), tepatnya ke kota Belinyu - Bangka Belitung.

Makanya saya mau nyolong start dulu buat ucapan Selamat Hari Raya IDul Fitri 1431 H untuk semua teman-teman (sobat dan sahabat) blogger yang merayakannya, maklum di sana nanti bakal jauh dari yang namanya internet

Berarti nanti selama saya mudik blog ini untuk sementara waktu belum update artikel dan tentunya belum bisa blogwalking rutin ke blog teman-teman, mohon maaf ya teman-teman... :)

Oiy. saya mau cerita sedikit, perjalanan mudik saya nanti akan dimulai dengan naik Kereta Api 'Senja Utama Jogja' di Stasiun Tugu Yogyakarta sampai Jakarta lanjut lagi dengan Pesawat 'Sriwijaya' dan mendarat di Kota Pangkal Pinang...ups belum sampai teman-teman, masih lanjut lagi naik mobil 2 jam baru deh sampai ke rumah, doain saja ya teman-teman agar perjalanan mudik saya bisa selamat sampai tujuan, amin. :)

Ok, buat teman-teman yang mau mudik, saya juga mau ucapin met mudik aja ya, hati-hati di perjalanan, ingat tips-tips mudik yang saat ini sering disampaikan di televisi, radio dan suratkabar, semoga perjalanan mudiknya menyenangkan dan selamat sampai tujuan, salam untuk kerabat keluarga di sana :)

Akhir kata saya ucapkan Terimakasih untuk teman-teman semua, mohon maaf yang sebesar-besarnya apabila selama ini saya ada salah-salah perilaku (ucapan, komentar, artikel) yang tidak berkenan di hati teman-teman, kita mulai dari 0 lagi ya ? hehehe...

Saya 'ANGGASONA' dan segenap keluarga besar saya mengucapkan:

Minal Aidin Walfaidzin, Mohon Maaf Lahir dan Bathin, SELAMAT HARI RAYA IDUL FITRI 1431 H... :)

Salam...

Membuat Teks Ucapan Terimakasih Untuk Komentator di Form Komentar

noreply@blogger.com (Anggasona) — Sat, 04 Sep 2010 14:29:41 PDT

Membuat Teks Ucapan Terimakasih Untuk Komentator di Form Komentar merupakan salah satu cara kita selaku admin blog memberikan apresiasi terhadap para pengunjung yang sudah memberikan komentarnya di artikel blog.

Mungkin saja kita tidak sempat untuk membalas komentarnya satu-satu maka dengan teks ucapan terimakasih ini bisa sedikit mewakili rasa terimakasih untuk mereka yang sudah meluangkan waktunya untuk memberikan komentarnya.

Selain itu, tampilan pada form komentar pun akan terlihat lebih atraktif.

lihat pict

Ok, untuk membuatnya silahkan ikuti langkah-langkah di bawah ini:

1. Login ke akun blogspot,
2. Klik Design/Rancangan >> Edit HTML >> Klik Expand Templates Widget,

3. Lalu cari kode berikut (Ctrl F):
<p><data:comment.body/></p>

(akan terdapat 2 buah kode yang sama, pilih kode yang kedua)

Kode lengkapnya seperti ini:

<p><data:comment.body/></p>
</b:if>
</dd>

4. Selanjutnya selipkan kode di bawah ini persis berada di bawah kode tadi:

<span style='color: rgb(255, 102, 0);font-size:85%; float: left;'><span style='font-style: italic;'>Terimakasih Untuk Komentar Teman-teman Pada Artikel Ini...</span></span><b><span style='color: rgb(255, 102, 51);font-size:90%;'><b> by Anggasona </b></span></b>

5. Hasil akhirnya menjadi seperti ini:

<p><data:comment.body/></p>
</b:if>
</dd>

<span style='color: rgb(255, 102, 0);font-size:85%; float: left;'><span style='font-style: italic;'>Terimakasih Untuk Komentar Teman-teman Pada Artikel Ini...</span></span><b><span style='color: rgb(255, 102, 51);font-size:90%;'><b> by Anggasona </b></span></b>

</b:if>

6. Sebelum di save, silahkan di edit dulu beberapa keterangan berikut:

a. Ubah warna teks ucapan terimakasihnya sesuai selera (kode warna RGB lihat di sini) dengan mengganti tulisan yang berwarna merah,
b. Ubah kata-kata ucapannya sesuai keinginan teman-teman,
c. Ganti tulisan yang berwarna pink dengan nama teman-teman (admin blog),
d. Ubah besar kecilnya tulisan dengan mengubah font size ... % .
e. Untuk membuat teks ucapannya kedap kedip silahkan tambahkan kode: <blink>Terimakasih Untuk Komentar Teman-teman Pada Artikel Ini...</blink>

7. Jika sudah klik Save Templates dan lihat hasilnya.

Seperti itulah teman-teman bagaimana cara Membuat Teks Ucapan Terimakasih Untuk Komentator di Form Komentar, semoga bisa bermanfaat dan selamat mencoba. Salam...

Widget Popular Post Berdasarkan Pageview dan Blog Stats (Total Pageview), Fasilitas Terbaru Blogger [NEW]

noreply@blogger.com (Anggasona) — Thu, 02 Sep 2010 15:41:52 PDT

Met pagi teman-teman semua, bagaimana kabarnya hari ini? Sepertinya masih pada semangat ya puasanya? hehehe :D

Ok, hari ini saya ada ada informasi menarik dan tentunya kabar baik nih untuk teman-teman blogger khususnya pengguna platform blogspot, sekarang blogger.com sudah menambah 2 gadget (widget) baru untuk blogger, yaitu Widget Popular Post Berdasarkan Pageview dan Blog Stats (Total Pageview), Fasilitas Terbaru Blogger [NEW].

lihat pict (Popular Post)

lihat pict (Blog Stats)

Nah, tentunya 2 fasilitas ini sudah lama kita tunggu-tunggu karena mungkin sebelumnya kita harus menggunakan widget pihak ke-3 untuk mengoptimalkan widget tersebut.

Note: Untuk mengakses widget Popular Post dan Blog Stats sementara waktu ini kita harus melalui: draft.blogger.com jadi bukan blogger.com

Langkah-langkah instalasi:

1. Setelah login ke akun blogspot, silahkan buka tab baru dan ketikkan: http://draft.blogger.com/

2. Jika sudah, lakukan instalasi seperti biasa: Klik Design/Rancangan >> Page Element >> Add a Gadget,

3. Setelah itu akan muncul 2 widget teratas (new),

lihat pict

4. Untuk menu Widget Popular Post berdasarkan Pageview, kita akan diberikan opsi untuk editing, silahkan disesuaikan saja sesuai kebutuhan, di sini kita juga bisa menampilkan image thumbnail (gambar artikel) saja atau juga snippet (deskiripsi singkat).

lihat pict

5. Untuk menu Widget Blog Stats, kita juga bisa melakukan editing untuk Style nya dan Style Option, sesuaikan saja sesuai dengan keinginan teman-teman. Blog Stats ini adalah Total Pageview keseluruhan.

lihat pict

6. Jika sudah, maka sekarang klik Save dan lihat hasilnya.

Review widget dari saya:

Widget ini adalah bawaan blogger, sehingga hasilnya lebih akurat, instalasi pun bisa kita lakukan dengan mudah, walaupun harus melalui blogger in draft. Mungkin sedikit kekurangannya adalah pada style yang menurut saya masih belum atraktif (khusus untuk Popular Post) dan tidak adanya count jumlah total pageviewnya per post.

Ok, itulah informasi Widget Popular Post Berdasarkan Pageview dan Blog Stats (Total Pageview), Fasilitas Terbaru Blogger [NEW] yang ingin saya sampaikan pada teman-teman semua, semoga bisa membawa angin segar untuk kita (blogger pengguna blogspot) agar bisa lebih optimal lagi blognya. Tentunya bisa di coba di blog masing-masing. Salam...

Membuat Halaman Full Post (Penuh) Tanpa Sidebar

noreply@blogger.com (Anggasona) — Thu, 02 Sep 2010 03:32:43 PDT

Sebelumnya saya mau mengucapkan terimakasih dulu untuk beberapa sahabat blogger saya karena sudah mempercayakan kepada saya untuk request beberapa tutorial seputar blogging, jika kemaren dari sahabat Ndolem maka kali ini saya ingin menjawab request dari sahabat Mas Ferdinand (http://dj-site.blogspot.com/).

Beberapa tutorial mungkin belum saya postingkan, bukan karena pilih kasih tetapi ilmu pengetahuan saya juga baru akan berkembang, jadi tutorial yang saya kuasai dulu dan yang sudah saya praktekkan yang akan saya postingkan untuk teman-teman semua.

Ok, kali ini saya ingin share tentang bagaimana cara Membuat Halaman Full Post (Penuh) Tanpa Sidebar, sesuai dengan request mas Ferdinand.

Halaman Full Post (Penuh) Tanpa Sidebar sebenarnya dibuat untuk beberapa alasan, salah satunya adalah untuk menambahkan Embed Forum (cth: Aplikasi Forum Submit Artikel - Nabble), di mana di dalam blog harus memiliki tempat yang sedikit luas agar ruang forum terlihat PAS, tidak kecil. (bisa juga untuk yang lainnya).

Kelebihan: Trik ini hanya untuk halaman tertentu saja, jadi bukan secara keseluruhan halaman, jadi kita bisa memilih sendiri posting yang mana yang harus dibuat dalam 1 halaman penuh tanpa sidebar.

Kekurangan: Teman-teman harus sedikit extra kerja keras, tentunya TELITI agar trik ini bisa berjalan dengan baik di blog teman-teman :D

Buat teman-teman yang ingin mencoba Membuat Halaman Full Post (Penuh) Tanpa Sidebar, silahkan ikuti langkah-langkah di bawah ini:

Sebelum melangkah, kita harus mengetahui dulu 2 kode penting dalam trik ini:

Kode Sidebar:

a. Jika hanya 1 sidebar: #sidebar{ atau #sidebar-wrapper {

b. Jika lebih dari 1 sidebar: #sidebar-wrapper, #mid-sidebarleft, #mid-sidebarright, #sidebar-bottom { atau #sidebar-leftwrap { , #sidebarright {

Kode Area Posting (Post): #main-wrapper {

Ok, masing-masing dari kode Sidebar dan Area Posting di atas memiliki lebar (width) yang berbeda, lihat ilustrasi di bawah ini:

Cari tahu dulu berapa lebar header blog masing-masing, saya contohkan milik saya adalah 900px, lalu lebar area posting (#main-wrapper {) adalah 580px dan sidebar (#sidebar-wrapper) adalah 260px.

Total lebar antara Sidebar dan Area Posting adalah 840px, sisanya adalah 60px itu untuk batas margin/border. Nah lebar dari total itulah yang akan kita gunakan sebagai halaman full post yaitu 840px (selanjutnya kita sebut #main-wrapper {).

1. Login ke akun blogspot,
2. Klik Design/Rancangan >> Edit HTML >> Klik Expand Templates Widget,
3. Cari kode berikut: </head>

4. Tambahkan kode di bawah ini dan taruh di atas kode tadi:

kode untuk blog 1 sidebar:

<b:if cond='data:blog.url == "http://demotutorialanggasona.blogspot.com/2010/09/blog-demo-anggasona-test-post-1.html"'>
<style>
#sidebar-wrapper {
display: none !important;
}
#main-wrapper{
width: 840px;
}
</style>
</b:if>

kode untuk blog 2 sidebar atau lebih:

<b:if cond='data:blog.url == "http://demotutorialanggasona.blogspot.com/2010/09/blog-demo-anggasona-test-post-1.html"'>
<style>
#sidebar-wrapper, #mid-sidebarleft, #mid-sidebarright, #sidebar-bottom {
display: none !important;
}
#main-wrapper{
width: 840px;
}
</style>
</b:if>

Note: Untuk kode sidebar harap disesuaikan saja, tiap templates terkadang berbeda. Tugas kita adalah menyembunyikan sidebar, apabila ada lebih dari 2 sidebar, maka masukkan id sidebarnya dipisahkan dengan koma, sesuai ket di kode untuk blog 2 sidebar atau lebih di atas.

5. Keterangan:

- Silahkan ubah tulisan yang berwarna biru tua dengan alamat url salah satu halaman/postingan teman-teman yang ingin dibuat full post (penuh tanpa sidebar).

- Perhatikan kode width main wraper (warna hijau), harap diubah sesuai dengan lebar total sidebar dengan area posting blog masing-masing.

6. Jika sudah klik Save Templates dan lihat perubahannya.

lihat DEMO

Seperti itulah teman-teman bagaimana caranya Membuat Halaman Full Post (Penuh) Tanpa Sidebar, semoga saja tutorial ini bisa menjawab request dari Mas Ferdinand, dan buat teman-teman yang lainnya silahkan mencoba. Salam...

Mencantumkan Sumber/Referensi, Tidak Akan Membuat "Anda" Terlihat Bodoh !

noreply@blogger.com (Anggasona) — Sat, 04 Sep 2010 13:04:25 PDT

Sebenarnya ini adalah artikel uneg-uneg saya teman-teman, tidak mengapa kan sesekali saya bercerita sedikit di luar tema blog ini, hehehe :D

Begini, sesuai judul di atas yaitu Mencantumkan Sumber/Referensi, Tidak Akan Membuat "Anda" Terlihat Bodoh !, saya sekarang menjadi dilema sendiri, di satu sisi saya pribadi ingin berbagi informasi dengan teman-teman semua, tapi di sisi lain informasi tersebut malah di copas dengan sistem kebut tayang, boro-boro cantumin sumber, minimal referensi dari siapa itupun tidak ada.

Saya sebenarnya tidak masalah apabila semua artikel di dalam blog ini ada yang mau copas, tapi ya kembali lagi ke masalah etika, cantumkan sumbernya atau referensinya dari siapa. :)

Saya juga apabila ada mengambil contoh tutorial dari para senior ya pasti saya tuliskan dari siapanya, misal Kang Abu Farhan dan Bang Baraja (Table of Content), lalu Back To Top jQuery milik Kang Rizky dan lain sebagainya, karena saya punya pemikiran bahwa misalkan saya mencantumkan nama mereka toh blog saya ini tidak akan sepi pengunjung (bukan saya sombong lho, hanya saja saya bingung harus menulis apa) atau dipandang hina kok, tapi malahan saya bangga karena sudah JUJUR pada teman-teman semua.

Beberapa hari kemarin saya iseng-iseng cek beberapa keyword artikel blog saya di Google dan alhasil saya menemukan beberapa artikel yang mulai dari JUDUL sampai paragraph akhir mirip plek dengan artikel saya, lalu barusan iseng-iseng juga (rencana ingin blogwalking, akhirnya tidak jadi) saya lihat ada blog yang saya rasa blog dengan sistem kebut tayang dan isinya ya bisa saya katakan bahasa dengan gaya milik saya.

Tapi saya tidak menegurnya, karena akan banyak membuang waktu dan energi saya selama bulan puasa ini. :D

Kenapa saya tahu bahwa itu bahasa dan gaya milik saya? Bisa teman-teman perhatikan semua artikel di dalam blog ini:

1. Saya tidak pernah menulis dengan nama sobat atau anda ataupun sahabat, pasti akan saya tulis teman-teman apabila saya ingin menunjukkan objek yang ingin saya sebut,

2. Beberapa kode script tutorial di dalam blog ini sudah dimodifikasi, karena saya sendiri tidak mau menelan mentah-mentah semua tutorial tanpa saya praktekkan dan diedit terlebih dahulu, sehingga apabila ada kesamaan saya tahu bahwa script yang dicopy itu adalah hasil editan saya,

3. Karena artikel itu adalah hasil saya mengetik sendiri dengan berimajinasi secara kreatif jelas saya pasti tahu 100% bahwa artikel yang dicopas itu adalah milik tulisan saya.

Untuk kode script tutorial saya tidak ambil pusing, karena memang untuk dicopas di dalam blog ini, yang jadi masalahnya hanya kata-kata pengantar, tengah dan akhir + gambar yang dengan capek dan susah saya buat dan akhirnya dicopas mentah-mentah :(

Menulis itu susah, buat otak bekerja keras untuk menulis habis kalimat ini apa ya, kalau saya tulis begini apa teman-teman mengerti apa tidak ya, betul tidak tuh? :D Informasi jelas untuk dibagi (share), tapi cara berbaginya pun harus ada cara yang baiknya.

Saya bukan BENCI yang namanya copas, karena saya pun memahami semua butuh proses untuk belajar menulis, tapi kita juga harus ingat bahwa yang di atas Allah swt sudah memberikan kita otak yang gunanya untuk berfikir dengan cara dan gaya masing-masing, agar kita bisa berkreasi secara kreatif, jika tidak diasah mulai sekarang dengan bahasa dan gaya sendiri maka sampai kapanpun tidak ada artikel yang original hasil sendiri.

Jika hanya mengganti gambar dan meng-CUT beberapa kata saja dan masih meninggalkan jejak aslinya itu TANGGUNG kreatifnya, apabila memang mau copas dengan kreatif saya punya saran:

1. Silahkan edit judul artikelnya dengan judul yang berbeda tapi tetap memiliki makna dan maksud yang sama,
2. Silahkan edit mulai dari paragraph pertama sampai akhir dengan gaya dan bahasa masing-masing, jadi artikel yang akan dicopas itu hanya sebagai referensi,
3. Cari 3-4 artikel yang memiliki topik atau maksud yang sama, lalu simpulkan dengan gaya dan bahasa sendiri sehingga hasilnya akan lebih menarik,
4. Untuk gambar silahkan capture sendiri (tentunya harus praktek dulu),
5. Jangan pernah meninggalkan satu paragraph pun yang masih copas agar tidak ketahuan sang pemilik blog aslinya.

Saya pun tidak akan membuat blog ini "Dilarang Klik Kanan" atau "tidak bisa dicopas", sungguh egoisnya saya apabila saya melakukan hal tersebut, hmmm... :?

Yasudahlah, di bulan puasa yang penuh barokah dan pahala ini saya jadikan pengalaman saja untuk saya sendiri agar bisa belajar sabar dan lebih sabar lagi. Saya hanya mau pesan untuk beberapa dan segelintir orang yang masih dengan "sistem kebut tayangnya" untuk lebih KREATIF lagi.

Lagian, seperti judulnya Mencantumkan Sumber/Referensi, Tidak Akan Membuat "Anda" Terlihat Bodoh !, malah kita akan terlihat santun, rendah diri dan JUJUR dengan para pengunjung. Dengan tidak Mencantumkan Sumber/Referensi dari hasil artikel copas malah kita terlihat sok pintar dan akhirnya apa, blog kita memang akan sungguh-sungguh ditinggalkan.

Tulisan ini bukan untuk menyinggung siapa-siapa, ini adalah pembelajaran untuk semua termasuk saya. Semoga tulisan ini bisa dianggap sebagai MOTIVASI kita masing-masing, amin. Salam...

Cara Menambah Footer 3 Kolom di Blogspot

noreply@blogger.com (Anggasona) — Wed, 01 Sep 2010 09:18:57 PDT

Kebetulan sekali malam ini sebenarnya saya mau posting tentang bagaimana Cara Menambah Footer 3 Kolom di Blogspot, nah pas cek komentar di salah satu artikel saya ada sahabat blogger (Ndolem: http://www.ndolem.com/) request tentang Footer tadi.

Menambah footer entah itu 2 kolom, 3 kolom atau 4 kolom di bawah postingan sudah menjadi hal yang umum, jika berbicara tutorial sudah banyak juga yang buat, tetapi terkadang beberapa kode yang disebutkan tidak dapat ditemukan (karena templates tidak support) atau bisa jadi ada perbedaan kode, sehingga mengurungkan niat untuk membuat footernya.

Nah, anggap saja ini adalah Alternatifnya (apabila teman-teman ingin membuat footer tapi harus mengganti kode tapi kode yang dimaksud tidak ada) karena kita tidak perlu menghapus tetapi hanya menambahkan saja.

Fungsi:

Footer (3 kolom) digunakan untuk membuat space di dalam blog agak luas di bagian bawah sehingga tidak membuat sisi sidebar penuh (karena tambahan widget ini dan itu).

Kebetulan templates blog saya yang sekarang ini sebelumnya tidak memiliki footer sehingga saya harus menambahnya secara manual, dan caranya seperti di bawah ini.

Ok, buat teman-teman yang ingin Menambah Footer 3 Kolom di Blog nya, silahkan ikuti langkah-langkah di bawah ini:

1. Login akun blogspot,
2. Klik Design/Rancangan >> Edit HTML >> Klik Expand Templates Widget,
3. Lalu cari kode berikut: ]]></b:skin>

4. Tambahkan kode di bawah ini persis berada di atas kode tadi:

/* bottom
---------------------------- */ #bottom {
width: 900px;
position: relative;
clear:both;
margin: 0 auto;
color:#fff;
float: left;
background: transparan;
padding: 15px 0 15px 0;
}
#bottom h2 {
text-align:center;
padding: 5px 0 2px 0;
margin: 0 0 10px 0;
color:#AEB404;
font-size: 24px;
letter-spacing: -1px;
border-bottom: 1px solid #fff;
}

#bottom ul {
padding: 0;
margin: 0;
}
#bottom ul li {
line-height: 26px;
list-style-type: none;
border-bottom: 1px dashed #AEB404;
}
#bottom ul li a {
display: block;
padding: 0 10px;
color:#0701FD;
text-decoration: none;
}
#bottom ul li a:hover {
background: transparan;
}

#left-bottom { /* kode kolom footer kiri */
width: 32%;
float: left;
padding-left:10px;
}
#center-bottom { /* kode kolom footer tengah */
width: 32%;
float: left;
padding-left:10px;
}
#right-bottom { /* kode kolom footer kanan */
width: 32%;
float: left;
padding: 0 5px 0 10px;
}

5. Teruskan dengan mencari kode berikut:

<div id='footer-wrapper'>

atau

<div id='footer'>

(biasanya ada di atas kode </body>)

6. Dan tambahkan kode di bawah ini persis berada di atas kode tadi:

<div id='bottom'> <b:section class='bottom' id='left-bottom'/>
<b:section class='bottom' id='center-bottom'/>
<b:section class='bottom' id='right-bottom'/>
</div>

7. Jika sudah klik Save Templates (lihat perubahan sementara pada bagian Page Element).

Note:

Harap diperhatikan kode-kode yang saya beri warna di atas:

a. Untuk kode width: 900px; harap disesuaikan dengan lebar header blog masing-masing (kode: #header {), jika lebar header 660px, maka diganti width nya 660 px,

b. Untuk merubah warna judul Footer harap ganti pada kode #bottom h2 { ..... color:#AEB404; [kode warna bisa dilihat di menu tab di atas]

c. Lalu perhatikan kode di bawah ini:

#left-bottom { /* kode kolom footer kiri */
width: 32%;
float: left;
padding-left:10px;
}
#center-bottom { /* kode kolom footer tengah */
width: 32%;
float: left;
padding-left:10px;
}
#right-bottom { /* kode kolom footer kanan */
width: 32%;
float: left;
padding: 0 5px 0 10px;
}

Harap disesuaikan width nya untuk memberi jarak pada masing-masing element, misal total width-nya 100%, maka kita beri jarak masing-masing dengan total 4%, maka sisanya adalah 96%, lalu kita bagi sehingga masing-masing element mendapat luas 32%.

Nah, seperti itulah teman-teman bagaiman Cara Menambah Footer 3 Kolom di Blogspot, semoga cara ini bisa bermanfaat dan diterapkan di blog masing-masing, selamat mencoba. Salam...

Membuat Judul Sidebar Widget Rata Tengah (Center Positions)

noreply@blogger.com (Anggasona) — Wed, 01 Sep 2010 02:37:03 PDT

Met sore teman-teman semua, berhubung internet di rumah lagi hancur (lemot kayak siput, quota habis), akhirnya update artikel nya di warnet sambil menunggu waktunya buka puasa, mayan juga ambil PaHe 3 jam 5 ribu, hehehe :D

Ok, hari ini saya ingin share kepada teman-teman semua tentang bagaimana cara Membuat Judul Sidebar Widget Rata Tengah (Center Positions), menarik bukan?

Begini, terkadang untuk sebagian besar templates bawaan default untuk semua posisi Judul berada di Rata Kiri (Left Positions) termasuk templates saya yang sekarang ini, tetapi kalau bagi mata saya (khusus untuk judul sidebar widget) rata kiri tidak enak untuk dilihat (note: berbeda orang beda pendapat).

Nah, karena penampilan blog selalu menjadi perhatian saya (blog terlihat klop secara keseluruhan) agar bisa juga dinikmati dengan nyaman khususnya oleh teman-teman dan umumnya untuk para pengunjung, maka saya pun mengambil inisiatif mencari cara bagaimana agar Judul Sidebar Widget tersebut berada di rata tengah.

lihat pict

Bagi teman-teman semua yang ingin membuat Judul Sidebarnya berada di Rata Tengah, silahkan ikuti langkah-langkah di bawah ini:

1. Login akun blogspot,
2. Klik design/rancangan >> Edit HTML >> klik Expand Templates Widget,
3. Lalu cari kode berikut: .sidebar h2 {

Kode tambahan (untuk membuat menjadi rata tengah): text-align:center;

Ket:

- Apabila diurutan kode tersebut sudah terdapat kode: text-align:left; maka yang hanya diubah adalah tulisan 'left' nya diganti menjadi 'center',

- Apabila kode: text-align:left; nya tidak ada maka tambahkan kode: text-align:center; berada setelah kode: .sidebar h2 {

4. Jika sudah, sekarang bisa klik Save Templates.

Note:

Cara ini juga bisa digunakan untuk Judul Widget pada Footer, langkah-langkahnya juga sama seperti di atas, teman-teman hanya perlu mencari kode: #footer { atau id.footer atau #bottom h2 { (disesuaikan saja, tiap templates berbeda). Lalu bisa juga untuk Judul Postingan, silahkan cari kode .post h3 {

Seperti itulah cara Membuat Judul Sidebar Widget Rata Tengah (Center Positions), semoga bisa bermanfaat dan selamat mencoba. Salam...

Cara Membuat Scroll Pada Komentar Versi 2

noreply@blogger.com (Anggasona) — Tue, 31 Aug 2010 02:54:54 PDT

Sambil menunggu waktu buka puasa saya ingin share lagi kepada teman-teman semua tentang bagaimana Cara Membuat Scroll Pada Komentar Versi 2. Jika sebelumnya saya juga sudah membuat artikel tentang scroll komentar versi 1 maka ini adalah versi 2 nya.

Beda versi tentu saja akan beda tampilan, jika yang pertama form untuk mengisi komentarnya ikut masuk ke dalam scrollnya, sedangkan yang versi 2 ini form untuk mengisi komentarnya terpisah dengan daftar komentarnya.

lihat pict

Ok, buat teman-teman yang ingin membuatnya silahkan ikuti langkah-langkah di bawah ini:

1. Login akun blogspot,
2. Klik Design/Rancangan >> Edit HTML >> klik Expand Templates Widget,
3. Cari kode (harap disesuaikan saja kodenya, karena tiap templates terkadang berbeda):

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;

4. Lalu tambahkan kode ini persis di bawah kode tadi:

/* ========================= Start of new code */
height:400px;
overflow:auto;
border:1px solid grey;
/* ========================= End of new code */

5. Jika sudah, klik Save Templates.

Ket: Untuk merubah tinggi kolom scrollnya silahkan ubah height:400px;

Seperti itulah Cara Membuat Scroll Pada Komentar Versi 2, semoga bisa bermanfaat dan selamat mencoba. Salam...

Menu Stats (Statistic Overview), Saat Ini Sudah Ada di Dashboard Default Blogger

noreply@blogger.com (Anggasona) — Tue, 31 Aug 2010 02:22:40 PDT

Beberapa perubahan telah banyak dilakukan oleh pihak Blogger (Blogspot) untuk memanjakan para penggunanya, kabar baiknya saat ini Menu Stats sudah bisa kita akses tanpa melalui blogger in draft (http://draft.blogger.com/) lagi :)

lihat pict

Ulasan lengkap tentang Menu Stats ini sudah saya ulas di artikel saya kemarin yaitu Manfaatkan Menu Stats Blogger in Draft Untuk Melihat Perkembangan Statistik Blog, jika teman-teman belum ada yang membacanya, saya sarankan untuk membacanya lagi.

Sedikit ulasan dari saya tentang Menu Stats:

1. Ini adalah menu bawaan dari blogger, sehingga hasil yang ditampilkan lebih akurat,
2. Overview statistik bisa dilihat berdasarkan Overview blog itu sendiri, berdasarkan Post, Traffic Sources (sumber traffic) dan Audience (asal pengunjung),
3. Lalu, statistik blog juga bisa dilihat menurut Now (hari ini/sekarang), Last Day (kemarin), Last Week (minggu kemarin), Last Month (bulan kemarin) dan All Time (setiap waktu).

Selain menu Stats ada juga menu Monetize yang juga telah bisa diakses tanpa harus melalui blogger in draft.

Semoga kedepannya blogger (Blogspot) bisa lebih baik lagi dalam memanjakan penggunanya dengan beragam fasilitasnya, agar kita (blogger pengguna flatform blogspot) bisa nge-Blog dengan maksimal. :) Salam...

Cara Membuat Navigasi Nomor Halaman [Page Number Navigation] - Alternatif

noreply@blogger.com (Anggasona) — Sun, 29 Aug 2010 10:52:55 PDT

Sebenarnya tutorial seperti ini sudah bejibun bisa teman-teman temukan di Google, termasuk saya sendiri sudah mencobanya dengan keyword: page number atau membuat nomor halaman, hasilnya wow sampai ratusan ribu blog (termasuk punya saya ini, apabila nanti terindeks Google, ngarep.com, hahaha).

Saya juga sudah mencoba beberapa script yang ada di sana (karena saya juga ingin memasangnya di blog ini), tetapi hasilnya Trial n No Respon artinya GA BISA, wkwkw, karena faktor Templates, padahal sudah beberapa templates sudah saya gunakan :(

Makanya sering saya sampaikan di beberapa artikel terdahulu bahwa: Harap disesuaikan saja kodenya, karena tidak semua templates sama, malah terkadang kode yang dimaksud ga ketemu alias ga ada. :D

Ok, buat teman-teman yang mau Membuat Navigasi Nomor Halaman [Page Number Navigation], ini saya ada Alternatif lainnya (insyallah bisa digunakan di templates teman-teman):

Ket: Untuk hasilnya ada perbedaan dengan Page Number yang lain, tentu saja, kan ini alternatif :P Demonya bisa langsung dilihat di dalam blog ini, atau...

lihat pict



1. Login ke akun Blogspot,
2. Klik Design/Rancangan >> Edit HTML >> Klik Expand Templates Widget,
3. Lalu cari kode berikut (Ctrl F): <b:include name='nextprev'/>

[Harap disesuaikan saja kodenya, karena tidak semua templates sama],

4. Gantikan kode tersebut dengan kode di bawah ini:

<b:if cond='data:blog.pageType == "index"'>
<style type="text/css">
.blogpager {
font-size:16px;
color: #060;
font-weight:bold;
padding:0px 4px;
}
</style>

<div align="center" style="margin:5px;">
<form action="#" name="pager20">
<span id="vwg-pager-first"></span> <span id="vwg-pager-prev"></span> <input name="showingpage" onfocus="this.select()" value="init..." type="text" size="4" title="Enter page number that You want to go" />/<input size="4" type="text" name="pagestotal" disabled="disabled" value="init..." /> <input type="button" onclick="checkpager()" value="Go" /> <span id="vwg-pager-next"></span> <span id="vwg-pager-last"></span>
</form>
</div>
<script type="text/javascript">

var blogID = "12345678910";
var home_page = "http://anggasona-anotherbestblog.blogspot.com/";
var pager_max_main = 1;

var pager_first_text = "First";
var pager_last_text = "Last";
var pager_prev_text = "Prev";
var pager_next_text = "Next";

</script>
<script src="https://sites.google.com/site/anggasonaanotherbestblog/javascript/page_numbering_v2.js"
type="text/javascript"></script>
</b:if>

Note:

a. Harap di ubah var blog ID nya dengan ID blog teman-teman,
b. Ganti var home_page dengan alamat URL blog teman-teman,
c. var pager_max_main = 1  ini adalah kode untuk menampilkan seberapa banyak artikel dalam 1 halaman, bisa diganti dengan 2, 3, 5 terserah teman-teman.

5. Jika sudah dikerjakan dengan teliti, maka sekarang klik Save Templates.

Seperti itulah Cara Membuat Navigasi Nomor Halaman [Page Number Navigation] - Alternatif, semoga bisa terpasang dengan baik di blog teman-teman semua, selamat mencoba. Salam.
 

Cara Membuat Form Komentar Klasik di Blogspot

noreply@blogger.com (Anggasona) — Sun, 29 Aug 2010 06:23:50 PDT

Bagian kotak komentar merupakan salah satu bagian penting dalam sebuah blog yang harus diperhatikan, karena di kotak komentar inilah akan terjadi sebuah dialog antara admin dengan para pengunjung (komentator), bisa tanya jawab, bisa juga berdebat di sana dan lain sebagainya.

Menurut perhatian saya, bagian form komentar di blogspot inilah yang sering di edit (ditambah ini dan itu, di edit sana dan sini), karena memang jika dibandingkan dengan blog flatform wordpress akan terlihat jauh sekali perbedaannya, makanya harus di edit dulu agar hasilnya bisa maksimal.

Beberapa hal yang biasa di edit pada form komentar:

1. Verifikasi kata yang tidak muncul,
2. Membuat scroll di kotak komentar,
3. Menambah fungsi Reply,
4. Membedakan komentar admin dengan pengunjung dengan warna,
5. Memberi nomor urut di setiap komentar,
6. Menampilkan form komentar di bawah postingan blog,
7. Menampilkan Avatar Komentator (Blank/Default)

Nah kali ini saya ingin share lagi kepada teman-teman yang masih seputar from komentar yaitu menambahkan link untuk Form Komentar Klasik, ini adalah sebagai pilihan ketika teman-teman ingin berkomentar, jadi bisa komentar di form komentar yang baru ataupun di form klasik sama saja :)

lihat pict

hasil dari form komentar klasik

Ok, bagi teman-teman yang mau membuatnya silahkan ikuti langkah-langkah di bawah ini:

1. Login ke akun blogspot,
2. Klik Design/Rancangan >> Edit HTML >> Expand Templates Widget,
3. Lalu cari kode berikut (harap disesuaikan saja karena terkadang tiap templates berbeda):

<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>

4. Selanjutnya tambahkan kode di bawah ini persis ada di bawah kode di atas:

[ <a expr:href='" http://www.blogger.com/comment.g?blogID=12345678910&amp;postID=" +data:post.id+ "&isPopup=true"' onclick='javascript:window.open(this.href,"bloggerPopup","toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450"); return false;' rel='nofollow'><b>Form Komentar Klasik</b></a> ]

5. Jika sudah sekarang klik Save Templates dan lihat hasilnya.

Note: Untuk Id blog harap diganti dengan ID blog teman-teman masing-masing (ganti tulisan yang berwarna merah).

Seperti itulah Cara Membuat Form Komentar Klasik di Blogspot, semoga bisa bermanfaat dan selamat mencoba, salam.

Membuat Back To Top Dengan Smoothscroll jQuery

noreply@blogger.com (Anggasona) — Mon, 30 Aug 2010 12:15:44 PDT

Back To Top merupakan sebuah aplikasi tambahan (widget/plugin) untuk ditempatkan di dalam sebuah blog dan sepertinya saat ini memang sudah tidak asing lagi di telinga kita dan mungkin saja kita sendiri sudah sering menjumpai widget Back To Top ini.

[image src: deconstructioncode.blogspot.com]

Kali ini saya ingin share kepada teman-teman semua tentang bagaimana Membuat Back To Top Dengan Smoothscroll jQuery, sedikit berbeda memang dengan cara memuat Back To Top yang biasanya kita jumpai (tanpa edit HTML).

Tapi ini kita harus sedikit mengutak atik templates namun hasilnya bisa saya katakan sedikit lebih baik, karena ini adalah Smoothscroll jQuery, ketika kita klik tulisan Back To Top (silahkan di coba di dalam blog ini) maka dia akan perlahan-lahan naik ke atas dengan smooth (lembut dan santai).

Fungsi:

Memudahkan kita khususnya para pengunjung blog untuk kembali ke halaman atas, jadi kita tidak perlu men-scroll secara manual menggunakan mouse untuk kembali keatas, cukup dengan mengklik tulisan "Back To Top".

Buat teman-teman yang ingin membuatnya silahkan ikuti langkah-langkah di bawah ini:

1. Login akun blogspot,
2. Klik Design/Rancangan >> Edit HTML >> klik Expand Templates Widget,
3. Cari kode berikut: </head> lalu copy kan script jQuery di bawah ini persis berada di atas kode tadi:

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

4. Lalu lanjutkan dengan menaruh kode javascript di bawah ini persis di bawah script jQuery tadi:

<script src='https://sites.google.com/site/anggasonaanotherbestblog/javascript/back-to-top.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery.fn.topLink = function(settings) {
settings = jQuery.extend({
min: 1,
fadeSpeed: 200
}, settings);
return this.each(function() {
var el = $(this);
el.hide();
$(window).scroll(function() {
if($(window).scrollTop() >= settings.min)
{
el.fadeIn(settings.fadeSpeed);
}
else
{
el.fadeOut(settings.fadeSpeed);
}
});
});
};

$(document).ready(function() {
$('#top-link').topLink({
min: 300,
fadeSpeed: 500
});
$('#top-link').click(function(e) {
e.preventDefault();
$.scrollTo(0,300);
});
});
</script>

5. Terus cari kode <body> dan gantikan dengan <body id='top'>

6. Lanjutkan dengan mencari kode ]]></b:skin> dan masukkan kode CSS di bawah ini di atas kode ]]></b:skin>

#top-link {display:none;font-weight:bold;font-family:tahoma;font-size:10px;width:70px;background:#000;color:#fff;text-shadow:1px 1px 1px #666;font-size:11px;position:fixed;right:-20px;bottom:150px;padding:5px;-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;}

7. Terus cari kode </body> dan masukkan kode HTML di bawah ini persis ada di atas kode </body>

<a class="no-click no-print" href="#top" id="top-link" rel="nofollow" title="Back to Top Page">Back To Top</a>

8. Jika sudah dikerjakan dengan benar, maka klik Save Templates.

Note:

1. Apabila sudah ada Script jquery di dalam blog maka script jQuery di atas tidak usah di masukkan (biar tidak double), lanjutkan saja dengan langkah selanjutnya,
2. Untuk merubah warna, posisi dan tulisan cek di di bagian tulisan yang saya beri warna HIJAU.

Referensi:

- Deconstructioncode [http://deconstructioncode.blogspot.com/2009/04/back-to-top-dengan-smoothscroll-jquery.html]
- David Walsh Blog [http://davidwalsh.name/jquery-top-link]
- Riky Rizkiyana [http://www.rikyrizkiyana.co.cc/2010/05/cara-membuat-back-to-top-menggunakan.html]

Seperti itulah Cara Membuat Back To Top Dengan Smoothscroll jQuery, semoga bisa teman-teman coba di blognya dan bisa bermanfaat. Salam.

Cara Membuat Artikel Terkait (Related Post) di Sidebar Blog

noreply@blogger.com (Anggasona) — Sat, 28 Aug 2010 09:45:23 PDT

Menampilkan Artikel Terkait atau Related Post sekarang sudah menjadi hal yang umum ada di setiap Blog, sepertinya keberadaan Artikel Terkait ini sudah tidak bisa dipisahkan lagi dengan Blog.

Karena dengan salah satu cara inilah Page View blog akan meningkat (dampaknya akan kepada Alexa Ranking) lalu dengan cara ini pula (read: Artikel Terkait) para pengunjung Blog akan bisa menemukan artikel lainya yang masih dalam 1 kategori atau label.

Jika sebelumnya saya juga telah membuat artikel tentang Artikel Terkait (baca lagi, Artikel Terkait versi 1 dan Versi 2), maka pada kesempatan kali ini saya ingin share kepada teman-teman semua tentang Cara Membuat Artikel Terkait (Related Post) di Sidebar Blog.

Sidebar blog merupakan salah satu tempat yang saya pikir sangat strategis apabila dipasang dengan Artikel Terkait ini karena akan terlihat terlebih dahulu ketimbang ditaruh di bawah postingan (tetapi dua cara itu sama baiknya, selera).

lihat pict

Ok, bagi teman-teman yang mau membuat Artikel Terkait di Sidebar Blog, silahkan ikuti langkah-langkah di bawah ini:

1. Login ke akun blogspot,
2. Klik Design/Rancangan >> Edit HTML >> Klik Expand Templates Widget,
3. Cari kode </head> dan copy kode di bawah ini lalu pastekan persis di atas kode tadi:

4. Lanjutkan dengan mencari kode berikut:

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<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 != "true"'>,</b:if>
</b:loop>
</b:if>

5. Ganti kode tersebut dengan kode di bawah ini:

<b:if cond='data:post.labels'><data:postLabelsLabel/>
<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 != "true"'>,</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>

Ket: Sebelum di save kode max-results=10 (ini adalah kode untuk menampilkan berapa banyak artikel yang akan ditampilkan perlabel), bisa teman-teman ubah semisal hanya 5 atau 8.

6. Save Templates (belum selesai...)

7. Selanjutnya, masuk ke Page Element >> Add a Gadget >> HTML/JavaScript >> copy kode di bawah ini dan masukkan ke dalam konten HTML/Javascript:

<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>

8. Jika sudah klik Save dan lihat semua perubahannya.

Seperti itulah Cara Membuat Artikel Terkait (Related Post) di Sidebar Blog, semoga ini bisa bermanfaat dan selamat mencoba. Salam

Sembunyikan Widget [Sidebar/Footer] Solusi Mempercepat Loading di Halaman Tertentu

noreply@blogger.com (Anggasona) — Fri, 27 Aug 2010 05:48:01 PDT

Tentunya kita semua tahu bahwa salah satu faktor penting dalam Nge-blog adalah Loading Page. Makanya pada hari ini saya ingin share tentang Sembunyikan Widget [Sidebar/Footer] Solusi Mempercepat Loading di Halaman Tertentu.

Sebelum melangkah ke bahasan selanjutnya, di sini saya akan bagi ke dalam 2 kategori Loading Page, yang pertama Loading Halaman Home Page dan Loading Halaman Posting (Post Page).

1. Home Page:
Pada halaman Home Page biasanya akan terisi oleh beberapa postingan dengan beberapa widget di sidebar ataupun footer dan umumnya di halaman Home Page ini semuanya akan ditampilkan.

2. Post Page:
Pada halaman ini akan terdapat 1 artikel (read full) dan tetap akan dilengkapi oleh beberapa widget di sidebar/footer.

Masalahnya tidak jarang saya menemukan pada halaman Post Page ini tampilannya akan sama dengan Home Page, artinya semua widget tetap ditampilkan baik itu widget buku tamu, facebook, follower dan lain sebagainya dengan posisi baik di sidebar ataupun footer.

Fakta:

1. Beberapa widget (contohnya seperti di atas) dibutuhkan waktu yang cukup lama untuk loading, apalagi widget tersebut telah digunakan oleh banyak pengguna,
2. Search engine misal Google hanya memiliki waktu 0, 0003 sekian detik untuk mengindeks semua halaman posting ketika ada pengunjung yang mengetikkan keyword untuk mencari artikel,
3. Halaman posting adalah halaman penting (artikel yang berisi ilmu).

Ilustrasi:

Ketika para pengunjung datang dari search engine (Google / Yahoo)dan mengetikkan suatu keyword lalu menemukan artikelnya maka dia akan di bawa ke Halaman Postingan 'BUKAN' halaman Home Page.

Nah, bisa kita tarik kesimpulan dari ilustrasi tersebut, ketika ada pengunjung dari search engine lalu menuju ke halaman posting blog kita di mana dia harus menunggu lama hanya untuk membuka 1 halaman posting yang ingin dia baca tetapi lamanya setengah mati (karena blog harus nge-Load semua tampilan baik itu widget dan lain sebagainya).

Satu kalimat yang bisa saya sampaikan: Close that page and change the one with another page !!! :)

Nah, sungguh disayangkan bukan apabila mereka tidak jadi membaca artikel lalu langsung CLOSE PAGE hanya karena harus menunggu lama loading page nya?

Ok, saran saya di sini khusus pada Halaman Post Page tampilkanlah beberapa widget saja yang dianggap penting (apabila tidak mau menghapusnya), caranya dengan Sembunyikan Widget:

1. Pilih dulu widget-widget mana saja yang akan di tampilkan di halaman yang dirasa penting ditampilkan di Halaman Post Page, misal cukup Link Sahabat, Follower dan Buku Tamu saja.
2. Sembunyikan widget tersebut agar blog tidak perlu nge-load widget yang lainnya dengan menambahkan kode seperti di bawah ini:

Login Blogspot >> Design/Rancangan >> Edit HTML >> Klik Expand Templates Widget >> lalu cari kata yang sesuai dengan judul widget yang ada di sidebar atau footer, misal Buku Tamu:

Tambahkan kode yang berwarna merah saja >>

- Hanya tampil di halaman Home Page:

<b:widget id='HTML1' locked='false' title='Buku Tamu' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>

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

- Hanya tampil di halaman Post Page:

<b:widget id='HTML1' locked='false' title='Buku Tamu' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>

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

Untuk tampil di halaman keduanya cukup defaut saja, tidak usah ditambahkan kode.

3. Silahkan disesuaikan saja dengan masing-masing widget yang ada diblog teman-teman, jika sudah klik save templates dan lihat perubahannya ketika teman-teman membuka halaman Home Page dengan halaman Post Page.

Blog memang milik kita masing-masing (idealismenya adalah terserah kita mau diapakan), tapi saya fikir yang menikmati bukan kita saja sebagai owner tetapi banyak orang lain dari berbagai belahan dunia, mereka butuh kenyamanan ketika berkunjung, salah satunya adalah Loading Page yang sampai sekarang ini masih disepelekan oleh sebagian banyak blogger.

Semoga informasi ini bisa bermanfaat untuk teman-teman semuanya, salam.

5 Situs Pilihan Free Templates For Blogger

noreply@blogger.com (Anggasona) — Thu, 26 Aug 2010 09:39:41 PDT

Met malam teman-teman, hari ini saya ingin share kepada teman-teman semua seputar Free Templates untuk Blogger (Blogspot). 5 situs pilihan yang saya maksud ini adalah berdasarkan hasil pencarian yang di ambil dari halaman pertama search engine Google dan yang umum dihampiri oleh pengguna Blogspot.

Koleksi templates dari situs-situs ini bisa saya katakan bagus semua dan dengan berbagai macam kategori, mulai dari 1 kolom, 2 kolom dan sebagainya yang nantinya bisa teman-teman pilih sendiri.

Ok, inilah 5 Situs Pilihan Free Templates For Blogger:

1. ZOOM Templates
[http://www.zoomtemplate.com/]

2. BTemplates
[http://btemplates.com/]

3. Blog Templates 4U
[http://blogtemplate4u.com/]

4. Blog Templates Free
[http://www.bloggertemplatesfree.com/]

5. Free Blogger Templates [http://www.forfreebloggertemplates.com/]

Itulah 5 Situs Pilihan Free Templates For Blogger, sebenarnya masih banyak yang lainnya dan teman-teman bisa mencarinya sendiri. Ok, semoga informasi ini dapat membantu teman-teman mencari templates untuk blognya, salam.

Transfer Account Blogger Berbeda Menjadi 1 Account [Manajemen Transfer Blogger]

noreply@blogger.com (Anggasona) — Wed, 25 Aug 2010 03:32:10 PDT

Transfer Account Blogger Berbeda Menjadi 1 Account - Memiliki banyak account blogger sudah menjadi hal yang biasa saat ini, terkadang sebelum kita punya account yang dianggap itu account utama sebelumnya kita telah membuat account blog yang lainnya [tentunya dengan alamat email yang berbeda] entah itu dengan topik yang sama ataupun berbeda pula.

Tentu saja ketika kita memiliki banyak account berbeda hal itu saya rasa akan sedikit merepotkan karena kita harus berganti account >> logout terlebih dahulu lalu log in lagi dengan alamat email dan password yang beda, atau bisa juga dengan membuka sebuah browser yang berbeda. Bagaimana, repot juga bukan? :)

Nah, ini ada cara untuk mengatasi masalah tersebut yaitu dengan Fasilitas Transfer Blogger:

Ilustrasi:

Misal, kita ada 2 account berbeda anggap saja itu account Blog 1 dan 2, dan rencananya kita ingin mentransfer Blog 1 [blog yang akan ditransfer] tadi ke Blog 2 [blog yang akan menjadi admin utama].

Harap PERHATIKAN di sini bahwa Blog 1 ini yang akan kita transfer dan yang akan memberi kuasa penuh kepada Blog 2 untuk menjadi admin selanjutnya, lalu secara otomatis Blog 2 nantinya akan memiliki kuasa penuh untuk memanajemen Blog 1.

1. Login ke account Blog yang akan kita transfer (misal sesuai ilustrasi login dengan Blog 1),

2. Pada menu Dashboard klik Pengaturan >> Izin >> Menambah Penulis,

lihat pict

3. Setelah kita klik "Menambah Penulis" maka akan ada menu baru yang mengharuskan kita mengundang Penulis baru (misal Blog 2) dengan cara Invite/undang via Email >> masukkan alamat email pengguna Blog 2 lalu klik "Undang",

lihat pict

4. Pada langkah yang keempat ini, silahkan di cek pada Inbox Email Blog 2, akan ada email Undangan dari Blog 1 >> Klik link yang ada di email tadi untuk masuk ke bagian selanjutnya (ini tanda bahwa kita setuju untuk berkontribusi di Blog 1),

lihat pict

5. Setelah link tersebut diklik maka akan kita akan dibawah ke jendela baru yaitu untuk memasukkan password (misal agar mudah mengingatnya gunakan Password yang sama "password Blog 2"), lalu klik "Accept Invitation", (tunggu sebentar untuk loading Redirecting),

lihat pict

6. Lalu coba lihat di Dashboard maka account blog 1 tadi sudah masuk :D

lihat pict (yang dilingkari warna hijau)

7. Langkah selanjutnya silahkan masuk kembali ke account blogger Blog 1 untuk mengatur Privasi Admin (refresh dulu untuk melihat perubahan), lalu silahkan klik pada "Privilese Admin" pada account baru tadi (Blog 2) lalu lanjutkan dengan klik "BERIKAN HAK ISTIMEWA SETINGKAT ADMIN"

lihat pict

8. Setelah diklik maka account baru tadi (Blog 2) sekarang sudah bisa menjadi admin dengan kuasa penuh untuk memanajemen account Blog 1, lalu teman-teman bisa menghapus dengan cara klik "Hapus" pada account yang lama (Blog 1) agar Blog 1 itu hanya memiliki 1 admin saja (Blog 2).

9. Selesai.

Bagaimana teman-teman, mudah bukan? Ok, seperti itulah Cara Transfer Account Blogger Berbeda Menjadi 1 Account [Manajemen Transfer Blogger]. Semoga informasi ini bisa bermanfaat dan selamat mencoba, salam.

Pasang Tool Encode - Decode (Converter HTML) di Blog

noreply@blogger.com (Anggasona) — Mon, 23 Aug 2010 11:33:25 PDT

Ngeblog tentu saja tidak akan jauh-jauh dengan yang namanya kode kode dan kode, baik itu HTML, css ataupun Javascript. Nah, kali ini saya akan share kepada teman-teman semua sebuah TOOL gadget yang saya rasa Penting ada di dalam blog (ini buat yang senang otak atik blog) yaitu Encode Decode (Converter HTML).

Seperti yang kita tahu dan yang selama ini kita lakukan, ketika kita akan memposting suatu kode HTML/Javascript ataupun mengedit kode CSS templates tentu saja ada beberapa kode yang HARUS di phrase atau di convert terlebih dahulu agar kode tersebut bisa terlihat atau berjalan dengan baik, misal kode script Iklan PPC (apabila ingin dipasang di dalam postingan).

Nah daripada kita bolak balik membuka situs yang menyediakan jasa Encode Decode (Convert) ini alangkah lebih baiknya kita pasang sendiri Tool ini di dalam blog kita pribadi.

Ok, tool gadget ini adalah buatan Google dan setelah saya pasang di blog saya sendiri ternyata tidak membuat load blog menjadi lama, jadi jangan khawatir apabila teman-teman ingin memasang tool ini di dalam blognya.

1. Silahkan teman-teman menuju ke link berikut ini: [gmodules.com]

2. Lalu editlah beberapa option untuk merubah tampilan gadgetnya sesuai dengan selera teman-teman,

lihat pict

3. Ambil kode tool nya dengan klik "Dapatkan Kode",

4. Jika sudah, maka tool ini bisa teman-teman taruh di dalam postingan (buat postingan baru/halaman baru) atau bisa taruh di sidebar widget seperti milik saya ini.

Seperti itulah teman-teman bagaimana cara Pasang Tool Encode - Decode (Convert HTML) di Blog, semoga saja informasi ini bisa membuat blog teman-teman lebih lengkap dan tentunya tidak capek lagi harus bolak balik ke situs penyedia Convert HTML. Salam.

Cara Ganti Tulisan Posting Baru, Posting Lama dan Home Dengan Icon

noreply@blogger.com (Anggasona) — Mon, 23 Aug 2010 10:41:24 PDT

Pada kesempatan kali ini saya ingin share kepada teman-teman semua tentang bagaimana Cara Ganti Tulisan Posting Baru, Posting Lama dan Home Dengan Icon di Blog, dan ini juga menjadi salah satu tutorial by request dari salah satu sahabat blogger yaitu Endiglobs.

Ok, sebenarnya ini bukanlah suatu keharusan untuk di ganti, tetapi kadang-kadang sebagian blogger lebih menyukai icon ketimbang sebuah teks karena tentu saja blog akan terlihat lebih menarik karena ada navigasi berupa icon, khususnya pada Posting Baru, Posting Lama dan Home.

Langkah-langkah menggantinya seperti di bawah ini:

1. Login ke akun blogspot,
2. Klik Design/Rancangan >> Edit HTML >> klik Expand Templates Widget,
3. Ganti beberapa kode seperti di bawah ini:

* Untuk mengganti tulisan Posting Baru (Newer Post) cari kode berikut: <data:newerPageTitle/>

lalu ganti kode tersebut dengan kode ini:

* Untuk mengganti tulisan Posting Lama (Older Post) cari kode berikut: <data:olderPageTitle/>

lalu ganti kode tersebut dengan kode ini:

* Untuk mengganti tulisan Home (Home Page) cari kode berikut: <data:homeMsg/>

lalu ganti kode tersebut dengan kode ini:

4. Untuk icon silahkan di ganti dengan selera masing-masing dan bisa dicari di sini.

5. Jika sudah tinggal klik Save Templates.

Seperti itulah Cara Ganti Tulisan Posting Baru, Posting Lama dan Home Dengan Icon, semoga bisa bermanfaat untuk membuat lebih menarik blognya dan selamat mencoba, salam.

Cara Membuat Tab View Menu 3 Kolom di Blog

noreply@blogger.com (Anggasona) — Mon, 23 Aug 2010 07:26:31 PDT

Akhirnya setelah saya berganti rumah (templates) dan menemukan sidebar widget blog agak lebar barulah saya bisa memasang Tab View Menu 3 Kolom ini, dan hasilnya ya seperti yang bisa kita lihat sama-sama disamping kanan blog ini.

Oleh karena itu setelah saya tidak update 3 hari ini, maka pada kesempatan kali ini saya ingin share kepada teman-teman semua tentang bagaimana Cara Membuat Tab View Menu 3 Kolom di Blog.

lihat pict



Sesuai judulnya Tab View Menu 3 Kolom, berarti dalam satu tampilan sidebar widget akan ada 3 buah widget (bisa apa saja, contoh: Buku Tamu, script Top Post atau Komentar, Kumpulan Banner dan sebagainya), cara ini juga akan membuat blog sedikit lebih rapi dan tidak banyak menguras tempat.

Ok, buat teman-teman yang ingin membuat Tab View Menu 3 Kolom ini, silahkan ikuti langkah-langkah di bawah ini:

1. Login ke akun Blogspot,
2. Klik Design/Rancangan >> Edit HTML >> Klik Expand Templates Widget,
3. Cari kode berikut: ]]></b:skin>
4. Lalu copy kode di bawah ini dan taruh persis berada di atas kode tadi:

div.TabView div.Tabs
   {
   height: 24px;
   overflow: hidden;
   }
   div.TabView div.Tabs a
   {
   float: left;
   display: block;
   width: 103px;
   text-align: center;
   height: 24px;
   padding-top: 3px;
   vertical-align: middle;
   border: 0.5px solid #000000;
   border-bottom-width: 0;
   text-decoration: none;
   font-family: "Arial", Times New Roman, Serif;
   font-weight: 900;
   color: #000080;
   }
   div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
   {
   background-color: #CEF6CE;
   }
   div.TabView div.Pages
   {
   clear: both;
   background-color: #FFFFFF;
   border: 0.5px solid #000000;
   overflow: hidden;
   }
   div.TabView div.Pages div.Page
   {
   height: 100%;
   padding: 0px;
   overflow: hidden;
   }
   div.TabView div.Pages div.Page div.Pad
   {
   padding: 3px 5px;
   } 

5. Jika sudah maka lanjutkan dengan mencari kode ini: </head>
6. Lalu copy kode di bawah ini dan pastekan di atas kode tadi:

<script type='text/javascript'>
   function tabview_aux(TabViewId, id)
   {
   var TabView = document.getElementById(TabViewId);
   // ----- Tabs -----
   var Tabs = TabView.firstChild;
   while (Tabs.className != &quot;Tabs&quot; ) Tabs = Tabs.nextSibling;
   var Tab = Tabs.firstChild;
   var i = 0;
   do
   {
   if (Tab.tagName == &quot;A&quot;)
   {
   i++;
   Tab.href = &quot;javascript:tabview_switch(&#39;&quot;+TabViewId+&quot;&#39;, &quot;+i+&quot;);&quot;;
   Tab.className = (i == id) ? &quot;Active&quot; : &quot;&quot;;
   Tab.blur();
   }
   }
   while (Tab = Tab.nextSibling);
   // ----- Pages -----
   var Pages = TabView.firstChild;
   while (Pages.className != &#39;Pages&#39;) Pages = Pages.nextSibling;
   var Page = Pages.firstChild;
   var i = 0;
   do
   {
   if (Page.className == &#39;Page&#39;)
   {
   i++;
   if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+&quot;px&quot;;
   Page.style.overflow = &quot;auto&quot;;
   Page.style.display = (i == id) ? &#39;block&#39; : &#39;none&#39;;
   }
   }
   while (Page = Page.nextSibling);
   }
   // ----- Functions -------------------------------------------------------------
   function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
   function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
   </script>

7. Save templates dan lanjutkan ke langkah selanjutnya,

8. Klik Design/Rancangan >> Page Element >> Add a Gadget >> HTML/Javascript,

9. Copy kode di bawah ini dan masukkan ke dalam konten HTML/Javascript lalu atur (edit) sesuai dengan keterangan masing-masing:

<form action="tabview.html" method="get">
   <div class="TabView" id="TabView">
   <div class="Tabs" style="width: 350px;">
   <a>Judul Tab 1</a>
   <a>Judul Tab 2</a>
   <a>Judul Tab 3</a>
   </div>
   <div class="Pages" style="width: 350px; height: 250px;">
   <div class="Page">
   <div class="Pad">
   Isi tab 1
   </div>
   </div>
   <div class="Page">
   <div class="Pad">
   Isi tab 2
   </div>
   </div>
   <div class="Page">
   <div class="Pad">
   Isi tab 3
   </div>
   </div>
   </div>
   </div>
   </form>
   <script type="text/javascript">
   tabview_initialize('TabView');
   </script>

10. Jika dirasa sudah benar, lalu Save. (Jika dilakukan dengan benar maka hasilnya akan seperti milik saya).

Seperti itulah Cara Membuat Tab View Menu 3 Kolom di Blog, semoga bisa bermanfaat dan selamat mencoba, salam.

Pasang Widget 4 in 1 di Blog [Readers Count, Twitter Follower Count, Total Post dan Comments]

noreply@blogger.com (Anggasona) — Mon, 23 Aug 2010 02:52:25 PDT

Kali ini saya ingin share kepada teman-teman semua tentang Pasang Widget 4 in 1 di Blog: Readers Count, Twitter  Follower Count, Total Post dan Comments. Panjang banget ya judulnya? Habisnya saya bingung dikasih judul apa, jadinya saya tulis lengkap deh :P

Ok, dalam widget ini saya akan menampilkan 4 widget dalam 1 tampilan, artinya akan ada 4 widget yang terintegrasi dalam 1 HTML/Javascript yaitu Readers Count, Twitter  Follower Count, Total Post dan Total Comments.

lihat pict



lihat demo di sini

Jika sebelumnya saya juga pernah buat postingan tentang Widget Total Artikel dan Total Komentar di Blogspot maka anggap saja widget kali ini adalah updatenya karena ada tambahan Readers Count dan Twitter Followernya + icon dan tentunya hasil dari jumlah post dan komentarnya lebih akurat, pastinya menarik.

1. Readers Count,
Ini untuk menghitung jumlah pembaca (readers) via email yang telah berlangganan artikel blog teman-teman.

2. Twitter Follower Count,
Ini untuk menghitung jumlah Follower akun Twitter teman-teman,

3. Total Post dan Total Comments,
Ini adalah untuk menghitung jumlah keseluruhan total artikel dan total komentar yang telah masuk ke blog teman-teman.

Bagi teman-teman yang mau memasang Widget 4 in 1 ini, ikuti langkah-langkah di bawah ini:

1. Login ke akun blogspot,
2. Klik Design/Rancangan >> Page Element >> Add a Gadget >> HTML/Javascript,
3. Copy semua kode di bawah ini dan pastekan ke dalam konten HTML/Javascript:

<div style="width: 330px; background: #fff; padding: 0; margin: 0; border: 0;">
<div name="feed" style="float: left; width: 160px; height: 50px; background: #fff;">
<div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 46px; height: 46px; background: url(http://cdn.iconfinder.net/data/icons/aquaticus/48%20X%2048/feed.png) no-repeat;"></div>
  <div name="contador" style="padding: 6px 0 0 0; margin: 0; font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"><a href="http://feeds.feedburner.com/blogspot/rcydk" target="_blank"><script language='javascript' type='text/javascript' src='http://www.codigosblog.net/servidor/contadorfeed.php?uri=http://feeds.feedburner.com/blogspot/rcydk'></script> Readers</a></div>
  <p name="texto" style="padding: 0; margin: -1px 0 0 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif;"></p>
</div>
<div name="twitter" style="float: left; margin-left: 10px; width: 160px; height: 50px; background: #fff;">
<div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 46px; height: 46px; background: url(http://cdn.iconfinder.net/data/icons/aquaticus/48%20X%2048/twitter.png) no-repeat;"></div>
  <div name="contador" style="padding: 6px 0 0 0; margin: 0; font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"><a href="http://www.twitter.com/Anggasona"   target="_blank"><script type='text/javascript'   src="http://www.codigosblog.net/servidor/contadorTwitter/seguidores.php?usuario=Anggasona"></script> Followers</a></div>
  <p name="texto" style="padding: 0; margin: -1px 0 0 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif;"></p>
</div>
<div name="postagens" style="margin-top: 5px; float: left; width: 160px; height: 50px; background: #fff;">
<div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 46px; height: 46px; background: url(http://codigosblog.net/servidor/widget_twitter_feed_post_comment/post-icon.png) no-repeat;"></div>
  <div name="contador" style="padding: 6px 0 0 0; margin: 0; font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"><script type="text/javascript">  function showpostcount(json) {  document.write(parseInt(json.feed.openSearch$totalResults.$t,10));  }</script><script src="http://anggasona-anotherbestblog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> Post </div>
  <p name="texto" style="padding: 0; margin: -1px 0 0 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif;"></p>
</div>
<div name="comentarios" style="margin-top: 5px; margin-left: 10px; float: left; width: 160px; height: 50px; background: #fff;">
<div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 46px; height: 46px; background: url(http://cdn.iconfinder.net/data/icons/free-3d-social-icons/png/48x48/Orange%20forum.png) no-repeat;"></div>
  <div name="contador" style="padding: 6px 0 0 0; margin: 0; font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"><script type="text/javascript">  function showpostcount(json) {  document.write(parseInt(json.feed.openSearch$totalResults.$t,10));  }</script><script src="http://anggasona-anotherbestblog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script> Comments</div>
  <p name="texto" style="padding: 0; margin: -1px 0 0 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif;"></p>
</div>
<span style="float: right;   padding: 0; margin: 0;"><small><script language='javascript'   type='text/javascript'   src='https://sites.google.com/site/anggasonaanotherbestblog/javascript/anggasona_readers_twitter_post_comment_widget1.js'></script></small></span>
</div>
</div>

4. Ganti beberapa keterangan seperti di bawah ini:

- Ganti tulisan warna merah dengan id feedburner teman-teman,
- Ganti tulisan warna biru dengan id Twitter teman-teman,
- Ganti tulisan warna hijau dengan URL blog teman-teman,

Penyesuaian lebar widget dengan tampilan sidebar harap ubah bagian berikut:

- Ubah ukuran width: 330px; untuk merubah lebar kolom/border keseluruhan widget,
- Ubah ukuran width: 160px; untuk merubah lebar per satuan widget (1 widget count),
- Ubah ukuran width: 46px; height: 46px; untuk merubah lebar dan tinggi ikon.

5. Jika sudah selesai, maka tinggal klik save dan lihat hasilnya.

Harap untuk tidak meremove link back widget ini, belajarlah untuk menghargai karya milik orang lain dan tentunya untuk membuat mudah orang lain untuk menemukan dan memasang widget ini juga. Terimakasih

Note:
1. Widget ini akan lebih optimal dipasang pada blog yang memilik rentang sidebar agak lebar,
2. Untuk beberapa kejadian, khusus pada Readers Count terkadang jumlah count nya berubah 0 (no readers) tapi itu cukup dibiarkan saja karena Count ini akan menghitung ulang Jumlah Pembaca via Email dari feedburner teman-teman dan selanjutnya akan normal kembali.

Seperti itulah cara Pasang Widget 4 in 1 di Blog: Readers Count, Twitter  Follower Count, Total Post dan Comments. Semoga widget ini bisa bermanfaat untuk aktivitas statistik blog teman-teman dan tentunya bisa membuat blog tampil lebih cantik. Selamat mencoba dan salam.

Yogyakarta Digoyang Gempa Lagi !!!

noreply@blogger.com (Anggasona) — Tue, 24 Aug 2010 05:36:57 PDT

Yogyakarta Digoyang Gempa Lagi, itulah yang terjadi sekitar 15 menit tadi teman-teman. Pas lagi cek email dan lain-lain di depan komputer, tiba-tiba rumah kontrakan goyang seperti di obok-obok dari bawah, langsung saja tanpa babibu ambil langkah seribu mencari pintu...ckckck :?

Pas keluar di depan rumah ga taunya para tetangga sudah pada keluar semua gara-gara gempa barusan. Ada yang lagi gendong anak, ada yang lagi pake maskeran, malah jadi ingat kejadian Gempa di tahun 2006, hmmm.

Memang gempa kali ini cukup besar, saya rasa sekitar 5. sekian SR, selama kurang lebih 3-4 detik, pastinya kurang ngerti karena saya tidak bisa cek di BMG (situs nya lama banget ngebukanya).

Terus tiba-tiba ada yang sms dari teman yang tinggal di daerah Bantul, cerita kalau genteng rumah mereka pada runtuh ke bawah. Ya saya hanya bisa berdoa saja, semoga tidak terjadi apa-apa dengan warga Yogyakarta dan sekitarnya. Amin...

Pasang Tweet Box [Kotak Nge-Retweet] di Blogger Blog

noreply@blogger.com (Anggasona) — Wed, 25 Aug 2010 01:23:47 PDT

Met siang teman-teman, masih semangat kan puasanya? hehehe. Ok, kita lanjut pada tutorial blog yang kali ini masih seputar Twitter yaitu kita akan memasang Box Tweet [Kotak Nge-Retweet] di dalam blog, tepatnya di bawah postingan blog.

lihat pict

Tampaknya Twitter memang tidak mau kalah saing dengan Facebook yang sebelumnya sudah duluan menyambangi Blog dengan Like & Recommended Plugginnya, walaupun bisa kita lihat Twitter sebelumnya telah ada Tombol Retweet This Post di Blog [Versi Default dan Compact].

Sebelumnya, untuk mengoptimalkan fitur ini, maka teman-teman harus memiliki akun Twitter terlebih dahulu. Silahkan menuju ke sini untuk Sign Up dan di sini untuk menjadi Teman saya di Twitter [Follower].

Langkah-langkah memasang Tweet Box [Kotak Nge-Retweet] di Blogger Blog:

1. Login terlebih dulu menggunakan akun Twitter teman-teman untuk menggunakan fitur ini,

2. Buka situs penyelia plugin Tweet Box di sini,

3. Untuk membuat aplikasinya maka kita diharuskan untuk memasukkan data pada kolom yang sudah disediakan,

lihat pict

4. Pada kolom Default Acces Type silahkan beri titik (klik/centang) pada Read & Write, untuk kolom Application Icon tidak perlu di isi, karena bisa di isi nanti,

5. Lanjutkan dengan klik Register Application,

6. Lalu akan muncul jendela baru yang berisi kode Javascript dan API key, silahkan copy kode Javascript dan API key sesuai dengan yang saya lingkari merah dan simpan terlebih dahulu di sebuah Notepad,

lihat pict

[klik untuk mempebesar image]

7. Ok, sekarang kita akan memasangnya di dalam blog: Login ke akun Blogspot >> Edit HTML >> Klik Expand Templates Widget,

8. Lalu cari kode ini: </head> dan masukkan kode kode Javascript dan API key yang tadi telah di simpan di Notepad dan letakkan di atas kode </head>

Bentuk kodenya seperti ini:

<script src='http://platform.twitter.com/anywhere.js?id=............................&amp;v=1'>
</script>
9. Lanjutkan dengan mencari kode <data:post.body/> dan pastekan kode di bawah ini persis berada di bawah kode <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<div id='bp_tweetBox'/>
<script type='text/javascript'>
bp_tweet_link="<data:post.url/>";
twttr.anywhere(function (T) {
T("#bp_tweetBox").tweetBox({
width: 540,
label: "Retweet This Post",
defaultContent: "RT  @id_twitter_teman-teman <data:post.title/>"+" "+bp_tweet_link
});
});
</script>
<div  style='font-size: 10px; margin-top: -30px;'><a  href='http://anggasona-anotherbestblog.blogspot.com/2010/08/pasang-tweet-box-kotak-nge-retweet-di.html'  target='_blank'>Get this  widget</a></div>
</b:if> 

10. Ganti ukuran panjang Box Tweet dengan merubah tulisan warna merah dan ganti tulisan warna hijau dengan id Twitter teman-teman.

11. Jika sudah tinggal klik Save Templates.

Seperti itulah Cara Pasang Tweet Box [Kotak Nge-Retweet] di Blogger Blog, semoga bisa bermanfaat dan silahkan dicoba. Salam

Blogger's Spam Detection, Fitur Terbaru Blogger

noreply@blogger.com (Anggasona) — Mon, 23 Aug 2010 02:55:38 PDT

Seperti yang kita tahu bahwa Blogger (blogspot) merupakan salah satu flatform blog sangat populer dikalangan para blogger selain Wordpress dan lain-lainnya. Beberapa fitur sedikit demi sedikit telah diaktifkan yang tentu manfaat kedepannya untuk memfasilitasi kita (blogger pengguna blogspot) agar lebih bisa mengoptimalkan blog.

Kali ini Blogger telah mengaktifkan (membuat) suatu fitur baru yaitu Blogger's Spam Detection, sebuah fitur yang akan mengelompokkan (mengklasifikasi) komentar-komentar yang bersifat SPAM. Sebelumnya, Blogger sangat rentan dengan komentar SPAM karena dulu tidak ada fasilitas untuk mem-filter komentar-komentar tersebut.

Nah, berbeda sekali dengan flatform Wordpress yang notabene sudah include sebuah plugins 'AKISMET' yang secara otomatis akan memfilter komentar yang berbau SPAM. Tapi sekarang kita (blogger pengguna blogspot) sudah bisa berbangga hati karena sekarang fitur Blogger's Spam Detection sudah ada.

Seperti yang dikutip dari forum Google - Blogger:

Blogger now filters comments that are likely spam comments to a Spam Inbox, much like the spam folder in your email. When someone leaves a comment on your blog, it will be reviewed against our spam detector, and comments that are identified as possible spam will be sent to your blog’s Spam Inbox, found at Comments | Spam. 
Kurang lebih terjemahannya seperti ini:

Blogger sekarang memiliki  sebuah fitur filter komentar yang nantinya akan masuk ke bagian SPAM,  sama seperti Folder Spam di Email Google. Ketika seseorang akan  meninggalkan komentar di blog anda, maka komentar tersebut akan ditinjau terlebih dahulu oleh detektor Spam kami, dan komentar yang bersifat Spam akan dikirim ke Inbox Spam.
Untuk mengaktifkan fitur Spam Detection ini, terlebih dulu kita harus mensetting pada bagian Comments, yaitu bagian Moderations (Moderasi Komentar). Moderasi komentar harus diaktifkan dengan cara: klik Settings >> Comments >> Comment moderation >> Always

lihat pict

Nah buat teman-teman yang ingin memproteksi blognya dari para komentator Spam, maka sebaiknya fitur ini diaktifkan diblognya (semua komentar yang masuk akan dimoderasi terlebih dahulu).

Fitur Blogger lainnya lihat di sini:

1. Stats Blogger in Draft [Perkembangan Statistik Blog]

Ok, semoga informasi tentang Blogger's Spam Detection, Fitur Terbaru Blogger ini bisa bermanfaat untuk kita semua (pengguna flatform Blogger). Salam.

Cara Memasang Tombol Retweet This Post di Blog [Versi Default dan Compact]

noreply@blogger.com (Anggasona) — Wed, 25 Aug 2010 01:20:05 PDT

Banyak cara bagi kita (blogger) berupaya untuk meningkatkan traffic menuju ke blog, salah satunya adalah menggunakan Tombol Retweet This Post untuk Twitter. Kenapa melalui Twitter? (Baca juga artikel lain seputar Traffic di sini dan di sini).

Seperti yang kita ketahui bahwa sekarang pengguna Twitter sedang marak-maraknya dan bukan tidak mungkin akan menyaingi Facebook. Menurut data dari 'sumber' saat ini pengguna Twitter di Indonesia berada pada level 20,8% dari seluruh pengguna di dunia, artinya ada sekitar (lebih) 6.000.000 juta pengguna Twitter di Indonesia.

Bisa dibayangkan apabila kita bisa mengambil celah sedikit untuk memanfaatkan jejaring sosial Twitter ini untuk promosi sekaligus menaikkan traffic blog. Apalagi buat teman-teman yang sudah memiliki banyak follower di Twitternya. Jadi kita di sini akan menggunakan tombol Retweet This Post untuk maksimalkan traffik blog melalui Twitter.

Di sini ada 2 macam tombol, yang pertama adalah Default dan yang kedua adalah Compact Version (hemat tempat).

lihat pict

(img src: bloggertricks.com)

Cara Memasang Tombol Retweet This Post di Blog:

- Kode Tombol Pertama (Default)

<div style="float:left;padding: 6px 10px 6px 0px;">

<script type="text/javascript">

tweetmeme_url = '<data:post.url/>';

</script>

<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>

</div>
- Kode Tombol Kedua (Compact Version)

<div style="float:left;padding: 6px 10px 6px 0px;">

<script type="text/javascript">

tweetmeme_style = "compact";

</script>

<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

</div>
1. Login ke akun blogspot,

2. Klik Design/Rancangan >> Edit HTML >> klik Expand Templates Widget,

3. Cari kode berikut: <data:post.body/>

4. Lalu silahkan copy salah satu kode dari kedua Tombol Retweet di atas dan pastekan di (jika ingin di atas, samping kanan atau kiri post) taruh di atas kode: <data:post.body/> dan apabila ingin ditaruh di bawah post maka pastekan di bawah kode: <data:post.body/>

(hasil penempatan di bawah post bisa dilihat di dalam blog ini),

5. Atur letak (letak kiri atau kanan) dengan merubah tulisan yang berwarna biru >> right dengan left atau sebaliknya,

lihat pict (left side)

lihat pict (right side)

(img src: bloggertricks.com)

6. Jika sudah klik Save Templates.

Seperti itulah Cara Memasang Tombol Retweet This Post di Blog [Versi Default dan Compact], jangan lupa untuk Follow Twitter saya ya :D Ok, semoga informasi ini bisa bermanfaat untuk teman-teman semua dan selamat mencoba. Salam.