Langsung ke konten utama

Postingan

Menampilkan postingan dengan label Tutorial Blog

Cara Mengedit File Hosts

Trick Membuat Tabs jQuery Dengan Mudah

Hai, pengunjung setia The Master Blogger . Hari ini saya akan membahas mengenari trick membuat Tabs jQuery dengan mudah. Trick ini sangat mudah untuk dipelajari karena dengan sekejap saja kamu bahkan bisa membuat blog kamu keren dengan pembagian tabs gadgetnya. Trick ini berhasil 100% pada setiap blogger. Bagi yang ingin membuat Tabs jQuery, ikuti langkah-langkahnya dibawah ini : Pertama kamu harus login ke blogger.com Pilih Tata Letak => Tambah Gadget => HTML/JavaScript Copy script dibawah ini dan letakkan di  HTML/JavaScript Kemudian klik "Simpan", setelah itu agar trick ini berfungsi, letakkan gadget HTML/JavaSript pada urutan pertama Kalau untuk urutan kedua, ketiga, dan keempat di isi dengan gadget yang kamu ingin tampilkan menjadi tab. Kalau sudah selesai tampilannya akan seperti  gambar dibawah ini atau lihat disebelah kanan blog ini.

Trick Membuat Efek Hover Pada Gambar

Pada posting sebelumnya membahas mengenai " Trick Merubah Scroll Pada Blog ", hari ini saya akan membahas tentang Trick Membuat Efek Hover Pada Blog . Agar blog kamu menjadi pusat pandangan para pengunjung, blog kamu harus di modifikasi supaya indah. Caranya dengan membuat efek hover pada blog kamu. Fungsi efek hover pada gambar ini adalah membuat gambar-gambar pada setiap postingan kamu menjadi buram dan ketika kursor pada komputer kamu mendekati sebuah objek gambar, gambar itu akan menjadi seperti semula atau tidak buram. Bagi kamu yang penasaran ingin melihatnya silakan lihat screenshot: Langkah-langkahnya: Login ke www.blogger.com dengan akun blog kamu Pilih Template => Edit HTML => Lanjut dan centang "Expand Template Widget" Kemudian cari kode ]]></b:skin> dengan menekan tombol Ctrl+F Copy script dibawah ini dan Paste tepat diatas kode ]]></b:skin> .hovereffect img { opacity:0.5; filter:progid:DXImageTransform....

Cara Membuat Sitemap According

Pada saat browsing di dunia maya, tidak sengaja saya menemukan artikel yang menarik. Disini saya akan berbagi sedikit trick membuat Sitemap atau Daftar isi di blog. Trick ini menggunakan widget yang berfungsi untuk membuat sebuah Sitemap dengan tambahan animasi yang akan membuat blog kamu menjadi keren dan memikat. Oke, bagi kamu yang suka meng-edit template blog seperti saya, kayaknya kamu harus mengikuti langkah-langkah dibawah ini : Klik tombol DEMO untuk melihat contoh sitemapnya DEMO 1.    Pergi ke www.blogger.com  masuk dengan akun kamu 2.    Pilih Laman => klik Laman Baru, kemudian Laman Kosong 3.    Di sudut kiri atas ubah pengeditannya dari Compose ke HTML 4.    Kemudian copy script dibawah ini dan letakkan di tempat HTML <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> <link rel="stylesheet" media="screen" href="http://reader-download.googl...

Trick Merubah Scrollbar Pada Blog

Hai sobat blogger, sudah seminggu saya gak posting-posting. Tangan saya jadi gatel nih, gara-gara gak posting lagi. Kali ini saya akan posting " Trick Merubah Scroll Pada Blog ". Pasti diantara kalian sudah pernah mengganti scroll blognya. Disini saya cuma sekedar share sedikit script, kali aja diantara sobat blogger ada yang belum/ingin mencoba trik ini. Bagi sobat yang ingin mengganti scroll blognya silakan ikuti langkah-langkah dibawah ini : Login ke www.blogger.com dengan akun blog kamu Pilih Template => Edit HTML => Lanjut dan centang "Expand Template Widget" Kemudian cari kode  ]]></b:skin> dengan menekan tombol Ctrl+F Copy kode dibawah ini dan Paste/ letakkan tepat di atas kode  ]]></b:skin> ::-webkit-scrollbar{height:10px;overflow:visible;width:10px} ::-webkit-scrollbar-button{height:0;width:0} ::-webkit-scrollbar-track{background-clip:padding-box;border:solid transparent;border-width:0 0 0 1px} ::-webkit-scrollbar-tra...

