Jumat, 26 Februari 2010

FREE SEO SOFTWARE TOOL

Postingan ini diawali ribut-ribut soal SEO di KR-SM ^.^ Memang SEO itu sebuah misteri dan teka-teki yang misterius ~_~' Kita manusia yang menciptakan mesin itu sendiri, sampe repot dibuatnya...hihihi. Jejaring sosial punya web penyedia jasanya, bagaimana dengan web layanan jasa SEO!!! BeBeN punya satu rujukan nih sobat, yaaa mungkin para sobat juga memiliki rujukan yang lebih bagus. Tidak ada ruginya kita berbagi toh...xixixi ^_^
pic
Pictured by : http://seobrowserblog.com
Untuk melakukannya silahkan klik gambar dibawah ini guna memasuki web tersebut.
pic-seo
Setelah kebuka webnya, silahkan masukkan link URL blog sobat pada kotak yang tersedia. Nah ini yang perlu diperhatikannya. Lihat pada pojok kanan atas? Disana ada pilihan beberapa BOT yang bisa dipilih, silahkan pilih sesuai keperluan.

Lalu diatasnya ada tulisan...Analysis mode: simple - [switch to advanced], nah biarkan kita pakai yang simpel dulu. Kalau mau yang lebih ekstrim, yaa silahkan tinggal dipindah ke advanced. Lalu tinggal tekan tombol Setelah itu tinggal dicek dan ricek deh link yang semuanya ada di dalam blog sobat, klik deh satu-satu maka akan keluar keterangan apa saja yang terpampang disana ^_^

Semoga bermanfaat dan happy blogging with me is BLOGLANG.
Diposting oleh di Tidak ada komentar:
Label:

Kamis, 25 Februari 2010

GET COUNTS DIGG, DELICIOUS, AND TWITTER WITH JQUERY

Mosting tentang script lagi aaahhh...xixixixi, mumpung mau nih...hohohoho. Bloglang selalu menampilkan postingan yang menarik, unik dan yang pasti GAYA...wkwkwkwk. Masih seperti postingan sebelumnya nih sobat BeBeN, sekitar Plug-in dari jQuery. Digg, Delicious, dan Twitter situs jejaring sosial yang bisa dibilang sudah tidak asing lagi di kalangan blogger khususnya. Malah panjang lebar ginih pembukaannya nih...xixixixi.
Picture by : www.w3avenue.com
Nah pasti sudah sedikit kebuka nih apa yang akan kita kupas kali ini!!! Iya benar sekali, manampilkan account pada ketiga web jejaring sosial yang disebutkan tadi diatas. (angka-angka yang dibelakang itu tuh) Tenang, trik ini juga masih Plug-in kok ^_^'
  1. Masukkan script berikut diantara/didalam kode <head>...</head>.
    2. Kalau pusing letakkan saja dibawah/sebelum kode <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

    <script type="text/javascript">
    $(document).ready(function() {
    url = "http://NAMA-BLOG-SOBAT"
    beforecounter = " [<b>"
    aftercounter = "</b>]"

    // Get Number of Diggs
    $.getJSON('http://services.digg.com/1.0/endpoint?method=story.getAll&link='+url+'&type=javascript&callback=?',
    function(data) {
    $('#digg').append(beforecounter + data.stories[0].diggs + aftercounter);
    });

    // Get Number of Delicious Bookmarks
    $.getJSON('http://feeds.delicious.com/v2/json/urlinfo/data?url='+url+'&callback=?',
    function(data) {
    $('#delicious').append(beforecounter + data[0].total_posts + aftercounter);
    });

    // Get Number of Tweet Count From TweetMeme
    $.getJSON('http://api.tweetmeme.com/url_info.jsonc?url='+url+'&callback=?',
    function(data) {
    $('#twitter').append(beforecounter + data.story.url_count + aftercounter);
    });

    /*
    // Get Number of Tweet Count From Topsy
    $.getJSON('http://otter.topsy.com/stats.js?url='+url+'&callback=?',
    function(data) {
    $('#twitter').append(beforecounter + data.response.all + aftercounter);
    });
    */
    })
    </script>
    Hehehe...BeBeN coba pake script bawaan embah google yang http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js ternyata jalan juga. Tapi untuk lebih amannya, pake yang ini saja yah...xixixixi. Tulisan yang berwarna biru pada script diatas ganti dengan URL blog sobat.
  2. Setelah itu masukkan kode HTML berikut ini...
    3. <h2>Share / Bookmark</h2>
    <ul>
    <li><a href="http://digg.com/submit" id="digg">Digg</a></li>
    <li><a href="http://delicious.com/save" id="delicious">Delicious</a></li>
    <li><a href="http://twitter.com/" id="twitter">Twitter</a></li>
    </ul>
  3. SAVE dan lihat hasil kreasi sobat ^_^.

