Skip to main content

Posts

Showing posts with the label Tutorial Blog

Cara Membuat Google Custom Search Engine (CSE)

Setelah beberapa minggu Saya Gak posting artikel Allhamdullilah pagi ini ada sedikit waktu buat menulis sedikit pengalaman saya Tentang " Cara Membuat Google Custom Search Engine" ( CSE ). Ok sob langsung ke tutorialnya:  Langkah pertama yang harus sobat lakukan adalah silahkan log-in terlebih dahulu ke akun gmail atau blogger sobat,  setelah  log-in silahkan klik link ini http://www.google.com/cse lalu sobat akan dibawa pada halaman seperti gambar dibawah ini ,Lalu klik tulisan "Buat Mesin Telusur" Pada langkah yang kedua silahkan isikan Url blog maupun situs sobat pada "Situs yang akan ditelususri" ubah opsi bahasa ke bahasa indonesia dan tergantung bahasa apa yang mau anda gunakan lalu isikan juga nama mesin telusurnya. jika sudah selesai klik "Buat" / Create'' Pada tahap yang ketiga pastikan bahwa anda selamat! anda telah berhasil membuat mesin telususr khusus, untuk selanjutnya silahkan klik "Dapatkan ...

Cara Mempercantik Tampilan Blog

Pagi sobat setelah beberapa hari ga posting artikel Akhirnya pagi ini saya ada waktu luang untuk menulis sedikit tips  tentang " Cara Mempercantik Tampilan Blog "  Memiliki tampilan blog yang lebih cantik dan menarik untuk di lihat Merupakan salah satu tips membuat pengunjung betah berlama-lama berada di blog kita,   Saat ini kebutuhan akan blog banyak di gunakan untuk beberapa orang sebagai gudang nformasi yang ada. Dengan informasi yang ada ini akan membuat anda dengan mudah mendaptkan apa yang anda inginkan. Tidak heran jika dengan adanya blog membuat anda dengan mudah untuk mendapatkan banyak pengunjung. Cara Mempercantik Blog Berikut ini beberapa Cara Mempercantik Blog yang dapat anda gunakan dan pakai sendiri untuk kebutuhan anda. di antaranya: Pilih dan gunakan Template: Dengan banyaknya pilihan akan template yang sederhana namun elegant dan memiliki navigasi yang baik dapat anda pilih. Selain itu, dengan adanya tema dari blog yang di gunakan membuat tam...

Modifikasi Tampilan Widget Followers Valid HTML5

Modifikasi Tampilan Widget Followers Menambahkan widget Followers  (Google Friend Connect) akan memberikan keuntungan terhadap blog kita, diantara keuntungannya adalah Link artikel kita akan muncul pada dashboard pengikut / followers. Akan tetapi terkadang tampilan widget ini tidak sesuai dengan apa yang kita inginkan. Dengan melakukan hal ini, bukan saja merubah tampilan widget followers, tapi juga akan membuat blog valid HTML5. Syaratnya, setelah semua langkah selesai, hapus kode <b:include name='quickedit'/> Dibawah ini screenshoot hasil modifikasi dan valid HTML5. Apabila sobat ingin membuat tampilan berbeda, atau ingin membuat widget valid HTM5, silahkan ikuti dengan cermat langkah-langkah berikut ini. Langkah 1 : Tambahkan widget Followers (lewati langkah ini kalau sudah ada) Untuk menambahkannya klik Tata Letak -> Tambahkan Gadget -> Gadget Lainnya -> Pengikut Langkah 2 : Buka blog sobat. Klik liat sumber laman / view page source Langk...

Cara Menambahkan Google Plus Comments Di Blog

