Skip to main content

Posts

Showing posts with the label widget

Cara Membuat Email Subscribe di Blog

Cara Membuat Email Subscribe di Blog - Hallo semua , selamat datang di blog saya , kali ini saya akan mengshare Cara Membuat Email Subscribe di Blog.   Email Subscribe adalah widget untuk mendapat update artikel terbaru dari blog dengan cara cukup masukan email anda kedalam widget  Email Subscribe , jika anda ingin memasang widget silahkan anda menyimak tutorial saya berikut ini Langka yang pertama adalah Blogger >> Template >> Edit HTML Langka yang kedua adalah copy kode berikut ini taruh di atas ]]></b:skin>  submit-email{text-align:left;margin:0;padding:0;} .submitbutton {background: #FF8000;border: 1px solid #F66303;font: 12px Oswald;color: #fff;height: 25px;padding:0 12px;margin: 0 0 0 5px;text-transform:uppercase;cursor: pointer;} .enteryouremail {background: #fff !important;border: 1px solid #d2d2d2;padding: 0px 7px;color: #a19999;font-size: 12px;height: 23px;width: 165px;margin: 0px;} .enteryouremail:focus{outline:none} Langka yang ke empa...

Cara Membuat SEO 100% di Chkme Dengan Memasang Deskripsi ,Keywords, Nama Pada Blog

Cara Membuat SEO 100% di Chkme Dengan Memasang Deskripsi ,Keywords, Nama Pada Blog  - Banyak orang belum tahu apa itu Keywords ? . Keywords adalah kata atau kalimat untuk mempermudah seseorang mencari di Search Engine . Misalnya jika anda memasang Kata " SEO " di Keywords, kemudian anda anda membuat Posting yang berjudul " Cara Membuat SEO 100% " maka jika ada orang yang mengetik kata SEO pasti Web anda akan muncul di  Search Engine. Sebelumnya SEO saya 95% setelah melekukan perbaikan  Website Keywords sekarang bisa 100% dan pengunjung Blog pun semakin meningkat. Nah dari pada penasaran yuk kita masuk ke langkah-langkahnya. Berikut adalah Cara Membuat SEO 100% di Chkme Dengan Memasang "Website Keywords" Pada Blog: 1. Silahkan masuk ke Blogger. 2. Lalu ke Template => Edit HTML. 3. Kemudian cari kode <b:include data='blog' name='all-head-content'/> , untuk mempermudah pencarian silahkan klik Ctrl + F . 4. Kemudian Copy kode di ...

Cara Membuat Widget Tombol "Join this site" Berkedap-kedip di Blog

Cara Membuat Widget Tombol "Join this site" Berkedap-kedip di Blog  - Selamat datang di KingShu Blog kali ini saya akan mengajarkan kepada anda  Cara Membuat Widget Tombol "Join this site" Berkedap-kedip di Blog. Apa itu  Join this site?   Join This Site merupakan fitur hampir sama dengan fitur berlangganan lewat email cuman bedanya pada fitur berlangganan lewat Email kita langsung dikirimkan artikel terbaru yang kita ikuti langsung ke Email. "Join this site" bawaan Blogger: Mungkin  Join this site bawaan yang dari Blog terlalu besar sehingga membuat pemandangan tidak enak. Nah saya punya solusinya untuk anda yaitu dengan memasang Tombol "Join this site", dengan memasang ini saya jamin tidak akan memenuhi tampilan Blog anda karena hanya memasang Tombolnya saja dan caranyapun cukup mudah kok. Contohnya seperti dibawah ini. Contoh seperti ini: Berikut adalah Cara Membuat Widget Tombol "Join this site" Berkedap-kedip di Blog: 1. Masuk ke...

Cara Membuat Sticky Widget Sidebar di Blog

Cara Membuat Sticky Widget Sidebar di Blog  - Kali ini saya akan mengajarkan kepada anda  Cara Membuat Sticky Widget Sidebar di Blog. Apa Itu  Sticky Widget Sidebar ?  Sticky Widget Sidebar  berarti membuat widget yang selalu menempel walaupun mouse kita scroll. Anda bisa melihat Contohnya seperti pada gambar gif di bawah ini. Cara ini sering di pergunakan untuk memperbanyak Like atau Follow FanPage, Twitter, Google+, dengan menggunakan cara ini 50% pengunjung Blog anda akan mengeLike dan Follow. Oke dari pada kelamaan yuk langsung saja ke langkah-langkahnya. Berikut adalah Cara Membuat Sticky Widget Sidebar di Blog: 1. Login ke Blogger 2. Klik Template > Edit HTML 3. Tambahkan kode CSS di bawah ini di atas ]]></b:skin> .sticky {   position:fixed;   top:10px;/* jarak dari atas*/   z-index: 100; } 4. Kemudian cari kode  </body> , dan letakan kode di bawah ini diatas kode  </body>. script type='text/jav...