DEMO | DOWNLOAD FILES | ORIGIN POSTED

Source by : www.w3avenue.com
Diposting oleh di Tidak ada komentar:
Label: ,

Rabu, 24 Februari 2010

BUBBLE UP PLUGIN WITH JQUERY

PicCobain posting tentang jquery ah ^_^ Para sobat blogger mungkin sudah tidak asing lagi dengan istilah Plug-in!!! Secara kasar dapat diartikan memanggil script yang ada di satu directory utama script. Gitu deh pokoknya +_+' Sudah banyak sekarang script yang menggunakan teknik plugin ini guna mempermudah pengunaannya. jQuery, MooTools, JavaScript dan masih banyak lagi. Sekarang BeBeN mau berbagi bagaimana menggunakan plugin jQuery ini dalam tombol share/save, bookmark atau lainnya. Itu yang ada dibawah postingan adanya tuh.
  1. Letakkan script berikut dibawah <head> atau sebelum </body>.
    2. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script> <script type="text/javascript" src="js/bubbleup.jquery.js"></script>
    Kalau http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js sudah ada tidak usah dipasang lagi. Pasang saja yang bawahnya itu. Ini scriptnya di download dulu Bubbleup jQuery.
  2. Supaya script diatas bekerja, silahkan tambahkan dengan script berikut ini.
    3. Oh iya, letakkan script yang ini selama masih ada di dalam tag <head> atau <body>. Kalau pusing letakkan saja bersama dengan langkah pertama diatas. Boleh juga diletakkan sebelum/diatas tag </body>. Ini dia scriptnya...
    <script type="text/javascript">

    $(function(){

    $("ul#menu li img").bubbleup();

    });

    </script>
  3. Masukkan kode CSS berikut.
    4. Letakkan diatas/sebelum kode ]]></b:skin>
    ul#menu {
    padding-top:30px;
    margin: 5px 0px;
    }

    ul#menu li {
    padding: 0px;
    display: inline-block;
    *display: inline; /* IE 7 and below */
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    width: 48px;
    height: 48px;
    }

    ul#menu li img {
    width: 48px;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0px;
    margin: 0 8px 0 0;
    border: none;
    }
  4. Masukkan kode HTML ini.
    5. <ul id="menu"> <li> <a href="#" title="Full RSS Feed"> <img src="/images/feed.png" alt="Full RSS Feed"> </a> </li> <li> <a href="#" title="E-Mail Delivery"> <img src="/images/email.png" alt="E-Mail Delivery"> </a> </li> <li> <a href="#" title="Follow me on Twitter"> <img src="/images/twitter.png" alt="Follow me on Twitter"> </a> </li> <li> <a href="#" title="I'm on FaceBook"> <img src="/images/facebook.png" alt="I'm on FaceBook"> </a> </li> <li> <a href="#" title="E-Mail Delivery"> <img src="/images/delicious.png" alt="Save it!"> </a> </li> <li> <a href="#" title="E-Mail Delivery"> <img src="/images/technorati.png" alt="Favorite this blog"> </a> </li> </ul>
    Download gambar berikut Gambarnya. Lalu hosting gambar tersebut dan masukkan ke dalam kode HTML di atas. (bisa juga kode HTML ini diletakkan di bawah kode akhiran bagian postingan blog sobat ^.^)
  5. SAVE dan lihat hasilnya.
Download Complete Script + CSS.
http://aext.net/2010/02/learn-jquery-first-jquery-plugin-bubbleup/

Good Luck (^_^)'
Diposting oleh di Tidak ada komentar:
Label: , ,

BLOG POST AUTOMATICALLY RSS To TWITTER

Be famous with blog post automatically RSS to Twitter. Tuh lihat english british tuh openingnya...hihihi ~_~' Postingan ini terinspirasi setelah mendapatkan komentar dari teman BeBeN, Max (owner Allblogtools.com) mengenai mengupdate status twitter dan facebook secara otomatis ketika kita sudah beres memposting sebuah artikel di blog kita.

