Manfaat dan Keuntungan Ping Service Untuk Blog Anda

PING. Apakah Anda ingin menjadi nomer satu 1 di Search Engine??
Solusinya mungkin bisa menggunakan jasa PING atau Pig Service. Ping Service adalah salah satu service yang di butuh kan oleh Blogger agar blog mereka lebih seo friendly dan mempunyai traffic visitor yang ramai. Sebelumnya ,mari kita telaah dulu apa itu Ping ??
PING merupakan Singkatan dari Packet Internet Gopher. Menurut Wikipedia "ping adalah sebuah XML-RPC berbasis mekanisme dorong" . Ada banyak website atau situs yang menyediakan fasilitas Ping Service untuk Nge-PING blog anda. Daftar Alamat Penyedia PING Service Diantaranya :

• Ping-O-Matic
• Google Ping
• Pingates
• PingMyBlog
• AutoPinger
• Pingoat
• Pingler
• Feedshark (Ping Blog,Feeds,Podcast)
• Dsb.. .Selengkapnya untuk Daftar Situs Ping Blog Service, baca disini.

Penulis sendiri lebih suka meminta bantuan Ping-O-Matic dan Google Ping untuk melakukan PING blog ini dan Blog yang lain. Lalu apa manfaat atau keuntungan melakukan PING Blog dengan Ping Service? 

Tentunya ada banyak sekali manfaat yang kita dapatkan dengan layanan Ping ,apalagi untuk blog anda yang rajin Posting,rajin Edit HTML ,pokoknya rajin melakukan perubahan-perubahan di dalam Blog ,PINg sangat penting!! Kenapa sangat penting? 

Ketika kita melakukan perubahan (misalnya posting artikel baru), Search Engine layaknya Google atau yahoo Search,belum tentu langsung tau atau dapat mengindeks Perubahan dan Posting terbaru blog anda tersebut. Kadang dibutuhkan waktu yang tidak sebentar untuk Search Engine mengetahui perubahan baru di Blog anda. Dengan bantuan PING Service ini,perubahan-perubahan atau posting artikel terbaru anda akan disampaikan lebih cepat kepada Search Engine untuk memberitahu Search Engine bahwa Blog anda telah melakukan Perubahan. Agar mereka bisa mulai meng "crawl" kontent Blog anda. Dengan begitu SE bisa meng index kontent baru Blog anda lebih cepat. 

Kalau divisualisasikan ,ibaratnya kita adalah Pedagang Buah. Keseharian kita menjual buah Jambu,Semangka, dan Durian Montok saja. Kemudian  Hari ini,kita menambah buah dagangan kita. Misalnya kita menambah buah Alpukat dan Buah Kelapa. Dengan begitu, tidak semua pembeli Buah tahu kalo sekarang anda menambah dagangan anda . Kecuali orang-orang yang sudah  mengunjungi toko anda ketika anda baru selesai menambah dagangan anda. Bagimana dengan pembeli yang belum pernah atau hanya sekali mengunjungi toko dagangan anda? Mungkin mereka butuh waktu beberapa hari sampai ada orang lain yang memberi tahu kalau di toko Anda ada jenis buah baru. Bukankah itu terlalu lama?. Disini lah PING Service beraksi. Mereka dengan cepat ,dan suka rela menyampaikan informasi kepada pada pencari buah bahwa dagangan buah di toko anda sudah ditambah dengan buah Alpukat dan Buah Kelapa. Dengan begitu,para pencari buah tahu kalau toko anda sudah menyediakan Buah Alpukat dan Buah Kelapa.  Pokoknya seperti itu lah, bingung juga mau dijelasin bagaimana. Pokoknya nanti anda pasti akan tahu sendiri apa itu PING.

Jadi kesimpulan yang kita dapat , Manfaat PING untuk Blog kita adalah : 

1. Pendistribusian posting baru lebih cepat

2. Mudah terindeks oleh Mesin Pencari layaknya Google dan Yahoo Search

3. Karena Mudah di indeks dan dikenali oleh mesin Pencari,kemungkinan besar berpengaruh pada SERP Blog. Dan buka tidak mungkin Blog anda bisa menjadi Pertamaks alias nomer satu di mesin Pencari.  

4. Karena SERP bagus,maka akan meningkatkan traffic visitor di Blog kita. | ini nih yang dicari ,hhaahaa |

