Cara Mudah Mengganti Background Blog Tanpa Edit HTML

Hai sobat,,,,malam ini saya akan post Cara Mudah Mengganti Background Blog Tanpa Edit HTML..salah satu upaya blogger untuk mempercantik blog adalah menganti tampilan blognya dengan model yang dia sukai,,menganti tampilan background blog ada yg susah dan ada juga yg gampang,,disini saya akan memberikan cara yang sangat mudah sobat,,mengganti background memang terkadang ingin kita lakukan karena telah bosan dengan tampilan lama,,kalau ganti tempalate dirasa sedikit punya resiko..resiko nya ya sobat tau sendiri lah :) :)jadi saya anjurkan sobat ganti background saja,,untuk mengganti background sobat ngak perlu edit HTML kok,,

Lansung saja sob..

1. Loggin akun blogger sobat
2. Pada Dasbor klik Tata Letak
3. Tambah Gadget
4. HTML/Javascript
5. Masukkan kode dibawah ini pada kolom tersedia

<center><font color="black"><b>Button Color</b></font></center>
    <br/>
<script src='http://blograngga.googlecode.com/files/tombolbackground.js.txt'/>
</script>
<table border="1" width="100%" height="20">
<tbody><tr>
<td onclick="bgChange('#8B008B')" bgcolor="#8B008B">
</td>
<td onclick="bgChange('#9400D3')" bgcolor="#9400D3">
</td>
<td onclick="bgChange('#008080')" bgcolor="#008080">
</td>
<td onclick="bgChange('#808080')" bgcolor="#808080">
</td>
<td onclick="bgChange('#CD853F')" bgcolor="#CD853F">
</td>
<td onclick="bgChange('#2F4F4F')" bgcolor="#2F4F4F">
</td>
<td onclick="bgChange('#DC143C')" bgcolor="#DC143C">
</td>
<td onclick="bgChange('#4B0082')" bgcolor="#4B0082">
</td>
<td onclick="bgChange('#A52A2A')" bgcolor="#A52A2A">
</td>
</tr></tbody></table>

Note :
Kode diatas adalah kode untuk merubah warna background blog sobat

   6.   Simpan dan lihat hasilnya.

Sekarang sobat tinggal pilih warna yang sobat suka..

Belum puas dengan itu..??? pengen yang bergambar...??ni saya berikan kodenya..

<div class="widget-content">
    <center><blink style="color: rgb(0, 102, 0);"><span style="font-weight: bold; color: rgb(0, 153, 0);">Change Background of This Blog!</span></blink><br /><br />

    <center><select onchange="document.body.style.background = this.value;this.style.background = this.value;" name="DADcbgc" title="Change Background Image" width="185" height="30">
    <option value="url() repeat center center fixed" />None
    <option value="url(http://cdn.indowebster.com/www42.indowebster.com/7dd2ae51f4b0cb792d3a435dc953f5cc_thumbnail.gif) repeat center center fixed" />Red Matrix
    <option valte="url(http://yahyarezpectors.files.wordpress.com/2011/01/sharingan_wheel_by_neronin2.gif) repeat center center fixed" />Sharingan
    <option value="url(http://data0.eklablog.fr/hinata/mod_article214242.gif) repeat center center fixed" />Sharingan 2
    <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaBU_GByj0iCfTG4WXBXXgz9VhcC2A1KMiXRjBzj-TddUM49jmzOot0vBaJ1YM1ETrWE3lY4fLFUi6U3xniN73kUjY-5zKhjSfx-uApnzKAQXhipG5oEt_SaT7QrgCA-70dz8NoPvQmsPi/s1600/death-note%25284%2529.jpg) repeat center center fixed" />Death Note 1
    <option value="url(http://i469.photobucket.com/albums/rr57/dragonknight0000039/ae/death20note20L.jpg) repeat center center fixed" />L Lawliet 1
    <option value="url(http://lh5.googleusercontent.com/_GaKwmMcf4N4/TZF_GOqPR_I/AAAAAAAAEsY/iGS-uTIVDs8/DADbg.JPG) repeat center center fixed" />Hidden Leaf
    <option value="url(http://lh4.googleusercontent.com/_GaKwmMcf4N4/TZGC4NlmmMI/AAAAAAAAEvk/cma5mtW-beU/DADbg2.JPG) repeat center center fixed" />Rikimaru

    <option value="url(http://lh6.googleusercontent.com/_GaKwmMcf4N4/TZGC24bJuCI/AAAAAAAAEvg/O1mDH3LU91w/DADbg0.jpg) repeat center center fixed" />Yu-Gi-Oh!
    <option value="url(http://lh5.googleusercontent.com/_GaKwmMcf4N4/TZGDGbOqsnI/AAAAAAAAEwI/FWAbOOZu2go/DAD1.jpg) repeat center center fixed" />Deidara
    <option value="url(http://lh4.googleusercontent.com/_GaKwmMcf4N4/TZGC7eK8TtI/AAAAAAAAEvw/Ly5L0UA3D4s/DADcloud.gif) repeat center center fixed" />Akatsuki Cloud
    <option value="url(http://lh5.googleusercontent.com/_GaKwmMcf4N4/TZGC7UA67RI/AAAAAAAAEv0/ehJ-oez_akU/DADbluematrix.gif) repeat center center fixed" />Blue Matrix
    <option value="url(http://lh3.googleusercontent.com/_GaKwmMcf4N4/TZGC9O9ZNUI/AAAAAAAAEv8/Idjb8xIrw60/DADgreenmatrix.gif) repeat center center fixed" />Green Matrix
    </select></center></center>
    </div><br/><center><a href="http://saktobek.blogspot.com/" target="_blank">My Note</a></center>

Note :
Cara pemasangannya sama dengan yang diatas

Sekian tutorial Cara Mudah Mengganti Background Blog Tanpa Edit HTML semoga bermanfaat!!!

Cara Mudah Membajirkan Komentar di Blog

My Note - Selamat siang sobat blogger...kali ini saya akan memposting Cara Mudah Membajirkan Komentar di Blog.. ya sesuai dengan judul artikel saya diatas memang benar tapi klu dilihat dari gambar diatas mengapa saya buat gambar Facebook Vs Blogger..? Ini saya maksudkan dalam beberapa alasan mengapa gambar ini saya pajang disini..

Artikel ini saya buat karena saya terinspirasi dari beberapa sumber yg saya baca di google untuk membuat blog kita di banjiri komentar,,memang semua itu benar dan tak ada salahnya namun kita tentu tidak memiliki pendapat yang sama dan pemikiran yang tidak sama juga,,

Pada zaman modern sekarang apalagi di dunia internet memang sudah banyak sekali yang bisa kita lakukan,,mencari informasi, pengetahuan, komunitas, perniagaan, jejaring sosial dan masih banyak lagi yang bisa kita lakukan dengan internet,,namun saya hanya membahas tentang jejaring sosial Facebook dengan Blogger saja,,mengapa demikian.?karena ini sangat menarik bagi saya,,untuk itu saya tertarik menulis artikel ini.

Facebook - Siapa yang tidak kenal dengan jejaring sosial ciptaan Mark Zuckerberg yang satu ini,,hampir semua orang didunia ini memiliki akun Facebook..facebook sudah berkembang pesat di dunia ini..di facebook sendiri telah banyak fitur2 atau aplikasi yang diluncurkan,,facebook juga dijadikan orang2 tempat album photo..akun pribadi..dan lainnya,,facebook menjadi gudang tempat penyimpanan photo terbesar didunia,,baca disini
Setiap orang memiliki akun facebook,,bahkan ada juga dalam satu orang yang memiliki beberapa akun facebooknya,,ini pertanda facebook jejaring sosial yang ternama di dunia,,namun untuk apa mereka yang memiliki akun facebook mempergunakan facebook itu sendiri...?yang jelas pasti untuk berkomunikasi antara sesama pengguna seperti teman, kerabat, pacar, keluarga,,ini membuat kita sangat mudah terhubung dengan orang2 terdekat kita,, selain itu juga kita sering melakukan aktifitas di facebook seperti update status, like status, add teman, like fanpage, pesan dan berkomentar dengan teman di facebook..tentunya ini sangat menyenangkan apabila kita lakukan dengan positif.

