Showing posts with label Tips And Triks. Show all posts
Showing posts with label Tips And Triks. Show all posts

Thursday, August 2, 2012

Google Pagerank Update Agustus 2012

Google Pagerank Update Agustus 2012


Agak sedikit meleset dari perkiraan saya, Google akhirnya update pagerank pada awal Agustus 2012 ini tepatnya pada tanggal 02 Agustus 2012. Sebelumnya saya perkirakan Google Pagerank Update season 3 ini akan terjadi pada akhir Agustus dan awal September 2012. 

Memang Om Google selalu memberikan kejutan-kejutan yang tidak terduga. Dan bertepatan di bulan yang penuh berkah ini, Bulan Ramadhan, Alhamdulillah Kompi Ajaib mendapat berkah di bulan Ramadhan ini yaitu hadiah dari Om Google yaitu kenaikan ranking. Semula Kompi Ajaib mendapat pagerank 2 pada Google Pagerank Update season 2 lalu dan sekarang di umurnya yang baru 5 bulan ini, Kompi Ajaib kembali mendapat hadiah dari Google pada Google Pagerank Update Agustus 2012 yaitu kenaikan pagerank dari 2 menjadi 3. Ini menjadi tantangan juga akhirnya bagi saya untuk mempertahankan ranking ini dan mungkin untuk meningkatkannya di season depan. Sementara ini Kompi Ajaib mendapat kunjungan sekitar 5000 pengunjung tiap harinya, alhamdulillah...itu semua berkat dukungan teman-teman blogger semua dan juga pengunjung sekalian. Semoga saya selaku admin Kompi Ajaib dapat memberikan sharing-sharing yang bermanfaat bagi Anda semua. Itu semua bukan saya bermaksud untuk menggurui atau lebih pintar dari Anda, semata-mata hanya berbagi pengetahuan kita dapatkan. Saya selalu mengharap masukan-masukan dan sharing-sharing dari Anda semua agar kita dapat selalu belajar dan berbagi bersama.

Dan tidak lupa bagi teman-teman blogger yang lain yang mendapatkan hadiah dari Om Google pada season ini saya ucapkan "Selamat" semoga kita dapat semakin meningkatkan tali persahabatan antar blogger, meski kita tidak pernah kenal dan berjumpa. Dan bagi yang belum mendapatkan hadiah atau mungkin malah turun pageranknya, jangan berputus asa dan tetap berusaha. Pagerank tidak selalu bisa dijadikan patokan bahwa seorang blogger telah sukses dengan mendapatkan pagerank yang bagus, namun yang jelas bagaimana kita mengelola blog kita dan memberikan sharing-sharing yang bermanfaat bagi kia semua, dan itu semua tergantung juga dari tujuan masing-masing dalam membuat blog. 

Demikian saja sedikit ulasan saya tentang Google Pagerank Update Agustus 2012 (season 3 pada 2012) ini, semoga kita semua selalu mendapat berkah dari Allah SWT...amien....

Tuesday, July 31, 2012

Al-Qur'an Flash Online

Al-Qur'an Flash Online

Pagi ini saya coba share Al-Qur'an Flash Online bagi Anda yang ingin membaca Al-Qur'an secara online atau digital. Yang Anda perlukan adalah kompi atau laptop yang terhubung dengan internet untuk bisa membaca Al-Qur'an Flash Online. Selayaknya kitab Al-Qur'an yang ada selama ini, Al-Qur'an Flash Online memberikan nuansa baru dalam hal membaca Al-Qur'an dengan media elektronik. Anda seperti benar-benar membuka kitab Al-Qur'an nyata dan membacanya halaman demi halaman. Efek membuka halaman seperti membuka halaman buku memberikan rasa nyata pada Al-Qur'an Flash Online.




Bagi Anda yang ingin membaca Al-Qur'an dengan nuansa digital atau elektronik, Anda bisa coba dengan membaca Al-Qur'an Flash Online

Silahkan klik gambar Al-Qur'an di bawah ini untuk memulai membaca Al-Qur'an Flash Online. Semoga semua amal ibadah kita di bulan Ramadhan ini diterima Allah SWT, amien...


Anda juga bisa menginstallnya di komputer Anda untuk membacanya secara offline dengan mendownloadnya. Silahkan download Al-Qur'an Flash - Offline di link di bawah ini.


Monday, July 30, 2012

Membuat Automatic Backlink Di Blog

Membuat Automatic Backlink Di Blog

Kali ini saya mencoba sharing cara Membuat Automatic Backlink Di Blog yang bisa kita jadikan salah satu solusi untuk membuat tukar link atau link exchange pada suatu blog. Dengan Membuat Automatic Backlink Di Blog pengunjung yang mempunyai blog bisa menukar link tanpa harus memberi tahu si empunya blog. Hanya mengcopy link yang diberikan Author Blog kemudian mempastenya di blog Anda dan mengklik link yang sudah dipasang di blog Anda, maka secara otomatis link blog kita sudah tertera pada blog yang kita pasang linknya tersebut.

Nah Membuat Automatic Backlink Di Blog saya share dari E-referrer.com. Banyak sumber pihak ketiga yang dapat membuat automatic backlink untuk blog, namun kita perlu perhatikan apakah backlink yang kita berikan ke pengunjung yang ingin bertukar link benar-benar memberikan backlink! Makanya saya share auto backlink dari E-referrer.com yang sudah saya cek sebelumnya dengan menggunakan NoDoFollow Plugin dari Firefox. Backlink yang diberikan berupa backlink dofollow (berwarna biru) sehingga kita tidak memberikan backlink sepihak namun backlink timbal balik atau bolak-balik atau dua arah sehingga kedua belah pihak diuntungkan.


Cara Membuat Automatic Backlink Di Blog cukup mudah, yang tertarik silahkan simak tutorialnya di bawah ini.

