Widget Img src: bloggerstutorial-09 Hari ini kita akan berbicara tentang beberapa cara untuk mendatangkan pengunjung ke blog, karena ada banyak dan banyak cara yang lebih baik, untuk mempertimbangkan bahwa Anda memiliki situs yang baik dan konten yang bagus, dan Anda sekarang perlu untuk pengunjung mungkin sulit, terutama untuk pemula. Pengunjung adalah dasar dari keberhasilan situs manapun. Jadi bagaimana Anda akan mendapatkan pengunjung ke website atau blog? Ada berbagai cara, termasuk gratis dan berbayar, dengan cara ini Anda bisa mendapatkan semua jenis pengunjung. Tapi yang terbaik dari para pengunjung pengunjung yang ditargetkan, mereka berjalan dalam keyakinan Anda, berharap untuk menemukan informasi yang mereka cari. Dan saya akan menbagikan 5 cara untuk meningkatkan jumlah pengunjung: 1. Search Engine Search engine dapat menawarkan sejumlah besar kunjungan ke situs Anda, "Spider" dapat Anda merasa di bantu setiap hari di Internet, sehingga investasi ya

Tutorial Blogger Img src: bloggerstutorial-09 Pada kesempatan kali ini saya akan membuatkan anda artikel Cara Memasang Box Rekomendasi di Bawah Judul artikel di Blogger, Box Rekomendasi itu apa? ini halnya seperti membuat artikel terkait di blog tetapi Box rekomendasi ini tidak menggunakan RSS tetapi post yang ada di Box Rekomendasi ini kita yang menentukan sendiri artikel yang akan menurut kita wajib dibaca oleh pengunjung blog kita. Cara Memasang Box Rekomendasi 1. Masuk ke akun blogger.com anda. 2. Pergi ke Template -> Edit HTML . 3. Cari kode ]]></b:skin> gunakan CTRL+F agar mempercepat pencarian. 4. Copy dan Paste kode dibawah lalu masukkan diatas kode ]]></b:skin> tadi, /* Box rekomendasi by alwinto */ .recomendedboxalwinto{margin: 15px;margin-bottom: 30px;padding:15px;border: 1px solid lightgray;background-color: #f8f8ce;} .alwinrecomended-top-box{width:30%;float:left;} .alwinrecomended-top-box ul{margin:0;padding:0;list-style:none;paddin

Widget Img src: bloggerstutorial-09 PageRank ialah sebuah algoritma yang di gunakan google search untuk mengetahui ranking dari suatu blog atau website, PageRank ini diciptakan oleh Larry Page salah satu pendiri Google jadi PageRank adalah cara untuk mengukur blog atau website. Bagaimana PageRank bekerja ? PageRank bekerja dengan dengan menghitung jumlah page view dan kualitas link untuk menentukan perkiraan dasar website, yang mendasari yaitu bahwa blog atau website tersebut cenderung lebih banyak menerima pengunjung. Secara singkat, PageRank merupakan penilaian dari pentingnya sebuah halaman web, relevansi ini dihitung pada skala 0 - 10, jadi kesimpulannya semakin tinggi blog anda mempunyai pengunjung atau trafiik maka akan semakin tinggi PageRank blog atau website anda. Dibawah adalah PageRank checker, apabila tidak bekerja solahkan masuk ke  PrChecker Check Page Rank of your Web site pages instantly: This page rank checking tool is powered by PRChecker.i

Tutorial Blogger Img src: bloggerstutorial-09 Grid post ialah tampilan post yang sangat simple dan juga sangat membantu visitor blog anda menjadi lebih mudah menjelajahi blog sobat dan otomatis traffik blog anda juga pasti meningkat dan juga dengan tampilan yang sederhana membantu blog anda juga membuat loading cepat dan grid view ini juga sudah dilengkapi auto read more dan juga thumbanlil gambar yang sangat bagus. Perlu anda ketahui sebaiknya template blog anda di back up dulu agar kejadian-kejadian yang tidak diinginkan terjadi saat mengedit template blog anda seperti mati lampu. Cara Membuat Tampilan Blog Menjadi Grid View 1. Masuk ke akun blogger.com anda. 2. Pergi ke Template -> Edit HTML . 3. Cari kode </head> gunakan CTRL+F agar memepercepat pencarian. 4. Copy kode dibawah lalu masukkan di atas kode </head > tadi. <script type='text/javascript'> posts_no_thumb_sum = 100; posts_thumb_sum = 100; </script> <script typ

Statis Image Hallo, siapa yang tau apa itu photoshop? saya yakin anda sudah mengetahui apa itu photoshop yup itu loh yang tukang ngedit-ngedit foto :v, pada kesempatan kali ini saya akan membuatkan anda tutorial ca ra Cara Membuat Halaman Photoshop Online di Blogger jujur saja dasar saya membuat artikel ini ialah atas request dari teman facebook saya yang bertanya " Mas tau nggak cara buat photosop online untuk blog? " jawabannya ada dibawah. Cara Membuat Halaman Photoshop Online di Blogger 1. Login ke akun blogger anda. 2. Pergi ke Laman dan klik Laman Baru. 3. Pada saat membuat artikel pilih HTML bukan Compose. * Yang tidak mengerti silahkan ke  Cara Membuat Halaman Statis Kode Warna di Blogger 5. Copy dan paste kode dibawah ke HTML tadi. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script><div class="photoshop-online loader" data-src="http://pixlr.com/editor/" > </div&g

Statis Image Selamat siang, pada kali ini saya ditemani oleh hujan yang deras dan bingung mau ngapai akhirnya saya update artikel aja dah pada kesempatan kali ini saya akan membuat artikel yaitu Cara Membuat Halaman Statis Kode Warna di Blogger sebenarnya sudah banyak yang share tapi karena lagi bosan dan bingung mau posting apa jadi buat artikel ini, tetapi kode warna ini beda dengan dengan yang lain fitur-fiturnya juga bagus dan lengkap cocok untuk blog dengan niche blogger tutorial seperti blog saya ini. Contoh punya saya :  Kode Warna Cara Membuat Halaman Statis Kode Warna di Blogger 1. Login ke akun blogger.com anda. 2. Masuk ke Laman > Laman Baru. 3. Copy code dibawah lalu masukkan di HTML bukan Compose . (gambar hanya contoh) <div class="color-code" style="text-align: center;"> <div class="color-responsive"> <object data="http://www.2createawebsite.com/build/color.swf " height="420" width

Tutorial Blogger Img src: bloggerstutorial-09 Pada artikel kali ini saya akan menjelaskan kepada anda dalam tutorial kali ini yaitu Cara Menampilkan Post Title Hanya di Halaman utama Blog Anda, struktur oke ini sangatlah sederhana dimana judul artikel hanya yang tampil dengan mengklik akan menuju ke halaman utama untuk membuat seperti judul artikel kali ini silahkan disimak baik-baik tutorialnya : Cara menampilkan post title : 1. Login ke akun blogger.com kamu. 2. Masuk ke Template -> Edtit HTML. 3. Cari kode </head> lalu copy & paste kode dibawah tepat di atas kode </head> tadi. <style type='text/css'> <b:if cond='data:blog.url == data:blog.homepageUrl'> .post { margin:.5em 0 1.5em; border-bottom:0px dotted $bordercolor; padding-bottom:1.0em; height:50px; } .post h3 { margin:.25em 0 0; padding:0 0 4px; font-size:20px; font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif; font-weight:normal; line-heigh

Tutorial Blogger Img src: bloggerstutorial-09 Membuat efek loading animasi di blog ialah apabila blog anda perpindahan page 1 dan page yang lainnya dimana dalam loading perpindahan page itu akan memunculkan suatu efek animasi loading yang saya akan berikan tutorialnya kali ini dan akan otomatis akan berhenti apabila loading selesai memuat. Kenapa blog anda harus memakai efek loading animasi? yaitu untuk memperkeren blog anda tidak lain dari tujual dari publisher blogger yaitu agar pengunjung blog betah dari blog kita. Cara Memasang Efek Animasi Loading di Blogger 1. Login ke akun blogger.com sobat. 2. Pergi ke Template -> Edit HTML 3. Cari kode ]]></b:skin> gunakan CTRL+F agar mempercepat pencarian. 4. Copy & Paste kode dibawah tepat diatas kode ]]></b:skin> tadi. /* Halaman Loading */ #efek-loading{position:fixed!important;position:absolute;top:0;right:0;bottom:0;left:0;z-index:999999;background:#fff url(' https://blogger.googleuserconten