Blogger - Jejaring sosial yang satu ini sudah tak asing lagi di telinga kita,,Blog didirikan oleh orang yang bernama Evan Williams dia berkebangsaan Amerika Read More>> bagi saya blog adalah sebuah media komunikasi ataupun media untuk mencari informasi, ilmu pengetahuan, perniagaan, organisasi, komunitas dan masih banyak lagi, blogger juga dijadikan tempat mencurahkan curahan hati, menjalin persahabatan, blogger memang banyak digemari oleh banyak orang,,selain itu juga membuat blog juga tidak sulit, malahan free alias gratis..sudah tidak zaman lagi curhat melalui binder atau  notebook atau buku catatan (diary) sudah banyak orang2 memanfaatkan blog sebagai tempat berbagi dan curhat disana,,kita bisa juga menyimpan photo terbaik kita di blog..tidak hanya itu blog juga bisa menghasilkan uang bagi yang berpotensi,,dan memiliki kemapuan dalam dunia blogger,tapi pada dasar nya tujuan dari blog sebenarnya menurut saya adalah suatu wadah dimana kita bisa berinteraksi dan mencari informasi didunia maya ini,,

Setelah kita mengenal Facebook dan Blogger maka saya punya sebuah ide dan gagasan di dua jejaring sosial ini..khusunya untuk pengguna facebook dan blogger,,bagi para pengguna facebook pasti selalu mencari teman untuk diaja ngobrol sebanyak2 mungkin,,begitu juga dengan blogger kita selalu mencari teman/sahabat untuk diajak berkomunikasi melalui komentar2 dalam suatu artikel sesama blogger kita,,namun disini timbul sebuah pemikiran bagi saya..
Setelah saya mencoba untuk terjun di dunia blogger saya terus belajar dan mencari informasi seputar blog,,dalam suatu pembahasan yang pernah saya baca yaitu bagaimana cara meramaikan pengunjung blog, cara agar blog kita banyak di komentari orang,,namun setelah saya telaah lagi memang semua itu tidak sulit dan terkadang ada yg sulit,,seperti kita harus membuat artikel seunik mungkin, harus membuat judul semenarik mungkin,,dan sering2 berkunjung ke blog teman,,update posting secara teratur dll...semua itu memang benar ini bertujuan agar reputasi blog kita meningkat dan trafiknya nya juga meningkat..banyak usaha dan cara bagi blogger untuk mendapatkan itu semua.

Namun apa salahnya kita mencoba bereksperimen mudah cara agar blog kita terlihat ramai dan bnyak komentar2 di dalam artikel..
Begini sobat,,mungkin ada yang tidak suka dengan artikel saya ini tapi saya hanya menulis dengan apa yang terpikirkan oleh saya bukan bermaksud untuk apa2,,hanya ingin mengungkapkan apa yg ada di hati dan pikiran saya saja..semoga saja apa yang saya pikirkan ini bermanfaat bagi kita semua..

Coba kita pikirkan sejenak.
Pada facebook sendiri kita sering chating sesama teman di akun facebook bukan..??klau iya bilang iya kalau tidak diem aja ,,hiihihi,,dan kalau di blog kita sering meminta kunjungan dan berkunjung ke blog,,paling tidak kita meninggalkan komentar di blog yg kita tuju,,,
Namun bagaimna kalau apa kita lakukan seperti di facebook kita lakukan pula di blogger..??apa salah,,??
misalnya chating di facebook..maksud saya begini..

Kita buat semacam chating di blogger sama seperti kita chating di facebook..contohnya kalau di facebook kita pasti membuat sebuah chating pada seseorang teman baru atau pun teman lama,,benar ngak..??nah kali ini kita perlakukan pula hal demikian pada blogger, tetapi caranya agak berbeda dengan facebook,,kalau facebook kan ada fasilitas cahatingnya,,kalau di blogger sendiri hanya menyediakan tempat berkomentar (setau saya),,nah kali ini bagaimana kita lakukan chating di blogger,,??saya rasa blog kita atau artikel kita pasti dibanjiri oleh komentar yang kita buat..

Cara nya kira2 seperti ini :

• Ajaklah seorang teman sesama blogger untuk join dan mintalah persetujuan untuk cahting via komentar
• Mulailah percakapan dengan baik
• Jangan lakukan aktifitas lain,,fokus pada satu kegiatan saja seperti chating di komentar blog
• Yang terakhir jangan lupa ucapkan terimakasih dan selalu jalin persahabtan sesama blogger

Mungkin ini keliatan blo'on atau sedikit memalukan dan belum ada yang pernh melakukannya..tapi apa salah kita menciptkan hal seperti ini.??
Memang hal semacam ini tidak perlu dilakukan bagi yang sudah profesional dalam dunia blogger..saya rasa bagi blogger senior atau profeisoanal dg hanya membuat sebuah artikel yang bagus saja pasti sudah dibanjiri komentar dengan berbgai macam koment,,,namun mungkin berguna buat blogger pemula/newbie..silahkan mencoba,,jika ada sobat blogger yang pengen mencoba jika memang ini bermanfaat saya akan melakukan cara ini,,semoga silahturahmi kita terjalin dan persahabatan kita lebih erat.

Sekian dulu pembahasan kali ini mudah2an ada bermanfaat dan kalau ada kesalahan dalam artikel ini saya mohon kan koreksi kritikan dan sarannya,,karena saya hanya ingin berbagi dan belajar dari apa yang saya pikirkan,,salam blogger!!

Cara Membuat Link Sumber Otomatis Setiap Postingan Blog

Membuat sebuah artikel atau postingan untuk blog buat saya memang tidak gampang dan mudah karena membutuhkan waktu dan tenaga extra untuk merangkai kata-kata menjadi sebuah postingan untuk di publikasikan , kenapa saya bilang begitu ? karena kalau tidak ada waktu dan badan tidak sehat maka sebuah postingan pada blog tidak akan jadi dan hasil pengaruh nya pada  hasil Analisa SEO Blog tidak akan memuaskan yang mempengaruhi trafik dan blog akan menjadi sepi pengunjung .

Itulah sedikit yang saya ketahui tentang arti sebuah artikel dan manfaat postingan buat blog , Buat sobat blogger yang merasakan hal sama pasti arti sebuah karya melalui postingan tentu sangat berharga , tapi bagaimana kalau postingan di copy paste tanpa menyertakan link aktif dari sumber postingan itu ? tentu perbuatan itu tidak menyenangkan karena telah mencuri konten orang lain tanpa menghargai hasil kerja keras orang lain .

Disini saya mencoba salah satu cara untuk mengatasi hal tersebut supaya postingan blog yang di copy paste di sertakan link sumber otomatis supaya bisa di lacak dimana duplikat nya postingan yang di copy paste tersebut  yaitu dengan Cara Membuat Link Sumber Otomatis Setiap Postingan Blog dengan uraian lengkap dan gambar cara pemasangan di blog  :

1. Kunjungi dulu http://www.tynt.com/
2. Klik GET THE CODE

3. Pada new tab isilah kolom-kolom tersebut dengan benar lalu klik Submit

4. Copy kode yang berwarna hijau

6. Terakhir pastekan kode script sebelum kode </head> HTML Template blog

 <!-- BEGIN Tynt Script -->