1. Silahkan Anda masuk , silahkan lakukan sign up / register (gratis).


2. Setelah itu silahkan Login dengan akun yang sudah Anda buat tadi. Kemudian lakukan Setting dengan klik menu Setting sebelah kiri untuk menyetting referrer yang akan tampil di blog kita dan aturan lainnya yang disesuaikan dengan kehendak kita.


3. Setelah itu silahkan klik menu Get Code untuk mendapatkan kode HTML yang akan dipasang di blog kita. Kita bisa memasangnya di sidebar (gadget HTML/JavaScript) atau di postingan HTML (bukan compose) blog untuk menampilkan backlinknya. Setelah terpasang silahkan lakukan validasi link dengan klik Validate My Link pada bagian bawah kode di referrer tadi.



4. Sampai di sini kita sudah mempunyai mesin Automatic Backlink blog kita. Tinggal kita publikasikannya di blog kita agar pengunjung tahu bahwa blog kita mempunyai Automatic Backlink. Bisa dengan Text Link ataupun Banner Link. Buatlah link yang mengarah ke tempat kita menyimpan kode pada langkah ke-3 di atas. Bila menyimpannya di sidebar, kita bisa mengarhkannya ke homepage blog. Dan bila kita menempatkannya pada halaman postingan, maka buat linknya mengarah ke halaman postingan tersebut.

Bila Anda ingin membuat linknya dengan banner, Anda bisa gunakan pihak ketiga pembuat banner online seperti Cooltext.com. Silahkan masuk untuk membuat banner blog Anda.

Setelah itu silahkan upload banner yang sudah Anda buat tadi. Anda bisa gunakan kode di bawah ini untuk menampilkan banner dan kode link banner Anda di blog dengan efek otomatis blok untuk memudahkan pengunjung mengcopy kode banner kita.

<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="URL BANNER" /></div>
<br /></div>
<div>
<form name="kompiajaib">
<div align="center" style="margin-bottom: 0; margin-top: 0;">
<textarea ;="" cols="45" name="txt" onmouseover="this.form.txt.select()" readonly="readonly" rows="3" style="height: 30; width: 200;">&lt;a href="URL TEMPAT KITA MENYIMPAN KODE DARI REFERRER" target="_blank" title="ISI DENGAN TITLE BLOG ANDA"&gt;&lt;img src="URL BANNER"/&gt;&lt;/a&gt;</textarea></div>
</form>
</div>

Demikian saja sharing cara Membuat Automatic Backlink Di Blog pagi ini mudah-mudahan bermanfaat.

Bagi yang ingin mendapat Automatic Backlink dari Kompi Ajaib, silahkan copy kode yang sudah saya sediakan. Perlu diingat, untuk melihat link blog kita untuk pertama kali, setelah Anda pasang Automatic Backlink Bannernya di blog Anda, silahkan klik bannernya untuk memvalidasikan link blog Anda dengan Automatic Backlinknya. Dan otomatis link blog Anda akan ada pada daftar link yang disediakan oleh Author Blog. Namun kalau Anda hanya mengcopy bannernya tanpa mengkliknya yang menuju ke halaman Automatic Backlinknya, maka link Anda tidak akan ada di daftar link.

Mengganti Followers Blog Widget Blogger Dengan Link

Mengganti Followers Blog Widget Blogger Dengan Link

Mungkin trik ini bisa Anda jadikan solusi untuk menggantikan fungsi Followers Blog Widget sehingga blog Anda penampilannya lebih singset dan mungkin sedikit mengurangi beban loading blog. Triknya yaitu Mengganti Followers Blog Widget Blogger Dengan Link sehingga tanpa Followers Blog Widget di blog kita, namun pengunjung masih bisa jadi follower blog kita dengan mengklik link yang kita sediakan. Sebagai contoh silahkan coba pada link demo di bawah ini.


Bagaimana tertarik untuk mencobanya di blog Anda? Silahkan ikuti tutorialnya di bawah ini.

Untuk Mengganti Followers Blog Widget Blogger Dengan Link, Anda harus mengetahui dulu ID Blog Anda. Caranya cukup mudah, Silahkan lihat di dashboard blog Anda pada bagian atas di browser Anda. Di situ tertera ID Blog Anda.


Setelah itu silahkan copy kode di bawah ini:

1. Dengan link text

<a href='http://www.blogger.com/follow-blog.g?blogID=xxxxxxxxxxxxxxxx' target='_blank'>Follow Blog Ini</a>

Ganti xxxxxxxxxxxxxxxx dengan ID Blog Anda.

2. Dengan link button.

<a href='http://www.blogger.com/follow-blog.g?blogID=xxxxxxxxxxxxxxxx' target='_blank'><button>Follow Blog Ini</button></a>

Ganti xxxxxxxxxxxxxxxx dengan ID Blog Anda.

3. Dengan link gambar.

<a href='http://www.blogger.com/follow-blog.g?blogID=xxxxxxxxxxxxxxxx' target='_blank'><img border='0' src='http://LINK GAMBAR ANDA'/></a>

Ganti xxxxxxxxxxxxxxxx dengan ID Blog Anda. Ganti LINK GAMBAR ANDA dengan link gambar yang Anda Upload.

Penempatannya bisa di widget HTML/JavaScript sidebar atau footer blog Anda, atau pada menu horizontal header blog Anda.

Demikian cara Mengganti Followers Blog Widget Blogger Dengan Link kali ini mudah-mudahan bermanfaat. Selamat berkreasi....

Memodifikasi Followers Blog Widget Blogger

Memodifikasi Followers Blog Widget Blogger

Anda merasa bosan dengan tampilan Followers Blog Widget bawaan asli Blogger? Atau mungkin tampilan Follower Blog Blogger-nya tidak sesuai dengan theme blog? Jangan bingung, saya share cara Memodifikasi Followers Blog Widget Blogger sehingga sesuai dengan theme blog Anda. Sebagai contoh bisa Anda lihat pada gambar di atas, atau pada Followers Blog Widget blog Kompi Ajaib yang ada di bawah (Footer). Berbeda kan?...itu karena sudah saya modifikasi. Cara Memodifikasi Followers Blog Widget Blogger sebenarnya gampang-gampang susah.

