Showing posts with label Widget. Show all posts
Showing posts with label Widget. Show all posts

7 February 2014

Mengganti Kursor Blog Dengan Animasi Gambar dan Lain-lain

By Unknown | At 13:50 | Label : | 0 Comments
SEO BLADE® - Selamat sore sobat blogger dimana pun anda berada, pada kesempatan kali ini saya akan share bagaimana cara Mengganti Kursor Blog Dengan Animasi Gambar. Mungkin sebagian dari blogger professional sudah mengetahui trick ini tidak ada salahnya jika saya coba share Tutorial ini karena masih banyak pengguna baru blogger ya ng belum mengetahui cara mengganti cursor pada blog dengan animasi gambar, coba lihat dulu yang satu ini Klik DEMO.


Mengganti Kursor Blog Dengan Animasi Gambar dan Lain-lain

Oke simak saja langkah-langkah untuk mengganti  cursor pada blogger :
  1. Masuk atau login ke blogger sobat.
  2. Lalu pilih Tata Letak.
  3. Selanjutnya Tambahkan Gadget.
  4. Pilih HTML/JavaScript.
  5. Lalu paste salah satu Code Html cursor 
Untuk memilih Kursor dan kode Kursor silahkan klik disini dan copy kode Html kursor dan pastekan ke widget HTML/JavaScript,Selesai silahkan cek blog anda dan lihat hasilnya .Semoga Bermanfaat.

21 February 2013

Cara Pasang Widget Subscribe Keren di Blog

By Unknown | At 02:51 | Label : | 0 Comments
Assalamu alaikum...!!! Sobat sudah tentu tau apa itu subscribers! Yup betul sekali... Subscribers adalah orang yang berlangganan kepada kita, baik itu berlangganan blogger, facebook atau yang lainnya. Nah untuk memudahkan visitors berlangganan yang dalam hal ini mengenai artikel-artikel terbaru blog atau untuk memudahkan dalam menghubungi pemilik blog, haruslah ada sebuah widget yang mudah dilihat dan diakses dengan cepat baik itu subscribe melalui email, google plus, feeds burner dan lain sebagainya.

Dan sebelum pembahasan tentang pembuatan widget subscribe keren ini, berikut gambar contoh widget tersebut:

Membuat Widget Subscribe Lengkap dan Keren

Well, bagaimana sobat, keren bukan...??? Jika sobat tertarik memasang widget subscribe lengkap dan keren ini, perhatikan langkah-langkahnya berikut ini :
  • Login ke blogger
  • Pilih Tata Letak » Add Gadget » HTML/Javascript
  • Copy paste kode di bawah ini dan masukkan ke dalam gadget yang baru sobat buat