Cara Mengatasi Pesan Formulir / Emoticon Yang Jatuh ke Bawah

Cara Mengatasi Pesan Formulir / Emoticon Yang Jatuh ke Bawah  - Kali ini saya akan mengajarkan kepada anda  Cara Mengatasi Pesan Formulir / Emoticon Yang Jatuh ke Bawah.  Masalah ini sangat sering muncul pada saat memasang  Pesan Formulir / Emoticon di Kotak Komentar dan saat akan mereply komentar pasti  Pesan Formulir / Emoticon Jatuh kebawah, sehingga merusak pemandangan anda. Contoh gambar diatas adalah menunjukan Emoticonnya Jatuh . Oke dari pada kelamaan yuk kita ke langkah-langkahnya aja >,< Cara Mengatasi Pesan Formulir / Emoticon Yang Jatuh ke Bawah: 1. Masuk dulu ke Blogger. 2. Pilih Template => Edit HTML. 3. Selanjutnya cari kode seperti dibawah ini: document.getElementById(domId).insertBefore(replybox, null); 4. Ganti dengan kode ini lalu simpan perubahan yang ada: document.getElementById(domId).insertBefore(replybox.parentNode, null);  5. Simpan dan lihat hasilnya...

Cara Membuat Artikel Terkait / Related Post Dibawah Postingan Blog

Cara Membuat Artikel Terkait / Related Post Dibawah Postingan Blog  - Kali ini saya akan mengajarkan kepada anda  Cara Membuat Artikel Terkait / Related Post Dibawah Postingan Blog. Apa kegunaanya  Artikel Terkait / Related Post? Untuk mempermudah pengunjung jika ingin mengetaui Artikel lain di blog anda dengan Label yang sama. Nah contohnya seperti gambar di bawah ini: Bagi anda yang tertarik untuk memasangnya, ikuti langkah-langkah berikut: 1. Login dulu di Blogger. 2. Klik Template => Edit HTML  3. Silahkan cari kode </head> . Untuk mempermudah pencarian tekan Ctrl + F.  4. Letakkan kode berikut diatas </head> <!--Related Posts with thumbnails Start--> <!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'> <style type='text/css'> #related-posts { float:center; height:100%; min-height:100%; padding-top:10px; padding-left:15px; padding-right:15px; } #related-posts h2{ font-size: 1.3em; color: bla...

Cara Memasang Widget Social Media di Blog

Cara Memasang Widget Social Media di Blog  - Kali ini saya akan mengajarkan kepada anda  Cara Memasang Widget Social Media di Blog. Anda bisa lihat contoh gambar dibawah ini: Keuntungan Widget ini adalah untuk mempermudah pengunjung jika ingin memasuki situs Facebook, Twitter, Youtube, dll. Cara masangnya cukup mudah kok hanya copas script aja. Oke dari pada penasar yuk langsung ke TKP aja. Langkah-langkah: 1. Login ke Blogger dulu. 2. Pilih Tata Letak / Layout 3. Add Gadget 4. Cari Gadget HTML/Java Script 5. Copy code dibawah ini Paste di tempat yang telah tersedia. <div class='social'> <a href=' your-link-here ' class='tooltip' title='facebook'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGXHnCfxmBHpKNT8ueYDTTpsE_CP6stSpolrUIbNKqRrCDb_LQK5uEbSfx1_3nDsMH_8xlutEzy3G21PTUE5vcR4dvhi7S07hj9W5BR5PYUgZA9BFuQOwmFOnCSGFAIJ_koP483OVy8Lg/s1600/facebook.png"/></a> <a href='/feeds/posts/default'...