Langkah Pertama

Biarkan dulu Followers Blog Widget bawaan asli Blogger yang sudah Anda terapkan di blog Anda, karena ada kode yang mesti dilihat. Syaratnya Anda menggunakan Firefox sebagai browsernya. Klik kanan pada halaman blog Anda >> Klik View Page Source >> Cari title dari widget tersebut, misalnya "Followers" (tanpa tanda kutip). Gunakan CTRL + F Pada keyboard untuk memudahkan pencarian. Setelah ketemu, scroll ke bawah sehingga Anda menemukan kode seperti di bawah ini. 

<div id="div-65y5uikkmesc" style="width: 100%; "></div>
<script type="text/javascript">
    var skin = {};
    skin['FACE_SIZE'] = '32';
    skin['HEIGHT'] = "260";
    skin['TITLE'] = "Followers";
    skin['BORDER_COLOR'] = "transparent";
    skin['ENDCAP_BG_COLOR'] = "transparent";
    skin['ENDCAP_TEXT_COLOR'] = "#666666";
    skin['ENDCAP_LINK_COLOR'] = "#256ead";
    skin['ALTERNATE_BG_COLOR'] = "transparent";
   
    skin['CONTENT_BG_COLOR'] = "transparent";
    skin['CONTENT_LINK_COLOR'] = "#256ead";
    skin['CONTENT_TEXT_COLOR'] = "#666666";
    skin['CONTENT_SECONDARY_LINK_COLOR'] = "#256ead";
    skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#666666";
    skin['CONTENT_HEADLINE_COLOR'] = "#000000";
    skin['FONT_FACE'] = "normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif";
    google.friendconnect.container.setParentUrl("/");
    google.friendconnect.container["renderMembersGadget"](
    {id: "div-65y5uikkmesc",
     height: 260,      site: "09038553348108515803",      locale: 'en' },
     skin);
  </script>
</div>

Perhatikan kode yang berwarna merah dan hijau, kode itu yang kita perlukan untuk memodifikasinya. 

Langkah Kedua

Copy kode di bawah ini ke gatget HTML/JavaScript baru.

<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<!-- Define the div tag where the gadget will be inserted. -->
<div id="div-fhp4mq2cq3gj" style="width:285px;border:1px solid #fff;"></div>
<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
skin['BORDER_COLOR'] = 'transparent';
skin['ENDCAP_BG_COLOR'] = 'transparent';
skin['ENDCAP_TEXT_COLOR'] = '#666666';
skin['ENDCAP_LINK_COLOR'] = '#1da7e7';
skin['ALTERNATE_BG_COLOR'] = 'transparent';
skin['CONTENT_BG_COLOR'] = 'transparent';
skin['CONTENT_LINK_COLOR'] = '#1da7e7';
skin['CONTENT_TEXT_COLOR'] = '#666666';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#1da7e7';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#999999';
skin['CONTENT_HEADLINE_COLOR'] = '#1da7e7';
skin['NUMBER_ROWS'] = '4';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
 { id: 'div-fhp4mq2cq3gj',
   site: '09725433856921720255' },
  skin);
</script>

Ganti kode yang berwarna merah dengan kode warna merah pada langkah pertama, begitu juga dengan kode yang berwarna hijau. Dan kode yang diblok kuning itu untuk merubah tampilan warna dari widget tersebut, silahkan sesuaikan dengan warna thema blog Anda. Angka 4 yang berwarna merah itu untuk memberikan jumlah baris photo follower kita. Angka 285 untuk mengatur lebar widget, silahkan sesuaikan dengan lebar sidebar atau footer blog Anda. Kode #fff untuk warna border luarnya, silahkan sesuaikan dengan keinginan Anda.

Demikian sharing cara Memodifikasi Followers Blog Widget Blogger kali ini mudah-mudahan bermanfaat. Selamat berkreasi...

Friday, July 27, 2012

Al-Qur'an Flash Online Widget Untuk Blog

 Al-Qur'an Flash Online Widget Untuk Blog

Subhanallah...pada Bulan Suci ini mari kita perbanyak amal shaleh, salah satunya kita mendengarkan Al-Qur'an. Setelah kemarin saya share cara membuat Al-Qur'an Online Widget di blog, kini saya coba share Al-Qur'an Flash Online Widget Untuk Blog. Bedanya kalau widget ini kita bisa langsung mendengarkan ayat-ayat Al-Qur'an dari flash player yang dipasang di blog.

Langsung saja, bagi yang ingin mendengarkan Al-Qur'an di Kompi Ajaib, silahkan pilih salah satu Al-Qur'an Flash Online Widget Untuk Blog di bawah ini dan jalankan flash playernya. Bagi yang ingin memasangnya di blog, silahkan copy kode scriptnya di bawah masing-masing widget yang saya sediakan.


Listen to Quran


<center>
<div style="width: 444px;">
<embed allowfullscreen="true" height="555" quality="high" src="http://www.listen2quran.com/listen/mediaplayer.swf?config=http://www.listen2quran.com/listen/Conf.aspx" type="application/x-shockwave-flash" width="444"></embed></div>
<div style="text-align: center;">
<a href="http://www.listen2quran.com/" target="_blank"><img alt="Listen to Quran" border="0" src="http://www.listen2quran.com/pic/" /></a></div>
</center>




<p><div align="center">
<script src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js" type="text/javascript">
</script><script type="text/javascript">
if (WIDGETBOX) WIDGETBOX.renderWidget('336436b3-c640-4302-b499-c46ef219369f');
</script></div></p>