Cara Posting Lewat Email (HP dan Gmail)

Hai sobat blogger, malam ini saya akan memposting sedikit trick semoga dapat membantu para blogger untuk memposting blognya dengan Email. Kadang dari sobat blogger ada yang mau simple dalam memposting di blognya. Trick ini bisa dilakukan dengan cara memposting lewat MMS di hp atau lewat internet seperti Gmail. Hp jadulpun bisa memposting asalkan bisa mengirim pesan email Caranya cukup mudah, yaitu : 1.    Masuk ke blogger www.blogger.com  dengan akun blog kamu 2.    Klik Setelan => Selular dan email, kemudian isilah dengan kata-kata di kotak secretWords Contoh gambar : Klik gambar untuk memperbesar 3.    Klik pilihan dari kata "Dinonaktifkan" >> "Segera publikasikan email", Kalau sedau beres tinggal klik Simpan setelan 4.    Jika kamu ingin mempostingnya tinggal kirim ke email yang tadi, contoh  Nama depan email . secretWords @blogger.com. Misalnya, zulfifirefox . 123 @blogger.com 5.    Kiriman posting...

Trick Judul Blog Berada Dibelakang Post

Blog juga memerlukan kata kunci/Keyword agar dapat diakses di mesin pencarian seperti Google . Agar blog dapat terindeks dengan cepat jadikan blog kamu SEO Friendly , karena google lebih suka dengan blog yang SEO Friendly . Trick merubah judul blog berada dibelakang Posting, dengan ini Judul Blog berada di belakang dan Judul Posting berada di depan. Langkah-langkahnya :  1.    Login ke Blogger.com  dengan akun kamu 2.    Pilih Template => Edit HTML => lanjutkan dan centang "Expand Widget Templates" 3.    Cari kode  <title><data:blog.pageTitle/></title> dengan menekan Ctrl+F . 4.    Kalau sudah ganti kode tersebut dengan kode berikut ini (edit tulisan berwarna merah dengan Keyword kamu blog kamu) :  <b:if cond='data:blog.pageType == "item"'> <title><data:blog.pageName/> | <data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/...

Cara Memposting Game di Blogspot

