Metro Lex

Cara Mensubmit Blog Ke 3000+ Submitter Sekali Klik

Cara Membuat Postingan Blog Agar Tampil Di Bagian Atas Search engine Seperti Google, Bing, Yahoo Dll Cara Membuat Postingan Tampil Nomor satu di Google Cara Membuat Postingan Tampil dibagian Atas Google

Buruan bila blog anda ingin segera disubmit ke ribuan web submitter yaitu IMTalk.org .Yang pastinya jumlah pengunjung blog anda meningkat berkali lipat. Rb langsung aja memposting artikel ini begitu tau caranya. Sebelumnya baca tulisan di bawah dulu biar lebih paham.
Seperti kita tahu bahwa besarnya jumlah backlink akan mempengaruhi pagerank kita. Ingat tips SEO OFFPAGE (interaksi di luar aktifitas blog walking).

Dan ada yang menarik dengan IMTalk.org ini.Tool yang satu ini mampu mempromosikan blog kita ke seluruh searchengine yang ada dan ke lebih dari 3000 situs terkenal cuma dengan sekali klik. ( siapa yang gamau coba daripada submit satu satu secara manual kata orang jawa wis kesel mbengeli ). Mau tau caranya? Ikuti langkah langkah di bawah!
1. Masuk klik di sini >>> Click here 2. Lalu masukkan Url blog anda seperti ini >>> http://namabloganda.blogspot.com pada kotak yang disediakan.
3. Masukkan kata kunci yang ingin anda optimasikan pencariannya di searchengine. Terserah anda kalau saya sih animation work 4. Pada kotak pembatasan jumlah ganti jumlahnya sesuai yang anda inginkan. Kalau saya sendiri 3005 ya keuntunganya blog kita disubmit lebih banyak. Tapi resikonya ya nunggunya lama.
5. Tunggu proses hingga selesai (ingat! jangan tutup web browser anda sebelum proses selesai)

Semoga Berbahagia Blog Anda Banyak Pengunjung

Posted By Unknown06.59

Cara memperbanyak like pada fan page facebook

Label: Tutorial Blog

Cara memperbanyak like pada fan page facebook - ?? Pertanyaan ini yang mungkin sering muncul ketika kita membuat fan page di facebook. Apa enaknya ngeliat fanpage yang para likersnya adalah kita sendiri?? bagaikan rumah tanpa penghuni.. apalagi di pasang di blog?? waduh.. malu - maluin...

akan kasih tahu cara untuk memperbanyak like fanpage sobat. Setahu saya ada 2 cara yang menurut saya ampuh untuk menambah like fan page facebook. Yang pertama yang menurut saya paling ampuh dan paling mujarab yaitu melalui jalur promosi. Seperti halnya sebuah produk, halaman facebook kita seharusnya di promosikan, baik pada para pengguna facebook maupun melalui blog kita.

Untuk cara yang ke 2 nya yaitu melalui Youlikehits..
Apa itu youlikehits??
Adalah website yang menawarkan membernya untuk memperoleh 'like' secara gratis ataupun berbayar.

Nggak cuma itu sob! untuk follower di twitter juga bisa... untuk lebih jauhnya, mendingan sobat cepat daftar de.. mumpung gratis.. hehehe

Berikut cara mendaftar di Youlikehits

1. Masuk ke situs Youlikehits

2. Masukkan data yang di minta pada SignUp kemudian Klik sign Up seperti gambar berikut.

3. Seperti gambar di atas, sobat yang berhasil mendaftar bisa langsung log in ke akun youlikehits sobat. Setelah login, sobat akan di minta untuk mengisih kode verifikasi seperti gambar berikut.

4. Buka email masuk pada alamat email yang sobat daftarkan tadi. ( buka pada tab baru )
5. Ambil kode verfikasi pada email yang telah di kirimkan. Lihat gambar

6. Masukkan kode verifikasi dan klik Activate.

Nah sekarang akun sobat sudah jadi, saatnya kita masuk pada intinya..

7. Setelah mengklik activate, sobat akan langsung masuk ke dashboard sobat.

8. Karna trik kali ini yaitu untuk menambah like pada fan page facebook, sobat klik facebook kemudian klik pada add an account

9. Masukan profil facebook sobat dan juga halaman fanpage sobat kemudian klik refresh seperti gambar berikut.

10. Pilih payout 9 seperti gambar berikut.

11. Kemudian klik Ok.

12. Like satu per satu fanpage seperti tampilan berikut.

13. Klik pada tulisan I've Liked This page untuk memberitahukan bahwa sobat telah ngelike fanpage tersebut.

Tambahan:
Sobat akan mendapatkan 50 point per hari dengan mengklik tulisan Claim 50 Free Point Daily.