Demikian sharing Al-Qur'an Flash Online Widget Untuk Blog mudah-mudahan bermanfaat...

Al-Qur'an Online Widget Untuk Blog

Al-Qur'an Online Widget Untuk Blog

Banyak yang dapat kita perbuat unuk mengisi waktu dalam bulan Ramadhan ini. Tentunya dengan perbuatan yang menambah amalan di bulan suci ini, salah satunya membaca dan mendengarkan Al-Qur'an. Nah bagi yang ingin membuat Al-Qur'an Online Widget Untuk Blog untuk mendengarkan Al-Qur'an di blognya kita bisa memasangnya, sehingga kita dapat dengan mudah mendengarkan sekaligus belajar memahami Al-Qur'an, karena widget Al-Qur'an ini juga dilengkapi dengan terjemahannya yang tentunya dalam Bahasa Indonesia.

Untuk mendengarkan Al-Qur'an Online ini, kita akan mendownloadnya terlebih dahulu dalam format MP3 kemudian kita bisa mendengarkannya dengan player pada kompi kita. Jadi lebih tepatnya ini adalah widget yang menyediakan link download surat-surat dalam Al-Qur'an dengan format MP3. Namun  kita juga bisa langsung mendengarkan ayat-ayat Al-Qur'an dengan mendengarkan per ayat.

Bagi yang tertarik untuk membuat Al-Qur'an Online Widget Untuk Blog silahkan copy kode di bawah ini dan paste di blog Anda ke dalam widget HTML/JavaScript sidebar atau postingan HTML blog Anda.

<iframe frameborder="0" src="http://m.alquran-indonesia.com/mquran/index.php/quran" style="border: 0px; height: 400px; width: 400px;"></iframe>

Silahkan sesuaikan tinggi dan lebarnya dengan lebar sidebar blog Anda dengan merubah angka pada height dan width nya. Sehingga penampakannya akan tampak seperti di bawah ini.


Demikian sharing membuat Al-Qur'an Online Widget Untuk Blog ini, mudah-mudahan bermanfaat.

Sumber: Alquran-Indonesia

Membuat Skype Button Di Blog

Membuat Skype Button Di Blog

Seperti halnya Yahoo! Messenger yang dapat ditampilkan icon YM di blog kita, Skype juga kini dapat ditampilkan di blog kita. Dengan Membuat Skype Button Di Blog akan memudahkan pengunjung blog dapat berinteraksi dengan pemilik blog melalui Skype. Secara sekarang Skype sedang menjadi trend dalam hal komunikasi via internet.

Ada beberapa macam Skype Button yang dapat kita pilih seperti pada gambar di bawah ini:



Bagaimana tertarik untuk mencoba mengaplikasikannya pada blog Anda? 

Membuat Skype Button Di Blog cukup mudah, Anda tinggal masuk Silahkan isikan user name Skype Anda >> Pilih jenis button yang sesuai dengan keinginan Anda >> Kemudian Copy kode HTML yang diberikan dan paste di gadget HTML/JavaScript pada sidebar blog Anda.

Selamat berkreasi...

Saturday, July 21, 2012

Edit Permalink - Fitur Baru Blogger

Edit Permalink - Fitur Baru Blogger

Setelah kemarin saya share seputar fitur baru di blogger tentang SEO Onpage yaitu Membuat Meta Tag Deskription Di Blogger. Pagi ini selepas sahur di hari kedua bulan Ramadhan 2012 ini saya mencoba untuk mengulas sedikit tentang fitur baru lagi yang dirilis oleh blogger untuk penggunanya yaitu fitur permalink yang bisa kita edit ketika kita membuat sebuah postingan. 

Seperti kita ketahui sebelumnya bahwa di blogger hanya tersedia 30 - 40 karakter untuk sebuah permalink/URL. Bagi yang membuat postingan dengan judul post yang panjang, maka permalinknya akan diberikan sekitar 30 - 40 karakter saja, yang artinya tidak semua karakter di dalam judul tersebut dapat menjadi permalink. Seperti contoh, saya mempunyai postingan dengan judul "Angry Birds Season v2.4.1 Full Patch PC Game Free Download" dan permalink yang diberikan blogger sbb "http://kompiajaib.blogspot.com/2012/06/angry-birds-season-v241-full-patch-pc.html". Coba perhatikan tulisan yang berwarna merah pada permalink yang diberikan oleh blogger. Tidak semua karakter dari judul menjadi permalink. Ada sekitar 58 karakter yang ada di dalam judul namun hanya diambil 37 karakter saja untuk dijadikan permalink oleh blogger. Tidak seperti wordpress yang otomatis memberikan permalink lengkap sesuai judul postingan.

Untuk mengatasi hal tersebut kini blogger menyediakan tool baru yang menyediakan custom permalink atau untuk mengedit permalink sesuai dengan keinginan kita. Coba Anda lihat ketika Anda menulis sebuah postingan di sebelah kanan. Apabila kita klik menu Permalink maka kita bisa melihat permalink yang diberikan untuk postingan kita. Apabila ternyata permalinknya tidak sesuai dengan keinginan kita, maka kita bisa mengeditnya pada Custom Permalink/URL.



Lalu bagaimana cara mengedit permalink? Kita bisa mengedit permalink pada karakter di bagian akhirnya saja. Tahun dan bulan tidak bisa dirubah, itu otomatis diberikan blogger sesuai dengan tahun dan bulan ketika postingan diterbitkan. Seperti contoh berikut: "http://kompiajaib.blogspot.com/2012/07/edit-permalink-fitur-baru-blogger.html". Itu adalah permalink otomatis yang diberikan bogger untuk postingan saya ini. Kita bisa mengedit permalink hanya pada tulisan yang berwarna merah. Silahkan isikan karakter pada kotak yang disediakan pada Custom Permalink/URL. Saat ini, karakter yang diperbolehkan dalam Custom Permalink/URL masih terbatas pada: az, AZ, 0-1. Satu-satunya karakter khusus yang tersedia adalah underscore ( _ ), dash ( - ), dan periode ( . ).