Cara Membuat Sitemap/Daftar Isi Dengan Urutan Label di Blog

Cara Membuat Sitemap/Daftar Isi Dengan Urutan Label di Blog  - Kali ini saya akan mengajarkan kepada anda  Cara Membuat Sitemap/Daftar Isi Dengan Label di Blog. Sitemap/Daftar Isi merupakan suatu halaman yang berfungsi untuk menampilkan semua isi artikel suatu Blog. Caranya pun juga bermacam-macam, ada yang berdasarkan urutan tanggal, ada yang berdasarkan urutan Label. Nah kalai ini saya akan mengajarkanya berdasarkan urutan Lebel. Caranya tidak susah kok gan cuma Copas Script aja. Berikut langkah-langkahnya: Silahkan Login Blogger dulu. Pilih Laman -> Laman Baru -> Laman Kosong Lalu ganti metode postingannya menjadi HTML.  Masukan judul dulu misalnya " SITEMAP " Tambahkan kode berikut:  <style> #tabbed-toc {   margin:0 auto;   background-color:#8A94F0;   -webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);   -moz-box-shadow:0 1px 3px rgba(0,0,0,.4);   box-shadow:0 1px 3px rgba(0,0,0,.4);   overflow:hidden;   positi...

Cara Mematikan ( Disable ) Tombol Ctrl+U, Ctrl+A, Ctrl+C dan Klik Kanan di Blog

Cara Mematikan ( Disable ) Tombol Ctrl+U, Ctrl+A, Ctrl+C dan Klik Kanan di Blog  - Kali ini saya akan mengajarkan  Cara Mematikan ( Disable ) Tombol Ctrl+U, Ctrl+A, Ctrl+C dan Klik Kanan di Blog. Untuk menghindari Copy Paste Artikel, anda bisa menggunakan cara ini di blog anda. Caranya pun cukup mudah kok, kalau anda berminat silahkan ikuti langkah dibawah ini. Langkah-langkah: 1. Masuk ke Blogger dulu. 2. Pergi ke Template - Edit HTML 3. Cari code <body> , Tekan Ctrl + F untuk mempermudah pencarian. 4. Ganti code  <body>  dengan:  <body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'> 5. Save, dan lihat hasilnya. Tambahan:  Jika hanya ingin mematikan Klik Kanan pada Blog, silahkan masukan code ini:  <body  oncontextmenu='return false;'> Jika ingin mematikan  Ctrl + A dan Ctrl + U , silahkan masukan code ini:  <body onkeydown='return false;'> Sekian dulu Cara ...

Cara Memasang Widget Jam di Blog

Cara Memasang Widget Jam di Blog  - Kali ini saya akan mengajarkan anda  Cara Memasang Widget Jam di Blog.  Jam ini selain berfungsi untuk menghias Blog, bisa juga untuk mengingatkan atau menunjukkan waktu pada pengunjung. Sebenarnya memasang widget jam cukup memberatkan blog apabila kita sudah memasang banyak widget di blog kita, tetapi kalau masih sedikit tidak masalah kok.           Bagaimana anda tertarik untuk mencobanya? Cara memasangnya cukup mudah kok gan tinggal Copy Paste aja. Kalau berminat berikut caranya: Langkah Ke 1: Silahkan masuk dulu ke  SINI  atau  SINI Pilih model jam yang anda inginkan, misalkan jam berbentuk bola lalu klik � View HTML Tag � yang berada tepat pada gambar jam yang di pilih tersebut.  Kemudian Copy Code Widget yang anda disana. Langkah Ke 2: Silahkan login dulu di Blogger. Kemudian klik Tata Letak => Tambah Gadget => Pilih HTML/Java Script. Selanjutnya Paste Code yang tadi. ...

Cara Membuat Racent Comments Dengan Avatar Di Blog