Sekian dan Semoga Membantu dan tolong like fan page ane ya!!! entar ane balas ngelike!!!

Sumber=http://situs-1.blogspot.com/

Posted By Unknown06.56

Cara Membuat 9 Text Area Super Keren

Label: Tutorial Blog, Widget

Pada kesempatan kali ini saya akan share lagi ke anda tentang cara membuat 9 macam textarea super elegant di blog. Saya kasih judul demikin karena 9 textarea ini benar-benar elegan, mempesona, keren, cantik, menarik dsb. hehe..:D

Cara menerapkannya di blog cukup simple, bagi anda yang berminat dan mencobanya di blog silahkan ikuti langkah - langkah berikut ini :

Masuk ke akun blogger anda
Kemudian klik Template -> Edit HTML (CTRL + F)
Cari kode/tag ]]></b:skin>
Kemudian letakan kode CCS berikut tepat di atas tag ]]></b:skin>

Kode Css

.md1{overflow:auto;width:503px;height:200px;font-family:"Consolas","Courier New",Courier,mono,serif;color:#848176;margin:15px 35px 15px 15px;padding:10px 10px 10px 35px;clear:both;list-style-type:none;background:#000 url(http://1.bp.blogspot.com/-GYEvx8OT5-k/Tv1otrpKJ-I/AAAAAAAACE8/2ZNywOeZfLQ/s1600/2.JPG) repeat-y top left;border:1px solid #000;border-left:20px solid #ccc;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border-radius:23px 20px 20px 20px;border-radius:23px 20px 20px}
.md1:hover{background:#000 url(http://3.bp.blogspot.com/-nu-RARdmdqk/Tv1sXuE8gtI/AAAAAAAACFQ/mzYPiiWEaK0/s1600/1.jpg) repeat-y top left;color:#fef9bf;border:1px solid #000;border-left:20px solid #ccc;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);-moz-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:10px 10px 5px #888}

.md2{overflow:auto;width:400px;height:auto;font-family:"Consolas","Courier New",Courier,mono,serif;color:#7a6417;margin:15px 35px 15px 15px;padding:10px 10px 10px 35px;clear:both;list-style-type:none;background:#000 url(http://1.bp.blogspot.com/-GYYwrX408NQ/Tv7JAIEwfMI/AAAAAAAACHc/w8IcSIvTsmc/s1600/000.JPG) repeat-y top left;border:1px solid #d8c37d;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border--moz-border-radius:23px 20px 20px 20px;border-radius:23px 20px 20px}
.md2:hover{border:1px solid #d8c37d;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);-moz-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);-moz-border-radius:23px 20px 20px 20px;border-radius:23px 20px 20px}

.md3{overflow:auto;width:250px;height:260px;font-family:"Consolas","Courier New",Courier,mono,serif;color:#000;margin:15px 35px 15px 15px;padding:15px 5px 10px 165px;clear:both;list-style-type:none;background:#fff url(http://3.bp.blogspot.com/-3q8oheHzWaA/Tv7a1NqKabI/AAAAAAAACIA/gsSIuJClU3c/s1600/special-offer-01.jpg) repeat-y top left;border:1px solid #fff;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border--moz-border-radius:23px 20px 20px 20px;border-radius:23px 20px 20px}
.md3:hover{background:#fff url(http://1.bp.blogspot.com/-fM6WEgLBjuc/Tv7crtRj1ZI/AAAAAAAACIM/EQUh2LH3ecM/s1600/%255Bwww.gj37765.blogspot.com%255Dmd3.jpg) repeat-y top left;color:#000;border:1px solid #fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);-moz-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3)}

.md4{overflow:auto;width:450px;height:153px;font-family:"Consolas","Courier New",Courier,mono,serif;color:#848176;margin:15px 35px 15px 15px;padding:10px 10px 10px 35px;clear:both;list-style-type:none;background:#000 repeat-y top left;border:1px solid #000;border-left:20px solid #ccc;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border--moz-border-radius:23px 20px 20px 20px;border-radius:23px 20px 20px} .md4:hover{overflow:auto;width:450px;height:153px;background:#000 url(http://1.bp.blogspot.com/-6DJrGfUAwYE/TwA0s105QdI/AAAAAAAACKQ/8D6UBp5JMsY/s1600/1.JPG) repeat-y top left;color:#eee;text-shadow:1px 1px 1px #000;text-transform:capitalize;border:1px solid #000;border-left:20px solid #CCC;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);-moz-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3)}

.md5{overflow:auto;width:400px;height:auto;font-family:"Consolas","Courier New",Courier,mono,serif;margin:15px 35px 15px 15px;padding:10px 10px 10px 60px;clear:both;color:#000;list-style-type:none;background:#f5f3f3 url(http://1.bp.blogspot.com/-2ZYI5ROjqm0/TwGVjrytNjI/AAAAAAAACLs/AzzX67VYjCw/s1600/1.JPG) repeat-y top left;border:1px solid #ccc;border-right:15px solid rgba(0,0,0,.100);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);-moz-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3)}
.md5:hover{overflow:auto;width:400px;height:auto;background:#f5f3f3 url(http://1.bp.blogspot.com/-2ZYI5ROjqm0/TwGVjrytNjI/AAAAAAAACLs/AzzX67VYjCw/s1600/1.JPG) repeat-y top left;border:1px solid #ccc;border-right:15px solid rgba(0,0,0,.100);-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);-moz-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3)}

.md6{overflow:auto;width:400px;height:auto;font-family:"Consolas","Courier New",Courier,mono,serif;margin:15px 35px 15px 15px;padding:10px 10px 10px 35px;clear:both;color:#000:list-style-type:none;background:#6d6c6a;border:1px solid #eee;border-left:20px solid #000;border-right:20px solid #000;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-border--moz-border-radius:23px 20px 20px 20px;border-radius:23px 20px 20px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);-moz-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3)}
.md6:hover{background:#000;color:#fff;border:1px solid #eee;border-left:20px solid #6d6c6a;border-right:20px solid #6d6c6a;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);-moz-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3)}

.md7{color:#848176;overflow:hidden;width:200px;height:300px;background:black;margin:15px 35px 15px 15px;padding:10px 10px 10px 35px;clear:both;border:1px solid #000;border-left:10px solid #ccc;border-right:10px solid #ccc;list-style-type:none;transition:width 2s;text-position:fixed;-moz-transition:width 2s;-webkit-transition:width 2s;-o-transition:width 2s;box-shadow:10px 10px 5px #888}
.md7:hover{width:300px;color:#fff;box-shadow:0 0 10px rgba(0,0,0,.3)}

.md8{margin:15px 35px 15px 15px;padding:20px 10px 10px 35px;background:#eee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhtuVqk41cOuB5Dfvk7WbZL8OJ6IlEMSN9eTp3jtQo4wF3_RGdztGZOQ3GmRKLbDoHxeP1eHgc-0g966zh9WD6zoByLFEijO3LVfRxEaIyDH2zG1ioZa5jJPUyDmbxbg4SKIbvYGXvOO0l/s1600/code+%2528gj37765.blogspot.com.gif) repeat-y top left;border-top:1px solid #aaa;border-right:1px solid #aaa;border-bottom:1px solid #aaa;border-left:1px solid #aaa}

.md9{overflow:auto;width:570px;height:310px;font-family:"Consolas","Courier New",Courier,mono,serif;margin:15px 15px 15px 15px;padding:20px 10px 0 35px;clear:both;color:#fff;list-style-type:none;background:#f7f7f7 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8PBfXg34fFcJwik87cYM19RdvQVws149QCaIR4zEqQs-bE67E2MDPat75abottT63unt3diwItmQ6XeNK6vHv_UhPAwpA6VGo_WvWmz2ULcGeukSGgDkeU8tiE_aaMmxHt6RYV2ywYdzD/s1600/copy-to-clipboard-cmd-3.png) repeat-y top left;border:1px solid #eee;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.md9:hover{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8PBfXg34fFcJwik87cYM19RdvQVws149QCaIR4zEqQs-bE67E2MDPat75abottT63unt3diwItmQ6XeNK6vHv_UhPAwpA6VGo_WvWmz2ULcGeukSGgDkeU8tiE_aaMmxHt6RYV2ywYdzD/s1600/copy-to-clipboard-cmd-3.png) repeat-y top left;border:1px solid #eee;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);-moz-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3)}
.md-9{overflow:auto;width:542px;height:230px;font-family:"Consolas","Courier New",Courier,mono,serif;margin:15px 15px 15px 15px;padding:20px 10px 0 0;clear:both;color:#96948a;list-style-type:none;background:#000;border:1px solid #000;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}

Save template anda..

Untuk menampilkan textarea super elegant di postingan HTML gunakan kode-kode di bawah ini.

ARAHKAN KRUSOR ANDA KE TEXT AREA SATU-SATU...!

1. <div class="md1">TEKS ANDA DI SINI</div>

Ini contoh 1 dari 9 macam text area super elegant di blog

2. <div class="md2">TEKS ANDA DI SINI</div>

Ini contoh 2 dari 9 macam text area super elegant di blog

3. <div class="md3">TEKS ANDA DI SINI</div>

Ini contoh 3 dari 9 macam text area super elegant di blog

4. <div class="md4">TEKS ANDA DI SINI</div>

Ini contoh 4 dari 9 macam text area super elegant di blog

5. <div class="md5">TEKS ANDA DI SINI</div>

Ini contoh 5 dari 9 macam text area super elegant di blog

6. <div class="md6">TEKS ANDA DI SINI</div>

Ini contoh 6 dari 9 macam text area super elegant di blog

7. <div class="md7">TEKS ANDA DI SINI</div>

Ini contoh 7 dari 9 macam text area super elegant di blog

8. <div class="md8">TEKS ANDA DI SINI</div>

Ini contoh 8 dari 9 macam text area super elegant di blog

9. <div class="md9">TEKS ANDA DI SINI</div>

Ini contoh 9 dari 9 macam text area super elegant di blog

Jika Anda Ingin Bertanya Silahkan Berkomentar Ya :D

Posted By Unknown06.38

Cara Membuat Komentar Facebook Diblog

Label: Tutorial Blog, Widget

Selamat malam sobat blogger semua, kita jumpa lagi di blog kebanggaan warga Mojokerto ini (kayak penyiar radio aja ya, hehehe...). Lagi-lagi dapat perkembangan terbaru tentang cara pasang kotak komentar facebook di blog kita. Setelah tempo hari saya posting tentang pasang komentar facebook V1 tapi kelemahannya adalah semua komentar muncul di setiap postingan, jadi kita tidak tahu postingan mana yang terkomentari. Kemudian dilanjutkan dengan pasang komentar facebook V2. Cara ini juga banyak yang berhasil tapi ada juga yang gagal, entah kenapa. Tapi kelemahan V2 tidak ada fitur reply di komentarnya tidak seperti yang V1, dan juga jika ada yang mengomentari artikel kita, kita tidak tahu karena tidak ada notifikasi jadi harus cek manual di setiap artikel.

Nah yang V3 ini yang lebih sempurna ada fitur reply dan notifikasi, jd kita bisa tahu kalau ada yang berkomentar menggunakan komentar facebook karena ada pemberitahuan di akun facebook kita, jadi kita bisa me-manage komentar tersebut (ngomong opo kuwi...??). Tuh diatas udah ada gambarnya. Oke deh cukup untuk kata sambutannya, sekarang kita langsung saja ke kali nyemplung bareng (maksudnya langsung mulai tutorialnya hehehe..). Jangan terlalu tegang gitu dong bacanya santai aja sob, ntar jadi botak loh kayak saya (ups keceplosan).

Yang pertama harus dilakukan adalah membuat aplikasi komentar facebook. Saya rasa point ini tidak perlu saya jelaskan lagi karena sudah saya tulis, silahkan baca dulu disini untuk cara membuat aplikasinya. Jika sudah ada yang memasang komentar facebook lewat tutorial blog ini sebalumnya atau blog lain yang berbeda dengan cara ini, maka silahkan di ganti dengan kode yang saya berikan nanti. Oke kita lanjutkan lagi yuk. Setelah selesai membuat aplikasinya dan mendapatkan APP ID dari facebook, sekarang tinggal pemasangan pada blog. Pasang kode berikut DI BAWAH <data:post.body/>.

<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#appId=APP ID&xfbml=1'/><fb:comments expr:href='data:post.url' numposts='5' width='615'/>
</b:if>

Ganti APP ID berwarna hijau dengan APP ID yang di dapat dari facebook. Untuk angka 615, adalah lebar kotak komentar, sesuaikan dengan template sobat. Kemudian agar dapat terintegrasi dengan akun facebook kita, pasang kode berikut DI BAWAH <head> atau DI ATAS <b:skin><![CDATA[/*

Ganti APP ID dengan ID yang di dapat dari facebook tadi, dan ganti ID Facebook dengan ID sobat, misalnya id facebook saya adalah http://www.facebook.com/hokkyalexander99 (jangan lupa di add ya hehehe), ganti ID FACEBOOK dengan yang berwarna merah. Setelah itu yang wajib harus dilakukan adalah save template. Kalau ada yang kurang jelas silahkan tanya ya.

Semoga bermanfaat.
Alhamdulillah...

Sumber=bloggerbiasa.blogspot.com/2011/03/cara-menambah-kotak-komentar-facebook.html

Posted By Unknown20.23

Cara Memasang Tv Online Diblog

Label: Tutorial Blog, Widget

1. Login ke akun blogger anda. Copy Script Berikut Dan Pastekan kedalam Blog kalian.

<embed width="100%" height="860" align="top" wmode="transparent" type="application/x-shockwave-flash"src="http://id.imediabiz.com/MivoTV.swf?r=' + Math.round(Math.random() * 99999) + '" scale="noscale"quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" name="MivoTV" menu="true"devicefont="false" bgcolor="#ffffff" allowscriptaccess="sameDomain" allowfullscreen="true"scroll="auto">

catatan : anda bisa copy script berikut di postingan anda dan widget html anda.

2. Simpan dan lihat hasilnya

Gampang kan?? Mivo.Tv sekarang berada diBlog kalian. sekian tutorial ini ,semoga bermanfaat bagi pembaca Terima kasih telah Berkunjung...

Posted By Unknown20.16

Cara Memasang Musik Diblog

Label: Tutorial Blog, Widget

Masih mengenai perhiasan blog, kali ini ada trik yang harus sobat blogger coba. kita akan coba memasang Mp3 di blog. Widget kali ini mungkin akan menambah berat loading blog sobat tapi mungkin juga sebanding dengan hiburan bagi para pengunjung blog sobat. Karena itu ni ane kasih tutorialnya..

1. Pertama - tama sobat kunjungi dulu situs ini http://www.divine-music.info

2. Perhatikan pada sidebar kiri. Gambarnya seperti ini:

Home

Country Music

Hip Hop

Pop

Heavy Rock/Metal

R & B

Techno/Dance

Browse All

Amicons and Avatars

Glitter Lyrics

Myspace Layouts

3. Misalnya sobat memilih mp3 yang ber-genre R&B, maka tampilannya akan seperti berikut:

4. Misalnya, Sobat pilih Bruno mars maka akan muncul listnya beserta kode yang akan sobat pasang di widget sobat.

5. Copy kodenya, kemudian

6. Masuk ke Dashboard blog sobat.

7. Klik tata letak.

8. Klik add gadget.

9. Pilih html/java script.

10. Paste kode tadi, klik save.Nah.. selesai deh!!! semoga bermanfaat bagi sobat..

Posted By Unknown20.11

Kumpulan Template Blog Bertema Metro Ui

Label: Template, Tutorial Blog

Apabila sebelumnya saya sudah pernah share tentang Template Blogger Gratis Bergaya Windows 8, kali ini saya akan kembali berbagi beberapa template Blogger gratis bertemakan Metro UI style khas Windows 8yang kini masih hangat-hangatnya dan menjadi tren.

Berikut di bawah ini ada beberapa macam pilihan tempalte untuk Blogger dengan tema Metro UI yang bisa kamu unduh secara gratis.

Metro Magazine

Demo Download Mirror

Metro Simple

Demo Download Mirror

Metro BTK

Demo Download Mirror

Metro Modern Solar

Demo Download Mirror

MetroLogger

Demo Download Mirror

Metro Minimalist

Demo Download Mirror

Posted By Unknown03.18

Kumpulan Efek - Efek Blog ( Lengkap )

Label: Tutorial Blog, Widget

Kumpulan Efek - Efek Blog ( Lengkap ) - Memang selalu ada cara untuk mempercantik penampilan blog. Setelah sebelum memposting cara memasang animasi di blog, kali ini saya akan kasih sobat berbagai macam / jenis efek - efek blog yang bisa di pasang di blog.

Sebelum kita masuk ke intinya, terlebih dahulu saya ingatkan pada sobat bahwa efek, animasi dan widget - widget serupa akan menambah beban loading blog sobat, jadi mohon di perhitungkan sebelum sobat memasang efek ini. Efek yang akan saya posting kali ini, akan saya bagi 2 yaitu efek ringan ( loading ringan ) dan efek menegah hingga berat. ( kayak tinju aja.. ) .

Sobat yang tertarik memasangnya silahkan ikuti tutorial memasang efek - efek pada blog berikut.

A. Efek Ringan
Mungkin Ini adalah efek yang biasa sobat lihat saat sobat blogwalking.

1. Efek salju berjatuhan

2. Efek hati bertaburan

3. Efek bintang bertaburan

4. Efek kembang api

5. Efek Gelembung

5. Efek Kupu - Kupu Terbang

Cara pemasangan :

Klik rancangan --> Edit html
Letakkan script efek di atas kode </body>
Klik Save

B. Efek Menengah - Berat
Efek ini saya ambil dari http://www.netdisaster.com. Untuk demo dari salah satu script berikut, silahkan lihat di sini.. DEMO

1.Meteor Jatuh

2. Banjir

3. Bunga Mekar

4. Bom Atom

5. Ufo

6. Graffity

7. Shaver

8. Gun

9.Bloody gun

10. Paint ball

11. Chainsaw

12. Dinosaur

13. Lebah

14. Lalat

15. Semut

16. Siput

17. Cacing

18. Mold

19. Bayi merangkak

20. Telur mata sapi

21. Kopi tumpah

22. Terbakar

23. Tomat

24. Creampie

25. Murka

26. Sapi Jorok

27. Anjing Jorok

28. Kencing Sembarangan

Cara pemasangan :

Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
Masukkan script efek di dalam kotak yang di sediakan
Klik save dan lihat hasilnya

Posted By Unknown03.11

Cara Membuat Popular Post Berjalan

Label: Tutorial Blog, Widget

1. Log in ke akun blog sobat.
2. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
3. Masukkan kode berikut ke dalam konten.

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

#PopularPosts1 {
 overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:400px;
    
}

#PopularPosts1 ul {
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}




#PopularPosts1 li {
 width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:80px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}

#PopularPosts1 li .item-title {
    color:#A5A9AB;
    font-size:1em;
    margin-bottom:0.5em;
}

#PopularPosts1 li .item-title a {
 text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}

#PopularPosts1 li img {
 float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}

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

#PopularPosts1 .item-snippet a,
#PopularPosts1 .item-snippet a:visited {
    color:#3E4548;
    text-decoration: none;
}

#PopularPosts1 .spyWrapper {
    height: 100%;
    overflow: hidden;
    position: relative;    
}

#PopularPosts1 {
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
}

.tags span,
.tags a {
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
}

a img {
    border: 0;
}

-->
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
    $('.popular-posts ul').simpleSpy();
});
</script>
<script src="http://accordion-for-blogger.googlecode.com/svn/trunk/simplespy.js" type="text/javascript"></script>

4. Klik save dan lihat hasilnya.

Posted By Unknown03.08

Cara Membuat Daftar ISi Jquery

Label: Tutorial Blog, Widget

Membuat Daftar Isi Otomatis dengan jQuery di Blog

- Daftar Isi atau yang sering kita sebut sebagai sitemap adalah sebuah halaman yang menampilkan seluruh konten blog kita, tak terlepas dari seo, kabarnya sitemap seperti ini juga dapat mempermudah search engine untuk menemukan keberadaan seluruh konten kita pada saat spider meng-crawl blog kita. Diluar meningkatkan efektifitas SEO, widget daftar isi ini juga dapat menyuguhkan dan menampilkan seluruh postingan yang pernah dipublikasikan kepada pengunjung, pasalnya terkadang jika seseorang menyukai topik suatu blog, maka ia akan terus gencar untuk berburu postingan di blog tersebut, dan ia akan bersifat curious atau ingin mengetahui semua artikel yang setopik dan sejalan dengan minatnya.

Dari widget daftar isi otomatis yang sudah saya buat sebelumnya, saya merasakan ada yang kurang lengkap dari penampilan daftar isi tersebut, sebenarnya sudah terlihat bagus dan rapi karena postinganya terurut sesuai dengan abjad dan label, namun saya pikir akan lebih cantik jika ditambahkan sedikit efek ringan dengan bantuan jQuery.

Sebenarnya efek jQuery ini bukan buatan saya pribadi, namun saya hanya memiliki ide dan ternyata ada yang sudah membuatnya, maka dari itu saya akan coba membagikanya, namun saya tidak tahu siapa yang "asli" membuatnya, dikarnakan banyak sekali widget ini betebaran luas di Internet, namun saya mengucapkan terimakasih sekali lagi kepada pembuat dari widget ini.

Cara Membuat Daftar Isi Accordion

1. Login ke Blogger.

2. Pilih Laman.

3. Klik Laman Baru > Laman Kosong.

4. Pilih Opsi "HTML" (bukan compose).

5. Letakkan kode di bawah ini kedalamya.

<div dir="ltr" style="text-align: left;" trbidi="on">
<style type="text/css">
#dafis-acc{ font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzHy6EqYtVpM9YgBrU0wu9dCO3pmM7-1ewXvz5Q64l0CrHB4iBgi4WnPl0umnr98GT6_TQpXI2CG4wyhcqZv7vihnMna4TZIx1oVoO5dIV9fZkT-O6v4UyFXy5va5DoGcOuXMd_LFIcPk/d/bg5.gif) repeat-y scroll left center #E7F7FB; padding:2px 0; border:1px solid #339DC6; } .dafis-label{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQRacOM7y44vYUvtXeV7ZMoR3pV1xg-SwNfnNNpIVYLcUc4a6dDtUV5kYyGCxD01RrJsmH-rQeuejpoIbfiTe7xbLhchCyPtacMu3a3gBojKijCNqihzvDoMawOlS_NSwhMWewYyzbW9o/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB; font-weight:bold; line-height:1.4em; overflow:hidden; white-space:nowrap; vertical-align: baseline; margin: 1px 3px; outline: none; cursor: pointer; text-decoration: none; padding: 2px 10px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3); border:1px solid #2F94BA; } .dafis-label:hover{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuuDY-b_BZj2hYme14n6FeX-hnE0xHdvaxus0vh3F0gIPzMHQaH0jKpchpNTjZULFkKhU-oMXHiB7eEEj3CTyhq6ze43pC9n0bMjjxTlkhyphenhyphenhXi1eiudqum-AfSuQRF5eAYkFO01XD2rcs/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB; color:#003366; } .dafis-daf ol{ margin:0 0 0 30px !important; padding:0 !important; } .dafis-daf ol li{ background-color:#C9E9F4; line-height:1.5em; margin:1px 3px !important; white-space:nowrap; text-align:left; border:1px solid #339DC6; } .dafis-daf ol li a{ text-decoration: none !important; color:#333 !important; display:block; padding-left:10px; } .dafis-daf ol li a:hover{ background: #7BC4DF; border-left: 5px #333 solid; padding-left: 5px; text-shadow: 0 1px 1px rgba(0,0,0,.3); }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="https://farhanshare-blogspot-com.googlecode.com/files/sitemap%20%281%29.js" type="text/javascript"></script><script src="http://Blog Bagus/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
</div>

Keterangan : ganti kode yang berwarna merah dengan URL blog anda.

6. Klik "Publikasikan", dan selesai.

Demikian informasi terbaru tentang cara membuat daftar isi otomatis dengan jquery di blog Selamat mencoba

sumber: http://www.tuliskan.com/2013/05/membuat-daftar-isi-otomatis-dengan-jquery-di-blog.html#ixzz2UwAvsL00

Posted By Unknown03.07

Tips Agar Blog Lebih Seo Friendly Terbaru

Label: Seo, Tutorial Blog

Tips Agar Blog Lebih SEO Friendly Terbaru . Tips dan Trick SEO nih buat sobat semua, artikel ini saya dapat dari banyak sumber, tetapi saya tambahin tips dan tricknya, Semoga bisa membantu sobat Ic Creem, agar nantinya blog menjadi SEO friendly, dan Hebat di Mata Search Engine, jadi tunggu apa lagi, Mari Kita Simak Teknik SEO berikut ini : =D

Update Blog, ALWAYS UPDATE

Update lah blog, minimal seminggu 4 kali, dan posting per hari minimal 2 artikel, bisa juga lebih, agar blog kita tidak dianggap Blog sampah oleh om Google, karena blog yang aktif adalah blog yang update, dan membuat pengunjung betah berkunjung juga, karena mendapat berita segar setiap harinya, dan penting untuk posting suatu hal yang menarik, atau suatu hal yang sedang terkenal, pastinya akan bermanfaat untuk traffic blog. Berikut adalah beberapa Tips dan Trick SEO Friendly yang saya ketahui :

1. Page Title
Biasanya format page title dari blogger kan seperti ini : JUDUL BLOG : JUDUL POSTING, jadi agar blog kita lebih disukai oleh google sehingga ujung-ujungnya blog kita jadi rame kayak pasar, kita harus merubah format page title standar itu menjadi seperti ini : JUDUL POSTING | JUDUL BLOG. Caranya cari kode berikut di EDIT HTML ( cara mudahnya tekan ctrl + f untuk mendapatkan kodenya, lalu copy paste kode dibawah ini):

<title><data:blog.pageTitle/></title>

Kalo udah dapet kodenya hapus n ganti dengan kode berikut ini :

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

Atau sobat juga bisa tambahin beberapa kata kunci ( keyword ) :

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> | Kata kunci sobat | Kata kunci sobat </title>
</b:if>

Ganti kode "kata kunci" dengan keyword yang sobat incar. Setelah semua selesai jangan lupa di save template

2. Meta keyword dan Deskripsi
Suatu mesin pencari seperti google sangat menyukai sebuah website / blog yang jelas tema dan isi content-nya. Jadi , sobat harus nambahin suatu tag yang namanya meta tag. Caranya adalah dengan menambahkan kode berikut ini sebelum kode <b:skin><![CDATA[/*

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="description" content="Deskripsi Blog anda" />
<meta name="keywords" content="Kata kunci , kata kunci, kata kunci, kata kunci , kata kunci" />
</b:if>

Klik Save

3. Memasang Breadcrumbs.
Breadcrumbs adalah menu navigasi yang ada diatas sebuah posting atau artikel. Contohnya bisa dilihat diblog-nya Blogger Tutorial ini. Cara pasangnya juga sudah banyak dibahas di blog-blog guru blogging. Silahkan sobat cari di google dengan kata kunci “ cara membuat menu breadcrumbs”.

4. Memasang Related Post.
Related post sangat bagus untuk SEO maupun buat pengunjung. Jadi pasang related post di blog sobat. Caranya sudah banyak dibahas di blog-blog para guru blogging. Silahkan sobat cari di google dengan kata kunci “ cara membuat related post di blogger”.

5. Mematikan Setting Archive ( arsip )
Lho ? buat apa juragan ? begini nih, seperti yang juragan bilang tadikan kalo google sangat membenci dengan yang namanya duplicate content. Jadi ketika kita mengaktifkan opsi arsip, misalnya kejadiannya seperti ini :
sobat membuat sebuah blog di blogger.com. lalu membuat 3 posting, 1 buah setiap hari. Maka di halaman utama atau homepage sobat akan ada 3 posting dan sebuah link arsip seperti ini, http://BLOGSOBAT.blogspot.com/2007_03_01_archive.html, pada halaman arsip tersebut akan memunculkan 3 posting yang sama dengan yang di munculkan oleh homepage.

Intinya, 2 buah link yang menuju 2 halaman yang berbeda tapi memiliki isi konten yang sama. Bagi search engine apa lagi google ini adalah masalah serius. Oleh karena itu kita sebaiknya me-non-aktifkan opsi arsip, caranya : setelah login klik tab setting >> Archiving >> pada bagian Archiving frequency ubah menjadi no archive. >> selesai simpan setting.

Atau jika tidak ingin menonaktifkan fungsi arsip, silahkan letakkan kode berikut dibawah kode <head> :

<b:if cond='data:blog.pageType == "archive"'><meta content='noindex' name='robots'/></b:if>

6. Menambahkan kode ‘rel=canonical’
Gunanya kita menambahkan ‘rel=canonical’ adalah untuk menghindari konten ganda, karena seperti para master of SEO bilang bahwa google sangat tidak dapat mentolerir sebuah duplicate content ( *jadi buat yang kerjanya Cuma bisa copas hati-hati nih sebelum didepak dari Mbah Google, Cara nya di edit html tambahkan kode berikut setelah kode <head>

<link expr:href='data:blog.url' rel='canonical' />

Save template dan selesai

7. Tag Heading
Google sangat menyukai sebuah tulisan atau judul dengan tag H1. Oleh karena itu ubahlah ukuran judul posting sobat dengan tag H1. Caranya cari kode berikut :

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Kode yang dicetak tebal (warna biru) dihapus dan ubah dari h3(atau pada beberapa template menggunakan h2) menjadi h1. Setelah itu tambahkan kode di bawah sebelum kode ]]></b:skin>

h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }

8. Memasang Permalink
pada saat kita akan memberikan judul untuk setiap artikel, kita tidak diberikan kebebasan, karena judul artikel dibatasi karakternya, sering kali pada saat kita mempunyai sebuah judul artikel yang lumayan panjang, link judul artikel tersebut akhirnya terpotong, dan bagi sebagian blogger akan merasa kurang nyaman jika link judul terpotong, karena akan berpengaruh terhadap hasil pencarian oleh search engine, hal tersebut tidak baik juga untuk SEO (Search Engine Optimization).

Akan tetapi, kini nampaknya dari pihak blogger sudah memberikan solusi, dengan adanya fitur baru tautan pemanen (Permalink), apabila kita memiliki judul artikel yang lumayan panjang, seluruh kata yang kita masukkan dalam judul tidak akan terpotong. Untuk cara menggunakan fitur ini juga tidak sulit.
Jika ada Master SEO disini Boleh berkomentar jika ingin menambahkan dan Berilah saran yang anda ketahui ...
Nah sekian dulu Tips Dan Tricks yang saya dapat dari internet lebih tepatnya dari Blogger Tutorial, semoga bermanfaat bagi sobat semua, jangan Lupa Follow , dan like, Terima kasih Sobat :-)

Sumber: http://www.novaibnu.com/

Posted By Unknown03.04

Cara Mensubmit Blog Ke 3000+ Submitter Sekali Klik

Cara memperbanyak like pada fan page facebook

Cara Membuat 9 Text Area Super Keren

Cara Membuat Komentar Facebook Diblog

Cara Memasang Tv Online Diblog

Cara Memasang Musik Diblog

Kumpulan Template Blog Bertema Metro Ui

Kumpulan Efek - Efek Blog ( Lengkap )

Cara Membuat Popular Post Berjalan

Cara Membuat Daftar ISi Jquery

Tips Agar Blog Lebih Seo Friendly Terbaru

Tutorial Blog

Followers

Join Us On Facebook

Popular Posts

About Metro Lex

Blogger news

Profil

About

Tutorial Blog

Followers

Join Us On Facebook

Popular Posts

About Metro Lex

Contact us

Berlanggan Lewat Email

Blogger news

Profil

About