Demikian sharing Edit Permalink - Fitur Baru Blogger kali ini mudah mudahan bermanfaat. Apabila ada kesalahan mohon dibetulkan.

Friday, July 20, 2012

Membuat Meta Tag Description Di Blogger

Membuat Meta Tag Description Di Blogger

Pagi ini di awal bulan Ramadhan saya akan mencoba memberikan sedikit tips untuk Search Engine Optimization di Blogger yaitu Membuat Meta Tag Description Di Blogger. Saya sharing cara Membuat Meta Tag Description Di Blogger berdasarkan pengalaman saya selama ngeblog. Maklum newbie jadi kalau ada salah-salah kata mohon dibetulkan..ya...

Baru-baru ini blogger telah merilis tool baru untuk memberikan kemudahan pada penggunanya yaitu tool Search Description yang akan terlihat setelah Anda mengaktifkannya pada Setting di dashboard blog. Dan kita dapat menggunakannya ketika kita membuat postingan untuk memberikan deskripsi pada setiap postingan yang kita buat.

Secara sederhana, Description Blog yaitu sebuah kalimat yang menjelaskan tentang sebuah blog, sehingga orang akan tahu dengan gampang tentang sebuah blog atau sebuah postingan blog dari membaca deskripsinya. Kita bisa membuat deskripsi pada homepage dan pada setiap postpage. Hal ini dilakukan agar tidak terjadi duplikat deskripsi yang katanya dapat menghambat pada SEO blog kita. 

Pertama kita akan mengaktifkan tool Description terlebih dahulu di Dashboard kemudian klik Setting.


Kemudian klik Search Preferences dan klik Edit pada Description.




Kemudian klik pada radio button YES untuk mengaktifkan tool Description. Pada kotak di bawahnya silahkan isi dengan kalimat yang menggambarkan web/blog Anda. Itu untuk memberikan deskripsi pada homepage. Kemudian klik save change.



Sampai di sini kita sudah mempunyai deskripsi untuk homepage blog kita. Bagi yang sudah memberikan meta tag deskripsi dengan melalui edit HTML pada template sebaiknya hapus saja untuk menghindari duplikat deskripsi.

Nah untuk memberikan deskripsi pada postpage, kita tinggal memberikan deskripsi pada menu Search Description ketika kita menulis postingan di sebelah kanan dengan kalimat yang menggambarkan isi dari konten yang kita buat.


Dengan demikian setiap postingan akan mempunyai deskripsi sendiri yang akan menunjang pada SEO Onpage.

Demikian sharing cara Membuat Meta Tag Description Di Blogger kali ini, mudah-mudahan bermanfaat.

Membuat Twitter Follower Box Widget Di Blog

Membuat Twitter Follower Box Widget Di Blog

Mungkin widget yang satu ini sudah banyak dishare oleh blogger lain, namun untuk melengkapi tutorial blogger di Kompi Ajaib, cara Membuat Twitter Follower Box Widget Di Blog akan saya share bagi Anda yang sedang mecari widget ini untuk di pasang di blognya.

Pada dasarnya Twitter Follower Box Widget ini tampilannya mirip dengan Facebook Like Box Widget. Pada Twitter Follower Box Widget juga menampilkan tombol untuk follow Twitter kita, jumlah follower dan photo-photo dari follower kita seperti tampak pada gambar di atas atau bisa Anda lihat pada footerbar blog ini, sekalian follow juga enggak apa-apa kok hehehe....

Cara Membuat Twitter Follower Box Widget Di Blog cukup mudah, tinggal copy kode di bawah ini ke gadget HTML/JavaScript pada sidebar/footerbar blog Anda.

<iframe src="http://s.moopz.com/connect.html?user=KompiAjaib" class="FB_SERVER_IFRAME" style="width: 287px; height: 242px; border: none; overflow:hidden;" frameborder="0" scrolling="no" name="fbfanIFrame_0" allowtransparency="true"></iframe><script type="text/javascript">fanbox_init("KompiAjaib");</script>

Ganti tulisan KompiAjaib dengan user name Twitter Anda. Dan tulisan/angka yang berwarna biru untuk mengatur lebar (width) dan tinggi (height) widget, silahkan atur dan sesuaikan dengan lebar sidebar blog Anda.

Mudah...kan? Namun sampai saat ini saya belum menemukan Twitter Follower Box Widget untuk tema yang gelap/dark dengan pemasangan kode yang mudah. Sehingga bagi blog yang bertema gelap, widget ini agak kurang pas. Namun enggak apa-apa lah untuk mencoba sesuatu yang baru enggak ada salahnya untuk dicoba. Kalau saya sudah menemukan Twitter Follower Box Widget dengan tema dark pasti saya share lagi untuk Anda semua.

Demikian sharing cara Membuat Twitter Follower Box Widget Di Blog ini semoga bermanfaat.

Monday, July 16, 2012

Membuat Headline News Di Bawah Header

Membuat Headline News Di Bawah Header

Pagi ini akan saya coba share cara Membuat Headline News Di Bawah Header seperti yang ada pada blog Kompi Ajaib ini yang letaknya di bawah header. Kebetulan pada waktu yang lalu ada nanya bagaimana cara membuat latest post / headline news seperti blog Kompi Ajaib. Headline News ini menampilkan 10 postingan terbaru dari blog Anda.

Silahkan Anda masuk di Dashboard >> Template >> klik Edit HTML >> centang pada Expand Widget Templates karena kita akan sedikit mengobok-obok HTML. Setelah itu silahkan cari kode ]]></b:skin> , gunakan CTRL + F pada keyboard untuk memudahkan pencarian. Setelah ketemu silahkan copy kode di bawah ini dan paste DI ATAS kode tadi.