Coba cek sendiri ini postingan Max Automatically update your twitter and facebook status when you add a new post on blogger. Beres kena komentar, biasa bloglang lalu melanglang buana untuk mencari lebih (lebih GAYA maksudnya...wkwkwkwk) Ternyata dapat juga artikelnya,

4 Ways To Tweet Your Blog Posts Automatically [RSS to Twitter]

Adapun tujuan sobat mengikuti trick itu, untuk memudahkan memantau traffic, post, click, view dan yang lainnya. Yang pasti tidak ada ruginya...hihihihi @_@ Langsung saja deh apa saja ke-4 jalannya...
  1. FeedBurner.
    2. Siapa yang tidak tahu layanan yang satu ini!!!

    feedburner
    1. Log in FeedBurner.
    2. Lalu klik title blog sobat. Pada menu yang atas klik Publicize tab, lalu lihat ke sebelah kiri kolom klik yang Socialize.
    3. Lalu klik Add a Twitter Account, lakukanlah setingan yang diperlukan.
    4. Scroll ke bawah dan tekan tombol SAVE.
  2. FeedNest.
    3. feednest
    Kalau yang ini sedikit mudah sobat, lihat ke pojok kanan atas untuk sign in apabila sobat sudah memiliki account di twitter. Masukkan Feed URL sobat dan seting deh seperlunya...hihihi.
  3. Rss2Twitter.
    4. rss2twitter
    Yang ini bagus juga nih. Langkah-langkahnya hampir sama dengan point yang ke-2 kok. Gampang deh tidak susah, sok daftar dulu sana...hehehe.
  4. TwitterFeed.
    5. twitterfeed
    Yang ini yang dikatakan MAX itu. Wakwekwokwokwok... Intinya sama, lakukan pendaftaran dulu terus add URL blog sobat bla bla gitu deh.
Good luck and Happy blogging with me is Bloglang...^_^
Diposting oleh di Tidak ada komentar:
Label: ,

Selasa, 23 Februari 2010

!PING IN...

Ping services, layanan yang kadang-kadang kita lupakan. Ping services merupakan layanan yang mudah dan simple dalam menggunakannya. Tetapi kadang-kadang kita para blogger sering melupakannya. (BeBeN juga sih...wekekekkk) Pernah BeBeN membuat postingan tentang ping ini P I N G, disana ada 6 list ping yang bisa dipergunakan. Sebenarnya masih merupakan teka teki juga cara kerja ping ini yang menggunakan jasa (PHP) dari sebuah web jasa ping tersebut. Dalam kasus, soalnya semua web yang dituju ya itu itu juga!!! Maka ada bijaknya kita menggunakan jasa web ping services ini yang memang mendekati komplit web-web yang ditujunya. Disini BeBeN mau mencoba berbagi jasa ping 2 web terkenal.

Jasa Google dan Yahoo!. Kenapa dua web ini!!! Ya gitu deh, secara masih mereka yang masih memimpin dalam hal search engine. Secara fisik ping dari embah google seperti ini...


e.g. googleblog.blogspot.com or
googleblog.blogspot.com/atom.xml
Nah seperti entuh, masukkan URL nama blog sobat tanpa http:// ataupun www ^_^. Kalau yang maniac sama google, dan mau dengan kode diatas untuk disimpan di blog ^_+

Press "Ctrl + A" to Select then "Ctrl + C" to Copy

Lumayan sambil ngetest textarea...wkwkwkwk. Itu sekelumit tentang ping dari si embah google, sekarang mari kita ke Yahoo! Kalau yang ini secara fisik seperti ini para sobat blogger...canggih nih yang yahoo punya, karena melibatkan link Feed Database kita.

Enter the URL of your feed and add it to your My Yahoo! page and the Yahoo! Feed Database:

Link URL FEED tuh yang seperti ini :
http://feeds.feedburner.com/NAMA-ACCOUNT-SOBAT
Kalau belum punya ya silahkan daftar dulu FeedBurner, lalu lakukan penyetingan jangan lupa ^_^' BeBeN sudah nge-add, malah sampe 2x gak nyadar...wkwkwkwk. Kalau sudah ke add, entar halaman kita ada di depan My Yahoo-nya...huehuehue (buruan cobaaa!!!) Kalau berminat dengan kode diatas :

