Artikel Terkait atau Related Post Simple, Ringan dan Seo Friendly Widget

Optimasi merupakan hal yang sangat penting bagi sebuah blog dan hal ini sudah menjadi makanan harian para blogger tentunya, seperti yang kita tau dalam optimasi ada dua hal yang penting yaitu optimasi off page seperti backlink dan optimasi on page seperti  Mempercepat Loading Blog, nah pada kesempatan kali ini seperti judul diatas yaitu saya akan memberikan cara menambah artikel terkait/ related post. Jadi apa hubungannya dengan optimasi on page? Menambah artikel terkait merupakan salah satu optimasi on page yang sangat penting yang tidak boleh diabaikan karena dengan adanya widget related post selain memberi internal link ke blog sendiri yang merupakan hal yang sangat penting dalam SEO (Search Engine Optimation), seperti kita tau sendiri dengan adanya artikel terkait/ related post pada 
 setiap postingan akan menarik pembaca untuk tetap menjelajahi artikel-artikel anda terutama yang terkait dengan apa yang dicarinya dan hal ini tentunya akan meningkatkan angka pageview blog anda.

Cara membuat widget Artikel terkait di blog tanpa edit template

Cara membuat widget Artikel terkait di blog tapa edit template: Cara membuat dan memasang widget artikel terkait dengan thumbnail gambar pada blog, Tujuannya, agar semua artikel blog kita, lebih banyak berpeluang untuk di lihat oleh pengunjung. Kemudian agar blog kita lebih menarik, dan terlihat profesional.widget artikel terkait dengan thumbnail gambar ini letaknya akan berada tepat dibawah postingan blog.

Untuk contoh nye bisa di lihat di bawah soalnya ane juga pasang loh.

Cara membuat widget Artikel terkait di blog tapa edit template ini gaperlu edit edit template ato HTML soalnya semua kode HTML di template ane itu beda dengan punya orang gatau kenapa.

Cara membuat Artikel terkait dengan thumbnail pada Blog kali ini, merupakan layanan gratis yang diberikan oleh linkwithin. Salah satu widget yang banyak dipakai oleh blogger, sebab widget artikel terkait ini disertai dengan gambar dan juga cara memasang related post ini sangat mudah. Sehingga sangat membantu para blogger pemula seperti saya contohnya. hihiii

cara menggabungkan ccs dan html

mau tau gak nih caranya pasti mau banget ya. eeeh mau tau ja apa mau tau banget sih
ok kita langsung ke caranya aja ya.

Membuat Menu Navigasi Bertingkat

Cara Membuat Menu Tab Keren Pada Blog Dengan Sub Menu Pull Down Dan Ujung Sudut Melengkung 

 

Sobat Blogger, berikut ini adalah versi kedua dari artikel sebelumnya yang berjudul ‘Cara Membuat Tab Menu Horizontal Seperti Navbar Di Atas Header Halaman Blog’. Dalam artikel ini diuraikan secara lebih rinci mengenai teknik serta script atau rangkaian kode yang digunakan untuk membuat bilah navigasi dengan beberapa sub menu di dalamnya. Selain itu rangkaian kode yang digunakan dalam teknik ini juga merupakan pembenahan serta pembaruan atas rangkaian kode yang digunakan dalam teknik sebelumnya, sehingga bilah navigasi maupun sub menu yang dihasilkan pun menjadi tampak lebih rapi dan terkesan lebih profesional.

Membuat Navigasi Menu Fixed Full RotateX

Cara Membuat Diagram Menu Navigasi Bertingkat - Menu navigasi merupakan atribut pelengkap pada blog, namun dengan adanya menu tersebut dapat membuat tampilan blog lebih menawan, sehingga dapat memanjakan pengunjung dengan item-item artikel yang termuat dalam agenda menu tersebut. Tutorial kali ini SAHABAT BLOGGER 77 akan memberikan trik sederhana tentang Cara Membuat Diagram Menu Navigasi Bertingkat dengan mudah.

Baca juga cara - Membuat Navigasi Menu Fixed Full RotateX

Membuat Menu Wrapper Melayang Di Atas Blog

