cara memasang share pack ( share post to sicial bookmark ) Banyak cara untuk mempercantik tampilan blog sobat dengan sedikit menambahkan aksesori di dalamnya, salah satu nya adalah dengan menambahkan Share Post ke Social Bookmark Menggunakan Share Pack. Share Pack ini berfungsi sebagai widget yang digunakan untuk memudahkan pengunjung membagi artikel sobat ke jejaring sosial, seperti Facebook, Twitter, Technorati, dan lain sebagainya. EXAMPLE Jika sudah tidak sabar lagi untuk membuatnya, silahkan sobat ikuti langkah - langkah berikut ini. 1. Login ke Blogger, lalu seperti biasa, klik Tata Letak >> Edit HTML 2. Untuk mencegah hal - hal yang tidak diinginkan, backup dulu template blog sobat lalu klik Download Template Lengkap 3. Kalau sudah, klik checkbox Expand Template WIdget 4. Lalu cari kode berikut, ]]> 5. Copy kode berikut persis berada di atasnya. .share, img.share{ border: 5px outset; border-color:#FFFFFF #000000 #000000 #FFFFFF;} .share:hover, a:hover .share{ border: 5px inset; border-color: #585858 #A4A4A4 #A4A4A4 #585858; } 6. Lanjutkan dengan mencari kode berikut ini. 7. Lalu taruh kode ini persis berada di bawahnya. Share This Post to Others:

8. Simpan dan untuk melihat hasilnya klik View Blog. Ket: Bagi sobat - sobat yang ingin mengkastem share pack ini jangan lupa baca keterangan ini. Jika sobat - sobat punya koleksi icon menarik lainnya, silahkan ganti alamat yang berwarna hijau untuk ikon Facebook, biru muda untuk ikon Twitter, merah untuk ikon Digg,biru tua untuk ikon Delicious, kuning untuk ikon Stumbleupon, danjingga untuk ikon Technorati dengan alamat ikon masing - masing ya sob. Selesai sudah artikel Cara Memasang Share Pack (Share Post To Social Bookmark) kali ini . selamat mencoba dan mencoba sampai bisa ........ cara pasang meta tag di blogger seo friendly Meta tags merupakan cara menyampaikan infomasi penting ke search engine (Mesin Pencari) mengenai informasi suatu halaman, Ada banyak meta tag sesuai dengan standar HTML 4.0 dari World Wide Web Consortion, tapi sebenarnya yang betul - betul dipakai oleh search engine hanya 3, description, keyword, dan robots, tapi enggak apa - apalah kalau I tambahkan satu tag lagi yaitu Meta Tag Title Blog biar lebih SEO Friendly gitu kan lebih mantab SOB, nah sekarang akan I bahas step by step biar lebih jelas apa itu Meta Tag and apa Fungsinya : Meta Tag Title Bila berbicara SEO (Search Engine Optimization) tentunya tidak akan pernah habisnya begitu banyak tips seo serta trik - trik yang saat ini masih tetap tersembunyi dan bisa dipastikan semuanya tidak ada mutlak benar namun bisa dikatakan mendekati kebenaran. Pada kesempatan kali ini I ingin menshare sedikit tips seo blogger yang berhubunga dengan title atau bagian header blog tepatnya Setting Meta Tag Title khusus para pengguna platform BlogSpot agar SEO Friendly tentunya dimaksudkan agar supaya blog sobat ramah terhadap search engine sehingga dampak SERPs blog menjadi lebih baik dari sebelumnya. Bagi blogger yang belum mengetahui, title tag adalah judul blog atau nama blog anda yang berada pada bagian paling atas atau dapat juga dilihat pada bagian paling atas Browser, jadi apabila robots search engine meng_crawl sebuah website/ blog maka title tag terlebih dahulu yang akan dirayapi. Inilah kelemahan para pengguna mesin blogspot dimana setting meta tag title blogger harus dilakukan secara manual beda halnya pengguna platform lain seperti wordpress semuanya automatis, namun tak mengapa semua bisa diatasi dengan sentuhan manis para pakar seo blogger sebelumnya. Hasil yang didapat dari setting meta tag title pada blogspot agar seo friendly adalah judul posting/artikel akan muncul lebih dahulu kemudian di ikuti title tag halaman utama blog. Contoh Meta Tag Default dari Blogger : Contoh Meta Tag Pengganti (SEO friendly) : Nah di sini letak perbedaannya sob gimana beda jauhkan dengan Meta Tag Default dari Blogger. Meta Tag Description Meta tag description digunakan untuk memberikan gambaran umum mengenai isi dari halaman web Sobat. Ukurannya disarankan tidak lebih dari 200 karakter. Dan usahakan agar description ini bisa menjadi kalimat - kalimat yang letaknya di awal halaman web page yang bersangkutan. Contoh penulisan meta tag description adalah sebagai berikut : Beberapa search engine seperti Nothern Light dan Google tidak memakai meta tags sebagai deskripsi hasil pencariannya. Yang mereka gunakan adalah kalimat - kalimat awal yang ada pada halaman tersebut. Itulah sebabnya kenapa I sarankan agar sobat menggunakan isi dari meta tag description sebagai kalimat pembuka. Dan jika bagian paling awal dari web Sobat berupa sebuah menu, maka deskripsi yang ditampilkan pada hasil pencarian Northern Light adalah seperti ini : Home | Products and Service | Contact Us | About Us ...welcome to our online store, the best place on the web to... Meta Tag Keyword Meta tag keyword sangat penting keberadaannya, karena menentukan kata kunci apa yang bisa menemukan halaman web tersebut pada search engine. Sintak dasar dari meta tag keyword adalah sebagai berikut. Contoh Meta Tag keyword : atau ada juga yang menulis dengan pemisah tanda koma : Keduanya berfungsi sama dan tidak ada pengaruhnya pada search engine. Tujuan pemakaian tanda koma agar keyword-keyword tersebut lebih mudah dibaca. Yang perlu diperhatikan disini adalah jangan mengulang sebuah kata lebih dari 3 kali, karena akan dianggap spamming. Contoh pemakaian meta tag keyword yang salah adalah : Disini terlihat sekali bahwa kata "bali", diulang lebih dari 3 kali. Contoh berikut ini tidak akan dianggap spamming oleh search engine : Yang tak kalah pentingnya mengenai keyword adalah jangan membuat keyword yang tidak ada hubungannya dengan isi halaman web Sobat. Hal ini juga akan dianggap spamming. Misalkan web Sobat memuat informasi mengenai pariwisata di Bali, jangan sekali - kali menambahkan keyword "MP3" atau "Britney Spears" sebagai keyword hanya karena keyword - keyword ini merupakan keyword favorit di internet dan banyak dicari orang. Meta Tag Robots Tujuan utama penggunaan meta tag robots adalah untuk menentukan halaman web yang mana bisa di index oleh spider dan halaman web mana yang tidak. Tag ini sangat berguna sekali terutama jika seuatu website memakai frame untuk navigasinya. Tentunya kita tidak ingin menampilkan menu - menu dalam frame untuk dibaca oleh search engine. Format dasar dari meta tag robots adalah sebagai berikut : Contoh Meta Tag Robots : Sebagai contoh, jika sobat ingin agar spider membaca main page, dan menelusuri semua link yang ada maka tambahkan perintah berikut ini : Dengan perintah ini spider akan mengindex main page sobat dan menjadwalkan untuk mengindex halaman - halaman lain yang bisa dicari melalui hyperlink . Perintah berikut ini akan menginstruksikan agar spider tidak mengindex maupun menelusuri link yang ada pada suatu halaman web. Lalu bagaimana memasang Meta Tags di Blogger .... ? Untuk memasang Meta tag diBlogger caranya cukup mudah, Berikut step by step setting Meta Tag Title Blogspot SEO Friendly : 1. Login account di blogger/ blogspot 2. Masuk ke menu tata letak/ kustomisasi 3. Pilih Edit HTML 4. Back up data (Download Template Lengkap) untuk mencegah apabila terjadi kesalahan. 5. Cari Kode ini ! 6. Hapus kemudian Ganti dengan kode di bawah ini ! 7. Dan Untuk Meta Tag description, keywords, ROBOTS di taruh di bawah Meta Tag Title jadi hasilnya seperti ini : Ket : Gimana mudah bukan ...... Tinggal di coba aja di blog sobat sendiri .......Cara Pasang Meta Tag Di Blogger SEO Friendly gampang ko. cara membuat cursor bertabur bintang Kemarin ada salah satu pengunjung website ini yang menanyakan lewat chat with me tentang script cursor bertabur bintang (kak mo tanya script yang buat cursor bisa bertabur bintang apa ya kak)emang benar mempercantik atau memperindah tampilan Blog adalah naluri dari setiap blogger, dan jikalau tampilan blog seorang blogger telah mencapai tahap yang paling indah nantinya juga sang pemilik akan bangga terhadap blognya, hehehe jangan kaya tampilan blog el_JOE CREATIONS ini yang terlihat semprawut hehehe ... nah ... dalam postingan kali ini el_JOE CREATIONS akan menjawab dan menjelaskan tentang bagaimana Cara Membuat Cursor Bertabur Bintang. Cursor yang bertabur bintang adalah salah satu cara untuk mempercantik tampilan blog, karena saat cursor di geser kursor tersebut akan mengeluarkan bintang - bintang. Setelah melihat Contohnya Tertarik tidak sobat untuk membuatnya? jika tertarik silahkan ikuti tutorial Cara Membuat Cursor Bertabur Bintang di bawah ini untuk Membuat Cursor Bertabur Bintang. 1. Login ke blogger. 2. Klik Tatat Letak. 3. Klik Tambah Gadget. 4. Pilih HTML/javascript. 5. Pilih lalu Copy dan paste kode di bawah ini ke dalah kotakHTML/javascript tadi . Bintang Biru Bintang Hijau Bintang Merah Bintang Putih Bintang Ungu 6. Kalo sudah selesai jangan lupa klik SIMPAN... 7. Selanjutnya silahkan sobat lihat hasilnya ...Cara Membuat Cursor Bertabur Bintang semoga bermanfaat bagi anda . cara membuat animasi ketika loading page contohnya bisa lihat langsung disini pas loading page Cara membuatnya : Login blogger Rancangan, Edit Html, Cari kode ]]> Dan Simpan kode berikut diatasnya : /* --------------- jquery animation loading page ---------------------------------- */ .QOverlay { background-color: #000000; /*background color loading */ z-index: 9999; } .QLoader { background-color: #CCCCCC; /* color bar loading */ height: 1px; } .QAmt { color:#FF530D; /*loading Color number*/ font-size:50px; font-weight:bold; line-height:50px; height:50px; width:100px; margin:-60px 0 0 -50px; } dan simpan script berikut diatas kode : simpan template dan lihat hasilnya........ jangan lupa kalau sudah ada Script jquery, tidak perlu ditambahkan lagi script jQuery.... Selamat mencoba... :) Diposkan oleh Rizki Jabrig di 20.02 Kirimkan Ini lewat Email BlogThis! Berbagi ke Twitter Berbagi ke Facebook Tidak ada komentar: Poskan Komentar Cara Mendaftarkan Blog ke Google Mendaftarkan blog ke google adalah hal yang harus Anda lakukan jika Anda ingin google lebih cepat mengindex blog serta artikel yang Anda posting dalam blog. Selain itu dengan mendaftarkan blog yang kita milki ke google akan mempengaruhi dan meningkatkan jumlah pengunjung blog. Mengapa demikian? karena seperti yang telah saya sebutkan diatas tadi, ketika blog serta artikel yang anda posting cepat terindex oleh google apalagi masuk pada halaman utama google dan dicari orang banyak, maka secara otomatis pengunjung akan terus mambanjiri blog Anda, bahkan tidak mustahil blog Anda pun mendapatkan Pagerank dari google. Tidak hanya saya, para sesepuh dan master seo juga menyarankan agar web atau blog segera didaftarkan ke google. Mendaftarkan blog ke Google adalah salah satu cara untuk mengoptimasi blog, namun jika blog Anda hanya sekedar untuk pribadi, artinya hanya orang-orang tertentu saja yang dapat mengunjungi blog Anda atau hanya berisikan curhatan pribadi, mendaftarkan blog ke google tidaklah terlalu penting. Akan tetapi jika blog Anda ingin bersaing dan mendapatkan posisi di google dan ingin mendapatkan popularitas, hal ini adalah hal terpenting dan harus Anda lakukan. Untuk itu membuat blog dan memiliki blog tidaklah cukup tanpa pengoptimalisasian blog yang kita miliki. Disini saya akan memandu Anda bagaimansa cara mendaftarkan blog ke google webmaster seperti yang saya jelaskan berikut ini. Mendaftarkan Blog ke Google Webmaster 1. Silahkan kunjungi www.google.com/addurl 2. Pada kotak URL, silahkan masukkan alamat blog Anda, misal : http://super-bee.blogspot.com/ 3. Masukkan kode Capca lalu klik Sumbit Request Langkah selanjutnya mengambil kode verifikasi untuk dipasang keblog dari google webmaste tool, caranya perhatikan penjelasan berikut ini. 1. Buka google webmaster tools 2. Klik tab Manage site/Kelola situs 4. Tambahkan atau hapus pengguna 5. Disebelah kanan alamat email Anda terdapat opsi Owner site/pemilik, klik opsi tersebut, kemudian klik laman verifikasi pemilik. 6. Lalu pilih "Verifikasi dengan menggunakan metode yang berbeda" (opsi ini berada di atas) Nah, pada halaman ini terdapat 4 pilihan verifikasi diantaranya yaitu menggunakan : Tag HTML Google Analytic Penyedia nama domain Unggahan file HTML Pilih pada opsi pertama, yaitu "Tag HTML" Anda Akan diberikan Tag atau Kode verifikasi, seperti dibawah ini contoh: 7. Login / masuk pada blog anda ( blogger.com ), kemudian dalam halaman Template, pilih >> tab Edit Html. masukan dan simpan meta name verifikasi yang tadi kita copy dibawah atau setelah tag : (tag posisinya berada diatas atau jika bingung silahkan gunakan ctrl+f atau bisa juga menggunakan F3 untuk mempermudah pencarian kode tersebut) Setelah selesai klik tombol >> Save Template / Simpan Perubahan. 8. Kembali ke halaman google webmaster tool. kemudian klik tombol Verify, untuk mengkonfirmasi pendaftaran. 9. Jika berhasil ter Verifikasi maka akan ada pemberitahuan bahwa website atau blog anda telah terverifikasi, kemudian klik lanjutkan. Sebenarnya pada tahap awal pada page add url, ketika kita malakukan verifikasi website atau blog dan dinyatakan success atau sedang diproses, website atau blog Anda sudah terdaftar ke search engine google. Namun untuk memperkuat verifikasi kepemilikan sebuah situs maka pemasangan meta tag verifikasi ini sangat membantu, ini merupakan pernyataan dari google. Demikianlah tutorial cara mendaftarkan blog ke google yang dapat saya sampaikan, semoga membantu dan bermanfaat bagi Anda. Pastikan bahwa Anda terus mengunjungi blog Super-Bee ini, untuk mendapatkan update informasi seputar blogging khususnya blogger dan SEO serta informasi lainnya yang tentunya juga bermanfaat bagi Anda dan menambah wawasan. Sebelum Anda beranjak dari halaman ini saya sangat senang sekali jika Anda bersedia meluangkan sedikit waktu untuk men-sharedan memberikan G+1 agar sahabat Super-Bee juga dapat membacanya. cara memberi waktu dengan tokoh cartoon kesukaan anda anda mau jam di blog anda bersama dengan tokoh film animasi kesukaan anda langsung saja anda bisa memilih tokon mana saja yang anda sukai dan kalian gemari anda bisa langsung ke alamat link ini http://anime-widget.blogspot.com anda bisa memilih jam dengan tokoh cartoon faforit anda !. masuk ke blogger 2. masuk ke edit tata letak 3. lalu tambah gadged 4. masukan code yang anda pilih contohnya : 5. simpan template dan lihat hasilnya bagus dan lucu- lucu ka Cara membuatnya : Login blogger Rancangan, Edit Html, Cari kode ]]> Dan Simpan kode berikut diatasnya : .elastcx { float: left; position: relative; width: 170px; height: 200px; margin: 0 10px 5px 0; } .elastbx { top: 0; left: 0; position: absolute; line-height: 11px;width: 150px; height: 188px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHRQCcJs7mhF117BaHscdkGjZBuV5urEk4FLUSEt7_OOsi6PvraORsjTAUvvJwmRstrlwP722ef4gMIWDICrhyhYYsBZRw9b0jbWuiMrpLDIiyLqXhvxqyPe-HXRW6rL2-WgtQHe0m8Q5b/s1600/papers.jpg) repeat; border: 2px solid #999999; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-top-left-radius: 12px; border-bottom-right-radius: 12px; -moz-border-radius-topleft: 12px; -moz-border-radius-bottomright: 12px; -webkit-border-top-left-radius: 12px; -webkit-border-bottom-right-radius: 12px; overflow-x: hidden; font-family: trebuchet ms;font-size: 9px; padding: 8px 8px 15px; overflow: hidden;-o-transition: all 0.9s ease-out; -moz-transition: all 0.6s ease-out; -webkit-transition: all 0.9s ease-out; } .elastbx:hover { line-height: 15px;width: 500px; height: 300px; color: #000; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHRQCcJs7mhF117BaHscdkGjZBuV5urEk4FLUSEt7_OOsi6PvraORsjTAUvvJwmRstrlwP722ef4gMIWDICrhyhYYsBZRw9b0jbWuiMrpLDIiyLqXhvxqyPe-HXRW6rL2-WgtQHe0m8Q5b/s1600/papers.jpg) repeat; font-size: 14px;overflow: auto; } Simpan template......... Untuk memanggilnya pada posting, simpan kode berikut pada edit html posting kawan :

Masukkan teks nya disini kaw an.........Masukkan teks nya disini kawan.........Masukkan teks nya disini kawan.........Masukkan teks nya disini...

Dalam postingan kali ini saya Om deni Akan Membahas Cara Pasang Video Di Blog.HEHEHE...Cara pasang video di blog Cukup Mudah Yaitu tinggal kunjungi saja situs-situs penyedia video Misalnya Saja YOUTUBE Tinggal Copy paste saja kode Embed nyaMudahkan ? Atau Anda ingin posting video koleksi sendiri tinggal daftar saja di youtube . Klik menu signup Setelah itu isi form pendaftaran . setelah selesai Klik menu upload . tinggal upload video koleksi pribadi anda Dan copy paste kode embednya : Mudah Bukan Selasa, 29 Januari 2013 cara menambahkan widget feedcount Masih dari layanan FeedBurner, anda bisa mengetahui berapa kali postingan anda dibaca oleh user. Nama fasilitas ini adalah FeedCount. Berikut langkah-langkahnya: Masuk ke halaman Dashboard dari FeedBurner. Klik Publicize, lalu klik FeedCount. Pada halaman yang sama ditampikan pilihan Chicklet style. Pilih jenis yang sesuai selera anda. Anda juga bisa merubah warnanya. Aktifkan layanan tersebut dengan klik Activate. Lalu anda akan mendapatkan kode HTML. Anda bisa meng-copy kode tersebut untuk ditempelkan pada halaman blog anda. Atau bila tidak mau repot, pilih Use as a widget in Blogger, lalu klik Go! Setelah itu tampil halaman Add Page Element. Lalu klik Add Widget. Secara otomatis akan terdapat widget baru. Dan inilah hasilnya pada blog anda.

Kemudian cari kode jika ada dua letakkan kode dibawah ini pada yang paling atas(pertama)

Kemudian ganti tulisan cukuhnau dengan Judul blog anda saat memdaftar di freedburner!!dan Klik semoga Cara memasang sharing is sexy di blogspot dapat membantu anda. Diposkan oleh Rizki Jabrig di 21.20 Kirimkan Ini lewat Email BlogThis! Berbagi ke Twitter Berbagi ke Facebook Tidak ada komentar: Poskan Komentar

color:white; } .images_holder{ position:absolute; } .image_div { position:relative; overflow:hidden; width:50%; float:left; } .kiri{ } .kanan img{ margin-left: -100%; } Selanjutnya cari kode dan letakkan kode berikut tepat di atas kode tadi : simpan template.... Cara pemanggilannya, misalkan pada Edit Html Posting :

Simpan.......... Usahakan ukuran gambar keduanya sama, dan bila diatas kode sudah ada java script jquery nya

• 
• 
• 

/* --------------- Zoom efect with jquery ---------------------------------- */ ul.jzoom { float: left; list-style: none; margin: 0; padding: 10px; width: 360px; } ul.jzoom li { margin: 0; padding: 5px; float: left; position: relative; /* Set the absolute positioning base coordinate */ width: 110px; height: 110px; } ul.jzoom li img { width: 100px; height: 100px; /* Set the small jzoomnail size */ -ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */ border: 1px solid #ddd; padding: 5px; background: #f0f0f0; position: absolute; left: 0; top: 0; } ul.jzoom li img.hover { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYK2bEDIk6ytZ9tGamqyBT1H6J8UaQSUGj1vvd3h7rlAMjSlTS83LU69gZYD1T5lJjG84sBAOXKHXLMyq2Eh_GAut0pu1E6uTEV-hwMLtTBSyx2mNCCSt_zjgVX2wUK1alDrqOlDGAVaqN/) no-repeat center center; }