Press "Ctrl + A" to Select then "Ctrl + C" to Copy

Itu ping apa add feed kita yak...wkwkwkwkwk auk deh ah ~_~' Kalau mau ada tombol untuk dimasukkan ke blog kita, silahkan kunjungi Submit Your RSS Feed. Kalau masalah ping dari yahoo ini, silahkan kunjungi saja halaman berikut Publisher's Guide to Syndication FAQ (asli tidak mengerti nih...share-share yach ^_^)

Happy blogging and be creative...see you CIAUW.
Diposting oleh di Tidak ada komentar:
Label: ,

Senin, 22 Februari 2010

VARIANT BACKGROUND COLOR WITH SIMPLE JAVASCRIPT

Hihihihi...hehehe...hohoho...huhuhu...^.^ Hidup harus penuh dengan warna. Karena dengan beraneka ragam warna yang kita punya, maka akan GAYA juga hidup kita...wakakakakkk. (tetep...gaya ^_+) Biasalah balik hunting-hunting dan baca-baca. Sangkut pautnya warna dengan blog apaan nih yak¿ Hmmm...mungkin trik ini akan terlihat bagus efeknya pada blog yang pada sidebar dan post-body, tidak menggunakan sebuah gambar sebagai latar belakangnya. Nanti warnanya kurang kelihatan ~_~' Oke...bagaimana membuat background color paga blog kita ini supaya bisa berubah-rubah warnanya dengan hanya mengklik??? (simple trick)
<a href="#" onclick="javascript: document.body.style.backgroundColor='#fff000'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis3K7exMomkFVNjQf2qrmxX8uYaEJ-fkDYcsRxeX2ZDaCYh6PQ6xOfK15L6o7Om3_UXwfoFOQYbR_nnnpotGZcYtAAdTxC7NQaZxepHdxwjve3-d0RCtECZd3VCgzR1JRS8cm-0IfoB9Tz/s200/body-amarillo.png" /></a> <a href="#" onclick="javascript: document.body.style.backgroundColor='#04B404'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJKwfmpSRvF0L4O0IyqlQoFldDOtG_YEtsvunqlgdO0fP0qYybtLwJBr87CSK7QbNh7X7cJHJSuyAXOUeyfC5nGf0hu4e36DhVDUiD8l0GYpChZuECh6tz7tLHA6oQLBy8yrFycXLXqCKY/s200/body-verde.png" /></a> <a href="#" onclick="javascript: document.body.style.backgroundColor='#0080FF'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDT1uGkThHGTC-fMHnYnTI6ebxXFxTvDcJd3YcvBgYkFQt8Ar3Rv2t-r4G-WhhyiQyAWR1PpS3h6Qkbi7Uc03cBV7pnNPt8wOI5xCMFISIxtZpPx95pSd2PQCJ2l8wVcXBjp9MSAVoupHT/s200/body-azul.png" /></a> <a href="#" onclick="javascript: document.body.style.backgroundColor='#CC00FF'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikBrVeWZJSdGLv31FOGyqW3ge2teyjfsc-dAAYhpDdhd04QQfiKDHbHuJfwhObORRaG7gJLnYEKEHws4Kp910FkmsWu6Dw-y8boYPl_WKt1hGx1-WX4xp1DcNIvTqA911pwb7nat7-mbi8/s200/body-morado.png" /></a> <a href="#" onclick="javascript: document.body.style.backgroundColor='#F781BE'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuFa173WDkKWPqQNgSuDU4d5p_9BFnLbRnE_qWVJe63rsYZcYvF9amyH9K5mymC6KVVtFI9ViUzLTxHKD40j70UcV41dpd0urBWiuRxH-xpWPCkTy6q_GYuAwQt7T7aWO29P1TPm-EmI7W/s200/body-rosa.png" /></a> <a href="#" onclick="javascript: document.body.style.backgroundColor='#000000'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmfaKytInqLQoQgykPSwgLT4fOt986t3NEOv22A5vzovrIdU6vIwuEapbXIcjP57YcKIBZbWrl_F_XPZX436mcL8BgsUm5NcqvbLR4ZKGTV90u1ZTvDUqQJMCeT8-seP95ciUHin_fmPSo/s200/body-negro.png" /></a> <a href="#" onclick="javascript: document.body.style.backgroundColor='#FFFFFF'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoeDipqrftdgkV13a_UmQc1jyjRaU4zrp4kTDssETnJWN8LGAOQiNiP7HvbaxAVq_VOeUVYjkjcqmr1m2WHE4Xo4Hvblk4sUe7zdPKl15mrPUb2xEcp0ZuW7hkXgyApqR1XaWfs5Qpnp1w/s200/body-blanco.png" /></a>
Itu scriptnya sobat blogger, dan nanti hasilnya akan seperti ini...
kuning hijau biru ungu pink hitam putih
Kalau memasangnya tuh yaaa di dalam HTML template sobat-sobat. (kalau bisa...huehuehue).
<body>
-------DISINI ATUR-ATUR SAJA DIMANA ENAKNYA-------
</body>
Yaa sudah kalau pusing, pergi ke Page Elements ► HTML/Javascript Hihihihi... Script diatas kan ada kode untuk gambar (kalau bisa hosting sendiri), dan kode gambar tersebut bisa diganti dengan tulisan. Kalau belum jelas juga silahkan kunjungi link berikut Widget let readers decide your background color. Selamat berGAYA...good luck ^_^