Membuat Navigasi Menu Fixed Full RotateX - Seperti yang terlihat pada umumnya di blog, Membuat Menu Navigasi akan dapat merangkum beberapa file atau tulisan anda yang tersusun dengan rapi dalam satu paket yaitu Menu Navigasi. Melanjutkan pembahasan sebelumnya tentang Membuat Menu Wrapper Melayang Di Atas Blog, saya menambahkan beberapa menu yang terletak diatas header dengan menggunakan Fixed Full RotateX seperti yang terlihat diatas header blog ini.

Daftar Artikel Terbaru Dalam Menu Navigasi

Setelah sukses memodifikasi beberapa menu Navigasi dengan berbagai efek FIXED (melayang) pada artikel sebelumnya, kali ini SAHABAT BLOGGER 77 kembali berbagi dan bercerita tentang Daftar Artikel Terbaru Dalam Menu Navigasi. Namun pada menu navigasi kali ini saya menggunakan JASON Script Code untuk mendesain tampilan menunya dengan mengambil kode script artikel terbaru (up-date new Article) dan menampilkan komentar pada artikel terbaru, dan semuanya itu akan ditampilkan secara otomatis dalam menu navigasi menggunakan JASON Script Code

Tampilan Menu Navigasi Blog Model Fly Out.

Tampilan Menu Navigasi Blog Model Fly Out.

Membuat Menu Navigasi Fixed Fly Out Dengan CSS3 - Banyak cara dalam membuat tampilan menu navigasi pada blog, dan salah satunya dengan membuat tampilan menu tersebut terlihat melayang pada halaman blog (Fixed), sehingga saat visitor berada jauh di bawah halaman posting, menu ini akan tetap terlihat karena tidak akan mengikuti gulungan scroll pada mouse. Desain menu kali ini, saya akan memberikan tutorial cara mudah membuat menu navigasi fixed model FLY OUT dengan CSS3 seperti ini:

Membuat Soal Online di Blog

Mungkin sudah banyak artikel yang mengupas tentang cara pembuatan soal online di blog, Berikut ini akan kita bahas bagaimana memaksimalkan ProProfs sebagai media Soal Online di blog. Sehingga sewaktu-waktu siswa bisa berlatih secara online di warnet.

langsung aja ikuti langkah-langkah berikut ini :

Daftar di http://www.proprofs.com/quiz-school/

• Caranya klik Signup di pojok kanan atas
• 
• Kamu bisa daftar melalui Fcebook, Twetter atau memakai email tersendiri, sebaiknya pakai email akun blog kamu.
• 

Cara Memasang Slide Show Postingan Di Blog

Cara Membuat Widget Slideshow Postingan - 
Belakangan ini banyak teman teman saya menanyakan kepada saya .. “gimana sih cara pasang slide show postingan di blog” susah ga ? terus saya jawab ga susah kok, tinggal copy scriptnya , edit dikit abis itu save. Jadi deh...  Namun satu udah bisa, beberapa hari kemudian ada yang nanya lagi dan begitu terus hingga beberapa orang. Sehingga munculah sebuah ide untuk memposting cara membuat slideshows di postingan. Banyak yang berminat memasang widget ini setelah melihat blog saya. Karena slide tersebut memudahkan para pengunjung untuk membaca postingan apa yang menarik di blog kita. Karena di slide show tersebut bisa menampilkan gambar dari tiap postingan kita. Disertai judul dan koment yang ada di postingan tersebut. Apakah anda berminat juga untuk memasang widget ini ? caranya mudah kok,. Tidak perlu memakan waktu lama... dari pada membuang – buang waktu mari kita langsung ke TKP saja,,, lets gooo....

Cara Memasang Widget Slide Show Postingan Di Blog

• Login ke blog anda
• Pilih Rancangan
• Tambah gadget
• Pilih tambah Html / Java Script
• Kemudian Copy kode Html Dibawah ini

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

Cara Membuat Slide Show Foto / Gambar Pada Postingan Blog

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script src="http://s3slider-original.googlecode.com/svn/trunk/s3Slider.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {
       $('#BUS-slider').s3Slider({
          timeOut: 3000
       });
    });
    </script>
    <style>
    #BUS-slider {
       width: 550px; /* Keep it 20px-40PX greater than ACTUAL Image size */
       height: 335px;
       position: relative;
       overflow: hidden;
       margin-left: 0; 