Setelah memperbaharui editor HTML " Tempalte Blogger ", nampaknya Google telah siap merilis banyak perangkat tambahan untuk menjadi yang terdepan, dan kali ini hadir dengan Google+ Comments untuk blogger. Suatu sistem komentar yang berbeda, tidak saja dapat membuat ikatan yang lebih kuat dengan pembaca sobat tetapi juga diharapkan dapat meningkatkan keterlibatan pengguna G+. Bagaimana hal ini dapat bekerja? Lanjutkan membaca, saya akan menunjukkan bagaimana kinerja sistem Google+ Comments ini di blogger Apa Saja Fitur Sistem Google+ Comments? Baiklah sekarang kita akan membahas setiap aspek dari Google+ Comments, agar para blogger dapat memutuskan apakah tetap setia dengan sistem threaded comments atau mereka harus beralih pada sistem komentar baru saat ini. Antarmuka Interaktif: Komentar tampil dalam urutan yang sistematis berdasarkan tanggal diterbitkan sehingga pengguna dapat menjawab atau memberikan plus 1 dengan mudah. Sobat dapat mengontrol komentar teman-teman s...

Cara Membuat Keyword Dengan Tepat and SEO Friendly

Selamat Sore Sobat Pada Kesempatan Kali ini saya menulis Artikel Cara Membuat keyword dengan tepat dan Seo Friendly Membuat Keyword di dalam sebuah Meta Tag dengan tepat adalah hal yang sangat penting dalam komponen sebuah blog. Bagaimana tidak...? Apabila keyword kita tersusun dengan rapih dan benar maka spider dari setiap search engine akan menilai dan mengindex blog kita lebih baik dibandingkan dengan susunan keyword yang tidak teratur dan tidak terarah. Secara umum, Meta Tag pada sebuah keyword dapat dituliskan seperti berikut ini : sedangkan ini adalah contoh keyword yang saya gunakan : <meta content='Tutorial Blogger,SEO Friendly,Webmaster Tools,SEO Optimization,Template Blog,Widget Blog, Gadget Blogger,Tips and Trick' name='keywords'/> Dari keyword diatas, tentu Sobat telah melihat jalinan dan kaitan yang erat satu sama lain. Berikut ini adalah beberapa syarat keyword yang SERP Meta Tag sangat Baik terhadap SEO :  Keyword harus terdiri dari ...

Cara Membuat Label Kotak Yang Keren Diblog

Widget label - bisa menjadi sebuah kebutuhan para blogger untuk mempermudah para pengunjungnya dalam navigasi dan mencari suatu kategori yang ada pada blog mereka. Widget label yang disediakan oleh blogger ada 2 jenis. Ada yang berbentuk daftar (list) ada juga yang berbentuk Cloud. Pada bentuk list, kategori (label) akan berderet seperti list biasa. Namun, pada bentuk cloud, label akan berbentuk barisan kata yang dimana kata kategori yang lebih banyak akan lebih besar. seperti contoh gambar diatas. Oke langsung aja ke CSS nya CSS Letakkan kode berikut tepat di atas ]]></b:skin .label-size { display: block; float: left; background: #555 !important; margin: 0 1px 1px 0; color: #eee; font-size: 100%; } .label-size:hover, .label-size a:hover, .label-size span:hover{background:#3384ff;} .label-size a, .label-size span { display: inline-block; color: #fff; padding: 4px 4px; }  Kemudian Simpan Template, dan buat sebuah widget label berbentuk cloud. Lihat hasilny...

Cara Menghilangkan Tulisan Di Berdayakan Oleh Blogger Di Blog

Selamat Sore Sobat " Dunia Blogger " Pada Kesempatan Sore Hari ini Saya Akan Berbagi Tips Tentang Menghilangkan Tulisan " Diberdayakan Oleh Blogger " atau "Powered by Blogger"  Di Blog. Sebenarnya ada beberapa cara menghapus tulisan diberdayakan oleh Blogger atau Powered by Blogger, namun di sini saya akan share 2 cara, dengan menggunakan kode CSS dan menghapus permanen.Caranya cukup gampang. Cara ke 1. Menyembunyikan dengan kode CSS Untuk menyembunyikan tulisan diberdayakan oleh Blogger dengan kode CSS, silahkan ikuti langkah-langkah nyadi bawah ini : 1. Sobat harus Login dululah hehehe :D 2. Trus ke Template -> Klik Edit HTML 3. Cari kode ]]></b:skin , atau tekan Ctrl+f pada keyboard untuk memudahkan pencarian 4. Copy kode dibawah ini dan letakkan tepat diatas kode ]]></b:skin : #Attribution1 {     height:0px;    visibility:hidden;    display:none    } 5. Klik Simpan Template... Dengan me...