<script type="text/javascript">
if(document.location.protocol=='http:'){
 var Tynt=Tynt||[];Tynt.push('bHiITcupmr4P_aacwqm_6l');
 (function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://tcr.tynt.com/ti.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})();
}
</script>
<!-- END Tynt Script -->

Sekarang kalau setiap postingan blog sobat telah di sertai link sumber pada saat di copy paste dan semoga artikel ini bermanfaat.....
Sumber

Program Diet Mengecilkan Alexa Rank Dengan Cepat

Alexa..apa itu Alexa..??kalau sekilas kita menyebut nama Alexa yang terbayang adalah nama seorang perempuan yang cantik dan manis dari portugal,,hehehe,,kira2 seperti itulah sob,,kalau kita punya seorang perempuan cantik dan manis tentunya kita akan menjaga dan merawat agar perempuan kita itu selalu jadi yang terbaik dan indah dilihat orang maupun kita.,

Sekarang kita di hadang satu masalah tentang Alexa yang katanya ngak mau kurus2 lias gendut atau lebih kerennya Chubby2,,hihi..memang ini jdi suatu masalah bagi kita apabila Alexa rank di blog kita sedikit gendut kelihatannya,,kalau si alexa cewek kita sedikit gendut ngak pa2 sob,,biar kelihatan sehatnya gitooo,,,

Oke sob kembali saja ke laptop eh eh,,ke topik nya,,Sebelumnya marilah kita baca "Basmalah"
Sebenarnya apa itu Alexa itu..??Alexa menurut beberapa sumber adalah perusahaan berbasis di California yang mengoperasikan situs yang menyediakan informasi mengenai banyaknya pengunjung suatu situs dan urutannya.Untuk mengetahui bagaiman teknik yang dilakukan oleh Alexa dalam mengukur Ranking Blog, berikut kutipan pada web Alexa yang sudah saya translate ke dalam bahasa indonesia.

Traffic rank didasarkan pada tiga bulan agregasi data lalu lintas historis dari jutaan pengguna Toolbar Alexa dan data yang diperoleh dari lainnya, sumber data lalu lintas yang beragam dan merupakan ukuran gabungan tampilan halaman dan pengguna (pencapaian). Sebagai langkah awal, Alexa menghitung jangkauan dan jumlah tampilan halaman untuk semua situs di Web setiap hari. Trafik Alexa Rank utama didasarkan pada nilai yang berasal dari kedua jumlah rata-rata dari waktu ke waktu (sehingga peringkat situs mencerminkan baik jumlah pengguna yang mengunjungi situs tersebut serta jumlah halaman di situs dilihat oleh para pengguna ). Perubahan tiga bulan ditentukan dengan membandingkan peringkat saat ini situs dengan peringkatnya dari tiga bulan lalu. Misalnya, pada tanggal 1 Juli, perubahan tiga bulan akan menunjukkan perbedaan antara peringkat berdasarkan lalu lintas selama kuartal pertama tahun ini dan peringkat berdasarkan lalu lintas selama kuartal kedua.

Nah,,sekarang sobat sudah tau kan apa itu alexa..tapi sobat pernah berfikiran ngak mengapa alexa rank harus diturunkan,,??kenapa ngak dinaikkan..??kalau dalam belajar disekolah kan kita disuruh menaikkan nilai kita agar lebih pintar,,kalau untuk alexa sobat tau ngak kenapa..??saya juga ngak tau,,mohon koreksi sob,,oke..dalam fitur alexa ada sebuah widget yang nantinya dapat kita pasang ke dalam blog kita nantinya,,widget ini berfungi untuk mengetahui jumlah rank dari situs kita,,diatas sudah dijelaskan,,nah widget tersebut akan menampilkan beberapa jumlah angka dalam hitungan jutaan paling terbesar,,kalau ngak salah dibawah 25juta..kalau sobat mempunyai blog baru alexa rank nya tentu saja belum ada atau "No Data" dan "Link" nya juga Nol (0)...ini berdasarkan pengalaman saya sewaktu memasang widget alexa rank ini pada blog..saya selalu memantau angka berapa jumlah terbesar dalam alexa,,dan ternyata sewaktu blog saya dapat rank nya berjumlah 25 juta sekian2..kalau ada salah mohon koreksi ya sob,,bisa ditmbahkan..dan angka terkecilnya saya belum pernh lihat soalnya banyak sekali ragamnya,,
Oke sob kembali lagi ke topik nya,,ketika jumlah alexa kita begitu besar anggaplah baru dapat rank kita akan merasa senang karena blog kita sudah memiliki rank dari alexa,,itu jujur sob saya rasakan seperti itu,,
Setelah saya mendapatkan alexa rank saya mulai timbul semngat untuk blogwalking,,dan katenye sih dari bebrapa sumber yang saya bac,,untuk dapat mengecilkan alexa rank harus blogwalking,,nah untuk lebih lengkapnya saya kemas dalam sebuah program untuk mengecilkan alexa rank dengan cepat,,semoga anda terbantu dan bermanfaat bagi kita semua..

Untuk mengecilkan jumlah atau posisi Alexa Rank kita ada beberapa program yang harus kita lakukan,,

1. Pasang widget alexa di blog anda untuk memantau keadaan blog anda.Cara paling mudah dan murah meriah dengan memasang widget alexa karna sobat tidak perlu capek2 tinggal masang aja. gampang koq gk susah susah,
2. Daftar Blog ke Search Engine Terutama Google, Yahoo dan MSN,,Ini dilakukan agar blog kita cepat terindek di mesin pencari terutama yang sudah terkenel dan besar seperti Google, Yahoo, MSN dll, baru setelah itu ke search engine lainnya.
3. Daftar Blog ke Technorati,,Technorati  merupakan salah satu direktori blog yang sudah terkenal, bia juga berfungsi sebagai blogsearch, tags aggregator, online bookmarks, juga bisa mengetahui  blog mana saja yg memasang link blog kita..
4. Cari Backlink,,Cari backlink sebanyak-banyaknya dan berkualitas sebaiknya sih sesuai kategori blog, karena google menilai berdasarkan kuantitas dan kualitas link, tapi akhirnya mana saja yang mau bertukar link.. saya terima.
5. Bookmark  Blog Sebagai Homepage Browser,,,Bookmark blog sebagai homepage di komputer yang sering digunakan untuk browsing ini juga baru kemarin saya lakukan di komputer rumah sebenarnya sih ini bisa juga dikantor, diwarnet atau dimana saja, makin banyak tentu semakin baik.
6. Update blog 2 hari sekali , 1 minggu 2 kali atau 1 bulan sekali . bila perlu setiap hari justru lebih bagus lagi.
7. Tulis artikel Tentang Alexa Tulis artikel tentang Alexa misalnya seperti yang sedang sobat baca tentang Cara Meningkatkan Alexa Rank ini dan ajak para pembaca untuk men-download Alexa Toolbar.  Jangan lupa saat membuat artikel tentang Alexa, selalu gunakan label atau kategori dengan keyword :  Alexa, Alexa rank, Alexa traffic rank, Rangking Alexa, dsb. Intinya ada kata ' Alexa '.
8. Melakukan Ping Lakukan ping secara berkala , saya baru lakukan ini dua kali , ping ini untuk merefresh blog kita di data base mesin pencari.
9. Minta teman untuk mereview dan merating profil blog Anda di Alexa. Memang belum ada bukti, namun mungkin saja cara ini berguna.
10. Blogwalking,,blogwalking adalah cara terampuh untuk menurunkan alexa rank blog kita..ini terbukti sob,,karena saya sudah mengalaminya,,sering2lah sobat blogwalking ke blog2 lain dan berkomentarlah dengan baik dan sopan,,ini sudah saya alami sob dan hasilnya memang cukup puas,,maka dari itu sudilah kiranya sobat ber BLOGWALKING di sini ya,,dan saya akan berkunjung balik ke blog sobat dan mendoakan agar alexa sobat cepat2 turun..hihihi

Masih banyak lagi cara karena ada puluhan cara yang penting bagaimana agar blog kita semakin menyebar kesejumlah situs, semakin lebar jaring yang kita tebar maka google semakin menilai blog kita popular dan diistimewakan google, kalau sudah begini kita juga yang senang karena kunjungan ke blog kita tambah ramai, ya tapi itu perlu kerja keras..

Terimakasih atas perhatian nya telah membaca artikel ini semoga ada manfaat nya bagi sobat dan kita semua,,akhir kata saya ucapkan Jangan lupa Blogwalking kesini sepuas2nya dan TERIMAKASIH!! ^_^

Cara Membuat Daftar Isi Gadget Keren di Blog

Biasanya para blogger membuat daftar isi di dalam postingan atau di page halaman...bagaimana pula kalau daftar isi itu kita letakkan di sebuah widget atau di homepage blog kita,,caranya mudah hanya menambahkan kode2nya ke dalam gadget /javascript..

Berikut caranya :

1. Login Blogger anda
2. Tata letak
3. Tambah Gadget
4. HTLM/Javascript
5. Copy kan kode dibawah ini : 

<div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 400px; background-color: none; text-align: left;">
    <script src="http://memed.googlecode.com/files/daftarisi.js">
    </script><script src="http://saktobek.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
    </script>
<p>
</p></div>

     6.  Ganti dulu Url yang berwarna merah tersebut dengan url blog sobat
     7.  Barulah disimpan

Terimakasih telah sudi mampir membaca artikel "Cara Membuat Daftar Isi Gadget Keren di Blog". Semoga Informasinya dapat membantu dan bermanfaat.

Optimasi Gambar di Blog Agar SEO Friendly

Apabila anda memasukkan gambar ke dalam suatu postingan/artikel alangkah baiknya gambar tersebut Optimalkan atau di optimasikan tentunya agar lebih SEO Friendly,,nah buat yg pengen tu cara nya silahkan hubungi SEO master anda dan Google terdekat,,hiihiih,,^_^

Begini sobat,,ketika sobat pengen upload foto ke dalam postingan terlebih dahulu sobat perhatikan Tag Title dan Tag Alt nya..maksudnya begini sob :

•  Menyisipkan dengan menggunakan Edit Script

1. Sebelum anda Upload gambar usahakan image dalam bentuk Jpg dan hindari menamai gambar/image seperti 1.jpg,321.jpg tetapi sesuaikan dengan keyword artikel anda.
2. Upload sebuah gambar, lihat URL Gambar/image (Mode HTML untuk melihat URL). Misalkan anda mempunyai URL gambar dengan script seperti ini:

 <img src="http://saktobek.blogspot.com/-5NDVagCvPuA/UJ64aiSsUkI/AAAAAAAAAr4/8OxbzhU9zCM/s200/Optimasi-Gambar-di-Blog-Agar-SEO-Friendly.jpg" width="300" height="150"/>

Tanda berwarna merah merupakan URL Gambar

Sisipkan Tag Title dan Tag Alt  dengan format seperti dibawah ini

<img src="isi dengan url gambar" title="isi dengan judul gambar" alt="isi dengan deskripsi gambar"/>

Maka hasilnya seperti dibawah ini :

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZGeL9fLgt7geQYSrjgwCNnnOS10G1ChJXghKJIqSw4Dsntvc14BERwkXDn1aUbSdVneen3SN8CxWb6yVqRRNpkJtN773Q5-gfjjJcFTcnfbY3uLti0w7Svq9qDTbU_DNYUusr_4L_uCw5/s200/Cara+Optimasi+Gambar+Blog+Agar+SEO+Friendly.jpg" title="Cara Optimasi Gambar Blog Agar SEO Friendly" alt="Cara Optimasi Gambar Blog Agar SEO Friendly" width="300" height="150"/>

     3. Anda bisa mengubah Ukuran gambar sesuai keinginan ada. Ukuran gambar jangan tarlalu besar agar   ringan ketika di load.
    4.  Selesai

• Menyisipkan Tanpa Edit Script

Jika anda malas membuat gambar SEO friendly dengan cara mengedit script, ada juga cara paling mudah tanpa edit Script. Berikut caranya :

1. Upload gambar pada postingan artikel anda.
2. Cobalah klik gambar tersebut seperti tampilan dibawah ini

Klik Properties maka akan muncul kolom isian Title text dan Alt text. Isikan kolom tersebut seperti contoh dibawah ini:

Title Text : Isi dengan Judul gambar. Contoh : Optimasi Gambar di Blog Agar SEO Friendly
Alt Text : Isi diskripsi gambar. Contoh: Optimasi Gambar di Blog Agar SEO Friendly

    3. Ukuran gambar bisa anda sesuaikan, jangan terlalu besar agar ringan ketika di load.
    4. Klik OK. Selesai

Cara Pasang Widget Kelelawar Terbang Di Blog

Pada suatu postingan sebelumnya saya sudah membahas tentang cara Pasang Widget Javasript Kupu-kupu Terbang di Blog . Sekarang saya akan berikan tutor Pasang Widget Kelelawar Terbang di Blog,,Nah bagaimana pula kelelawar bisa terbang diblog,,disangka goa kali ya blog kita,,hihii,,bukan sob,,ini semakacam Widget Peliharaan Batman sob ^_^..

Langsung saja ke tutornya sob...

1. Login ke akun Blogger sobat
2. Tata letak > Tambah Gadget > HTML/Javascipt
3. Masukkan kode di bawah ini dan copy paste pada kolom yang tersedia.

 <script src="http://kikiefendbat.googlecode.com/files/www.kikiyo.co.cc.kelelawar.js" type="text/javascript"></script>

     4. Terakhir simpan dan selamat anda telah punya kelelawar terbang di blog nya,,^_^ 

Sumber

Terimakasih anda telah membaca artikel tentang Cara Pasang Widget Kelelawar Terbang Di Blog
Artikel menarik lainnya 

Cara Memberi Salju di Blog

Sekarang sudah banyak yang menggunakan Efek salju untuk memperindah halaman blog mereka. Bisa di katakan Efek salju merupakan salah satu efek yang sangat populer di web untuk memperindah halaman. Halaman web kita akan nampak seolah - olah dihujani oleh salju yang turun dari atas ke bawah. sobat dapat melihat tampilannya pada halaman ini. Efek salju ini dibuat dengan memanfaatkan javascript menggunakan tag DIV tanpa menggunakan gambar ( images ) sehingga hasilnya akan lebih ringan dan cepat, Untuk membuat efek salju ini kita gunakan cara yang sederhana tetapi hasil yang cukup memuaskan,...

 Langkah Cara Membuat Effect Bertaburan Salju Di Blogspot sebagai berikut : 

1.   Masuk ke blogger.
2.   Klik Tab Tata Letak.
3.   Klik tambah elemen ( gadget ).
4.   Copy kode scipt dibawa ini

 <script src="http://masterendi.googlecode.com/files/salju.js"></script>

      5.    Add Elemen HTML / Javascript yang tadi
      6.    Paste pada kolom yang tersedia
      7.    Kemudian simpan.

Sumber

Cara Membuat Recent Post Bergambar dan Berputar

Sebelumnya saya memposting Cara Tercepat Memasang Widget Recent Post Bergambar sekarang saya akan post bagaimana Recent Post tersebut bisa bergerak seperti dizoom..ini akan bekerja apabila gambar tersebut disentuh kursor mouse,,apablia mouse anda tidak ada maka gambar tersebut tidak akan bergerak2,,

• Login ke Blog anda >> Klik Tata LEtak / Layout >> Add Gadget
• Copy kode di bawah ini 

 <style type="text/css" media="screen">
<!--

/* ========== Scrolling Recent Posts Widget By helperblogger.com ======== */

#helperblogger-widget {
    overflow: hidden;
    margin-top: 5px;
    padding: 0px 0px;
    height: 385px;
}

