tag:blogger.com,1999:blog-4892872555702126775Thu, 19 Dec 2024 03:29:44 +0000TutorialBloggerJqueryAlexa RankInfoWidgetBottomCSSCode SnippetFontGambarHTMLJavaScriptKomentarNavigasiSEOTipsToolssederet tutorial, blogger hacks , free blogger templates, blogspot tutorial, blogger tutorialhttp://sederettutorial.blogspot.com/noreply@blogger.com (Anonymous)Blogger23125en-usnosederet tutorial, blogger hacks , free blogger templates, blogspot tutorial, blogger tutorialnoreply@blogger.comtag:blogger.com,1999:blog-4892872555702126775.post-8320680524415961182Tue, 24 Mar 2015 02:29:00 +00002015-03-23T19:29:33.640-07:00BloggerCSSNavigasiTutorial A da banyak sekali model menu dropdown diatas header blog mulai dari yang simple , responsive , fast loading sampai disertai dengan tombol sosial media seperti facebook ,google plus , twitter dan youtue. Namun pada intinya memasang menu navigasi di blogspot tujuannya sama yaitu memberikan kemudahan kepada pengunjung untuk mencari artikel yang ada di blog kita , berdasarkan tags maupun kategori.http://sederettutorial.blogspot.com/2015/03/cara.membuat.menu.navigasi.di.blog.dengan.sosial.media.htmlnoreply@blogger.com (Anonymous)1tag:blogger.com,1999:blog-4892872555702126775.post-978646660150442480Mon, 23 Mar 2015 01:00:00 +00002015-03-22T18:00:34.989-07:00BloggerBottomTutorial Keberadaan tombol share untuk saling membagi artikel atau sharing ke media sosial seperti Facebook, Twitter dan lainnya sangat diperlukan dalam blog maupun website. Banyak dari pembaca yang suka men-sharing apa yang mereka baca di blog kita. Secara otomatis, justru hal ini akan membuat blog Anda semakin dikenal banyak orang melalui artikel yang mereka share. Pada kesempatan hari ini saya akan http://sederettutorial.blogspot.com/2015/03/cara-membuat-tombol-share-di-blog.htmlnoreply@blogger.com (Anonymous)0tag:blogger.com,1999:blog-4892872555702126775.post-1397185394317199921Sat, 21 Mar 2015 04:22:00 +00002015-03-20T21:25:21.066-07:00BloggerTutorial Blog merupakan sigkatan dari “Web log” adalah salah satu aplikasi web berupa tulisan-tulisan yang umum disebut sebagai posting pada halaman web. Tulisan-tulisan tersebut seringkali diurut dari yang terbaru dan diikuti oleh yang lama. Pada awalnya, blog dibuat adalah sebagai catatan pribadi yang disimpan secara online, namun kini isi dari sebuah blog sangat bervariatif ada yang berisi tutorialhttp://sederettutorial.blogspot.com/2015/03/panduan.membuat.blog.diblogger.htmlnoreply@blogger.com (Anonymous)0tag:blogger.com,1999:blog-4892872555702126775.post-5596542785979998348Tue, 17 Mar 2015 05:48:00 +00002015-03-16T22:48:49.816-07:00BloggerSEOTutorial SEO (Search Engine Optimization) Merupakan teknik yang suka tidak suka wajib dikuasi oleh seorang blogger agar blog bisa ramai dan onpage. Artikel onpage di mesin pencari seperti Google, Yahoo, Bing, AOL dan mesin pencari lainya adalah sesuatu yang banyak sekali diinginkan oleh para blogger tentunya agar pengunjung blog semakin ramai. Untuk itu saya akan menggunakan platform blogspot untuk http://sederettutorial.blogspot.com/2015/03/cara.optimasi.seo.diblogspot.htmlnoreply@blogger.com (Anonymous)0tag:blogger.com,1999:blog-4892872555702126775.post-8895039638161911760Tue, 17 Mar 2015 02:31:00 +00002015-03-16T19:39:46.669-07:00Tips Situs penerjemah sudah menjadi kebutuhan pokok orang-orang yang membutuhkan alat untuk menerjemahkan sesuatu kalimat, paragraf. Hampir semua situs penerjemah ini tidak beda jauh dengan software kamus offline terbaik. Namun situs ini berbasis web, atau menggunakan bahasa pemograman PHP. Kebanyakan situs online tidak akan mempunyai batasan mengenai jumah kata-kata yang dimasukan dalam kolom http://sederettutorial.blogspot.com/2015/03/situs-online-translator-terpopuler-dan.htmlnoreply@blogger.com (Anonymous)0tag:blogger.com,1999:blog-4892872555702126775.post-8708203492262881391Fri, 13 Mar 2015 03:16:00 +00002015-03-12T20:21:33.741-07:00BloggerTutorial Breadcrumb adalah navigasi menu untuk mempermudah pengunjung web/blog melacak lokasi dalam dokumen dan kembali ke awal dengan mudah. Breadcrumb sendiri biasanya berada pada posisi atas halaman web/blog atau biasanya berada di bawah header. Ditinjau dari sisi usability, Breadcrumb memiliki beberapa fungsi, yaitu : Menunjukkan lokasi atau path dari halaman web yang sekarang sedang kita http://sederettutorial.blogspot.com/2015/03/cara-membuat-breadcrumb-agar-terindex.htmlnoreply@blogger.com (Anonymous)0tag:blogger.com,1999:blog-4892872555702126775.post-4770193894011685844Fri, 13 Mar 2015 02:09:00 +00002015-03-12T19:09:37.179-07:00Info Cara mengecek pagerank. Setiap blogger mungkin sudah tahu tentang apa itu pagerank. Lalu bagaimana cara mengecek page rank blog atau website Anda? Pagerank akan terus diupdate dan tidak tahu pasti kapan pagerank akan diupdate oleh google. Pagerank dari website Anda bisa saja naik, tetap, atau bahkan turun. Akhir-akhir ini banyak yang mengatakan bahwa pagerank sudah tidak berpengaruh lagi http://sederettutorial.blogspot.com/2015/03/cara.mengecek.pagerank.website.htmlnoreply@blogger.com (Anonymous)0tag:blogger.com,1999:blog-4892872555702126775.post-5093821898899556979Thu, 12 Mar 2015 01:47:00 +00002015-03-11T18:47:39.102-07:00Alexa RankTutorial Cara daftar dan verifikasi blog di alexa terbaru 2015. Alexa adalah situs yang memberikan peringkat/rank terhadap blog Anda, salah satunya berdasarkan banyaknya pengunjung atau jumlah trafik. Anda bisa melihat artikel yang pernah saya tulis mengenai apa itu alexa dan kegunaanya. Pada artikel ini saya akan menjelaskan bagaimana cara bergabung di alexa, sekaligus cara verifikasi blog di alexahttp://sederettutorial.blogspot.com/2015/03/cara.daftar.dan.verifikasi.blog.htmlnoreply@blogger.com (Anonymous)0tag:blogger.com,1999:blog-4892872555702126775.post-1115572614268855083Wed, 11 Mar 2015 14:30:00 +00002015-03-11T23:52:23.260-07:00Alexa RankTutorialWidget Sekarang alexa sudah memperbarui situsnya dengan mengubah atau menambah fitur-fitur baru. Tampilan websitenya juga lebih enak dipandang dan lebih modern. Apa Itu Alexa Rank dan Kegunaannya? Cara Daftar dan Verifikasi Blog di Alexa Terbaru Bagi yang ingin menampilkan alexa rank widget di website, Anda tidak akan menemukan fitur untuk melakukannya. Jika sebelumnya hal ini dapat dilakukan http://sederettutorial.blogspot.com/2015/03/cara.mudah.memasang.widget.alexa.rank.htmlnoreply@blogger.com (Anonymous)0tag:blogger.com,1999:blog-4892872555702126775.post-6025873118694772938Wed, 11 Mar 2015 06:28:00 +00002015-03-11T17:45:36.515-07:00Alexa RankInfo Apa itu alexa rank dan apa kegunaannya bagi website Anda? Alexa rank adalah peringkat yang diberikan terhadap suatu website berdasarkan trafik atau banyaknya pengunjung. Data trafik atau pengunjung yang diperoleh alexa diambil dari toolbar alexa yang dipasang di setiap browser pengguna internet. Selain trafik, ada juga beberapa faktor lain yang berpengaruh dalam meningkatkan ranking alexa. http://sederettutorial.blogspot.com/2015/03/apa.itu.alexa.rank.htmlnoreply@blogger.com (Anonymous)0tag:blogger.com,1999:blog-4892872555702126775.post-7631832303448671460Wed, 11 Mar 2015 01:31:00 +00002015-03-10T19:28:24.395-07:00GambarTutorial Cara mengubah kualitas gambar yang diupload ke blogger. Gambar atau foto yang di-upload melalui blogger akan tersimpan di album Google Picasa. Album ini akan otomatis terbentuk sesuai dengan blog-blog yang Anda miliki di blogger. Kuota yang disediakan Picasa untuk menyimpan gambar mencapai 15 GB. Ada satu hal yang mungkin sedikit menggangu ketika melakukan upload gambar melalui blogger. http://sederettutorial.blogspot.com/2015/03/cara.mengubah.kualitas.gambar.diblog.htmlnoreply@blogger.com (Anonymous)0tag:blogger.com,1999:blog-4892872555702126775.post-6930200560656115968Tue, 10 Mar 2015 13:33:00 +00002015-03-10T06:39:44.308-07:00BloggerInfo Beberapa waktu lalu saya mencari tool untuk menguji resposive layout dan saya menemukan tool yang cocok yaitu Screenfly dari Quirktools yang bisa kita gunakan untuk mengetes responsive layout dengan berbagai ukuran dan berbagai device. Pengaturan yang mudah untuk menentukan sendiri lebar device dan juga bisa mencoba layout dengan berbagai ukuran device yang tersedia, menjadikan Screenfly sebagaihttp://sederettutorial.blogspot.com/2015/03/responsive.layout.testing.tool.htmlnoreply@blogger.com (Anonymous)0tag:blogger.com,1999:blog-4892872555702126775.post-6672802990345269116Tue, 10 Mar 2015 03:24:00 +00002015-03-09T20:24:20.402-07:00BloggerTutorial Blog adalah bentuk aplikasi web yang menyerupai tulisan-tulisan ( yang dimuat sebagai posting ) pada sebuah halaman web umum. Penyedia blog gratis sudah banyak diantaranya Blogger, Wordpress, Drupal, Blog Detik dan masih banyak lagi. Untuk membuat blog di Blogger kita harus mempunyai akun Gmail. Setelah Anda mempunyai akun Gmail, langkah selanjutnya buka situs Blogger.com. Silakan login http://sederettutorial.blogspot.com/2015/03/cara.membuat.blog.diblogger.htmlnoreply@blogger.com (Anonymous)0tag:blogger.com,1999:blog-4892872555702126775.post-1951087847372854713Mon, 09 Mar 2015 05:13:00 +00002015-03-09T17:24:03.819-07:00BloggerTutorial Kali ini saya akan berbagi cara membuat daftar isi Ala Kang Ismet seperti yang saya gunakan. Untuk menggunakan diblog sobat silahkan ikuti langkah - langkah berikut ini. Langkah : Login pada blog Anda masing-masing. Pada menu dashboard pilih menu laman. Lalu pilih menu laman baru. Setelah itu jangan lupa untuk mengganti jenis compose menjadi html. Lalu copy script dibawah ini lalu paste http://sederettutorial.blogspot.com/2015/03/cara.membuat.daftar.isi.ala.kang.ismet.htmlnoreply@blogger.com (Anonymous)0tag:blogger.com,1999:blog-4892872555702126775.post-1929509637394637224Mon, 09 Mar 2015 02:08:00 +00002015-03-08T19:28:09.364-07:00BloggerJqueryTutorialWidget Custombox.js adalah sebuah plugin yang bisa kita gunakan untuk membuat modal window dialog box. Secara default, plugin ini memiliki 20 efek transisi namun bisa kita kembangkan lagi pada beberapa efek transisi dengan memberikan posisi. Dengan begitu kita bisa membuat berbagai dialog box di blog untuk berbagai keperluan. Misalnya untuk dialog box informasi pengunjung, untuk menampilkan widget, http://sederettutorial.blogspot.com/2015/03/membuat.modal.dialog.box.htmlnoreply@blogger.com (Anonymous)0tag:blogger.com,1999:blog-4892872555702126775.post-4015175753486117481Sat, 07 Mar 2015 06:28:00 +00002015-03-12T17:41:41.608-07:00BloggerFontTutorial Font Awesome adalah kumpulan ikon dengan basis font yang bisa kita gunakan untuk menggantikan gambar dalam menampilkan ikon di blog sehingga bisa mengurangi loading blog. Sebenarnya kita masih bisa menggunakan gambar untuk menampilkan icon di blog dengan menggunakan css sprite untuk mengurangi loading blog. Namun tentunya kita harus membuat gambar kumpulan beberapa icon yang kita perlukan http://sederettutorial.blogspot.com/2015/03/penggunaan.font.awesome.terbaru.versi.htmlnoreply@blogger.com (Anonymous)0tag:blogger.com,1999:blog-4892872555702126775.post-1172863304401090020Fri, 06 Mar 2015 06:40:00 +00002015-03-07T16:04:01.320-08:00Jquery Mungkin Anda sering melihat beberapa tutorial yang menyertakan demo dari JSFiddle, CSS-Deck, Codepen, dll, dengan mengembed / membuat demo dengan iframe.  Supaya lebih SEO friendly, saya sarankan jangan langsung menggunakan iframe, tapi gunakan IFrame Loader. Akan tetapi semuanya saya serahkan kepada Anda, mana yang menurut Anda paling mudah digunakan.   Inilah contoh http://sederettutorial.blogspot.com/2015/03/membuat.demo.jsfiddle.diblog.htmlnoreply@blogger.com (Anonymous)0tag:blogger.com,1999:blog-4892872555702126775.post-2936379749484544034Fri, 06 Mar 2015 05:31:00 +00002015-03-06T05:52:48.814-08:00Code SnippetJavaScriptKomentar Fungsi sederhana untuk mencegah hadirnya tautan aktif dalam daftar komentar. Cara kerjanya, JavaScript akan menyeleksi sebuah elemen induk dengan ID tertentu (dalam hal ini: #comment-holder), kemudian akan melihat semua item di dalamnya (dalam hal ini <p>). Jika setidaknya sebuah tautan ditemukan, dengan sekejap ganti semua konten item tersebut dengan pesan larangan tertentu. function http://sederettutorial.blogspot.com/2015/03/mencegah-tautan-link-aktif-masuk-ke.htmlnoreply@blogger.com (Anonymous)0tag:blogger.com,1999:blog-4892872555702126775.post-155812595350208219Fri, 27 Feb 2015 01:59:00 +00002015-02-26T17:59:48.584-08:00HTMLTutorial Seringkali terkadang jumlah posting yang muncul di halaman search label blogger melebihi jumlah yang sudah kita terapkan di pengaturan dasar, ketik kita telah mengatur jumlah posting yang muncul di halaman beranda blogger dengan jumlah maksimal misalkan sepuluh posting maka poating yang akan muncul di halaman label akan tetap berada di jumlah default. untuk mengatasi hal tersebut kita bisa http://sederettutorial.blogspot.com/2015/02/membatasi.jumlah.posting..label.htmlnoreply@blogger.com (Anonymous)3tag:blogger.com,1999:blog-4892872555702126775.post-9109183505806781235Thu, 26 Feb 2015 05:20:00 +00002015-02-26T17:14:12.045-08:00Jquery Pada kesemptan ini saya akan menjelaskan bagaimana cara membuat jQuery show() hide() dan toggle() tetapi untuk menggunakan efek ini tentunya blog sobat harus sudah tertanam framework jQuery seperti ini : <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/> Pemasangan jQuery pada template cukup 1 saja. Apabila ada beberapa versi http://sederettutorial.blogspot.com/2015/02/jquery.show.hide.dan.toggle.htmlnoreply@blogger.com (Anonymous)0tag:blogger.com,1999:blog-4892872555702126775.post-3122828046522156670Wed, 25 Feb 2015 07:53:00 +00002015-02-24T23:53:39.049-08:00BloggerToolsTutorial Bagi Anda yang memerlukan Parse HTML seperti kode iklan, dll. agar kodenya sesuai atau dapat diterapkan pada template blog Anda, silahkan gunakan kotak parse HTML di bawah ini. Silahkan paste-kan kode yang Anda maksud atau ingin di-parse tersebut pada kotak di bawah ini, kemudian tekan tombol Parse, selanjutnya silahkan copy kode yang didapat dan pastekan pada template blog Anda. Bagi http://sederettutorial.blogspot.com/2015/02/parse.htmlnoreply@blogger.com (Anonymous)0tag:blogger.com,1999:blog-4892872555702126775.post-3012734883957555228Wed, 25 Feb 2015 07:09:00 +00002015-02-26T17:24:44.283-08:00BloggerTutorial Pada kesemptan ini saya akan menjelaskan bagaimana cara membuat Google Custom Search Engine (CSE), setelah itu akan di berikan tutorial memasang mesin pencari google ubahsuaian di blogger, sehingga akan memudahkan pengunjung dalam melakukan penelusuran setiap konten yang di inginkan pengunjung blog Anda. Ini merupakan tutorial membuat Google Custom Search Engine terbaru.  Google Customhttp://sederettutorial.blogspot.com/2015/02/membuat.google.search.engine.diblog.htmlnoreply@blogger.com (Anonymous)0tag:blogger.com,1999:blog-4892872555702126775.post-6039076227629423788Wed, 25 Feb 2015 07:04:00 +00002015-02-26T17:20:25.894-08:00JqueryTutorial Jika Anda mempunyai blog yang suka memposting kode-kode HTML, CSS, atau JavaScript, maka syntax highlighter perlu Anda coba untuk membuat tampilan kode-kode yang Anda bagikan menjadi lebih menarik. Salah satu syntax highlighter yang saya rekomendasikan untuk Anda pasang di blog adalah Highlight.js. Highlight.js dapat membaca bahasa kode yang kita tulis secara otomatis tanpa harus http://sederettutorial.blogspot.com/2015/02/memasang.syntax.highlighter.diblog.htmlnoreply@blogger.com (Anonymous)0