Hai sobat blogger, pernahkah kamu bermain game online yang ada di internet seperti Games.co.id , Y8.com , dan lain-lain. Pasti kamu berfikirnya, bagaimana caranya memposting sebuah game online diblog?  Caranya cukup gampang-gampang susah, seperti blog yang telah saya buat khusus untuk game online gratis klik disini . Oke langsung aja kita praktikan : 1.    Pertama, kunjungi website freeonlinegames.com 2.    Pilih game yang ada disana 3.    Copy kode game tersebut yang ada dibawah game tersebut Contoh gambar : Klik gambar untuk memperbesar 4.    Lalu pergi ke blogger.com 5.    Buat Entri Baru => ubah Compose ke HTML => dan paste kode yang telah kamu copy tadi 6.    Klik "Pratinjau" dan lihat apakah ada yang salah atau tidak 7.    Kalau semua sudah beres tinggal kasih Judul dan klik Publikasikan (seperti buat posting) 8.    Dan hasilnya seperti =>  ini . Semoga berhasil (^_...

Cara Memasang Obrolan FB Di Blog

Hai, sobat blogger. Hari ini saya akan berbagi sedikit trick untuk memasang Obrolan di Blog seperti obrolan yang ada di Facebook. Tujuan ini adalah mempermudah kamu dan pengunjung untuk saling berkomunikasi. Kamu juga dapat mengetahui orang yang sedang kunjung ke blog kita. Klik gambar untuk memperbesar Klik gambar untuk memperbesar Petunjuk 1 : Pertama kamu Sign Up disini Kemudian isi formulir pendaftaran lalu klik  Create My Free Account! Setelah itu akan muncul Last Step Pilih Script yang akan di letakkan di blog kamu ( Kalau kamu pengguna Blogspot gunakan pilihan Other ) Kemudian Copy kode/Script yang ada dibawahnya dan klik I'm Finished Petunjuk 2 : Masuk ke blog kamu ( Blogger.com ) Klik Tata Letak => Tambah Gadget => HTML/JavaScript. Kemudian paste kode yang tadi, lalu klik Simpan Kalau sudah beres dan tidak ada yang salah Klik Simpan Setelan Catatan : Kalau kamu ingin berkomentar silakan klik kotak obrolan yang ada diblog lalu...

Cara Membuat Fans Page FB Auto Hide di Blog

Jika kamu gemar menghias blog dengan animasi dengan tampilan elegant diblog kamu. Sekarang saya akan memposting " Cara Membuat Fans Page FB Auto Hide di Blog ". Widget ini adalah widget untuk menampilkan Fans Page kamu diblog dengan tampilan Auto Hide/tersembunyi di bagian kanan blog. Contoh Fans Page FB Auto Hide milik saya :  Langkah 1 Login ke Blogger.com  dengan akun blog kamu Klik Template => Edit HTML => lanjut dan centang "Expand Template Widget" Kemudian cari kode </head> dengan menekan Ctrl+F Salin kode dibawah ini dan Paste tepat di atasnya </head> , kemudian klik Save/Simpan.

Google Update PageRank (8 November 2012)

Alhamdulillah , hari ini adalah hari keberuntungan saya karena blog ini telah mendapatkan hadiah PageRank 1 dari Google . Saya sangat berterima kasih kepada Google . Tidak sia-sia blog ini telah saya edit berulang-ulang kali. Google berbagi pada tanggal 8 November 2012 ( hari ini ). Saya harus rajin nge-post yang bagus dan berkualitas. Hari ini banyak orang yang blognya meningkat dan ada juga blognya malah menurun. Sabar, masih ada kesempatan selanjutnya untuk meningkatkan Blog/PageRank kamu. Berikut ini adalah gambar PageRank blog saya :  Klik gambar untuk memperbesar Kalau ingin cek PageRank blog kamu silakan letakkan URL blog kamu dibawah ini dan klik Check PR Check Page Rank of your Web site pages instantly: This page rank checking tool is powered by Page Rank Checker service Semoga Blog Kamu Mendapatkan PageRank

Cara Memasang Meta Tag Otomatis

    Pemasangan Meta Tag  ini sangat berpengaruh pada optimasi SEO . Oleh karena itu dengan pemasangan meta tag kamu terhindar dari hal duplikat meta deskripsi pada setiap posting kamu. Jadi setiap kamu membuat posting akan memiliki meta tag deskripsi yang berbeda-beda antara posting yang satu dengan yang lain. Berikut langkah-langkah memasang meta tag : 1.    Login ke Blogger.com  dengan akun kamu. 2.    Klik Template => Edit HTML => lanjut dan centang "Expand Template Widget" 3.    Kemudian cari kode <title><data:blog.pageTitle/></title>  dengan menekan Ctrl+F . 4.    Hapus kode tersebut dan ganti dengan kode dibawah ini <b:if cond='data:blog.url == &quot;http://Url-anda.blogspot.com/&quot;'> <title><data:blog.pageTitle/></title> <meta name='DESCRIPTION' content=' Isi dengan deskripsi kamu '/> <meta name='KEYWORDS' content=' Isi dengan key...

Cara Membuat Related Post Thumbnail

Kali ini saya akan posting " Cara Membuat Related Post Thumbnail ". Cara ini bertujuan mempermudah pengunjung yang sedang datang keblog kamu untuk melihat posting-posting yang lain mengenai hal yang sama dan bisa berlama-lama di blog kamu. Karena cara ini adalah salah satu cara agar blog menjadi SEO Friendly. Langkah-langkahnya : 1.    Login ke blogger.com  dan masuk menggunakan akun blog kamu 2.    Pilih Template => Edit HTML => lanjut dan centang Expand Template Widget 3.    Kemudian cari kode dengan menekan Ctrl+F letakkan kode  </head> 4.    Copy kode dibawah ini dan letakkan tepat di atas kode  </head> 7.    Kode  var maxresults=8; yang ada diatas bisa kamu ubah angka 8 dengan jumlah posting yang ingin di tampilkan. 8.    Kalau sudah dan tidak ada yang salah, klik Simpan kemudian cek disetiap postingan kamu. Catatan : Bila ada kode/Script yang salah a...

Cara Memasang Breadcrumb di Blogger

Breadcrumb adalah salah satu yang disukai oleh google yang berbentuk menu navigasi . Dengan Script ini blog akan menjadi Seo Friendly, salah satunya dengan bantuan Breadcrumb. Tujuannya utamanya mempermudah bagi pengunjung yang sedang dapatang keblog kamu. Contoh BreadCrumb (Navigation) di blog saya Langkah-langkah: 1.    Login ke blogger.com 2.    Pilih "Rancangan" 3.    Pilih "Edit HTML" dan centang "Expand Widget Templates" 4.    Kemudian cari kode dengan menekan Ctrl+F  letakan kode  ]]></b:skin> 5.    Copy code dibawah dan letakkan tepat di atas  ]]></b:skin> .breadcrumbs{ padding-left:10px;font-size:95%; line-height:1.4em; border-bottom:4px double #cadaef; } 6.    Lalu cari kode  <b:includable id='post' var='post'> 7.    Setelah itu, copy kode dibawah ini dan letakan tepat di bawah kode  <b:includable id='post' var='post'> Anda di...

Situs-Situs Penyedia Ping

Apa itu Ping? Ping adalah singkatan dari P acket I nter n et G opher , yaitu sebuah program utilitas yang dapat digunakan untuk memeriksa Induktivitas jaringan berbasis TCP/IP... Baca selanjutnya>> Situs apa yang dapat menyediakan Ping gratis? Berikut ini situs-situs web penyedia Ping gratis dan terpercaya untuk Blog kamu, yaitu: GooglePing Ping-o-Matic Pingler.com TotalPing Pingates.com Caranya sangat gampang hanya mengisi Nama Blog kamu URL blog kamu ( http://sangmastervirus.blogspot.com/ ) RSS URL kamu ( http://sangmastervirus.blogspot.com/feeds/posts/default ) E-main kamu lalu check all Kemudian Send Ping

Situs-Situs Penyedia Tool Kompres CSS

Pernahkah kamu membuka blog kamu yang rasanya loadingnya lama dan berat. Itu karena banyak JavaScript/CSS yang ia pasang belebihan. Untuk menangani masalah ini, saya mempunyai solusi untuk mengatasi masalah tersebut yaitu dengan cara meng-kompres JavaSript/CSS yang ada di suatu blog. Berikut situs-situs penyedia tool kompres secara online yang bisa kamu kunjungi : CSS Compressor CSS Tidy Online CSS Optimizer CSS Driver Gallery Cara penggunaannya sangat gampang, yaitu dengan menyalin/Copy script gadget yang bagi kamu berat dan letakkan dikotak script yang telah disediakan, kemudian klik Compress. Tunggu sebentar, lalu copy script yang telah dikompres tersebut keblog kamu lagi. Bagi ada yang kurang jelas silakan berkomentar!

Merubah Popular Post Menjadi Animasi

Hai sobat blogger, hari ini saya ingin berbagi ilmu kepada kalian. Cara ini merupakan cara mengedit Entri Populer/Popular Post kamu. Bagi kamu yang suka dengan tampilan dinamis silakan ikuti langkah-langkah berikut ini : Buka blog kamu dan klik Template > Cadangkan/Pulihkan > Unduh template lengkap. Setelah download kemudian tutup Klik "Edit HTML" dan lanjutkan (jangan lupa centang Expand Template Widget) Cari kode  ]]></b:skin> (untuk memudahkan mencari kode tersebut tekan tombol Ctrl+F ) Kemudian Copy kode dibawah ini dan Paste di atas kode  ]]></b:skin> .popular-posts .item-thumbnail{float:left;} .popular-posts ul{padding-left:0px;} .popular-posts ul li {list-style-image: none;list-style-type: none;display:inline;} .popular-posts ul li img {padding:0px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;border: 2px solid #CCC;} .popul...

Cek Kecepatan Blog untuk Desktop dan Mobile

Tahukah kamu bahwa blog yang bagus adalah blogwebsite yang mempunyai loading yang cepat . Memang blog/website yang memiliki loading yang cepat adalah blog yang sederhana, tetapi dengan blog yang cepat pengunjung yang memilik koneksi yang lambat lebih suka dari pada blog/website yang loadingnya lama alias berat . Oke, disini saya akan memberi website yang menyediakan layanan untuk cek kecepatan loading blog/website kamu, yaitu : Klik gambar untuk memperbesar Kunjungi website  pagespeed.googlelabs.com , Ketik alamat blog/website kamu, Lalu klik Analyze dan tunggu sebentar, Lihat hasilnya di Overview kalau disitu saya score 84. Klik gambar untuk memperbesar Klik gambar untuk memperbesar Catatan :  Semakin mendekati Score 100 semakin bagus blog/website kamu. Di situ kamu bisa mendapatkan tips mengatasi masalah blog yang berat, agar blog kamu lebih bagus bacalah dengan teliti. Terima kasih dan jangan lupa tinggalkan komentar kamu disini ...

Cara Membuat Widget Revolver Maps

Widget ini dapat melacak pengunjung blog kamu. Revolver Maps sangat bagus digunakan untuk para pengguna blog apalagi widget ini bisa kamu dapatkan dengan gratis. Caranya adalah ... Buka websitenya disini Klik Get Your Globe No.1 pilih salah satu gambar maps yang berbentuk Bumi No.2 pilih ukuran yang akan kamu letakan di blog kamu No.3 warna pengunjung blog, ini bertujuan bila ada pengunjung yang telah datang akan berwarnya dan berbentuk titik No.4 tandai yang kamu ingin tampilkan ketika ada pengunjung No.5 copy script dan letakkan di blog kamu Blogger.com => Tata Letak => Tambah Gadget => HTML/JavaScript

Pengertian Backlink dan Cara Mendapatkannya

Pengertian Backlink Backlink adalah suatu hubungan timbal balik antar situs, hubungan tersebut berupa nama-nama dan alamat situs. Contoh : Alamat situs A terdapat di situs B, begitupun sebaliknya. Fungsi Backlink sangat bermanfaat untuk mendapatkan PageRank suatu situs. PageRank juga berperan penting dalam situs yang banyak dicari-cari para pengguna situs seperti blog . Karena dapat meningkatkan jumlah pengunjung. Cara Mendapatkannya Berikut ini website penyedia backlink gratis yang bisa kamu kunjungi, yaitu : Matt's Wikimapia Blog (hanya memasukan kode captcha, judul situs, URL situs, dan pesan) Backlink Generator (memberikan 325 backlink) Auto Backlink Generator Pages (memberikan 239 backlink) Auto Backlink Generator   (memberikan 104 backlink) Free Back Links Generator (memberikan 24 backlink)

Trik Memposting TV Online di Blogspot

 online ini saya dapatkan dari blog sebelah. Disini saya akan memberi tau cara posting TV Online di blogspot milik kamu. 1.    Masuk ke blogger.com 2.    Buat entri baru 3.    Lalu ada dua pilihan Compose dan HTML kamu pilih HTML Klik gambar untuk memperbesar 4.    Copy scriptnya dan paste di Kotak HTML 5.    Contohnya kamu bisa lihat >> disini <<