5.  Terakhir, PageRank kita juga akan Naik dan Maju Jaya seiring ramainya Visitor ke Blog Kita. hhaahaa .. . 

Traffic: Up Up 

Menarik Bukan??

Lalu,apa Kerugian atau efek sampingnya?
Tentu saja segala hal itu ada sisi positif dan ada pula sisi negatifnya. Kalau menurut penulis dan teman-teman blogger yang lain ,efek samping atau mitos nya kalau menggunakan Ping Service Blog ini adalah:
1. Menyita waktu!!
       Banyak teman-teman blogger yang menganggap PING blog itu "tidak penting" . Asal kita sabar saja        menunggu indeks otomatis Om Google, itu sudah cukup. Jadi Blogger juga harus sabar. "Memangnya itu benar?? kalau ada yang cepat,kenapa musti nunggu?? Ya kan."
2. Bisa dianggap Spam Oleh Search Engine.
        Sebenarnya anggapan itu tidak 100% Benar. Kita hanya dianggap spam oleh Search Engine jika terlalu sering melakukan PING Blog,padahal kitanya jarang posting atau melakukan renofasi Meta tag atau yang yang lain di blog kita. kalo tidak ada perubahan ,apa yang perlu di PING?? ini hanya buang-buang waktu saja!! Justru malah akan di beri label SPAM oleh Search Engine layaknya google. jadi sarang penulis, lakukan lah PING sewajarnya dan seperlunya saja. Jika anda jarang posting, lakukan PING maksimal setiap kali anda selesai posting, baru lakukan PING Blog. Hasilnya akan sangat efektif dan sangat berpengaruh pada SERP blog anda.

Jadi, kenapa anda tidak melakukan PING untuk Blog anda??

Kesimpulan diatas,penulis buat sendiri menurut pengalaman penulis sendiri. Jika ada yang mau menambahai atau mengoreksi ,silahkan sampaikan saja di kotak komentar . See You.. . and Happy Blogging. 

Simulasi Spider Search Engine

Simulasi Search Engine Spider merupakan salah satu SEO Tool yang berguna untuk Para Blogger. Ketahuilah bagaimana Cara dan apa saja yang dibaca Spider Search Engine
Seperti Search Engine nya Google maupun Yahoo Search. Tidak hanya Tampilan blog anda di mata spider saja yang bisa di dapatkan dengan Tool dibawah, anda juga bisa menemukan Meta Keyword yang paling cocok untuk Blog anda menurut Spider Search Engine.  Bagaimana caranya? Caranya sangat mudah ,gunakan tool dibawah:

1. Anda bisa memasukkan Blog atau Website anda ke dalam kotak dibawah
2. Lalu tekan "Sumbit"
3. Tunggu beberapa Saat, dan lihatlah blog anda di mata Spider seperti apa.

Masukan URL

Jika ada uneg-uneg,silahkan dibahas dikotak komentar .

Happy Blogging .. .

Membuat Menu Horizontal dan Vertical Blog | CSS Menu Generator

Kupas tuntas cara membuat horizontal menu dan vertical menu di blog. Sudah banyak blog yang membicarakan dan membahas tentang cara-cara dalam membuat menu navigasi di blog.
Dan ini salah satu nya.Anda bisa membuat menu horizontal navigation dengan "SOftware CSS Menu Generator",Mungkin itu vertikal maupun horizontal. Kali ini penulis akan membahas tuntas tentang cara membuat menu navigasi horizontal maupun vertical di blog.Sebenarnya bukan hanya Vertical dan Horizontal menu saja yang bisa kita buat dengan CSS Menu Generator, Tetapi kita juga bisa membuat jenis tamplian menu yang lain. Macam-macam tampilan menu yang bisa kita buat antara lain:
1. Vertical Menu
2. Horizontal Menu
3. Combo-Box Menu
4. Pulldown Menu

 Dan ini dia screenshotnya:

Vertical Menu

Combo-Box Menu

Pull Down Menu

Bagaiana,menarik Bukan?

Saya yakin semua sobat blogger sudah mengetahui apa itu Menu Navigasi Horizontal maupun Vertical. Contoh penerapan menu Horizontal bisa di lihat pada blog ini,tepatnya diatas posting tulisan ini.  Tepat diawah header. Di sana,saya menempatkan Navigasi Home, Link Exchange. Privacy Policy, dan Site Map. Namun ,tampilan pada menu horizontal itu bukanlah hasil karya penulis sendiri,melainkan berdasarkan tutorial dari Blogger sahabat. Karena itu,penulis mencari cara lain untuk membuat menu horizontal dengan desain sendiri. Dapat lah software ini , "CSS Menu Generator".

