Skip to main content

Posts

100+ Faktor Peringkat Hasil Pencarian Google

Praktik optimasi seo blogspot terbaik yaitu dengan memahami tren dan kondisi update mesin pencari terbaru 2019. Agar blog tampil dengan ranking teratas anda perlu mengetahui faktor peringkat hasil pencarian google . 100 lebih faktor penentu berikut ini dapat mempengarui, menentukan, memposisikan, dan menaikkan peringkat blog pada hasil pencarian. Agar mudah dipahami artikel ini saya kelompokkan menjadi beberapa kategori faktor penentu. Saya mengambil beberapa referensi dari beberapa pakar seo internasional seperti Backlink dot co, Moz, SEJ, SEL, serta halaman resmi bantuan webmaster google. Halaman-halaman tersebut secara jelas menyebutkan ratusan aspek atau hal-hal yang dapat mempengaruhi rangking sebuah situs. Berdasarkan pengalaman saya ngeblog sejak 8 tahun yang lalu saya berpendapat bahwa blog dengan teknik seo berikut ini dapat mempengaruhi peringkat artikel. Dengan cara resmi dan dengan anjuran sesuai kebijakan mesin pencari akan membuat posisi blog selalu konsisten dan tetap ...

Membuat Page Di Blogspot

Home > Panduan Blogger Pemula > Membuat Page Di Blogspot Cara membuat page di Blogspot adalah pertanyaan dari sahabat saya. Pages sendiri sudah disediakan blogger sudah lama, bahkan sebelum akun Blogger Nano dan blogspot yang kedua ini dibuat. Saat itu Nano masih aktif di blogspot yang pertama yang berisi penuh dengan spam dari tahun 2007. Sebelum langsung kecara membuat page, Nano minta maaf kepada sahabat saya yang bertanya tentang hal ini, karena tidak dibalas lewat email. Sekalian untuk para sahabat Nano yang yang mungkin belum tahu, jadi Nano bagi disini. Seluruh pertanyaan yang masuk sebisanya akan dijawab. Cara Membuat Pages Masuk ke page posting, dari Dashboard > NEW POST > dan disampingnya ada tab Edit Pages dan klik !!! atau lebih mudah lihat gambar dibawah ini: Seperti gambar diatas, setelah masuk dalam Edit Pages pilih tombol New Page. Sekarang jadi,,, terserah sahabat mau di isi dengan apa ???. Sebenarnya Nano Rekomendasikan untuk membuat artikel Tentang Say...

Daftar Isi Berdasar Kategori Template

SEO Friendly Blogger Template Collections Simple Up Blogger Template Simple Up Blogger Template Simple Up Blogger Template Simple Up Blogger Template Simple Up Blogger Template Simple Up Blogger Template Simple Up Blogger Template Simple Up Blogger Template

Box-Shadow Didalam

Box Shadow diartikel sebelumnya menampilkan efek bayangan diluar , tapi kali efek bayangan akan muncul didalam. box-shadow:inset 5px 6px 7px #444; -moz-box-shadow:inset 5px 6px 7px #444; -webkit-box-shadow:inset 5px 6px 7px #444; -o-box-shadow:inset 5px 6px 7px #444; Keterangan Menambahkan kata inset . 5px (mengatur bayangan yang dipinggir) 6px (mengatur bayangan yang dibawah atau diatas) 7px (mengatur blur) #444 (mengatur warna) Jadinya Nano Yulianto bayangan sebaliknya box-shadow:inset -5px -6px 7px #444; -moz-box-shadow:inset -5px -6px 7px #444; -webkit-box-shadow:inset -5px -6px 7px #444; -o-box-shadow:inset -5px -6px 7px #444; Nano Yulianto Atau beberapa contoh berikut Contoh satu: box-shadow:inset 0px -15px 5px #fff; -moz-box-shadow:inset 0px -15px 5px #fff; -webkit-box-shadow:inset 0px -15px 5px #fff; -o-box-shadow:inset 0px -15px 5px #fff; Nano Yulianto Contoh dua: box-shadow:inset 0px 5px 25px #ffff00; -moz-box-shadow:inset 0px 5px 25px #ffff00; -webkit-box-shadow:inset 0px 5p...