Cara Membuat Widget Slidenote / Pesan Notifikasi Untuk Blogger

Di postingan kali ini saya akan membagikan sebuah widget menarik berbentuk SlideNote. ya hampir mirip sama recommended Slied Post, namun kalau widget SlideNote ini hanya digunakan untuk menampilkan pesan saja, bukan untuk menampilkan postingan (walaupun bisa untuk menampilkan postingan namun hanya berupa pesan). Untuk Demo-nya bisa kalian lihat gambar diatas.

Widget ini akan muncul ketika kamu menyorot ke bagian bawah blog dan akan menghilang dengan sendirinya saat kamu naik kebagian atas blog. Saya sudah mencoba Plugin dari Jquery ini, dan bisa loh, jadi buat kalian yang tertarik bisa mencobanya.

1. Login ke Blogger.com

2. Klik Template --> Klik Template

Cara Mudah Memasang Komentar Facebook Di samping komentar Blog

sekali lagi ya post blognya. nih aku lagi liburan uas jadi kaya orang pengangguran jadi mendi buat post ajalah di blog hehehehehehehehehehheeeeeeeeeeeeeeeeeehheheheheheheheheh . Pada kesempatan kali ini sampul ilmu menjelaskan tentang Cara Mudah Memasang Komentar Facebook Di samping komentar Blog

Langkah-langkah Pembuatannya Adalah 

Memasang Widget Random Ayat Al-Quran

hay selamat siang temen-temen gimana kabar kalian. wah siang ini lagi panas banget lumayan lah buat jemur kasuh hehehe

kali ini aku mau post artikel yang berjudul Memasang Widget Random Ayat Al-Quran  dan widget ini juga sangat cocok buat web/blog yang bertemakan islami. dan buat web/blog yang tidak bertemakan islami juga cocok kok di pasang widget ini. sekalian menebar dakwah tanpa harus kita ketemu langsung sama orangnya. dan widget ini dalam menampilkan ayat Al-Quran secara acak jadi tidak akan bosan pengunjung kalian untuk membacanya. setiap web/blog kalian di buka maka ayat yang muncul sudah berbeda. wah benar-benar media dakwah 24 jam tanpa harus kita bertemu secara langsung. bisa sekalian menambah tabungan akhirat kalian nanti hehehehe.

Cara Membuat Sumber Link Otomatis Saat Artikel Di copy Paste

Cara Membuat Sumber Link Otomatis Saat Artikel Di copy Paste

Masalah copy paste dalam dunia maya sudah bukan hal yang asing lagi bagi kita. Sudah capek nulisnya, eh.... yang lain main copas aja. Hehehe...

Cara Mengatasi dan Memulihkan Blog yang di Hack/Deface

ketemu lagi dengan saya di kamasr mandi hehehehe

blog anda di heck aduh kasihan banget ya. ya sudah sinih aku bantu pulihkan lagi blog kamu agar kamu bisa ngeblog lagi dengan sewajarnya. mau tau caranya yuk kita simak. baca dengan seksama ya hehehehe

Cara Membuat Email dengan Nama Website sendiri

mau keliatan profesional ya musti buat email dengan nama website sendiri donk. mau tau caranya yuk kita bahas. jangan lupa share ya hehehehe.

Cara Membuat Hosting dan domain Gratis Di IdHostinger

Assalamualaikum...

ketemu lagi dengan saya di ilmu212 yuk kita belajar ilmu lagi hehehehe :)

Kali ini ane mo posting sedikit tentang bagaimana membuat sebuah hosting gratis di Idhostinger. langsung aja dah, silahkan disimak.. :p

Langkah - Langkah :

Membuat Animasi Flash Banner

hay sahabat blogger ketemu lagi dengan saya di kamar saja. lah kamu lagi di mana nih hehehehe.
yuk kita ketopiknya sekarang aku kepengin ngajarin para blogger dan para pembisnis yg kepengin tau gimana cara membuat flash banner yang menarik tentunya hehehehe. 
yuk langsung ke topik.

Cara Membuat Text Area

hay sahabat blogger berjumpa lagi di ilmu 212 bersama saya di rumah saja. bagaimana kabar kalian semua semoga dalam keadaan baik amin. ya kita langsung saja ke topik pembahasan yaitu cara membuat text area. yuk kita simak