Widget Img src: bloggerstutorial-09 Membuat widget atau tempat untuk ngobrol bisa digunakan untuk blog anda untuk berinteraksinya para pengunjung blog anda dengan, sebelum saya menmbuat tutorial ini saya melihat di hasil pencarian google sudah banyak yang memberikan cara menambahkan chatbox , tetapi lain dengan apa yang mereka bahas disini saya akan membagikan cara menambahkan widget online chat yang tidak perlu membayar atau gratis untuk digunakan untuk semua orang. Cara Membuat Widget Chat di Blogger Langkah pertama : Masuk ke website http://chatango.com/creategroup  anda akan dibawa kehalaman indexnya disitu anda akan disuruh memilih 3 pilihan Box , Ticker , dan Tab pilih Box . Langkah kedua : Setelah memilih box anda akan dibawa lagi kehalaman editor untuk box ini, silahkan di edit tampilan boxnya sesuai keinginan anda. Langkah ketiga : Jika anda belum mempunyai akun di chattago, silahkan daftar dulu jika sudah punya akunnya silahkan login terlebih dahulu

Widget Img src: bloggerstutorial-09 Widget ini berfungsi untuk mengetahui artikel tidak mempunyai label atau random post widget ini bisa anda tambahkan disiderbar blog anda dan juga mempermudah penunjung artikel yang ada diluar pembahasan blog anda atau biasa kita sebut niche blog. Cara Menambahkan Widget Random Post di Blogger 1. Login ke akun blogger.com agan 2. Pergi ke Tata Letak -> Tambahkan Gadget -> Pilih HTML/Java Script . <div id='myLuckyPost'></div> <script type='text/javascript'> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLuck

Tutorial Blogger Img src: bloggerstutorial-09 Sebelumnya saya mengucapkan Selamat hari Raya Idul Adha 1347 H mohon maaf lahir dan batin, oke pada kesempatan kali ini saya membagikan kepada pengunjung blog saya ini untuk tau bagaimana cara membuat tombol download ini seperti yang kita tau cara ini mungkin sangat berguna bagi anda yang mempuyai niche blog Download dan lain-lain. Cara Membuat Tombol Download Simple di Blogger 1. Membuat Simple text tombol download. <a href=" LINK DISINI "> TEXT LINK </a> Contoh : <a href=" http://bloggerstutorial-09.blogspot.com/ "> BloggersTutorial-09 </a> 2. Membuat Tombol Download <FORM METHOD=" URL LINK " ACTION=" HALAMAN-ARTIKEL.html "> <INPUT TYPE="SUBMIT" VALUE=" Download "></FORM> Contoh : Penjelasan : FORM : Memberitahu bahwa di script ini mempunyai form. METHOD : Memberithu script bagaimana untuk memberitahu pertin

Tutorial Blogger Img src: bloggerstutorial-09 Sebagai publisher blog masalah sangat penting untuk blog anda, karena dengan blog anda kena deindex makan blog anda akan menglami visitor yang pasti akan menurun drastis, maka sangat penting untuk blog anda melakukan pengecekan blog anda kena deIndex atau tidak, caranya cukup mudah dengan menggunakan tool online dibawah ini. Diatas adalah gambar jika blog anda masih terindex ke google, apabila status lain dari seperti gambar diatas berarti blog anda sedang terindex oleh mesin pencari. Deindexed - Ketika domain Anda benar-benar dihapus dari Google . Juga dikenal sebagai Banned. Dihukum - Ketika domain atau halaman masih ada namun tidak satupun dari halaman Anda dapat ditemukan melalui permintaan pencarian yang sangat langsung . Hukuman ini dapat otomatis melalui algoritma Google atau manual yang diterapkan oleh Kualitas Insinyur Google. Sandbox - Domain Anda atau halaman tidak deindexed atau Penalized , tapi lalu lintas Anda d

Widget Img src: bloggerstutorial-09 Pada kesempatan kali ini saya akan membuat artikel cara membuat artikel terkait atau dalam bahasa inggrisnya related post, tentunya cara ini sangat penting untuk blog anda dengan menggunakan cara ini akan memudahkan anda memasang artikel terkait di tengah-tengah postingan/artikel yang anda buat. Maksud dari artikel terkait ini akan memudahkan pengunjung blog anda membaca artikel yang ia sedang baca dengan artikel lainnya yang terkait dengan ia baca saat itu, selain itu juga visitor blog anda akan cepat naik karena otomatis pengunjung blog anda akan menjelajahi blog anda. Cara Membuat Related Post Otomatis Di Tengah Artikel di Blogger Saran : Silahkan memback-up dulu template blog anda untuk menghindari kesalahan atau agar tidak terjadi yang tidak diiginkan dari widget ini! 1. Login ke akun blogger.com  kalian. 2. Pada dashboard blogger -> Template -> Edit Template. 3. Cari kode </head> lalu copy & paste code dibawah