#helperblogger-widget ul {
    width: 295px;
    overflow: hidden;
    list-style-type: none;
    padding: 0px 0px;
    margin: 0px 0px;
}

#helperblogger-widget li {
    width: 282px;
    padding: 5px 5px;
    margin: 0px 0px 5px 0px;
    list-style-type: none;
    float: none;
    height: 80px;
    overflow: hidden;
    background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj8eKUSLNYCQHIhsPn4pPfdShNvQk-fvkv_bX4Xlgnlaxsys4IR4NNoDh2bjZrG4sIyJsuB4koTWCvVGD4W9e600AkbhqhSuFisxEx5fQ6yDuZnXKjYZJrVhn8G5F5zLRW36gPUPRjrwA/s1600/helperblogger.com-post.jpg) repeat-x;
    border: 1px solid #ddd;
}

#helperblogger-widget li a {
    text-decoration: none;
    color: #4B545B;
    font-size: 15px;
    height: 18px;
    overflow: hidden;
    margin: 0px 0px;
    padding: 0px 0px 2px 0px;
}

#helperblogger-widget img {
    float: left;
    margin-top: 10px;
    margin-right: 15px;
    background: #EFEFEF;
    border: 0;
}

#helperblogger-widget img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 4px;
    background: #eee;
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));
    background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.7);
    box-shadow: 0 0 3px rgba(0,0,0,.7);
}