Screenshot Css Menu Generator

Sebelumnya,silahkan download software nya dulu disini, atau pada tombol download di bawah post.CSS Menu Generator ini tidak terlalu rumit,System Requirment nya pun sederhana, hanya :

• Windows
• 256 MB RAM
• 10 MB HDD
• IE 5.5+

Setelah sobat download,silahkan instal pada Komputer sobat. Setelah Instalasi selesai,sobat bisa langsung membuka aplikasi CSS Menu Generator dan siap untuk berkreatifitas membuat Menu untuk Blog Sobat. Setelah Menu nya sudah jadi,silahkan masuk ke tahap selanjutnya,yaitu memasangnya di Blog. Untuk memasangnya ke dalam blog,sobat hanya perlu memasuk kan scrip yang di berikan dari CSS Menu Generator ke HTML Blog sobat. Disana nanti,sobat akan diberi dua buah scrip. Yang satu scrip CSS,dan yang satunya lagi adalah script javascript yang bisa sobat pasang dimanapun sobat mau. Bisa di atas Header,dibawah header,maupun di sidebar (untuk vertical menu). Semua terserah sobat. Untuk kode CSS nya sendiri ,sobat tinggal mem-paste kannya diatas tag ,atau,kalau tidak mau repot-repot, sobat bisa memanfaatkan fitur baru Blogger untuk edit template. Caranya :
1. Masuk ke menu Rancangan/Setting ,
2. Klik submenu Perancang Template (yang ada iconnya), Mungkin sobat akan diminta untuk menunggu loading beberapa saat.
3. Setelah loading selesai,klik menu advance
4. Pada submenu Advance yang paling bawah,disana akan ada menu Add CSS,

Tampilan Menu Advance tempat untuk Paste Kode CSS

5. Masuk ke menu Add CSS, dan pastekan kode CSS yang diberikan CSS Menu Generator tadi.
6. Jangan lupa klik tombol APLLY TO BLOG yang ada di pojok kanan atas halaman.

Download CSS Menu Generator:

Cara Membuat Artikel Terkait | Sederhana

Kemarin penulis telah menambahkan menu Related Post atau Artikel Terkait pada Asoka-Site. Bisa sobar lihat pada bagian bawah posting ini. Dan sekarang penulis akan mereview cara membuatnya.
Cara mudah nya untuk membuat related post atau artikel terkait adalah sebagai berikut :
1. Login ke akun Blogger anda.
2. Klik Rancangan, kemudian pilih Edit HTML.
3. Centang Expand Template Widget (saya anjurkan download dahulu template anda).
4. Cari kode seperti ini: <data:post.body/>

Jika sebelumnya sobat sudah memasang script Read More, maka ,mungkin akan terdapat 2 kode <data:post.body/>. Jadi,kita akan pasang script nya dibawah <data:post.body/> yang ke 2 (lebih tepatnya di bawah tag </b:if>).

5. Jika sudah ketemu, maka copy paste-kan kode berikut persis berada dibawah <data:post.body/> :