Box-Shadow

Box Shadow adalah membuat efek berbayang, pada objek gambar atau objek lain. Efek ini hanya bisa dilihat oleh browser Safari 3+, Firefox 3.5+, Opera 10+ dan Chrome . Cara Membuat Box Shadow box-shadow:10px 10px 5px #333333; -webkit-box-shadow:10px 10px 5px #333333; -moz-box-shadow:10px 10px 5px #333333; -o-box-shadow:10px 10px 5px #333333; keterangan: 10px (membuat efek berbayang kanan atau kiri) 10px (membuat efek berbayang atas atau bawah) 5px (membuat efek berbayang blur) #333333 (untuk warna) Contoh Nano Yulianto box-shadow:10px 10px 0px #ff0000; -webkit-box-shadow:10px 10px 0px #ff0000; -moz-box-shadow:10px 10px 0px #ff0000; -o-box-shadow:10px 10px 0px #ff0000; Nano Yulianto box-shadow:-10px -10px 10px #ff0000; -webkit-box-shadow:-10px -10px 10px #ff0000; -moz-box-shadow:-10px -10px 10px #ff0000; -o-box-shadow:-10px -10px 10px #ff0000; Diatas hanya sekedar contoh, bisa dikreasikan sesuai selera. Semoga Bermanfaat... Alhamdulillah

Border-Radius

border-radius adalah sebuah kode pada CSS3 yang membuat sudut menjadi melengkung (menurut Nano). Mungkin dimaksud pengembang CSS3 disini untuk mengurangi penggunaan gambar pada sebuah tampilan situs atau blog. Cara membuatnya contoh semua sudut: border-radius:10px; -moz-border-radius:10px; /*untuk mozilla*/ -webkit-border-radius:10px; /*safari dan chrome*/ -o-border-radius:10px; /*opera*/ Demo Bisa juga cuma satu sudut atau dua sudut atau tiga sudut. ini referensi singkat tiap sudutnya: border-radius:5px 10px 15px 25px; -moz-border-radius:5px 10px 15px 25px; /*untuk mozilla*/ -webkit-border-radius:5px 10px 15px 25px; /*safari dan chrome*/ -o-border-radius:5px 10px 15px 25px; /*opera*/ Nano Yulianto ukuran pertama = kiri atas ukuran kedua = kanan atas ukuran ketiga = kanan bawah ukuran keempat = kiri bawah Atau dikombinasikan: border-radius:10px 0 10px 0; -moz-border-radius:10px 0 10px 0; /*untuk mozilla*/ -webkit-border-radius:10px 0 10px 0; /*safari dan chrome*/ -o-border-radius:10...

Template N2y Spesial Jumbo

Demo Download *Download akan di arahkan ke sponsor dan tunggu 5 detik dan klik tombol "Skip Add" atau "Lewati". Description Template dengan fitur 3 kolom, slide show, auto readmore, dll. Home > Blogger > Template > N2y Spesial Jumbo

Membuat Slide Show Dan Tabs Biasa

Home > JavaScript Blogger > Membuat Slide Show Dan Tabs Biasa Slide Show ini adalah kembangan dari Dynamic Drive . Memang terlihat biasa, tapi kalau ditempatkan ditempat yang cocok akan terlihat manis. Jadi sifatnya adalah pemanis saja. Tapi disarankan untuk tidak menempel dinding, karena akan disemutin. Demonya silahkan dilihat disini Langsung kecaranya saja Salin kode JQuery berikut: <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'/> <script src='http://pagenano.googlecode.com/files/contentglider.js' type='text/javascript'/> <script type='text/javascript'> featuredcontentglider.init({ gliderid: "canadaprovinces", //ID of main glider container contentclass: "glidecontent", //Shared CSS class name of each glider content togglerid: "p-select", //ID of toggler container remotecontent: "", //Get gliding contents from external fi...