Cara Membuat Form Contact Us Di Blog

Terkadang seorang blogger sangatlah membutuhkan Kritik/saran dari pembaca nya, walaupun mereka sudah bisa menyampaikannya lewat kotak komentar,  mungkin melalui email pribadi juga sangat di butuhkan oleh si pembaca tadi, siapa tau ada yang ingin menawarkan kerja sama yang tidak ingin orang lain tau soal tersebut. Oke, langsung saja ya sob. Form Contact Us seperti apa yang saya maksud??       langsung saja Sobat buka halaman ini >> http://www.foxyform.com/ Setelah terbuka, kamu lihat menu yang ada di samping kanan atau bisa Sobat lihat di gambar di bawah ini : Dari gambar di atas pasti Sobat sudah mengerti cara membuatnya kan?? Sobat hanya tinggal mencentang menu apa saja yang ingin Sobat tampilkan di kotak Form nya nanti, setelah itu lihat menu yang agak di bawah nya lagi, atau lihat gambar di bawah ini : Dari gambar di atas tentu Sobat sudah tahu maksud nya apa, yaitu masukkan email tujuan dari pesan yang akan di kirimkan oleh si pemb...

Cara Membuat Kotak Iklan Di Blog 125x125

    Pagi Sobat Pada kesempatan ini saya mau berbagi tentang cara Membuat kotak iklan berukuran 125 x 125 Nah langsung saja ke tutorialnya dibawah ini: Pertama sobat 1. Masuk ke Blogger 2. Dashboard >> Tata Letak >> Tambah Gadgets 3. Pilih HTML/Javascript 4. Masukan kode dibawah ini di dalam HTML/Javascript <style type='text/css'> .kotak-iklan { background : #ddd; text-align : center; border-radius : 4px; padding : 12px 0; } .kotak-iklan img { background : #ebf5f9; margin : auto; padding : 5px; text-align : center; width : 125px; height : 125px; } .kotak-iklan img:hover { background : #fff; } </style> <div class="kotak-iklan"> <a href=" LINK-IKLAN " title=" Pasang Iklan "><img alt="iklan banner" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4KPa9f840IbtQaQ5usbURBGzzFFB3kktxkIyaw99_Wf-bOOcX5Bv0KjTr0SnJqBqwBIPdwG0I2rIhQn3wTJcfWgfzZRxH29yvZG3qaJzqkA-0G23...

Cara Memodifikasi Kotak Feedburner

    Selamat sore sobat,pada kesempatan sore hari ini saya akan berbagi trik "Cara memodifikasi kotak feedburner" supaya lebih kelihatan keren dan menarik.karna ada beberapa yang saya rubah dari aslinya, trik ini saya temukan di blog: http://superblogpedia.blogspot.com .    Cara Modifikasi Kotak Feedburner - Bagi sobat yang sudah lama membuat blog di blogger, mungkin tidak asing lagi dengan istilah feedburner atau lebih sering disebut dengan berlangganan email. Maksud dari berlangganan email disini adalah menggenakan layanan feedburner yang masih dalam produk google untuk mendistribusikan atau mengirimkan setiap artikel yang kita posting didalam blog ke email visitor blog yang telah berlangganan artikel blog yang kita miliki. Cara kerja dari feedburner ini cukup sederhana, namun memiliki peran penting untuk meningkatkan jumlah pengunjung blog atau visitor blog.     Secara default, blogger sudah memberikan saranan yang menghubungkan blog ke f...

Membuat Komentar Facebook Valid HTML 5

     Memang kotak komentar facebook memiliki banyak sekali eror. Belum lagi jika komentar pengunjung sudah saking banyaknya. Justru akan menambah eror yang lebih banyak lagi. Bagi sobat yang sampai hari ini belum juga memasang komentar yang valid html 5. Ataupun bagi sobat yang masih menggunakan template doctype STRICT atau TRANSITIONAL yang masih belum berhasil, Berikut Trik yang mungkin bisa sobat coba. 1. Silakan Menuju ke http://developers.facebook.com/setup/ 2. Klik Aplikasi 3. Sobat akan dibawa pada gambar di bawah ini (Isikan sesuai selera) Toh tidak akan terlihat siapa pun. 4. Klik lanjutkan dan Anda akan di bawa ke gambar di bawah ini 5. Klik Kirim, dan akan menjumpai seperti di bawah ini 6. Simpan hasilnya. Dan menuju ke https://developers.facebook.com/docs/reference/plugins/comments/ 7. Jika sudah klik Get Code 8. Kode di atas akan kita tempatkan berbeda tempat. 9. Kode no.1 kita taruh pada EDIT HTML di bawah <body> 10. Ji...

Cara Menampilakan Jumlah Pengunjung Yang Online Di Blog

Cara Menampilkan Jumlah Pengunjung Atau Visitor Online Di Blog dengan whos.Amung.Us      Cara Mengetahui Jumlah Pengunjung Yang Sedang Online Di Blog Dengan whos.Amung.Us. Blog akan terlihat rame atau tidaknya jika suatu blog memasang widget untuk menampilkan jumlah pengunjung yang sedang online di blog .      Keuntungan memasang widget untuk menampilkan jumlah pengunjung yang sedang online, apa bila blog rame pengunjung, bisa menarik peminat seseorang untuk memsang iklan di blog sobat. dan juga sobat bisa lihat berapa orang yang sedang berkunjung ke blog sobat saat itu. Berikut cara memasang widget untuk menampilkan jumlah pengunjung yang sedang online di blog. Buka Situs whos.amung.us    Jika Sudah masuk situs whos.amung.us Klik WIDGETS seperti gambar di atas yang saya beri lingkaran hijau. Maka akan muncul pilihan tampilan yang bisa di gunakan di blog .pilih THE COLORED WIDGET  karena warna dan tulisan bisa di se...

Cara Menampilkan Foto Author Di Pencarian Google

Cara Menampilkan Foto Author Di Pencarian Google [ Tutorial Blogspot ] Jika kita memiliki sebuah blog, halaman blog kita pasti akan muncul di halaman hasil penelusuran mesin pencari terutama Google. Meskipun kemunculan halaman blog tersebut tergantung pada SEO dan keyword yang diinginkan, tetapi kemungkinan kemunculan halaman blog kita di hasil penelusuran tetap ada. Secara default, tampilan halaman blog yang muncul hanya berupa teks. Agar lebih menarik minat pembaca untuk berkunjung, kita dapat menambahkan gambar di samping teks halaman blog kita tersebut dengan cara yang mudah. Googling, sebuah istilah yang terbentuk dari proses pencarian yang dilakukan menggunakan mesin pencari Google. Padahal google bukanlah sebuah kata kerja, namun karena dominasinya di jagat maya sehingga orang akan familiar dengan istilah serapan tersebut. Aturan Grammar pun tidak berlaku lagi :D. Saya yakin hampir seluruh pengguna internet pernah menggunakan mesin pencari seperti google, bi...

Cara Membuat Privacy Policy, Disclaimer dan Term Of Service Di Blog

    Pada kesempatan kali ini Dunia blogger, akan membahas pentingnya Privacy Policy, Disclaimer dan Terms of Service mungkin sebelumnya saya rasa tidak begitu penting untuk sebuah blog atau situs, itu juga saya pikirkan awalnya. Anggapan ini keliru terutama bagi Anda yang menggeluti dunia bisnis online dan ingin menjalin hubungan dengan Adsense ternama seperti Google Adsense. Semua jasa Adsense ternama seperti Google Adsense mengharuskan blog atau situs yang digunakan sebagai publishernya memiliki Privacy Policy yang dapat diakses oleh siapapun. Privacy Policy tidak hanya untuk Adsense saja, Privacy Policy juga menunjukkan siapa Admin yang bisa dihubungi jika ingin menanyakan hal tentang situs tersebut, memberitahukan tentang File Log blog atau situs Anda, mengatur penggunaan artikel dan lain-lain.     Sebuah website atau blog disarankan untuk menggunakan kebijakan dan aturan-aturan pengguna situs. Kebijakan ini biasanya dituangkan ke dalam halaman ...

Cara Membuat Daftar Isi Keren Dengan Mudah Di Blog

"Cara Membuat Daftar Isi Dengan Tampilan Keren Di Blog " Daftar isi sangat berguna bagi pengunjung untuk mengetahui seluruh isi blog dan bagi sebagian blogger memasang daftar isi ini sangat disarankan karena selain menambah nilai SEO ON PAGE daftar isi ini akan memudahkan pengunjung dalam mencari semua artikel anda. daftar isi yang saya share ini  lumayan keren dan Saya Dapat Dari Blognya Razebook, kelihatan nama label saja namun jika di klik label tersebut akan muncul semua isi label tersebut. Nah langsung aja ke Langkah-langkah pemasangannya seperti dibawah ini: 1.Masuk Ke Blogger anda 2.Pilih Page atau laman 3.Pilih  Blank Page dan Menu  4. Pilih Menu HTML pada menu postingan yang nantinya akan anda terbitkan/publish 5. Kopi Kode di bawah ini lalu pastekan di postingan atau pada gambar nomer  4 jangan lupa untuk mengganti Url nya   di bawah dengan url blog sobat <div 1px="1px" solid="solid" style="height: 820px; overflow: ...

Cara Membuat Daptar Artikel terbaru Di Blog

Cara membuat daftar artikel terbaru di blog. Daftar artikel terbaru atau artikel yang baru saja di publikasikan. Biasanya terletak disidebar kanan atau kiri blog. Fungsinya sendiri adalah untuk menampilkan daftar artikel terbaru, yang mungkin saja ingin dilihat oleh pengunjung. Atau juga sebagai penanda, bahwa penulis blog, selalu update artikel atau posting terbaru di blognya. Untuk lebih jelasnya silakan lihat gambar dibawah ini. Dengan adanya daftar artikel terbaru. Maka kemungkinan pengunjung untuk membuka dan membaca artikel lain di blog kita semakin besar. Dan itu bagus untuk meningkatkan jumlah View dari pengunjung. Artikel ini akan menjelaskan cara membuat daftar artikel terbaru di blog. Kurang lebih gambarnya seperti diatas. cara membuatnya cukup mudah, tidak harus edit html, yang terkadang eror, cukup memasukan url blog ditambah beberapa kode untuk menampilkan artikel terbaru. Untuk lebih jelasnya. Cara membuat daftar artikel terbaru di blog Ikuti langkah-langkah ...

Cara Cek Validasi HTML5 Di W3C Markup Validation Service

Mengenai Validasi Blog sebagian blogger ada yang pro dan kontra,Laurencius sendiri tadinya memang tidak mau ambil pusing dengan semua permasalahan validasi Blog. Ada yang mengatakan bahwa validnya sebuah blog sangat penting karena bisa mempengaruhi Search Engines, dan sangat penting buat Optimasi SEO On Page sebuah Blog. Bagaimana teman-teman sekalian dipihak mana posisi nya, dan apakah ingin membuat Blog nya Valid HTML5 di W3C Markup Validation Service atau dibiarkan? Pada dasarnya HTML5 adalah pengembangan terbaru dari versi HTML sebelumnya, dimana tujuan penggunaan HTML5 adalah untuk memperbaiki teknologi HTML agar mampu mendukung teknologi multimedia terbaru yang ada. Untuk mengetahui seberapa banyak error Blog di W3C Markup Validation Service : 1. Buka link :  validator.w3c 2. Masukkan URL Home paga atau URL postingan yang akan dicek validasinya. 3. Kemudian klik Check 4. Akan diperlihatkan seberapa banyak error yang ada diblog kita 5. Untuk melihat dimana s...

Cara Mempercepat Loading Blog Dengan optimalisasi Kompres CSS

Apa hubungan CSS dengan load time (waktu muat) halaman blog? Yang paling sederhana, ukuran file CSS menentukan berapa banyak bagian yang harus dibaca oleh browser. Semakin besar ukuran file, tentu saja bahasa perintahnya semakin banyak, dengan demikian 'waktu baca' yang dibutuhkan oleh browser semakin panjang. Anda dapat menggunakan website/blog speed test tool di blog ini untuk mengetahui kecepatan loading blog anda. Setelah ganti template beberapa waktu yang lalu, masalah loading blog yang cenderung lebih lama daripada template yangsebelumnya muncul. Tentu saja hal ini berefek tidak baik. Yang pertama efeknya adalah ketidaknyamanan pengunjung. Terlebih lagi apabila muncul ketidaksabaran dan kemudian diwujudkan dalam aksi "Tutup aja aaaaah, males gw, lo-la bangeeetzz!". Yang kedua, Google saat ini telah melakukan penalti bagi website/blog yang memiliki waktu load yang terlalu lama. Walhasil, peringkat dalam indeks pencarian bisa turun, dengan kata lain SEO lemah....

Cara Membuat Menu Drop Down Di Blog

Ok kali ini saya akan berbagi cara membuat menu drop down di blog,yang mana Trik ini saya dapatkan di Blognya Mas Arif, buat kalian yang mau membuat atau memasang menu dropdown di blog ikuti cara-caranya di bawah ini. Menu dropdown biasanya berbentuk menu yang kalau di sentuh pakai kursor dia akan mengeluarkan sub menu  ke bawah seperti yang terpasang pada blog saya ini dan hari ini saya mau ngasih tau pada kalian semua bagai mana cara membuatnya angsung saja di simak tutorialnya dibawah ini: 1.seperti biasa masuk ke dasboard blog mu dulu 2.lalu pilih menu tata letak 3.pilih tambah gadget 4.lalu pilih HTML dan Java Script copy kode berikut dan paste kan di kolom HTML dan Java Script <div class='span-24'> <div class='menu-secondary-container'> <ul class='menus menu-secondary'> <li><a expr:href='data:blog.homepageUrl'>Home</a></li> <li><a href='#'>Business</a> <ul c...

Cara Membuat Blog Gratis Di Blogspot

" Cara membuat Blog gratis" Mungkin Sobat sedang kebingungan bagaimana cara membuat blog , apakah karena tugas sekolah yang diharuskan murid-muridnya mempunyai blog agar bisa mengikuti latihan dan mengerjakan tugas di blog masing-masing agar mendapat nilai, ataukah ada sebab lain seperti ingin berbagi kisah hidup, Kata mutiara,  Kata bijak,  Kata-kata lucu , atau Foto lucu  supaya dapat diketahui oleh umum, ataupun Sobat ingin membuat blog karena ada teman yang bisa mendapatkan penghasilan dari blog. Blog pada dasarnya disebut sebagai Web Blog yang merupakan salah satu aplikasi web yang mana postingan atau artikel yang diposting didalam blog sering sekali berurutan, yaitu dari tulisan terbaru hingga tulisan yang paling lama. Kenapa harus di blogger / blogspot? Karena di situs tersebut kita dapat membuat blog secara gratis  dan juga telah bekerja sama dengan Google, jadi blog yang dibuat Sobat bisa tampil blognya di mesin pencari Google. Dan di Blogger...