<b:if cond='data:blog.pageType == &quot;item&quot;'><br/><br/><H2>Artikel Terkait:</H2><div class='rbbox'><div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid#ccc;'><div id='albri'/><script type='text/javascript'>var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;var maxNumberOfPostsPerLabel = 4;var maxNumberOfLabels = 10;maxNumberOfPostsPerLabel = 10;maxNumberOfLabels = 3;function listEntries10(json) {var ul = document.createElement(&#39;ul&#39;);var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?json.feed.entry.length : maxNumberOfPostsPerLabel;for (var i = 0; i &lt; maxPosts; i++) {var entry = json.feed.entry[i];var alturl;for (var k = 0; k &lt; entry.link.length; k++) {if (entry.link[k].rel == &#39;alternate&#39;) {alturl = entry.link[k].href;break;}}var li = document.createElement(&#39;li&#39;);var a = document.createElement(&#39;a&#39;);a.href = alturl;if(a.href!=location.href) {var txt = document.createTextNode(entry.title.$t);a.appendChild(txt);li.appendChild(a);ul.appendChild(li);}}for (var l = 0; l &lt; json.feed.link.length; l++) {if (json.feed.link[l].rel == &#39;alternate&#39;) {var raw = json.feed.link[l].href;var label = raw.substr(homeUrl3.length+13);var k;for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);var txt = document.createTextNode(label);var h = document.createElement(&#39;b&#39;);h.appendChild(txt);var div1 = document.createElement(&#39;div&#39;);div1.appendChild(h);div1.appendChild(ul);document.getElementById(&#39;albri&#39;).appendChild(div1);}}}function search10(query, label) {var script = document.createElement(&#39;script&#39;);script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;+ label +&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);document.documentElement.firstChild.appendChild(script);}var labelArray = new Array();var numLabel = 0;<b:loop values='data:posts' var='post'><b:loop values='data:post.labels' var='label'>textLabel = &quot;<data:label.name/>&quot;;var test = 0;for (var i = 0; i &lt; labelArray.length; i++)if (labelArray[i] == textLabel) test = 1;if (test == 0) {labelArray.push(textLabel);var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?labelArray.length : maxNumberOfLabels;if (numLabel &lt; maxLabels) {search10(homeUrl3, textLabel);numLabel++;}}</b:loop></b:loop></script></div><script type="text/javascript">RelPost();</script></div></b:if>

6. Cari kode ini : ]]></b:skin> 
7. Copy kode CSS di bawah ini ,dan paste diatas kode pada point 6 tadi..

.rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}.rbbox:hover{background-color: rgb(255, 255, 255);}

8. Selesai !!


Referensi: 
- http://chenk-rahman.blogspot.com

Membuat scroll bar pada Arsip dan Label blogger

Untuk menghemat ruang pada tampilan blog ,ada baiknya kita menbuat scrool pada widget-widget Sobat Blogger. Sebenarnya penulis ingin membuat auto scroll itu tuh,yang widgetnya bisa berjalan keatas .
Tapi karena tidak ketemu,ya sudah ,penulis memakaikan scrool manual di widget nya. Penerapannya bisa dilihat di sini . Disana saya memakainya untuk diterapkan pada widget Arsip Blog.Sebnarnya untuk membuat scrool bar sangatlah mudah. Scrip dasarnya adalah begini :

<div style="overflow:auto;width:ancho;height:500px;padding:5px;border:1px solid #096DB0">[Kode widget Disini]
</div>

Ket: yang berwarna merah adalah script dasar, dan warna kuning adalah atribut.Bisa sobat atur sesuai kebutuhan. Width=ancho=otomatis ,jadi lebarnya disesuaikan otomatis. Ketinggian nya dan yang lain juga bisa sobat atur sendiri. 

Contoh membuat Scrol pada Arsip. 

<div id='ArchiveList'><div style='overflow:auto; width:ancho; height:400px;'> <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'><b:if cond='data:style == &quot;HIERARCHY&quot;'><b:include data='data' name='interval'/></b:if><b:if cond='data:style == &quot;FLAT&quot;'><b:include data='data' name='flat'/></b:if><b:if cond='data:style == &quot;MENU&quot;'><b:include data='data' name='menu'/></b:if></div></div> </div><b:include name='quickedit'/></div>

Ket: Kode warna merah adalah penempatan tag scrool . 

Penerapan pada Label.

<b:widget id='Label1' locked='false' title='categories-1' type='Label'><b:includable id='main'><b:if cond='data:title'><h2><data:title/></h2></b:if><div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'><div style='overflow:auto; width:ancho; height:250px;'><b:if cond='data:display == &quot;list&quot;'><ul><b:loop values='data:labels' var='label'><li><b:if cond='data:blog.url == data:label.url'><span expr:dir='data:blog.languageDirection'><data:label.name/></span><b:else/><a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a></b:if><b:if cond='data:showFreqNumbers'><span dir='ltr'>(<data:label.count/>)</span></b:if></li></b:loop></ul><b:else/><b:loop values='data:labels' var='label'><span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'><b:if cond='data:blog.url == data:label.url'><span expr:dir='data:blog.languageDirection'><data:label.name/></span><b:else/><a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a></b:if><b:if cond='data:showFreqNumbers'><span class='label-count' dir='ltr'>(<data:label.count/>)</span></b:if></span></b:loop></b:if><b:include name='quickedit'/></div></div></b:includable></b:widget>