Cara Membuat Racent Comments Dengan Avatar Di Blog  - Kali ini saya akan mengajarkan kepada anda  Cara Membuat Racent Comments Dengan Avatar Di Blog. Dengan menggunakan Recent Commants pengunjung bisa tau kemontar apa saja yang di berikan pada posting kita, dan anda juga bisa memantau siapa yang berkomentar di blog anda tanpa cek email. Oke kita langsung saja ke langkah-langkahnya untuk jelasnya. 1. Silahkan login di Blogger 2. Lalu klik Tata Letak => HTML/JavaScript. Kemudian Copy code dibawah ini: <style type="text/css" scoped>  ul.kangismet_recent{list-style:none;margin:0;padding:0;}  .kangismet_recent li{background:none !important;margin:0 0 6px !important;padding:3px   !important;display:block;clear:both;overflow:hidden;list-style:none; border: 1px solid transparent; border-radius:9px; max-height: 100px;}  .kangismet_recent li:hover{border: 1px solid #ddd;} .kangismet_recent a {text-decoration:none;} .avatarImage{padding:3px;background:#fefe...

Cara Membuat Widget Berlangganan Feedburner di Blog

Cara Membuat Widget Berlangganan Feedburner di Blog  - Kali ini saya akan mengajarkan kepada anda  Cara Membuat Widget Berlangganan Feedburner di Blog. Feedburner adalah layanan umpan/feeds web dari Google. Penggunaan layanan Feedburner ini bermanfaat sekali untuk SEO pada Web/Blog yang kita miliki. Selain itu dengan Feedburner ini kita juga dapat memperoleh lebih banyak pengunjung di Web/Blog kita. Merekapun dapat berlangganan artikel melalui Email, jadi jika kita membuat artikel baru artikel secara otomatis akan dikirim ke alamat email yang telah terdaftar di Feedburner. Feedburner sebenarnya sudah ada di Daftar Widget TataLetak Blogger tetapi kurang menarik pengunjung untuk berlangganan artikel. Gambar Widget yang ada di Blogger: Berikut adalah langkah-langkah Cara Membuat Widget Berlangganan Feedburner di Blog: 1. Login ke Blogger . 2. Masuk ke Template dan klik Edit HTML . 3. Carilah kode ]]></b:skin>  . Untuk mempermudah pencarian tekan Ctrl+F dan l...

Cara Memasang Yahoo Messenger ( YM ) di Blog

Cara Memasang Yahoo Messenger ( YM ) di Blog  - Kali ini saya akan mengajarkan kepada anda  Cara Memasang Yahoo Messenger ( YM ) di Blog.  Untuk membuat YM Status Blog yang kita harus lakukan adalah memasukkan alamat URL YM status pada Widget Blog. Cara membuatnya hampir sama dengan saat kita memasang banner, iklan, dll pada Widget Blog. Untuk memasang  Yahoo Messenger ( YM ) di Blog berikut caranya: Perhatikan baik-baik: 1. Silahkan Login dulu di Blogger. 2. Klik Tata Letak >> Tambah Gadget >> Pilih HTML/Java Script . 3. Masukkan Code Berikut: <a href="ymsgr:sendIM? Id_yahoo_anda "> <img src="http://opi.yahoo.com/online?u= Id_yahoo_anda &amp;m=g&amp; t=14 &amp;l=us"/> </a> 4. Ubah tulisan yang berwarna Merah dengan Id Yahoo anda, Sedangkan tulisan yang berwarna Biru ganti dengan Code gambar Berikut untuk memilih Icon Online / Offline yang akan tampil pada blog anda: 5. Kalau sudah anda Simpan. Kemudian lihat has...

Cara Memasang Iklan Melayang Disamping Kiri dan Kanan Blog

Cara Memasang Iklan Melayang Disamping Kiri dan Kanan Blog  - Kali ini saya akan mengajarkan kepada anda  Cara Memasang Iklan Melayang Disamping Kiri dan Kanan Blog. Menurut saya memasang iklan melayang adalah trik yang strategis, karena terlihat setiap saat dan pengunjungpun dapat mengekliknya sesekali sehingga pendapatan kita bertambah. Oleh sebab itu kita langsung ke caranya aja gan biar anda dapat merasakanya di blog anda. Berikut adalah langkah-langkahnya: 1. Silahkan login dulu di Blogger 2. Klik ' Tata Letak ' => Lalu ' Tambahkan Gadget ' => Pilih ' HTML/JavaScript '.  3. Kemudan Copy Script dibawah ini: <!-- floating ads kingshublog.blogspot.com --> <script type='text/javascript'> $(document).ready(function() { $('img#closed').click(function(){ $('#btm_banner').hide(90); }); }); </script> <script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="...