<style type='text/css'> .social a{color: #000000;font: bold 12px Calibri,Helvetica, Arial, sans-serif;text-decoration: none;padding: 3px 5px 2px;position: relative;display: inline-block;text-shadow: 0 1px 0 #fff;-webkit-transition: border-color .218s;-moz-transition: border .218s;-o-transition: border-color .218s;transition: border-color .218s; background: #f3f3f3;border: solid 1px #dcdcdc;} .social a:hover {color: #333;border-color: #999;-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);} .social a:active{color:#000;border-color: #444;} .sub-box{width:300px;background:();padding: 2px 5px 7px 2px;font-family:Droid Sans,Helvetica,Arial;} .emailform{margin:16px 0 0; display:block; clear:both;} .emailtext{margin:10px 0 0;background:#f6f6f6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2UCD4BP2Wpb2ajtbkfS-NYj3T3sjXq4QcEx9jKymZAmqwzs9gz9hGF7Mq3M2aV0_SsZRWrGhj5VhCNLZvrP7f0isKYoSbRdilpyz8CgiV7tXflVh9lm4pszlD-V4oWohCD3Gc34JFQmU/s1600/email.png) no-repeat scroll 4px center;padding:6px 5px 6px 34px;color:#444;font-weight:bold; text-decoration:none;border:1px solid #ccc;width:175px;} .emailtext:hover{background: #f3f3f3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2UCD4BP2Wpb2ajtbkfS-NYj3T3sjXq4QcEx9jKymZAmqwzs9gz9hGF7Mq3M2aV0_SsZRWrGhj5VhCNLZvrP7f0isKYoSbRdilpyz8CgiV7tXflVh9lm4pszlD-V4oWohCD3Gc34JFQmU/s1600/email.png) no-repeat scroll 4px center;border-color:#999;} .emailtext:focus{outline:none;} .sub-button{color:#eee;font-weight:bold; text-decoration:none;padding:5px 10px; border:1px solid #666;cursor:pointer;background:#999} .sub-button:hover{color:#444;border-color: #999;background:#ccc} </style> <center><div class="social" style="padding: 0pt 0pt 0pt 5px;"> <table><tbody><tr><td> <a href='http://feedburner.google.com/fb/a/mailverify?uri=lostsectorblog' target='_blank'><img alt='newsletters' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg82YCE_q7ZZOpwVb_5L4jMIVnagTlAREK3scXsa4ZIKUope7FXwqY8hl0rEaNkyJZbU1VpeG_TRtMJUr0FKvAu7DBiX7soao3WdG6cW5aSR5mUyxeum9rkf_wsxTmE-Cn51VtBwkNPykM/s1600/mail.png" border="0" title='newsletters'/></a> </td> <td> <a href='http://feeds.feedburner.com/lostsectorblog' target='_blank'><img alt='rss' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgejjzwjDvWg5xLJxnUYfmvK5lLr0_RRaosQS2YD4H_5k6YJj6pk8x-V8I5K2RieFyjPDAas7rTY_jnTsMcCaDqaLH2xSpFbDi5CPiGCf02xyILtXfW8PU_a_b1CBpVlroDukCFnhouZ-E/s1600/rss.png" border="0" title='rss'/></a> </td> <td> <a href='http://twitter.com/lostsector' target='_blank'><img alt='twitter' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiAgLLaefb-WODkAdfjghVx2HswC96SYO2eiEbaacAXr7AdSXq5V8ZKTGSoes2AFa1FlxiGNXRP75l_vy4AIkHyeSAilv_KxlMV7gCZh3cETmMkn1tyr0rBOG7SAWSrhitEHO7zXXs8m0/s1600/twitter.png" border="0" title='twitter'/></a> </td> <td> <a href='http://www.facebook.com/muh.alfath' target='_blank'><img alt='facebook' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9Mx_TyhfzRiHR_HIJlaCAZ5HkBmFOigBM0UMnlAGmADhv4_vaUfOj5WIfQ3YG_ADxEAI50eE6pd6CJby-2GSTenXJM8gPRQqyOvULLvaJfUcwyXMbKgMTBvl78NJB4gt-brxlj_IdqfQ/s1600/facebook.png" border="0" title='facebook'/></a> </td> <td> <a href='https://plus.google.com/u/0/108801075003252823592/' target='_blank'><img alt=' youtube' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKY79zqTQu2aZxR881JNbmVt2bN8AYxiOPn-Rl3eYQU7Nsblar8Lnamj36L3yNz8aBGwoZyqSbSmGdjB46aVhpoTL0h38Eg8g97lHvBMzUQWYwd0h7UCAlDly4MlxhHMhva-sosxxQIgj0/s1600/g+.PNG" border="0" title='google+'/></a> </td></tr></tbody></table> </div></center> <center> <div class='sub-box'> <div style="text-align: left; display: inline-block;"> <h8 style="display:block;font-family:'calibri';font-size:15px;font-weight:bold;">Subscribe via RSS Feed</h8> <small><i>If you enjoyed this article just <a href='http://feeds.feedburner.com/lostsectorblog' target='_blank' title='feedburner'> <b>click here</b></a>, or subscribe to receive more great content just like it.</i></small> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=lostsectorblog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input type="hidden" value="maskolis" name="uri"/> <input type="hidden" name="loc" value="fr_FR" /> <input type="text" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" value="Enter your email..." name="email" class="emailtext" /> <input type="submit" class="sub-button" value="Enter" title='' alt='' /> </form></div></div> </center>


Keterangan : Warna Merah, silahkan sobat ganti dengan username yang sobat punya
  • Simpan dan lihat hasilnya...!!!
Oh ya, widget di atas merupakan widget yang dibuat atau dimodifikasi oleh maskolis yang beberapa waktu yang lalu sempat saya baca di websitenya dan mungkin sobat bertanya kenapa saya harus menyinggung soal pembuat widget ini? Saya sengaja menyinggung soal ini karena ini merupakan bentuk apresiasi saya terhadap beliau. Jika sobat berminat, silahkan sobat berkunjung ke tempat beliau (http://maskolis.com/).

Semoga arikel ini bermanfaat buat sobat. Salam bloggers...!!!

20 February 2013

Download 5 Template Blog SEO Terbaru

By Unknown | At 13:47 | Label : | 0 Comments
       Salah satu keunggulan dari platform blog berbasis Blogger atau Blogspot adalah kemudahan dalam mengganti template, serta ketersediaan template gratis yang semakin bervariasi. Kegunaan template kini bukan hanya sebagai  penunjang "penampilan" blog, oleh sebagian blogger (istilah bagi pemilik blog) template itu sendiri bisa menjadi penunjang dalah kemudahan blog mereka diterima oleh search engine atau mesin pencari.

Berikut adalah 5 template blogspot keren dan juga SEO friendly yang bisa sobat gunakan.

1. Template Mbah Qopet V2


mbah-qopet-v2-template


DOWNLOAD     |    DEMO
Fitur-fitur template ini:
  • Tag Heading
  • Meta Tag
  • Posting 2 kolom pada halaman depan
  • Sidebar berada di sebelah kanan
  • Footer 4 kolom
  • Menu breadcrumbs
  • Kotak Pencarian
  • Related Post
  • Widget share social media
  • Auto readmore (non JavaScript)
  • Threaded Comment

2. Simple Faster V2
simple-faster-blogger-template-mas-sugeng


DOWNLOAD     |    DEMO
Fitur-fitur template ini:
  • Tag heading yang dinamis
  • Breadcrumbs navigation disertai Rich Snippet
  • Auto readmore
  • Related Post dengan gambar
  • Navigasi menu halaman disertai angka
  • Tombol ShareThis pada setiap post
  • Banner ukuran 720x90 px di sebelah kanan judul blog
  • Threaded Comment

3. Thesis SEO Blogspot Template
thesis-SEO-blogspot-template

DOWNLOAD     |    DEMO
Fitur-fitur template ini:
  • Ramah Pengunjung
  • Dinamic Heading
  • Dinamic Meta Tag Description dan Keyword otomatis
  • Autoreadmore
  • Quick Link Comment
  • Konsep minimalis, simple, dan loading cepat
  • Navigasi mudah

4. B-SEO Versi 5
B-SEO-blogspot-blogger-template

DOWNLOAD     |    DEMO
Fitur-fitur template ini:
  • Searchbox
  • Adsense ready
  • Tiap halaman terdiri dari 3 kolom (sidebar di kiri, posting di tengah, dan sidebar di kanan)
  • Social Share pada setiap post
  • Bagian Footer terdiri dari 3 kolom
  • Loading cukup cepat

5. Johny Kenthir Banget
johny-kenthir-banget-template

DOWNLOAD     |    DEMO
Fitur-fitur template ini:
  • Tab View Menu
  • Content Slider otomatis
  • Magazine Style (cocok untuk blog berita)
  • Recent Post per kategori
  • Tampilan tidak terlalu simple (bahkan terbilang rumit) namun tetap fast loading
  • Sidebar di sebelah kanan pada halaman posting

Demikianlah posting kali ini dari saya mengenai 5 Template Blogspot SEO Friendly Paling Direkomendasikan. Semoga bermanfaat bagi teman-teman blogger sekalian.

Favicon Blog

By Unknown | At 06:38 | Label : | 0 Comments

    Apakah anda masih menggunakan favicon bawaan dari blogger? ataukah anda ingin mengganti favicon tapi agak ribet harus mengecilkan ukuran image nya padahal anda belum mempunyai photoshop atau photo editor? belum lagi kalau favicon nya nggak sesuai harus ngulang lagi dari awal mmmmmm capek dech! hari gini masih menggunakan cara yang ribet ya nggak ni'mat. Atau mungkin anda ingin menggunakan favicon yang bisa bergoyang layaknya goyang patah-patah atau goyang ngebor yang hot? Upst.... jadi ngomongin goyang dombret sgala :D
    Kembali lagi masalah favicon bahwa sebenarnya favicon bisa di bilang penting gak penting karna begitu kecil ukurane dan jarang ada yang merhatiin tapi kalau masih menggunakan favicon bawaan terkesan gimanaaaaaaaaaaaaaaaa gitu :D solusinya kalau pengen mengganti favicons tapi gakmau ribet bahkan dapat favicons yang keren ( bisa berkedip kedip dan bergoyang-goyang bahkan ada juga yang logo telapak tangan melambai lambai ) maka anda silahkan pergi bawa ransel dan jangan lupa bawa persediaan makanan dan minuman ke alamat ini :



Jika anda ingin menggunakan favicons yang bisa bergerak bawaan dari site tersebut maka anda tinggal pilih ANIMATED FAVICON tapi kalau semuanya tidak ada yang menarik untuk anda, maka anda bisa klik USER GALERY ada ribuan favicons menarik disitu favicons biasa ataupun yang bisa berkedip ada semua dan keren keren, jika sudah ketemu dengan calon jodoh anda silahkan klik html code nya dan silahkan copy lalu pasang di blog kalian dengan cara seperti biasa :

- buka dasboard
- template
- edit HTML
- lanjutkan
- paste kode favicons yang sudah anda copy di atas kode < b:skin > < !  [CDATA [ / *
- simpan template

Apabila belum berhasil atau logonya belum bergerak atau berkedip, coba hapus semua history dan cookies di komputer anda. Karena sebagian user pernah mengalami itu dan hampir putus asa karena semula dikira gagal
Upst lupa... di situ anda juga bisa mengecilkan foto untuk di jadikan logo mau di rubah ke gif, png, jpg, bmp, dan ico dengan cara klik HOSTING AND GENERATOR lalu pilih PIC TO ICON CONVERTER

Terima kasih
Posting Lama ►
 

Statistik Blog

Copyright © 2012-2017. SEO BLADE® - All Rights Reserved B-Seo Versi 5 by BLADE®