Statis Pada artikel kali ini saya akan membagikan cara membuat halaman daftar isi di halaman statis blogger, yup pertam kita tau dulu apa itu daftar isi? daftar isi yang dimaksud di blog adalah untuk mempermudah pengunjung blog kita melihat semua artikel-artikel yang kita buat. Contoh daftar isi blog saya :  Daftar Isi - Bloggertutorial-09.blogspot.com Silahkan lihat daftar isi blog saya itu dan itu juga sebagai demo untuk membuat halaman daftar isi ini di blog kalian. oke langsung saja ke tutorialnya : Membuat halaman daftar isi : 1. Login ke akun blog sobat ke blogger.com 2. Buat halaman statis 3. Setelah itu copy code dibawah lalu ikuti tutorial gambar dibawah. <style type="text/css"> #toc{ width:99%; margin:5px auto; border:1px solid #2D96DF; -webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2); -moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2); box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2); } .labl{ color:#FF5F00; font-weight:bold; ma

Tutorial Blogger Img src: bloggerstutorial-09 Memasang search box di blog anda sangatlah penting untuk memudahkan pengunjung agar mencaari artikel yang ingin ia baca, search box ini akan mencari seluruh artikel anda namu yang paling spesial dari search box ini adalah search form ini menggunakan google search jadi apabila pengunjung mengklik apa yang dia cari dari search box ini akan seperti mengklik dari google dalam hal ini anda mendapatkan lagi visitor organik dari blog anda. Catatan : Perlu anda ketahui sebelum mencoba ini silahkan back up terlebih dahulu template anda. Memasang search box di blogger 1. Login ke Dasboard Blogger -> Template 2. Pilih Edit HTML 3. Cari kode ]]></b:skin> gunakan CTRL+F agar memudahkan pencarian. 4. Copy kode dibawah tepat diatas kode ]]></b:skin> tadi. #searchform {     position:absolute;     right:0;     top:80px; } #searchform input {     border:1px solid #626262;     background:#000;     paddin

Tutorial Blogger Img src: bloggerstutorial-09 Gambar untuk blogger adalah sangat penting untuk blog anda, apabila di postingan anda tidak terdapat gambar postingan blog anda terasa sepi gambar ini juga sebagai sarana pendukung blog anda menjadi lebih SEO lagi. Dengan menggunakan efek memperbesar gambar blog anda akan otomatis memperbesar sangat cocok bagi anda yang mempunyai niche Tutorial, baik tutorial pc maupun tutorial photosohp. Cara Memasang efek memperbesar gambar : 1. Pergi ke Dashboard Blogger -> Template 2. Klik Edit HTML 4. Cari kode ]]></b:skin> , gunakan CTRL+F untuk memperbudah pencarian. 5. Copy code berikut diatas kode ]]></b:skin tadi. .efekgambar img{ -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; opacity: 0.7; margin: 0 10px 5px 0; } .efekgambar img:hover{ -webkit-transform:scale(1.1); -moz-tran

Widget Img src: bloggerstutorial-09 Widget ini sangat cocok untuk blog anda yang ingin membuat blog anda menjadi keren dan tentunya enak dilihat dan dipandang oleh visitor blog anda, widget sosial media ini juga sangat bermanfaat agar pengunjung blog anda juga mengetahui sosial media anda. Diatas adalah gambar metro sosial media yang saya akan berikan tutorialnya, tentunya kalian pasti sangat ingin memasang widget diatas ke blog kalian caranya sih sangat mudah, oke langsung saja. Cara pasang widget sosial media : 1. Login di blogger.com 2. Pergi ke Tata Letak -> Tambahkan Gadget Baru. 3. Pilih HTML/Java Script, lalu tambahkan kode dibawah. <div class="metro-social"> <li><a class="fb" href=" link facebook kamu "></a></li> <li><a class="tw" href=" link twitter kamu" ></a></li> <li><a class="gp" href=" link google+ kamu "></a><