Postingan

Menampilkan postingan dengan label Tutorial Blog

Membuat Halaman Error 404 di blogger

Gambar
Membuat Halaman Error 404 di Blog   - Kali ini Donqui Group akan memberikan tutorial sederhana Cara Membuat Halaman Error 404 di Blogger. Dalam tutorial ini kita akan menggunakan Tag Kondisional Halaman error untuk membuatnya, karena dengan menggunakan Tag kondisional Pengerjaan tutorial ini akan lebih mudah dan halaman Error dapat termuat dengan cepat sabagai mana mestinya, karena tidak menggunakan Redirect. Minion Page Error Membuat Halaman Error 404 di Blogger 1. Berikut inilah cara sederhana untuk Membuat Halaman Error 404, pertama kita bungkus dulu halaman yang tidak akan tampil pada halaman Error 404 / halaman kecuali pada halaman Error, berikut konsepnya : <body>   <b:if cond="data:blog.pageType != &quot;error_page&quot;"> </b:if>   <b:if cond="data:blog.pageType == &quot;error_page&quot;">     <div id="container-error">     <div id="error-page">       Tuliskan sesuatu di sini. B...
Posting Komentar
Baca selengkapnya

Cara Membuat Readmore Otomatis Ringan di Blogger

Gambar
Cara Membuat Readmore Otomatis di Blogger. Sebenarnya banyak cara pemasangan readmore otomatis pada blog, ada yang hanya menggunakan kata-kata, gambar, dll. Tetapi kali ini saya akan share tentang cara membuat readmore otomatis yang hanya menggunakan kata-kata agar tidak mengurangi loading blog kita. Read more dalam bahasa indonesia yaitu " Baca Selengkapnya " dan fungsi read more itu sendiri adalah meminimalis penggunaan halaman blog agar terlihat lebih rapi dan menarik. Read more otomatis ini akan memotong tampilan depan artikel yang panjang dan anda bisa menentukan berapa banyak huruf yang akan ditampilkan di halaman depan Cara Membuat Readmore Otomatis di Blog Readmore 1. Di Blog Bloggernya sobat 2. Pilih template => klik edit html 3.Cari kode <data:post.body/> ( jika sebelumnya anda telah memasang readmore yang lama maka hapus kode readmore yang lama dan jika kode <data:post.body/> silahkan di coba satu persatu  ) dan Ganti kode tersebut dengan kode dibaw...
1 komentar
Baca selengkapnya

Cara Membuat Sumber Otomatis ketika artikel di Copas orang

Gambar
Cara Membuat Link Sumber Otomatis Ketika postingan Blog di Copas. Ok sobat berikut ini kita akan membagikan lagi tips agar supaya nantinya artikel blog yang di copas oleh orang lain secara otomatis akan membuat link sumber sendiri mengikuti halaman yang ia copas tadi. Trik ini memang sudah banyak dan tidak asing lagi untuk beberapa pemilik Blog, tapi mungkin saja masih banyak yang belum tahu juga bagaimana cara membuatnya di blog. Kegunaan memasangnya adalah artikel yang di Copas secara otomatis akan membuat link di tempat dia mempastekannya, jadi gak perlu lagi di perintah agar menampilkan link suber. Copy Paste Cara Membuat Link Sumber Otomatis Ketika Artikel di Copas Orang Kelemahannya adalah jika dilihat oleh yang meng copas tentu saja link sumbernya bakalan langsung di hapus. Untuk blog juga yang membahas seputar tutorial Blog menurut saya tidak cocok memakai script link sumber otomatis seperti ini, karena bisa saja kode-kode yang di copas di blog jadi bertambah dan ehhh malah di ...
1 komentar
Baca selengkapnya

Cara Memasang Unlimited Pager Navigation di Blog