#helperblogger-widget img:hover {
    -moz-transform: scale(1.2) rotate(-350deg);
    -webkit-transform: scale(1.2) rotate(-350deg);
    -o-transform: scale(1.2) rotate(-350deg);
    -ms-transform: scale(1.2) rotate(-350deg);
    transform: scale(1.2) rotate(-350deg);
    -webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
    -moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
    box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
}

.spydate {
    overflow: hidden;
    font-size: 10px;
    color: #0284C2;
    padding: 2px 0px;
    margin: 1px 0px 0px 0px;
    height: 15px;
    font-family: Tahoma,Arial,verdana, sans-serif;
}

.spycomment {
    overflow: hidden;
    font-family: Tahoma,Arial,verdana, sans-serif;
    font-size: 10px;
    color: #262B2F;
    padding: 0px 0px;
    margin: 0px 0px;
}

/* ========== Scrolling Recent Posts Widget By helperblogger.com ======== */

-->
</style>

<script language='JavaScript'>
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjur-uhvRATPt-XKgDg7lMT2Jee9r4miTZGpY7JmP4XZYhAJeph-32do9ULzjgykomtUyIfn65mDp5A8f7JG46DA5Qdv7H-_bSAPlyV0QS7PSvro3yEoBQuKg56biIUEo2y5GV2ocBK-lM/s1600/no-thumbnail.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjur-uhvRATPt-XKgDg7lMT2Jee9r4miTZGpY7JmP4XZYhAJeph-32do9ULzjgykomtUyIfn65mDp5A8f7JG46DA5Qdv7H-_bSAPlyV0QS7PSvro3yEoBQuKg56biIUEo2y5GV2ocBK-lM/s1600/no-thumbnail.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjur-uhvRATPt-XKgDg7lMT2Jee9r4miTZGpY7JmP4XZYhAJeph-32do9ULzjgykomtUyIfn65mDp5A8f7JG46DA5Qdv7H-_bSAPlyV0QS7PSvro3yEoBQuKg56biIUEo2y5GV2ocBK-lM/s1600/no-thumbnail.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjur-uhvRATPt-XKgDg7lMT2Jee9r4miTZGpY7JmP4XZYhAJeph-32do9ULzjgykomtUyIfn65mDp5A8f7JG46DA5Qdv7H-_bSAPlyV0QS7PSvro3yEoBQuKg56biIUEo2y5GV2ocBK-lM/s1600/no-thumbnail.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjur-uhvRATPt-XKgDg7lMT2Jee9r4miTZGpY7JmP4XZYhAJeph-32do9ULzjgykomtUyIfn65mDp5A8f7JG46DA5Qdv7H-_bSAPlyV0QS7PSvro3yEoBQuKg56biIUEo2y5GV2ocBK-lM/s1600/no-thumbnail.png";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 15;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://www.URL BLOG ANDA.blogspot.com/";
limitspy=4;
intervalspy=4000;
</script>

<div id="helperblogger-widget">
<script src='http://code.helperblogger.com/recent-posts-spy.js' type='text/javascript'></script>
</div>

•  Lalu paste pada kolom yang sudah ada, dan silahkan beri judul sesuai selera anda.
•  Ubah tulisan URL BLOG ANDA dengan URL anda sendiri
•  Klik save lalu lihat hasilnya. Selamat mencoba ^_^

Cara Tercepat Memasang Widget Recent Post Bergambar

Nama nya aja TERCEPAT..oke langsung saja sob.

Copy paste kode ini di blog anda sobat,,

<div style="margin-bottom: 15px;">
<style type="text/css">
#rp_plus_img{height:287px;overflow:hidden;border:solid 0px #585858;padding:1px 5px 14px 1px;background-color:none;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:70px;padding:1px;list-style:none;}
#rp_plus_img a{color:#3366ff;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:12px;}
#rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#282828;text-align:justify;}
#rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:60px;height:65px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://slide-down-recent.googlecode.com/files/Slide%20Down%20Recent%20Post.js"></script>
<script type="text/javascript">
var speed = 400;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 10;
var numchars = 60;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
</div>

Cara nya :

• Login akun blogger 
• Tata letak
• Tambah Gadget > HTML/Javascript 
• Masukkan kode diatas 
• Simpan dan alhamdulllah.. waktu anda 1 menit koma 2 detik ( kalau jaringan lancar ) hheheheh ^_^

Keterangan :

width:60px;height:65px diatas adalah ukuran untuk gambar di Recent Post.

var speed = 400; var pause = 3500; diatas adalah kecepatan Slide gambar Recent Post

var numposts = 10; var numchars = 60; diatas adalah 10 Jumlah posting yang akan di tampilkan di Recent Post dan 60 adalah Huruf atau deskripsi postingan yang ditampilkan di Recent Post.

Anda bisa merubah parameter lainnya, seperti besarnya font, warna font, background, lebar dan tinggi kolom atau lainnya sesuai dengan bentuk atau format blog Anda.

 

Note :

Apabila di template anda sudah terpasang kode "jquery" (seri berapapun), maka kode "jquery" diatas tidak usah dipasang lagi..!!.

Cara Pasang Widget Baliho di Blog

1. Kunjungi webnya di Widgeo.net
2. Ada akan menjumpai halaman web Widgeo.net seperti berikut

3. Jika sudah Flash Massage


Keterangan :
• No.1 silahkan masukan Teks atau tulisan yang sobat inginkan
• No.2 adalah model-model widgetnya silahkan pilih sesuai kriteria sobat
• No.3 adalah ukuran widget silahkan sesuaikan
• No.4 adalah kategori blog sobat silahkan sesuaikan
• No.5 Pilih No
4. Jika semua sudah diatur centang kotak kecil yang ditunjuka anak panah kemudian klik tombol Get Widget
5. Tunggu beberapa saat akan muncul kode untuk menampilkannya kehalaman blog seperti berikut

6. Sekarang Copy code tersebut masukan kehalaman blog anda dengan cara menambahkan Widget HTML/JavaScript -->Paste Code --> Simpan
7. Selesai

Cara Membuat Daftar Isi Tabulasi Keren di Blog

Cara Membuat Daftar Isi Tabulasi Keren di Blog - Bosan dengan tampilan daftar isi yang lama,,sudah saat nya ganti daftar isi yang baru plus keren sob..langsung saja sob ikutin petunjuk ini :


Pertama-tama klik menu Laman pada sidebar. Kemudian, pada menu Laman Baru pilihlah Laman Kosong:

Menambahkan halaman statis baru

Setelah itu Anda akan melihat formulir halaman statis seperti ini. Klik mode HTML:

Pilih mode HTML

Salin kode di bawah ini kemudian letakkan di dalam formulirnya:

 <link rel="stylesheet" href="http://reader-download.googlecode.com/svn/trunk/tabbed-toc-skin.css" type="text/css" media="screen" />