Bagi anda yang sudah memahami dan mahir dalam olah HTML, saya yakin trik ini pasti sudah sangat mudah untuk diterapkan. Tapi yang masih newbie (seperti penulis) ,musti ati-ati biar pas penempatannya. Bagi yang mau mempraktekkan trik ini,sebaiknya di download dulu template nya sebelum beraksi. Dan di preview dulu sebelum di save. Percayalah, utak-atik html itu mengasyikan. Cuman kalo udah stes,mending ditinggal aja,bisa-bisa tambah stes  ^_^ 

See you...

Mudahnya Membuat Template Blog Sendiri | Template Shaker

Assalamaualaikum. Asoka-Site akan membahas Cara untuk membuat atau meng edit template Blogger sendiri. Membuat template dengan software template Shaker.
Dengan software ini,kita bisa membuat template blogger seperti yang kita mau. Kita bisa membuat template yang sederhana maupun template yang terlihat profesional. Semua tentu tergantung pada kreatifitas anda masing-masing. Lihatlah screenshot nya:

Tampilan Template Shaker

Contoh hasil Kreatifitas menggunakan Template Shaker: 

Menarik bukan??

Menurut penjelasan di office nya templateshaker ,software ini sudah memiliki WISYWING yang lengkap. Produk ini dirancang untuk memberikan web designer atau sobat-sobat blogger cara cepat dan mudah untuk memodifikasi tampilan template layout standar. Anda dapat mengubah gambar, latar belakang, warna teks, latar belakang dll rilis awal Halaman ini dilengkapi dengan 3 template standar, tapi Anda dapat menghasilkan ratusan template dengan memainkan dengan pengaturan kustomisasi yang berbeda. Software ini akan bebas digunakan jika anda masih menyimpan link di footer bawah anda. Tapi,jika anda ingin menghapus kredit, ada versi komersil yang tersedia. Langsung saja di download dan bersiap untuk berkreasi membuat template sesuka hati anda. Semoga bermanfaat .

Download Template Shaker 3,5

Mudahnya Membuat Animasi GIF

Assalamualaikum. Membuat animasi untuk presentasi PowerPoint tentu akan lebih menarik jika ditambah dan di hiasi dengan animasi bukan?Atau kita bisa membuat animasi yang menarik untuk blog kita agar pengunjung bisa menikmati kunjungannya ke Blog kita. Dengan Easy Gif Animator.

Easy Gif Animator

Kali ini,asoka-site akan mengenalkan software kesayangannya, Easy Gif Animator. Soalnya,dengan software ini,sobat bisa membuat animasi sederhana untuk masing-masing keperluan sobat. Biasanya,penulis menggunakan software ini untuk membuat animasi guna mempercantik tampilan presentasi di Kelas. Atau hanya sekedar iseng membuat animasi yang aneh-aneh. Pokoknya,dengan software ini,sobat bisa berkreasi menciptakan animasi sendiri. Kita bisa membuat Animasi Banner,Gambar Bergerak, dan animasi tombol. Easy Gif Animator juga menyediakan tool untuk menambahkan animasi atau gerak tambahan untuk animasi kita. 

Tampilan Easy GIF Animator

Selain membuat animasi,kita juga bisa meng-edit animasi berformat Gif yang kita punya dengan Easy Gif Animator. Ini Contohnya Bisa dilihat disini Animasi Hasil Editan Asoka-Site .


Bagaimana Cara Kerja Easy Gif Animator Ini?

Software ini bekerja dengan cara yang sederhana,yaitu menggabungkan gambar-gambar atau foto kita menjadi tampulan animasi atau gambar gerak yang bagus. Contohnya,bisa kita lihat pada gambar diatas. Di sisi kiri,ada sederet gambar yang merupakan gambar penyusun pada animasi atau gambar gerak. Dan jika dijalankan,akan menghasilkan sederet gambar gerak yang yang indah. Memang perlu kesabaran untuk menciptakan sebuat animasi yang indah. Pertama-tama kita perlu menyiapkan komponen atau gambar-gambar dasar yang bisa kita buat di PhotoShop atau menggunakan Ms. Paint . Kemudian kita gunakan easy GIF animator untuk menyusunnya. Mudah bukan??

Kita bisa menyimpan hasil kerjaan kita dengan Easy GIF Animator dengan berbagai format. Diantaranya Gif,Avi,Flash ,kirim lewat email,dan bahkan kita bisa langsung mendapatkan kode HTML nya.

Download Easy GIF Animator:

 | atau di dini |