Gambar
Saya akan membagikan tutorial yang cukup menarik pada kesempatan kali ini, yaitu membuat Unlimited Page Navigation Unlimited Pager Navigation Saya akan mengulasnya kembali di blog saya ini dan akan membagikan Design yang saya buat dari Unlimited Page Navigation ini, sebelum membuat Unlimited Page Navigation kamu mungkin ada dari kalian yang belum mengerti manfaat dari Unlimited Page Navigation ini. Unlimited Page Navigation Berfungsi untuk membuka kembali Artikel Sebelumnya yang sudah tidak muncul dihalaman depan website dengan penomoran yang ada pada setiap page. Langkah-langkah Membuat Navigasi Halaman Pada Blogger Taruh kode dibawah ini tepat diatas kode   </head> Kode dibawah ini adalah Style dari Unlimited Page Navigationnya kamu bisa Edit CSSnya sesuka kamu Untuk Warna Terang <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <style type='text/css'> /* Pag...
2 komentar
Baca selengkapnya

Membuat Progress Loading Bar di Blog Seperti Youtube

Gambar
Membuat Progress Loading Bar Blog Seperti Youtube - Jika kita jeli ketika kita membuka halaman Youtube, maka kita akan melihat sebuah progress bar di paling atas situs berwarna merah dari kiri ke kanan. Cukup keren bukan? Kita pun bisa membuat pregress loading bar seperti itu di Blogger dengan bantuan javascript. Progress Bar Dari beberapa plugin progress bar yang saya coba, akhirnya pilihan saya jatuh pada nanobar. Sebuah javascript untuk progress bar yang tidak memerlukan jquery dengan ukuran yang sangat kecil sehingga tidak akan terlalu membebani loading blog. Kustomisasinya pun cukup mudah, saya yakin Anda semua pasti bisa. Untuk contoh progress bar Youtube bisa Anda lihat pada animasi gif di bawah ini. Dan demo penerapan nanobar progress bar pada blog bisa Anda coba pada link demo di bawahnya. Bagaimana? Anda tertarik untuk mencobanya? Silahkan ikuti langkah-langkahnya di bawah ini. Silahkan copy kode javascript di bawah ini dan simpan di atas kode </body> <script type=...
1 komentar
Baca selengkapnya

Cara membuat blog di blogger.

Gambar
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, kisah lucu, atau foto lucu supaya dapat diketahui oleh khalayak umum, ataupun Sobat ingin membuat blog karena ada teman yang bisa mendapatkan penghasilan dari adsense. 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 wpsiteseo.blogspot.com bisa tampil blognya di mesin pencari Google. Dan di Blogger.com t...
Posting Komentar
Baca selengkapnya

Cara Membuat Tombol Next Page Prev Dengan Angka di Blog

Gambar
Cara Membuat Tombol Next Page Prev Dengan Angka di Blog - Tombol next page ini sama fungsinya dengan tombol next page, previous, dan home yang terdapat pada bagian bawah postingan, namun yang satu ini kita merubah itu semua dengan angka, tujuan nya agar para pengunjung lebih mudah menjelajahi isi dari blog sobat. Page Next Prev Tombol next page yang satu ini berbeda dengan tutorial blogger lainnya, karena mungkin tutorial ini belum pernah ada yang share, dan kode JavaScript nya saya ambil dari beberapa sumber. Dan saya upload ulang alamat javascript nya untuk mencegah apabila, hosting di google code dihapus, ada baiknya sobat upload ulang untuk mencegah terjadinya error. Cara Membuat Tombol Next Page Dengan Angka di Blog: 1. Login ke blogger.com 2. Pada dashboar -> template -> klik edit HTML 3. Kemudian tambahkan kode dibawah ini diatas ]]></b:skin> /* Tombol Next Page Dengan Angka by WordpressSiteSeo ----------------------------------------------- */ .showpageArea{float...
Posting Komentar
Baca selengkapnya

Cara Membuat Link Blog Jadi Berkedip Warna-Warni di Blog

Gambar
Pada kesempatan kali ini kita akan membahas cara membuat link blog menjadi berwarna – warni ketika kursor di arahkan pada link, setelah sebelumnya kita membahas cara memasang lazy load pada blog. Fungsi utama dari link berwarna – warni ini adalah hanya untuk memperindah tampilan blog, untuk pemasangan kode script ini sendiri tidak akan terlalu menambah berat loading blog Anda. Jika Anda ingin memasangnya berikut ikuti langkah-langkahnya : 1. Login akun blogger Anda. 2. Pilih Template > Edit HTML > centang Expand Template Widget. 3. Jangan lupa backup template agar mudah mengembalikan jika terjadi kesalahan. 4. Cari kode </head> (Gunakan F3 atau Ctrl + F). 5. Letakkan kode berikut tepat dibawah </head> <script src='http://id-pemula-javascript.googlecode.com/files/rainbow.js'/> 6. Simpan template. Nah, itu tadi dengan cara yang pertama, berikut cara yang kedua tanpa Anda harus masuk kedalam script template blog : 1. Login akun blogger Anda. 2. Pilih Tata L...
Posting Komentar
Baca selengkapnya

Cara memasang lazy load di blog

Gambar
Cara Memasang Lazy Load di Blog - Ada banyak cara untuk mempercepat loading suatu blog, yaitu salah satunya dengan cara memasang plugin Lazy Load. Kali ini Twisted Shape akan berbagi trik yang merupakan salah satu dari optimasi blog dengan plug in jQuery Lazy Load untuk meringankan beban loading saat memuat halaman blog sobat. Maaf tidak ada demo untuk trik ini, silakan bisa langsung di coba saja. Berikut cara penerapannya : 1. Buka Blogger > Template > Edit HTML > Tambahkan kode di bawah ini sebelum </body> <script type='text/javascript'> //<![CDATA[ // Lazy Load (function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a...
Posting Komentar
Baca selengkapnya

Cara mendaftar blog ke Yandex.

Gambar
Sebelum memberikan tutorial Cara Mendaftarkan Blog di Yandex Adventure Seo akan memberikan sedikit informasi tentang apa itu Yandex. Yandex merupakan mesin pencari atau search engine buatan Rusia sebagai mesin pencari yang mendominasi negara tersebut. Sama halnya seperti Google dan Bing (Yahoo), Yandex juga merupakan salah satu mesin pencari besar yang bisa kita manfaatkan untuk mengindex blog agar mesin pencari Yandex bisa menyebarluaskan artikel di blog kita dan tentunya itu akan menguntungkan bagi blog yang kita kelola terutama dalam hal SEO. Bagi yang ingin mendaftarkan blognya di mesin pencari Yandex, silakan ikuti langkah berikut. 1. Buka situs https://webmaster.yandex.com , klikAdd Site kemudian klik Sign Up 2. Disitu sobat akan melakukan registrasi untuk membuat akun Yandex, silakan isi dengan data-data sobat kemudian klik Register. 3. Setelah itu akan muncul halaman seperti ini 4. Tambahkan url situs blog sobat, klik add. Setelah itu muncul verifikasi, pilih tab meta tag, kemu...
Posting Komentar
Baca selengkapnya

Cara memasang widget Facebook Fan Page Like Box

Gambar
Cara memasang widget Facebook Fan Page Like Box Widget Facebook Fan Page Like Box, Facebook Fan Page adalah sebuah halaman khusus facebook yang memberikan informasi beragam sesuai dengan keinginan pengelola (admin) fan page, mulai dari info produk, event, layanan publik, artis, komunitas dan lainnya. Facebook Fan Page Like Box bisa membantu follower serta pengunjung untuk mendapatkan informasi/artikel terbaru di Facebooknya mengenai site Anda hanya dengan mengklik tombol 'Like'. Hal ini lah yang dimanfaatkan oleh kalangan tertentu, contohnya pengelola toko online untuk memberikan informasi atau event kepada pelangganya melalui facebook. Dengan demikian penyebaran informasi akan lebih cepat memberi tahu orang. Manfaat Facebook Fan Page bagi blog Anda adalah untuk mengumpulkan pengunjung sebanyak-banyaknya. Sedangkan manfaat bagi Anda yang memiliki toko online adalah mengirim pesan-pesan marketing atau mempromosikan produk Anda untuk menghasilkan penjualan. Dengan semakin banyakn...
Posting Komentar
Baca selengkapnya

Cara Agar Blogger Terjaga dari Redirect URLs Specific Country

Gambar
Cara Agar Blogger Terjaga dari Redirect URLs Specific Country ini blog dengan platform blogspot dari blogger akan otomatis terredirect atau dialihkan ke domain URL sesuai negara masing-masing. Sebagai contoh, urlblog.blogspot.com akan dialihkan menuju ke urlblog.blogspot.co.id bagi blogger dari Indonesia. Sedangkan untuk negara lain, misal Australia (blogspot.com.au), Perancis (blogspot.fr), Spanyol (blogspot.com.es), Brasil (blogspot.com.br), Italia (blogspot.it) dan sebagainya. Dampak perubahan URL Specific Country Lalu apa dampaknya bila hal ini tetap terjadi pada blog kita. Paling tidak ada beberapa hal yang berdampak kurang baik bagi blog yang teralihkan tersebut. Diantaranya menurunnya jumlah 'like' pada sosial media baik facebook, twitter maupun google plus. Selain itu, bila blog sahabat terintegrasi dengan komentar platform eksternal seperti disquss dan lainnya, maka akan ada masalah oleh karena berbedanya alamat URL. Belum lagi berpengaruh pada google adsense dikarenak...
Posting Komentar
Baca selengkapnya

Cara mengatur jumlah posting pada label

Gambar
Cara mengatur jumlah posting pada label Mengatur jumlah posting yang ditampilkan pada halaman label itu menjadi sangat penting, agar tampilan posting pada halaman label tidak memanjang ke bawah dan terlihat rapi dan lebih professional. Bagaimana cara mengatur jumlah posting yang ditampilkan pada halaman label blog? Berikut simak langkah-langkah pembahasannya : 1. Login akun blogger Anda. 2. Pilih Template > Edit HTML > letakkan kursor pada area kode HTML. 3. Cari kode berikut dengan menggunakan Ctrl + F. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> 4. Setelah itu tambahkan kode + &quot;?max-results=5&quot; 5. Sehingga kodenya akan berubah seperti ini : <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?max-results=5&quot;'><data:label.name/></a> Keterangan : Angka yang berwarna biru diatas adalah jumlah post yang akan ditampi...
Posting Komentar
Baca selengkapnya

Cara membuat recent post di blog itu mudah.

Gambar
Cara membuat recent post di blog itu mudah.   Recent post adalah  widget yang menampilkan artikel terbaru pada sebuah blog. Seperti yang kita ketahui, blogspot tidak memiliki widget recent post bawaan. Jadi, jika Anda ingin menampilkan artikel terbaru di blog, Anda perlu menambahkan widget recent post secara manual agar recent post bisa muncul di blogspot Anda. Ada banyak macam widget recent post yang tersebar di internet, seperti:  recent post dengan scrooll ke bawah, recent post tanpa gambar dan recent post dengan thumbnail keren . Nah pada artikel ini saya akan membagikan  cara membuat recent post dengan thumbnail atau gambar yang keren , kemarin saya juga sudah membagikan kepada Anda  cara membuat random post di blog , jika Anda tertarik silahkan untuk di baca juga. Cara Membuat Recent Post dan Memasang di Blogger Membuat recent post di blogger  ini, bisa di bilang cukuplah mudah. Anda cukup mengikuti beberapa langkah di bawah ini dan selesai. 1.Masuk d...
Posting Komentar
Baca selengkapnya