.headline-wrapper{background:url(https://lh3.googleusercontent.com/-leV22rchdzc/UAP58mLNrFI/AAAAAAAADb4/sRUlcvkSIsA/s38/headline-bg.png) repeat-x;width:960px;height:30px;margin:0 auto;padding:0 auto}
.headline{width:960px;line-height:1.4em;text-align:left;font-family:Arial;font-size:12px;color:#4f4f4f;overflow:hidden;clear:both;margin:0 auto;padding:0 auto;text-shadow: 1px 1px 1px #000}
.headline a:hover{color:#eace12;text-decoration:none}

Perhatikan tulisan https://lh3.googleusercontent.com/-leV22rchdzc/UAP58mLNrFI/AAAAAAAADb4/sRUlcvkSIsA/s38/headline-bg.png yang berwarna merah. Itu adalah gambar yang akan menjadi background headline news. Silahkan sesuaikan warnanya dengan warna dari tema blog Anda. Silahkan buat gambar yang kecil saja kira-kira ukuran sizenya sekitar 200 - 300 byte saja. Di sini saya bikin gambar dengan pixel dimensinya lebar 7 pixels dan tingginya 38 pixels di Photoshop dan save dengan format png. Kemudian upload gambar Anda tadi dan ganti url yang berwarna merah tersebut dengan url gambar Anda tadi. Untuk tulisan 960px, itu ukuran lebar headline news. Silahkan sesuaikan dengan lebar headernya atau header-wrapper.

Kemudian cari kode </head> dan copy kode di bawah ini kemudian letakan DI ATAS  kode tadi.

<script src='https://www.google.com/jsapi?key=ABQIAAAAlQIoliUVPjZwD8UDgw_U3RTUhB4JyH-ajz-fA9t4yePPPdGAfRTC_mtuh6Iq1MLEipD0I2rCi30Png' type='text/javascript'/>
<script src='http://kompiajaib.googlecode.com/files/newsticker2.js' type='text/javascript'/>
<style type='text/css'>
.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;}
.labelfield{ /*CSS for label field in general*/
color:#666;font-size: 100%;}
.datefield{ /*CSS for date field in general*/
color:#fff;font:normal 12px Arial;}
#example1{ /*Demo 1 main container*/
width: 900px;
height: 12px;
border: 0px solid #aaa;
padding: 0px;
font:bold 12px Arial;
text-transform:none;
text-align:left;
background-color:transparent;}
code{ /*CSS for insructions*/
color: #fff;}
#example1 a:link, #example1 a:visited {color:#60BAFA;text-decoration:none;}
#example1 a:hover {color:#fff;text-decoration:none;}
</style>


Kemudian cari kode <b:section class='header' id='header' dan Anda akan melihat kode seperti di bawah ini.

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Your Title (Header)' type='Header'>
<b:includable id='main'>

Silahkan copy kode di bawah ini dan letakan SETELAH / DI BAWAH kode tadi. 

<div class='headline-wrapper'>
<div class='headline'>
<div style='float:left;padding:5px 5px 5px 10px;font:bold 12px Arial;color:#aeaeae;text-transform:none;'>
Latest Posts :
</div>
<div style='float:left;width:800px;padding:5px 0; position:relative; overflow:hidden;'>
<script type='text/javascript'>
var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 3000, &quot;_new&quot;)
cssfeed.addFeed(&quot;Latest Movies&quot;, &quot;http://kompiajaib.blogspot.com/feeds/posts/default&quot;) //Specify &quot;label&quot; plus URL to RSS feed
cssfeed.displayoptions(&quot;date&quot;) //show the specified additional fields
cssfeed.setentrycontainer(&quot;div&quot;) //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, &quot;date&quot;) //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
</div><div style='clear:both;'/>
</div>

Tulisan Latest Posts yang berwarna merah tersebut bisa Anda ganti dengan Headline News atau yang lainnya. Tulisan kompiajaib.blogspot.com silahkan Anda ganti dengan blog Anda. Namun di sini Anda harus sudah membuat atau mempunyai akun Feedburner blog Anda agar headlinenya bisa berjalan.

Sehingga penampakannya akan tampak seperti di bawah ini.

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Your Title (Header)' type='Header'>
<b:includable id='main'>

<div class='headline-wrapper'>
<div class='headline'>
<div style='float:left;padding:5px 5px 5px 10px;font:bold 12px Arial;color:#aeaeae;text-transform:none;'>
Latest Posts :
</div>
<div style='float:left;width:800px;padding:5px 0; position:relative; overflow:hidden;'>
<script type='text/javascript'>
var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 3000, &quot;_new&quot;)
cssfeed.addFeed(&quot;Latest Movies&quot;, &quot;http://kompiajaib.blogspot.com/feeds/posts/default&quot;) //Specify &quot;label&quot; plus URL to RSS feed
cssfeed.displayoptions(&quot;date&quot;) //show the specified additional fields
cssfeed.setentrycontainer(&quot;div&quot;) //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, &quot;date&quot;) //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
</div><div style='clear:both;'/>
</div>

Setelah itu silahkan lakukan review untuk memastikan pemasangannya sudah benar atau belum. Kemudian save dan selesai.

Demikian sharing cara Membuat Headline News Di Bawah Header kali ini. Sebenarnya headline ini bisa juga Anda letakan di atas header tergantung bagaiman selera Anda saja. Yang penting jangan takut untuk mencoba sesuatu yang baru. Semua orang pernah mengalami trial and error.

Thursday, July 12, 2012

Template Jas Pas Photo Format PSD

Template Jas Pas Photo Format PSD

Kini saya share Template Jas Pas Photo Format PSD bagi Anda yang bergerak di bidang cetak photo. Untuk mempermudah Anda dalam mencetak pas photo dengan mengganti baju dengan jas, Template Jas Pas Photo Format PSD memberikan pilihan beberapa macam jas berserta kemeja dengan dasi dalam format PSD seperti pada gambar di bawah ini.

Template Jas Pas Photo Format PSD

Ada 22 macam jas komplit dengan kemeja dan dasinya di dalam Template Jas Pas Photo Format PSD yang bisa Anda gunakan dan sesuaikan untuk mengganti baju pada pas photo yang sedang Anda buat sehingga penampilan photo Anda akan lebih keren dengan menggunakan jas berdasi.

Bagi yang sedang membutuhkan Template Jas Pas Photo Format PSD untuk memudahkan dalam mengedit photo Anda, silahkan download pada link download di bawah ini.

| Size: 11 MB
Download via Mediafire

Password: kompiajaib

Wednesday, June 27, 2012

Membuat Tab View Di Blog

Membuat Tab View Di Blog

Pagi ini saya akan share cara Membuat Tab View Di Blog seperti yang Anda lihat pada gambar di atas atau pada Tab View blog saya di samping kanan. Sebenarnya saya dapat kode scriptnya dari Maskolis (pembuat template blog ini), namun karena ada temen yang request scriptnya, sekalian saja saya buat postingannya.

Cara Membuat Tab View Di Blog sedikit gampang karena kita tidak usah mengobok-obok kode HTML blog kita, cukup menambahkan kode scriptnya di gadget HTML sidebar blok kita. Bagi yang ingin mencobanya, silahkan copy kode script Tab View di bawah ini, kemudian paste di gadget HTML sidebar blog Anda.

<style type="text/css">
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Kotak Tab */
height: 22px; /* Tinggi Menu Utama Atas */
text-align: center; /* Posisi Teks Menu Tab */
margin: 5px 0px 0px 3px; /* Posisi Kotak Tab */
background-color: #000; /* Warna background Kotak Tab */
padding-top: 2px; /* Spasi Atas */
border: 2px solid #393939; /* Warna border kotak Tab */
border-bottom: 2px solid #393939; /*Warna border bawah kotak tab */
font-family: "Arial, Helvetica, sans-serif", Arial; /* Font Kotak Tab */
font-weight: 900; /* Ketebalan Teks kotak tab */

}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #736F6E; /* Warna background utama kotak tab */ }
div.TabView div.Pages
{
clear: both;
border: none; /* Warna border Kotak Konten */
overflow: hidden;
background-color: none; /* Warna background Kotak konten */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 5px; /* Jarak teks dalam kotak content */
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
</style>

<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 300px;" class="Tabs">
<a><span style="color: #fff">Title Tab 1</span></a>
<a><span style="color: #fff">Title Tab 2</span></a>
<a><span style="color: #fff">Title Tab 3</span></a>
</div>
<div style="width: 300px; height: 350px;" class="Pages">

<div class="Page">
<div class="Pad">

<script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>

<script type="text/javascript" src="/feeds/posts/default/-/Software?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

<script type="text/javascript">
function recentpostslist(json) {
 document.write('<ul>');
 for (var i = 1; i < json.feed.entry.length; i++)
 {
    for (var j = 1; j < json.feed.entry[i].link.length; j++) {
      if (json.feed.entry[i].link[j].rel == 'alternate') {
        break;
      }
    }
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
 document.write(item);
 }
 document.write('</ul>');
 }
</script>
<script src="http://kompiajaib.blogspot.com/feeds/posts/summary/-/Software?max-results=30&alt=json-in-script&callback=recentpostslist"></script>
<a href="http://kompiajaib.blogspot.com/search/label/Software" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category &#187;</a>

</div>
</div>

<div class="Page">
<div class="Pad">

Kode HTML Anda Di Sini

</div>
</div>

<div class="Page">
<div class="Pad">

Kode HTML Anda Di Sini

</div>
</div>
</div></div></form>

<script src="http://kompiajaib.googlecode.com/files/tab_view2.js">
</script>
<script type="text/javascript">
tabview_initialize('TabView');
</script>
<div style='border: 0px; padding: 5px; background-color: none; text-align: right; font-size:9px;'>Get this <a href='http://kompiajaib.blogspot.com/2012/06/membuat-tab-view-di-blog.html' target='_blank'>widget</a></div>

Keterangan:

Perhatikan tulisan yang berwarna hijau, itu keterangan untuk tiap kode di sampingnya, silahkan rubah kode-kodenya dan sesuaikan dengan theme blog Anda.

Tulisan 300px merupakan lebar widget tab view ini, sesuaikan dengan lebar sidebar blog Anda.

Tulisan 350px merupakan tinggi untuk widget tab view, silahkan sesuaikan dengan keinginan Anda.

Tulisan berwarna ungu muda adalah kode script untuk recent post berdasarkan katagori/label dengan 1 buah thumbnail untuk postingan terakhir. Tulisan Software untuk label postingan Anda yang ingin ditampilkan. kompiajaib.blogspot.com silahkan ganti dengan blog Anda. 30 merupakan banyaknya recent post yang ditampilkan, dan http://kompiajaib.blogspot.com/search/label/Software silahkan ganti dengan URL label yang Anda tampilkan.

Kode HTML Anda Di Sini silahkan ganti dengan kode script widget yang lain seperti recent comment atau yang lainnya. Atau Anda bisa isi semua tab dengan kode script recent post yang warna ungu muda di atas, tinggal ganti nama labelnya saja. Seperti pada tab view di blog saya ini.

Jika Anda ingin membuat dua buah tab view seperti pada blog saya ini, hapus kode <script src="http://kompiajaib.googlecode.com/files/tab_view2.js"> </script> pada tab view kedua. Kemudian tambahkan angka 2 pada setiap tulisan TabView sehingga menjadi TabView2. Begitu juga kalau Anda ingin membuat tiga buah tab view di sidebar blog Anda.

Demikian sharing cara Membuat Tab View Di Blog kali ini mudah-mudahan bermanfaat. Jangan takut mencoba sesuatu yang baru, setiap orang pasti melakukan try and error.

Thursday, June 14, 2012

Cara Download File Torrent Dengan IDM

 Cara Download File Torrent Dengan IDM

Baiklah pagi ini saya akan mencoba sharing sebuah trik Cara Download File Torrent Dengan IDM. Biasanya kita mendownload file torrent dengan menggunakan uTorrent, namun kita harus bersabar karena waktu downloadnya yang lama. Bagi Anda yang ingin download file torrent namun lebih cepat waktu downloadnya, silahkan simak Cara Download File Torrent Dengan IDM di bawah ini.

Syaratnya Cara Download File Torrent Dengan IDM tentunya Anda harus sudah menginstall IDM-nya terlebih dahulu. Jika belum silahkan klik untuk mendapatkan IDM terbaru. Silahkan cari dan pilih IDM terbarunya.

Kemudian siapkan file torrentnya, Anda bisa cari file torrent-nya di website yang menyediakan file-file torrent kemudian download file torrent-nya dan simpan di kompi Anda. Atau silahkan copy link atau magnet link-nya dari file torrent tersebut.

Silahkan Anda masuk ke zbigz.com Silahkan Sign Up untuk mendapatkan Akun dengan Gratis.

Cara Download File Torrent Dengan IDM

Kemudian silahkan upload file torrent yang sudah Anda simpan di kompi Anda atau dapat juga paste magnet link file torrent langsung kemudian klik tombol GO.



Silahkan pilih layanan FREE saja untuk melanjutkan proses ini.

Cara Download File Torrent Dengan IDM

Kemudian biarkan zbigz mendownload dulu file torrent-nya dengan server super cepatnya untuk Anda. Tunggu hingga proses Caching selesai dan silahkan lanjutkan dengan menekan tombol download di sebelah kanan.


Anda akan diminta untuk memilih paket layanan lagi, silahkan pilih yang FREE saja. Tunggu proses otomatis IDM yang akan menyediakan downloadnya untuk Anda. Selanjutnya tingga klik Start Download pada IDM.

Cara Download File Torrent Dengan IDM


Anda juga bisa mempause dan melanjutkan mendownload file pada IDM seperti halnya yang Anda lakukan ketika menggunakan uTorrent.

Namun perlu diperhatikan bagi pengguna layanan FREE, batas maksimum kecepatan download hanya sampai 150 KB/s, maksimum size file torrent-nya 8 GB, kita diberikan 7 hari untuk mendownloadnya dari zbigz.com setelah 7 hari maka kita tidak bisa mendownloadnya lagi. Dan kita hanya diberikan 2 tempat untuk menyimpan file Torrent di zbigz.com. Jadi kalau kita mempunyai file torrent yang akan di download lebih dari 2 buah, maka kita harus mengantri.

Demikian sharing Cara Download File Torrent Dengan IDM untuk saat ini, mudah-mudahan zbigz.com terus tetap hidup dan terus memberikan layanan FREE-nya untuk kita. Semoga bermanfaat dan selamat mencoba.


Wednesday, June 13, 2012

Cara Download Di 4Shared Tanpa Login

Cara Download Di 4Shared Tanpa Login

Pagi ini saya akan coba sharing dengan Anda sedikit trik Cara Download Di 4Shared Tanpa Login. Akhir-akhir ini 4Shared memberlakukan peraturan untuk Login/Sign up ketika mau mendownload file, artinya 4shared tidak mengizinkan Anonim untuk mendownload file di situsnya. Bikin kesel memang...dan tambah ribet juga setelah kita menunggu hitungan mundurnya, namun yang pastinya pihak 4Shared pasti mempunyai alasannya untuk ini. Kita harus memakluminya dengan bijak. Nah daripada galau karena harus login ketika mau download file di 4Shared, saya akan sharing sedikit trik untuk mengatasi masalah Login/Sign up (bagi yang belum mempunyai akun di 4Shared) yaitu Cara Download Di 4Shared Tanpa Login.

Mungkin Anda pernah mengalami hal seperti di bawah ini.

 Cara Download Di 4Shared Tanpa Login

Nah apabila Anda malas untuk login atau sign up bagi yang belum memiliki akun di 4Shared (gratis untuk mendaftar di 4Shared), silahkan Anda masuk di www.4server.info

Nanti Anda akan menjumpai halaman seperti di bawah ini.

Cara Download Di 4Shared Tanpa Login

Setelah itu silahkan Anda balik lagi ke halaman 4Shared tadi, kemudian copy URL-nya.

Cara Download Di 4Shared Tanpa Login

Setelah URL-nya Anda copy, silahkan paste pada kotak yang disediakan di www.4server.info kemudian klik tombol Generate Link.

 Cara Download Di 4Shared Tanpa Login

Setelah Anda klik Generate Link Button, maka otomatis akan diberikan link otomatis downloadnya. Apabila Anda menggunakan download manager seperti IDM, maka secara langsung IDM akan mendownloadnya.

Cara Download Di 4Shared Tanpa Login

Bagaimana mudah kan...? Namun apabila Anda masih malas untuk masuk ke www.4server.info, Anda dapat langsung menambahkan www.4server.info/download/ di DEPAN url 4Shared-nya. Seperti contoh, URL 4Shared-nya seperti ini: www.4shared.com/get/EGSJbSG8/Sera_-_Sahara_-_Dangdut_Koplo.html maka setelah ditambahkan kode di atas akan menjadi seperti ini www.4server.info/download/www.4shared.com/get/EGSJbSG8/Sera_-_Sahara_-_Dangdut_Koplo.html kemudian klik tanda panah GO di sebelah kanan kotak URL untuk memulai search.

Demikian sharing Cara Download Di 4Shared Tanpa Login mudah mudahan bermanfaat. Dua jempol untuk admin www.4server.info yang telah memberikan solusi untuk mendownload di 4Shared.