<div id="tabbed-toc"><span class="loading">Memuat...</span></div>
<a style="display:block;text-align:right;font:normal bold 8px Arial,Sans-Serif;text-decoration:none;margin:10px;" href="http://hompimpaalaihumgambreng.blogspot.com/2012/10/widget-daftar-isi-tabulasi-untuk-bogger.html" title="Tabbed TOC">DTE :]</a>
<script type="text/javascript">
var tabbedTOC = {
    blogUrl: "http://nama_blog.blogspot.com", // Blog URL
    containerId: "tabbed-toc", // Container ID
    activeTab: 1, // The default active tab index (default: the first tab)
    showDates: false, // true to show the post date
    showSummaries: false, // true to show the posts summaries
    numChars: 200, // Number of summary chars
    showThumbnails: false, // true to show the posts thumbnails (Not recommended)
    monthNames: [ // Array of month names
        "Januari",
        "Februari",
        "Maret",
        "April",
        "Mei",
        "Juni",
        "Juli",
        "Agustus",
        "September",
        "Oktober",
        "November",
        "Desember"
    ],
    newTabLink: true, // Open link in new window?
    maxResults: 99999, // Maximum posts result
    preload: 0 // Load the feed after 0 seconds (option => time in milliseconds || "onload")
};
</script>
<script type="text/javascript" src="http://reader-download.googlecode.com/svn/trunk/tabbed-toc.js"></script>

 
Note : Ganti tulisan merah dengan url blog kamu...
Terakhir Publish atau terbitkan

Pasang Widget Javascript Kupu-kupu Terbang di Blog

Penggemar kupu-kupu..??pasang di blog anda,,,cara nya :

1. Login akun Blogger sobat
2. Rancangan
3. Tata letak > Tambah Gadget > HTML/ Javascript
4. copy paste di kolom tersedia 

<script type="text/javascript">
     var Ymax=8; //jarak per langkah kupu-kupu pada sumbu-y
     var Xmax=8; //jarak per langkah kupu-kupu pada sumbu-x
     var Tmax=10000; //durasi langkah dalam milidetik
     var floatimages=new Array();
     floatimages[0]='http://hompimpa.googlecode.com/files/butterfly.gif';
     floatimages[1]='http://hompimpa.googlecode.com/files/butterfly.gif';
</script>
<script src="http://hompimpa.googlecode.com/files/scriptkupu.js" type="text/javascript"></script>

      5.  Simpan dan Lihat hasilnya.

Situs Pembuat Logo GRATIS!!!

Bagi yang suka utak-atik desain logo baik buat percobaan maupun buat pekerjaan, saat ini sudah terdapat banyak pilihan website atau situs yang menyediakan layanan gratis untuk pembuatan logo. Jadi bagi anda yang suka desain khususnya yang masih belajaran (seperti saya) bisa menggunakan fasilitas website tersebut, yang didalamnya sudah disediakan bermacam contoh logo untuk kita kembangkan bahkan andapun bisa membuat logo versi anda sendiri.

Logo memang merupakan trademark/icon baik bagi perorangan, komunitas, organisasi, lembaga maupun perusahaan untuk memperkenalkan dan menunjukkan identitasnya. Hanya dengan melihat logo saja, orang bisa menyebutkan nama si pemiliknya.

Dibawah ini ada beberapa website yang bisa kita jadikan sebagai tempat membuat logo, yang kesemua layanannya gratis dan tidak memerlukan software:

Logomaker

Web ini menyediakan lebih dari 10.000 gambar pilihan yang dirancang secara profesional. Tambahkan teks, pilih font, bermain dengan warna dan jarak untuk membuat logo yang sesuai keinginan kita. Hasilnya bisa langsung di download dengan resolusi tinggi, untuk logo website, perusahaan atau yang lainnya.

Onlinelogomaker

Web ini menyediakan desain logo yang keren, baik untuk personal yang sekedar membuat icon maupun profesional. Bisa juga digunakan untuk membuat desain perusahaan, yang hasilnya seperti layaknya tenaga pro pembuat desain grafis.

Logoease

Web ini menyediakan desain antarmuka intuitif dan sederhana memungkinkan kita untuk membuat desain sendiri layaknya logo kelas dunia hanya dalam hitungan menit. Disediakan berbagai file elektronik untuk web dan vektor dengan format file eps, png, jpg dan tiff. Hasilnya dapat di download sebanyak 10 desain logo gratis pada satu waktu.

Flamingtext

Web ini adalah tempat membuat logo sendiri, tombol dan banyak lagi yang bisa kita gunakan untuk website, signature atau hal lainnya. Dengan ImageBot yang merupakan SVG gratis berbasis grafis dengan desain alat menggambar resolusi tinggi untuk membuat stiker, logo dan edit foto. Disini juga bisa membuat spanduk, undangan, kartu ucapan dan sebagainya.

Freeflashlogos

Web ini cukup mudah dengan pilihan ribuan theme logo bisnis dan organisasi yang semuanya gratis. Prosesnya sederhana memilih desain logo bebas dari semua pilihan dan pilih dua warna yang akan digunakan untuk ber-kreasi, lalu download hasilnya.

Thefreelogomakers

Web ini menyediakan layanan pembuat logo gratis online sejak tahun 2003. Terdapat ribuan unsur logo yang dirancang oleh para ahli logo sebagai bahan pilihan. Dari pilihan itu bisa kita jadikan contoh untuk membuat logo kita sendiri.

Cooltext

Web ini menyediakan pilihan teks keren dengan menggunakan generator grafis GRATIS pembuat logo yang mengesankan untuk halaman web dan di manapun. Cukup memilih jenis gambar yang di inginkan, kemudian mengisi formulir dan kita akan memiliki gambar untuk di custom menjadi logo yang sesuai selera.

Simwebsol

Web ini merupakan alat desain logo gratis untuk membuat logo, tombol dan banyak lagi dengan kreasi kita sendiri. Desain logo dapat digunakan pada situs web, signature, dan lain tempat sesuai keinginan.

Logoyes

Web ini menyediakan 20.000 elemen desain profesional yang bisa dikustom menjadi logo baru yang keren dan unik. Pilihan desain selalu update dengan kualitas hasil yang tajam. Hal ini akan memungkinkan kita, layaknya ahli desain profesional.

Logosnap

Web ini menyediakan desain logo web, perusahaan, kartu bisnis, kop surat, amplop dan selebaran. Dengan berbagai pilihan desain, memungkinkan kita bisa memilih dan mengkustom logo yang diinginkan. Membuat logo terasa cepat hanya dalam beberapa menit.

Freelogoservices

Web ini membantu pengusaha memulai bisnis, mahasiswa, dan organisasi lainnya. Tersedia ribuan logo gratis setiap minggu yang bisa dipilih sesuai keinginan untuk bisnis dan lain-lain. Pilihan gambar dibuat oleh para desainer logo di seluruh dunia dan terlihat profesional.

Logodesignengine

Web yang sangat simple, tinggal pilih template logo, pilih font, warna dan dalam beberapa detik hasil logo siap untuk di-download. Sangat mudah dan sangat cepat! Anda dapat merancang logo untuk GRATIS! Pilihan desain dibuat oleh para profesional dibidang desain grafis.


Diatas sudah tersedia beberapa pilihan, silahkan dipilih yang paling gampang untuk digunakan. Siapa tahu dengan sedikit belajar, kita akan mendapatkan logo yang sesuai dengan keinginan kita. Selamat mencoba...!

Sumber

Periksa dan Cek Berat Blog

Periksa dan Cek Berat Blog - Kalau soal timbang menimbang tidak hanya berupa barang atau berat badan manusia saja  yg bisa diukur orang,sekarang blog bisa ditimbang sobat...pengen tau gimana cara menimbang apakah blog kita berat apa ringan..dalam artian disini berat atau ringan blog akan mempengaruhi kecepatan loading blog itu sendiri..
Apabila sobat senang otak-atik template blog maka sobat harus perhatikan juga mengenai loading blog setelah sobat menambah beberapa widget, karena Google dan pengunjung blog sangat menyukai blog yang loadingnya faster/cepat tidak harus menunggu terlalu lama untuk masuk ke blog anda. Untuk mengecek berat blog sebenarnya dapat langsung menuju ke http://www.iwebtool.com, namun akan lebih praktis jika anda memasang tool cek berat blog di dalam postingan atau di sidebar blog sobat..

Langsung saja ke klinik blog nya sob..

• Login ke Blogger
• Pilih Tata Letak => Tambah Gadget
• Pilih HTML/Javascript dan letakkan kode berikut kedalamnya