TricK by : http://myfundoo-blog.blogspot.com
Diposting oleh di Tidak ada komentar:
Label: ,

Sabtu, 20 Februari 2010

FREE TEMPLATES by THEMELIB

Bloglang back from hunting-hunting...wekekekekkk. Sebelumnya menampilkan template-template dari blogger asal Srilanka, sekarang mau memaparkan kembali template dari tanah antah berantah. Gaya!!! yaaa iya lah pasti gaya duong. Bisa mengguncangkan niat para sobat untuk memilikinya...ugh!!!

ARTHEMIA MAGAZINE
Pic
Demo | Download

ARTHEMIA MODIFIED
Pic
Demo | Download

BARACK OBAMA
Pic
Demo | Download

WHITE SPACE
Pic
Demo | Download

PERSONAL MAG THEME
Pic
Download

BLOGGER NOTES
Pic
Download

REBEL MAG
Pic
Download

REBEL MAG
Pic
Download

CAKE RECIPE
Pic
Download

CAKE RECIPE
Pic
Demo | Download

WORDPRESS ADMIN
Pic
Download

GREEN MAGIC
Pic
Demo | Download

WINDOWS VISTA
Pic
Demo | Download

RAINBOW DREAMS
Pic
Download

WINDOWS VISTA
Pic
Download

WINDOWS VISTA
Pic
Download

Segitu saja yak contohnya. Setelah melakukan penelitian (hihihi...) ada demo pada blog yang gambarnya sudah pada expired gitOH. Makanya diatas ada yang tidak pake Demo...hihi ^,^ Koleksi dari Mr. Michael Nguyen ini, tidak lain pemilik dari ThemLib Web. Untuk bonus, siapa yang kurang directory dalam mencari template-template hasil korek-korek di themelib (hehehe)...cek get dot!!!
  1. ThemeLib.
    2. Pic
  2. All Blogspot Templates.
    3. Pic
  3. Blogger Buster.
    4. Pic
  4. bTemplates.
    5. Pic
  5. eBlog Templates.
    6. Pic
  6. Blogger Templates.
    7. Pic

  7. TemplatePanic.com Blogger Templates | Wordpress Themes And Web Development.
    8. Pic
  8. bTemplates.
    9. Pic
  9. Free Blogger Templates.
    10. Pic

  10. Geckoandfly Templates.
    11. Pic
  11. Blogger Templates | GosuBlogger.
    12. Pic
  12. Plantillas Gratis para Blogger y Wordpress.
    13. Pic
  13. freetemplates2, freetemplates3, freetemplates4.
    14. Pic
  14. PYZAM Blogger Templates.
  15. Mashable, 50 More Beautiful Blogger Templates, 70 Fresh And Modern Blogger Templates.
  16. JackBook.
  17. Templates Blogger / Plantillas Blogger.
  18. Free XML Blogger Templates.
  19. Falconhive.
Ini ada inspirasi dari Mr Michael Nguyen bagi kita khususnya para blogger di Indonesia We Love Blogger and We Love WP. SAYONARA...^_^ Bloglang cabut doeloe...ngantuk -_-'

Source powered by : http://themelib.com.
Diposting oleh di Tidak ada komentar:
Label: ,
Langganan: Postingan (Atom)