<center>
<form action="http://www.iwebtool.com/tool/tools/speed_test/speed_test.php" method="get" name="pageform" onsubmit="return validate(this);" target="pageframe">
<table border="0" style="border-collapse: collapse;"><tbody>
<tr> <td height="91" valign="top">
<table class="tooltop" height="76" style="border-collapse: collapse;"><tbody>
<tr> <td>
<table border="0" cellspacing="5" style="border-collapse: collapse;"><tbody>
<tr> <td colspan="5" valign="top"><b><span style="font-size: medium;">Silahkan Masukkan URL Blog Maksimal 10</span></b></td> </tr>
<tr> <td colspan="4" valign="top">
<textarea name="domain" rows="11" style="width: 100%;"></textarea></td> <td>
</td> </tr>
<tr> <td>
<input style="float: left;" type="submit" value="Check!" /></td> <td>
<span style="font-size: x-small;">(<a href="http:/saktobek.blogspot.com/">My Note</a>)</span></td> <td>
</td> <td colspan="2"></td> </tr>
</tbody></table>
</td> </tr>
</tbody></table>
</td> </tr>
<tr> <td>
</td> </tr>
<tr> <td height="39">
</td> </tr>
</tbody></table>
</form>
<script language="JavaScript">
function validate(theform) {
if (theform.domain.value == "") { alert("No domain provided"); return false; }
return true;
}
</script>
</center>

• Simpan

Ini bisa juga sobat jadikan ke dalam bentuk postingan..cara nya ketika membuat entri baru pilih HTML,,bukan Compose..setelah sobat masukkan kode2 diatas ke dalam postingan tadi baru pilih compose..Sekian dulu sob,,semoga bermanfaat dan anda bisa mengetahui berat blog nya,,terimakasih..

Cara Membuat Like Box Popup Dengan Timer di Blog

Widget yang satu sudah tak asing lagi di blogger..pernahkah anda mengunjungi sebuah blog pada saat blog dibuka dan sedang loading akan muncul popup like box fans page nya pada tampilan layar anda contohnya seperti gambar yang dibawah ini,,

Widget like box yang satu ini sangat berbeda dari widget like box facebook melayang karena like box melayang akan selalu muncul pada saat halaman dibuka atau direload. Berbeda dengan like box fans page facebook popup dengan timer yang dirancang khusus dan dilengkapi dengan timer untuk menutup sendiri pada saat countdown timernya sudah habis serta dilengkapi dengan script atau fitur pembaca cookies pada browser sehingga membuat like box yang satu ini tidak akan muncul untuk kedua kalinya jika like atau suka pada box tersebut sudah di klik.

Like box ini sendiri didesain oleh kakiheboh yang diberi nama "LikeBox FB Fanpage Pro". Cara pemasangannya sendiri sangatlah mudah, cukup dengan mengcopy paste kode css/script dan memasukkannya kedalam template, tepatnya diletakkan di atas tag </body> atau di bawah tag <body> dan untuk demonstrasinya sendiri, silahkan sobat klik live demo di bawah ini.

Penasaran gimana cara bikinnya.. berikut kode dan cara meletakkan kode tersebut ke dalam template :

• Login ke Blogger
• Pilih Template » Edit HTML » Centang Expand Template Widget 
• Cari kode  </body> untuk mempermudah tekan Ctrl+F Setelah kode tersebut ketemu
• Copy kode di bawah ini dan pastekan tepat di atas tag </body> atau di bawah tag <body>

 <!-- lostsector.blogspot.com Likebox Pro FBFan Code Start -->
<style>
#fblikepop { background-color: #fff; display: none; position: fixed; top: 200px; _position: absolute; width: 450px; border: 10px solid #6F6F6F; z-index: 200; -moz-border-radius: 9px; -webkit-border-radius: 9px; margin: 0pt; padding: 0pt; color: #333333; text-align: left; font-family: arial,sans-serif; font-size: 13px;}
#fblikepop body {background: #fff none repeat scroll 0%; line-height: 1; margin: 0pt; height: 100%;}
.fbflush { cursor: pointer; font-size: 11px !important; color: #FFF !important; text-decoration: none !important; border: 0 !important;}
#fblikebg { display: none; position: fixed; _position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: #000000; z-index: 100;}
#fblikepop #closeable { float: right; margin: 7px 15px 0 0;}
#fblikepop h1 { background: #6D84B4 none repeat scroll 0 0; border-top: 1px solid #3B5998; border-left: 1px solid #3B5998; border-right: 1px solid #3B5998; color: #FFFFFF !important; font-size: 14px !important; font-weight: normal !important; padding: 5px !important; margin: 0 !important; font-family: &quot;Lucida Sans Unicode&quot;, &quot;Lucida Grande&quot;, sans-serif !important;}
#fblikepop #actionHolder {height: 30px;overflow: hidden;}
#fblikepop #buttonArea {background: #F2F2F2;border-top: 1px solid #CCCCCC;padding: 10px;min-height: 50px;}
#fblikepop #buttonArea a {color: #999999 !important;text-decoration: none !important;border: 0 !important;font-size: 10px !important;}
#fblikepop #buttonArea a:hover {color: #333 !important;text-decoration: none !important;border: 0 !important;}
#fblikepop #popupMessage {font-size: 12px !important;font-weight: normal !important;line-height: 22px;padding: 8px;background: #fff !important;}
#fblikepop #counter-display {float: right;font-size: 11px !important;font-weight: normal !important;margin: 5px 0 0 0;text-align: right;line-height: 16px;}</style>
<script src='http://www.google.com/jsapi'/><script>google.load(&quot;jquery&quot;, &quot;1&quot;);</script>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
 kakinetworkdotcom01username="My Note Fanspage",
 kakinetworkdotcom01title="Join us at Facebook!",
 kakinetworkdotcom01skin="01",
 kakinetworkdotcom01time="15",
 kakinetworkdotcom01wait="0",
 kakinetworkdotcom01lang="en"
//]]>
</script>
<script src='http://lostsector-project.googlecode.com/files/likebox-facebook-with-timer.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
 $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
//]]>
</script>
<!-- lostsector.blogspot.com Likebox Pro FBFan Code End -->

Note :

• Lostsector.stars : Ganti dengan username fans page facebook sobat
• Join us at Facebook : Silahkan disesuaikan dengan keinginan misalnya "Like nya dong!!"
• kakinetworkdotcom01time="15" : adalah waktu (seconds/detik) yang diperlukan sampai popupnya tertutup sendiri Penting : disarankan waktu nya jangan lama2 ya,,karena bisa bikin pengunjung kesal harus menunggu lama.
• Skin ="01" : Ganti dengan kode skin yang lain (01, 02, 03, 04). Contoh skinnya ada di bawah ini :

SKIN "01"

SKIN "02"

 SKIN "03"

SKIN "04"

• Terakhir simpan template dan lihat sendiri hasilnya

Yaapppp...sekarang gmn hasilnya..???kalau sudah berhasil kasih like nya ya,,dan kalau ada kesalahan dalam penulisan nya silahkan berkomentar dengan baik..Terimakasih !!

Sumber

Tempat Buat Blogwalking dan Manfaatnya

Malam sobat...kali ini saya akan share dimana tempat buat blogwalking..sobat mungkin sudah kenal dengan istilah Blogwalking dalam dunia blogger..bagi yang blm tau baca artikel ini sampai habis..Blogwalking memang sangat dianjurkan agar reputasi blog semakin baik,,semakin sering kita blogwalking akan ada kesempatan untuk mendapatkan pagerank yang lebik baik tentunya,,malahan yg saya dengar blog kita jadi SEo sob,,google memang senang jika suatu blog sering melakukan blogwalking,,ini berdasarkan pendapat saya ya sob dan informasi dan teman2..

Nah,,untuk defenisi blogwalking itu sendiri adalah :

Jika dipisahkan sebagai definis arti dari BLOG dan Walking adalah:
1. BLOG adalah website dengan konten (konten bisa berupa teks, gambar, link, audio atau video ) yang di-update secara berkala serta mewakili dan berdasarkan sudut pandang ‘karakter’ tertentu yang menjadikan kontennya khas (umumnya menggunakan sudut pandang personal). Standarnya, konten blog diurutkan secara kronologis terbalik (konten baru di depan, konten lama di belakang ) dan dapat dikomentari.
2. Walking, yang diambil dari bahasa Inggris yang berarti Jalan-jalan.

Kesimpulan dari arti BlogWalking adalah suatu Kegiatan yang dilakukan oleh seseorang (individu) dengan mengunjungi satu Website ke Website lain untuk mencari sebuah Inspirasi, Motivasi, Ide dan sebagainya serta meninggalkan Komentar dan Link untuk saling berbagi sesama pemilik Website satu dengan yang lainnya.

Atau lebih singkatnya lagi tentang arti BlogWalking adalah mengunjungi Website lain untuk mendapatkan inspirasi, motivasi, ide dan sebagainya serta saling berbagi antara satu dengan yang lain.
Dalam melakukan BlogWalking, kebanyakan blogger tidak menyadari kalau sebenarnya aktifitas BlogWalking memiliki Etika.

Etika dalam BlogWalking sangat jarang diketahui oleh para Blogger pemula dan kemungkinan Blogger Professional juga.
Ada 2 Etika dalam BlogWalking yang harus diketahui setiap Blogger Pemula, Pengunjung Blog dan Blogger Professional, yaitu:
1. Etika Berkomentar.
2. Etika Berkunjung.

Etika Berkomentar,
Dalam menulis sebuah Komentar Artikel dan meninggalkan Link yang akan menjadi Backlink buat Anda tentu memiliki Etika tersendiri yang dimana Anda harus berpikir Bagaimana tulisan komentar Anda dapat dibaca oleh pengunjung blog yang Anda kunjungi juga dan tertarik untuk klik Link URL yang Anda tinggalkan (bukan berpromosi). Jadi berikan komentar Anda yang terbaik sebagai bentuk menghargai penulis blog. Dan yang terpenting, tinggalkan nama Anda dengan benar.

Etika Berkunjung,
Etika ini paling banyak diabaikan oleh setiap orang. Bagaimana rasanya jika ada seseorang berkunjung ke rumah Anda dan tanpa permisi, orang tersebut langsung masuk dan keluar begitu saja.
Sebagai pengunjung setidaknya Anda dapat memberikan Feedback kepada pemilik blog sebagai bentuk apresiasi/menghargai si penulis blog dengan cara meninggalkan komentar pada artikel yang Anda baca. Tidak harus setiap artikel, minimal artikel yang menurut Anda bermanfaat.


Tidak sampai disitu saja sob,,,blogwalking ada manfaat nya juga

Manfaat Blogwalking :

1. Memperkenalkan diri (blog) kita kepada blogger lain, dengan syarat kita meninggalkan komentar.
2. Meninggalkan Jejak komentar juga memiliki manfaat untuk kunjungan balik, baik dari pemilik blog atau pun pembaca lainnya.
3. Menambah wawasan dari apa yang kita baca.
4. Mengetahui topik apa yang sedang ramai dibahas/ditulis blogger lainnya.
5. Mendapatkan ide untuk update tulisan di blog kita sendiri.
6. Belajar Bagaimana Mengelola Blog yang baik
7. Ajang silaturahmi sesama Blogger
8. Meningkatkan traffic kunjungan balik pada blog
9. Mendapatkan dan mempeluas pengetahuan kita karena membaca artikel yang beragam
10. Mendapatkan inspirasi untuk judul artikel blog kita
11. Dan masih banyak lagi manfaat blogwalking.( bagi sobat yang ingin menambahkan silahkan di comment)

Dari penjelasan diatas tentu sobat menginginkan dimna kita ber-Blogwalking,,??sebenarnya ini bukan begitu penting sob,,dimanapun sobat mau jalan-jalan / blogwalking memang banyak sekali tempatnya,,jutaan blog didunia ini yg dapat sobat kunjungi..namun apa salahnya saya berbagi buat sobat untuk dapat ber-blogwalking..mudah2an saja ini bermanfaat buat sobat..saya sudah siapin tempat -tempat dimna sobatakan berblogwalking...link ini mengarah kepada tempat itu sobat dengan bermurah hati sobat dipersilahkan membuka ini Tempat Blowalking disana sudah saya sediakan blog yg akan sobat kunjungi..

Itulah penjelasan mengenai blogwalking ini, mudah-mudahan sahabat bisa memahami dan mengerti pentingnya blogwalking untuk mendongkrak popularitas blog sobat.saya hanya ingin berbagi sobat jadi jika ada kesalahan pemahaman ataupun isi dalam artikel ini dengan besar hati saya minta maaf,,sebagai manusia kita tak luput dari kesalahan.,Terimakasih..Semoga bermanfaat.

Cara Membuat Tombol Kembali ke Atas Untuk Blog

1. Login ke Blogger 
2. Pergi ke Tata Letak
3. Tambah gadget
4. Pilih HTML/javascript
5. Copy Paste Kode dibawah ini :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script><script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$("#noop-top").fadeIn()}else{$("#noop-top").fadeOut()}});$("#noop-top").click(function(){$("body,html").animate({scrollTop:0},800);return false})});</script><a id='noop-top' style='display: none; position: fixed; bottom: 1px; right:1%; cursor:pointer;font:12px arial;'><span>^</span></a><style type="text/css">#noop-top span{-moz-transition:all .3s ease-in 0s;-webkit-transition:all .3s;-o-transition:all .3s;background-color:#1e5799;background:-moz-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1e5799),color-stop(50%,#2989d8),color-stop(51%,#207cca),color-stop(100%,#7db9e8));background:-webkit-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:-o-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:-ms-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);border:3px solid #fff;border-radius:14px 14px 14px 14px;color:#fff;font:bold 56px cursive;height:50px;left:3px;display:block;text-align:center;text-shadow:1px 1px 0 #000;top:-56px;width:50px}#noop-top:hover span{box-shadow:0 0 49px #207cca;height:70px}#noop-top{color:#000;text-shadow:1px 1px 0 #fff;text-decoration:none}</style>

Atau bisa juga dengan kode ini :

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" >
var scrolltotop={
    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
    controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW1AI7mTKhWoYPb1iFRFaCpwoLQ19oBq-iG_jTtp64SQ53YA8VXHuf5AOl0PeTrH9RlRRZtMeumPxGBEI-qDJxZGRsYrKh0GLeI8lmekSoMa9TPaX-TKO7CQBioeXRWL4gVqQ6cWRFqHNW/s1600/navigate-up-icon.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
    controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
    anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

    state: {isvisible:false, shouldvisible:false},

    scrollup:function(){
        if (!this.cssfixedsupport) //if control is positioned using JavaScript
            this.$control.css({opacity:0}) //hide control immediately after clicking it
        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
        if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
            dest=jQuery('#'+dest).offset().top
        else
            dest=0
        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
    },

    keepfixed:function(){
        var $window=jQuery(window)
        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
        this.$control.css({left:controlx+'px', top:controly+'px'})
    },

    togglecontrol:function(){
        var scrolltop=jQuery(window).scrollTop()
        if (!this.cssfixedsupport)
            this.keepfixed()
        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
        if (this.state.shouldvisible && !this.state.isvisible){
            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
            this.state.isvisible=true
        }
        else if (this.state.shouldvisible==false && this.state.isvisible){
            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
            this.state.isvisible=false
        }
    },
    init:function(){
        jQuery(document).ready(function($){
            var mainobj=scrolltotop
            var iebrws=document.all
            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
                .attr({title:'Scroll Back to Top'})
                .click(function(){mainobj.scrollup(); return false})
                .appendTo('body')
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
            mainobj.togglecontrol()
            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
                mainobj.scrollup()
                return false
            })
            $(window).bind('scroll resize', function(e){
                mainobj.togglecontrol()
            })
        })
    }
}
scrolltotop.init()
</script>

      6.  Simpan dan Lihat Hasilnya