Cara Mudah Meningkatkan Pengunjung Blog

Cara Mudah Meningkatkan Pengunjung Blog - Selamat siang sobat Dum-may? pada kesempatan yang baik ini saya akan coba share seputar tutorial ngeblog. Dewasa ini ngeblog tidak hanya sebagai hobby saja, namun sudah berkembang menjadi salah satu profesi yang lumayan diminati terutama oleh kalangan muda, selain akses internet yang mudah pada saat ini, ngeblog juga bisa dilakukan oleh siapa saja termasuk anak sekolah jadi sekarang banyak ditemui anak sekolah yang mampu membiayai sekolahnya sendiri dari hasil ngeblog (kaya'nya) hehehe...

Dan kalau kita ngomongin masalah ngeblog hal yang paling banyak menjadi topik pembicaraan di Dum-may adalah bagaimana cara meningkatkan traffik blog / website kita memiliki banyak pengunjung? hehehe.. Yap memang dengan mempunyai visitor blog yang melimpah itu merupakan kepuasan tersendiri dan selain itu dengan mempunyai banyak pengunjung maka biasanya akan berbanding lurus dengan pundi-pundi dollar yang akan kita terima hehehehe..

Terus bagaimana cara? Seperti memasarkan suatu produk, maka pertama yang perlu kita perhatikan adalah kualitas produk itu sendiri dan yang kedua adalah pemasrannya. Sama seperti dengan ngeblog kita juga harus memperhatikan kedua faktor itu kualitas produk (Seo On Page) dan pemasaran (Seo Of Page).

Seo On Page
Kulaitas blog merupakan hal yang sangat penting, karena jangan sampai visitor blog kita merasa kecewa ketika sudah masuk di blog kita, ada beberapa hal yang perlu sobat perhatikan.

• Sebelum membuat blog, silahkan sobat menentukan nama Url sobat yang sesuai dengan isi blog sobat, karena ini memudahkan google untuk mendeteksi keberadaan blog sobat. contoh : tutorialblog.com, gamegratis.com, tasmurah.com
   
• Artikel yang baik, usahakan blog sobat berisi artikel yang bermanfaat buat pengunjung dan usahakan menggunakan tata bahasa yang baik sehingga pengunjung betah berlama-lama membacara artikel yang sobat buat, dan usahakan jangan copy paste dari blog lain. karena ini akan berdampak buruk pada blog sobat. selian bisa dibanned oleh si embah Google yang lebih berat sobat dibenci oleh blogger lain.
   
• Tampilan yang menarik dan fast loading, ini bisa sobat siasati dengan memilih template blog menarik dan fast loading sehingga tidak terkesan murahan walaupun cuma blog gratisa kaya saya, hehehe dan visitor yang mau masuk ke blog sobat tidak harus menunngu lama.
   

Seo Of Page
Faktor kedua yang sangat menentukan banyak tidaknya traffik blog kita adalah Seo of page (pemasaran), dan hal-hal yang perlu sobat lakukan adalah

• Silahkan sobat share artikel sobat di Sosial Media seperti Facebook, Twitter, Google plus, Digg, LinkedIn, Pinterest, dll. Dan saya beri sedikit trik bagaimana caranya agar artikel yang kita posting secara otomatis menyebar layaknya virus di berbagai Sosmed di atas. Silahkan saja sobat daftar di Ifttt namun untuk penggunaanya silahkan sobat googling saja ya, atau silahkan utak atik sendiri, hehehe


• Share artikel di Sosial Bookmark, silahkan sobat promosikan artikel blog sobat di Sosbook seperti lintasme, populerkan dll, dan silahkan sobat cari sendiri Sosbook Indonesia yang mempunyai Page rank tinggi.
   
• Blogwalking, ini juga merupakan cara yang cukup baik untuk mendatangkan visitor. Namun yang lebih penting kita juga bisa mendapatkan backlink dari situ.
   
• Mendapatkan backlink berkualitas. Kalau kita bicara soal Seo of page maka bicara soal backlink. Nah untuk mendapatkan backlink perlu perjuangan namun jangan kuatir karena banyak sekali yang share. dan saran saya silahkan sobat join di forum-forum yang membahas seputar ngelog seperti ads.id atau bersosial.com, dan satu lagi berteman dengan para master blogger di FB ataupun Twitter.

Demikian sedikit tips yang dapat saya share buat sobat semua, mohon maaf kalau bahasanya amburadul maklum newbie, dan semoga bisa membantu meningkatkan pengunjung blog sobat, dan terima kasih sudah mau mampir di blog saya. :D

Read more »

Cara Memasang Iklan di Kanan dan Kiri Blog

Cara Memasang/Membuat Iklan di Kanan dan Kiri Blog - Assalamualaikum sobat Dum-may? Kalau beberapa hari ini update artikel bertema dengan hiburan, pada kesempatan yang baik ini saya akan share buat sobat para pencari recehan lewat blog, hehehehe.

Setelah beberapa waktu lalu saya update tenyang cara memasang iklan di bawah dan samping posting blog, kali ini saya akan share cara membuat iklan floating (melayang) di blog. Kenapa saya share cara ini karena ada beberapa PPC yang memperbolehkan memasang iklan seperti itu. Dan saya kira penempatan dengan cara ini sangat baik sekali untuk mendapatkan klik dari pengunjung, andai saja Google Adsense memperbolehkannya pasti, enak ya... hehehe

Nah bagi sobat yang lagi nyari-nyari bagaimana caranya, pas banget sobat mampir di blog saya. dan berikut adalah langkah-langkahnya.

• Pastikan sobat sudah login di blog sobat
• Pilih Tata Letak >> Tambahkan Gadget >> HTML JavaScript
• Kemudian masukkan script di bawah ini.

<!-- floating ads http://dum-may.blogspot.com/ --> <script type='text/javascript'> $(document).ready(function() { $('img#closed').click(function(){ $('#btm_banner').hide(90); }); }); </script> <script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)}; </script><script type="text/javascript"> if (window.jstiming) window.jstiming.load.tick('headEnd'); </script> <!--start: floating ads http://dum-may.blogspot.com/--> <div id="teaser2" style="width:autopx; height:autopx; text-align:left; display:scroll;position:fixed; bottom:0px;left:0px;"> <div> <a href="#" id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;"><center> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd0YTxKGubvLuEdVjtLpzIuqEBFkk5yg2euB9SDzFA3W4nbF5TQoHWrqtzj58ao3GPBA5_OCspq6wSpEAXMAqL-hbEN7GSJ2wGLzVRwrK8r-wDta_eQRyDMQTNPyzkAabAFNx3VDMKPm-P/s1600/PhoXo2.png'/></center> </a></div> LETAKKAN SCRIPT IKLAN BAGIAN KIRI DISINI </div> <!--end: floating ads http://dum-may.blogspot.com/--> <!--start: floating ads http://dum-may.blogspot.com/--> <div id="teaser3" style="width:autopx; height:autopx; text-align:right; display:scroll;position:fixed; bottom:0px;right:0px;"> <div> <a href="#" id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd0YTxKGubvLuEdVjtLpzIuqEBFkk5yg2euB9SDzFA3W4nbF5TQoHWrqtzj58ao3GPBA5_OCspq6wSpEAXMAqL-hbEN7GSJ2wGLzVRwrK8r-wDta_eQRyDMQTNPyzkAabAFNx3VDMKPm-P/s1600/PhoXo2.png'/></center> </a></div> LETAKKAN SCRIPT IKLAN BAGIAN KANAN DISINI </div> <!--end: floating ads http://dum-may.blogspot.com/--> <!-- end: floating ads http://dum-may.blogspot.com/ -->

• Rubah kalimat "LETAKKAN SCRIPT IKLAN BAGIAN KANAN DISINI" dengan script iklan sobat. Langkah terakhir silahkan sobat Simpan

Demikian sedikit yang dapat saya share buat sobat Dum-may semua, semoga bermanfaat, dan terima kasih sudah mau mampir di blog saya, Selamat Mencoba!! :D

Read more »

Cara Mendaftar dan Memasang Iklan Infolinks

Cara Mendaftar dan Memasang Iklan Infolinks - Selamat malam sobat semua Dum-may, piye kabare? semoga dalam keadaan baik, pada kesempatan yang baik ini saya masih akan share seputar ngeblog namun bukan tutorial ngeblongnya tapi bagaimana bisa menghasilkan $$ dari blog kita hehehe. yaitu Cara Mendaftar dan Memasang Iklan Infolinks

Bagi mastah-mastah yang sudah cukup lama berkecimpung di dunia ngeblog, infolinks bukanlah sesuatu yang asing tapi bagi sobat newbie seperti saya mungkin ini agak awam.. Nah sebelum saya menjelaskan langkah-langkah cara mendaftarnya, mungkin sobat perlu sedikit tau bahwa Infolink pendapatannya lumayan lho, buat newbie seperti saya saja perhari terkadang bisa dapat 5$, tapi rata 2-3 $ lumayan kan hehehehe.. dan yang paling penting Infolink ini terbukti membayar walaupun pembayarannya bukan awal bulan tapi pertengahan bulan. hehehehe

Untuk newbie sepert kita Infolink ini sangat rekomended sekali, disamping itu pendaftarannya juga tidak ribet cuma harus menggunakan bahasa inggris namun itu bisa sobat siasati sendiri. Terus bagaimana langkah-langkah mendaftar infolinks, berikut penjelasaanya.

• Silahkan sobat meluncur ke Infolinks
• Klik "Get it now"
• Kalau sudah muncul page pendaftaran silahkan sobat isi kolomnya yang ada, terus tunggu blog sobat di approve biasanya tidak lama 1 - 2 hari sudah ada pemberitahuan dari infolinks ke email yang sobat gunakan

• Kalau sudah diapprove, silahkan sobat login ke infolinks kemudian pilih "Integrate" >> JavaScript, copy paste script yang sudah muncul di template blog sobat, penempatanya di atas </body>.
   

Untuk mendapat klik yang banyak usahakan sobat pasang iklannya di bawah posting atau di atas posting blog. Demikian sedikit yang bisa saya share buat sobat Dum-may, semoga bermanfaat dan terima kasih sudah mau mampir di blog saya :D

Read more »

Cara Mendapatkan Ratusan Backlink Dengan Mudah

Cara Mendapatkan Ratusan Backlink Dengan Mudah - Assalamualaikum sobat Dum-may? Alhamdulillah bisa share lagi karena 2 hari ini lagi males, hehehe. Dan pada kesempatan yang baik ini saya akan coba share tentang Seo off page yaitu bagaimana agar kita bisa mendapatkan backlink dengan mudah.

Ngeblog bukanlah pekerjaan yang mudah, selain harus membuat artikel yang unik agar blog kita tidak dibanned oleh mbah Google, kita dituntut bisa mengoptimasi baik itu On Page maupun Off page. Dan pekerjaan yang paling melelahkan dan membosankan dalam ngeblog yaitu adalah mencari backlik. Ya mungkin karena saya masih amatir dan tidak punya biaya untuk membeli software untuk memudahkan mencari dan menanam backlink jadi ya cara manual yang harus saya lakukan. hehehe..

Dan disini saya akan berbagi cara mencari puluhan bahkan ratusan backlink dengan mudah. semoga ini bisa membantu sobat karena cara ini yang sering saya lakukan dan Alhamdulillah hasilnya lumaya, bisa buat nyepam tiap hari... Langsung saja ya sob..

• Silahkan sobat pasang SEO Toolbar by Moz untuk mengetahui seberapa banyak backlink yang ada, namun perlu diingat kalau hasilnya tidak sama, bisa lebih banyak bisa lebih sedikit. dan tampilannya seperti di bawah ini

• Kemudian sobat masuk ke halaman Backlinkwatch
• Masukkan url blog yang sobat anggap backlinknya banyak, tekan Check Backlink. Done!! silahkan lihat hasilnya

• Dari gambar di atas bisa diketahui jumlah backlink serta mana yang dofollow dan nofollow jadi enak, kita tinggal menyortir saja, karena blog dammynya juga banyak, hehehehe.

Mencari backlink dan menanam backlink perlu kerja keras dan ketelatenan, memang membosankan tapi ini harus sobat lakukan, dan satu lagi yang perlu sobat ketahui jangan terlalu banyak-banyak nyepam. Demikian sedikit yang dapat saya bagikan semoga dapat membatu sobat dalam mencari backlink, dan terima kasih sudah mau mampir di blog saya, Salam Nyepam!!

Read more »

Cara Menambah Penulis dan Mengganti Email Blog di Blogspot

Cara Menambah dan Mengganti Email Blog di Blogspot - Assalamualaikum sobat Dum-may? Pada kesempatan yang baik ini saya akan share seputar ngeblog lagi, semoga bisa bermanfaat buat sobat semua.

Menambah penulis atau mengganti email di blog kita sebenarnya sama saja, karena pada intinya agar blog kita bisa diakses oleh dua atau lebih akun email yang berbeda. Namun sebenarnya alasan saya menulis hal ini bukan karena itu, kalau boleh sedikit cerita alasannya karena akun google plus saya di banned jadi tidak bisa otomatif share di google plus mungkin karena kebanyakan nyepam hehehe.

Bagi sobat yang mengalami hal seperti saya atau sekedar pengen mengganti email blog sobat, langsung saja ikuti langkah berikut ini.

• Buat email penggantinya dulu (paling 5 menit)
• Buka blog sobat pilih Setelan >> Dasar >> Tambah Pengarang, silahkan sobat ketikkan email penggati yang sobat buat lalu klik Undang pengarang, untuk lebih jelas perhatikan gambar dibawah

• Langkah berikutnya, silahkan buka email pengganti yang sobat buat dengan browser yang berbeda, nanti sobat akan mendapat email pemberitahuan dari email blog sobat yang pertama, klik Terima undangan lalu ikuti saja langkahnya.. Selesai!!

Selamat mencoba, semoga tulisan saya yang tidak karu-karuan ini bisa membantu kesulitan sobat, dan terima kasih sudah mau mampir di blog saya. :D

Read more »

Cara Terbaru Membuat Menu Dropdown Di Blogspot

Cara Terbaru Membuat Menu Dropdown Di Blogspot - Assalamualaikum sobat semua Dum-may, semoga dalam keadaan sehat (aminnn,,,). Pada kesempatan yang berbahagia ini saya akan coba untuk memberikana sedikit tutorial tentang blog lagi.

Bagi sobat yang baru mengenal dunia ngeblog (seperti saya), mungkin sobat masih bingung apa itu menu dropdown atau menu horisontal, karena saya bingung bagaimana menjelaskannya jadi langsung saja saya perlihatkan tampilannya hehehehe..

Bagaimana sudah tau kan sob?? Bagi sobat yang pengen memasang menu dropdown di blogspot, berikut adalah langkah-langkahnya.. (InsyaAllah work)

• Bukalah blog sobat pilih Template >> Edit HTML
• Kemudian cari kode ]]></b:skin> untuk lebih memudahkan pencarian tekan Ctrl + F, kalau sudah ketemu copy pastekan script di bawah ini di atas kode ]]></b:skin> 

#cssmenu ul, #cssmenu li, #cssmenu span, #cssmenu a { margin: 0; padding: 0; position: relative; } #cssmenu { height: 35px; border-radius: 0px 0px 0 0; -moz-border-radius: 0px 0px 0 0; -webkit-border-radius: 0px 0px 0 0; background: #141414; background: -moz-linear-gradient(top, #32323a 0%, #141414 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414)); background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%); background: -o-linear-gradient(top, #32323a 0%, #141414 100%); background: -ms-linear-gradient(top, #32323a 0%, #141414 100%); background: linear-gradient(to bottom, #32323a 0%, #141414 100%); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0); border-bottom: 2px solid #ff4500; } #cssmenu:after, #cssmenu ul:after { content: ''; display: block; clear: both; } #cssmenu a { background: #141414; background: -moz-linear-gradient(top, #32323a 0%, #141414 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414)); background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%); background: -o-linear-gradient(top, #32323a 0%, #141414 100%); background: -ms-linear-gradient(top, #32323a 0%, #141414 100%); background: linear-gradient(to bottom, #32323a 0%, #141414 100%); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0); color: #ffffff; display: inline-block; font-family: Domine, Arial, Verdana, sans-serif; font-size: 12px; line-height: 35px; padding: 0 20px; text-decoration: none; } #cssmenu ul { list-style: none; } #cssmenu > ul { float: left; } #cssmenu > ul > li { float: left; } #cssmenu > ul > li:hover:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 50%; bottom: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ff4500; margin-left: -10px; } #cssmenu > ul > li:first-child > a { border-radius: 0px 0 0 0; -moz-border-radius: 0px 0 0 0; -webkit-border-radius: 0px 0 0 0; } #cssmenu > ul > li:last-child > a { border-radius: 0 0px 0 0; -moz-border-radius: 0 0px 0 0; -webkit-border-radius: 0 0px 0 0; } #cssmenu > ul > li.active > a { box-shadow: inset 0 0 3px #000000; -moz-box-shadow: inset 0 0 3px #000000; -webkit-box-shadow: inset 0 0 3px #000000; background: #070707; background: -moz-linear-gradient(top, #26262c 0%, #070707 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707)); background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%); background: -o-linear-gradient(top, #26262c 0%, #070707 100%); background: -ms-linear-gradient(top, #26262c 0%, #070707 100%); background: linear-gradient(to bottom, #26262c 0%, #070707 100%); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0); } #cssmenu > ul > li:hover > a { background: #070707; background: -moz-linear-gradient(top, #26262c 0%, #070707 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707)); background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%); background: -o-linear-gradient(top, #26262c 0%, #070707 100%); background: -ms-linear-gradient(top, #26262c 0%, #070707 100%); background: linear-gradient(to bottom, #26262c 0%, #070707 100%); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0); box-shadow: inset 0 0 3px #000000; -moz-box-shadow: inset 0 0 3px #000000; -webkit-box-shadow: inset 0 0 3px #000000; } #cssmenu .has-sub { z-index: 1; } #cssmenu .has-sub:hover > ul { display: block; } #cssmenu .has-sub ul { display: none; position: absolute; width: 200px; top: 100%; left: 0; } #cssmenu .has-sub ul li { *margin-bottom: -1px; } #cssmenu .has-sub ul li a { background: #ff4500; border-bottom: 1px solid #aad06d; filter: none; font-size: 11px; display: block; line-height: 120%; padding: 10px; } #cssmenu .has-sub ul li:hover a { background: #ff0000; } #cssmenu .has-sub .has-sub:hover > ul { display: block; } #cssmenu .has-sub .has-sub ul { display: none; position: absolute; left: 100%; top: 0; } #cssmenu .has-sub .has-sub ul li a { background: #ff0000; border-bottom: 1px solid #97b36b; } #cssmenu .has-sub .has-sub ul li a:hover { background: #345105; .breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px double #696969;font-weight:normal} }

• Belum selesai, silahkan sobat cari kode </header>, kemudian copy paste script di bawah ini di bawah kode </header>
   

<div id='cssmenu'> <ul> <li class='active '><a href='/'><span>Home</span></a></li> <li class='has-sub '><a href='#'><span>SEO Blogger</span></a> <ul> <li><a href='#'><span>SEO Tips</span></a></li> <li><a href='#'><span>SEO Tutorial</span></a></li> </ul> </li> <li class='has-sub '><a href='#'><span>Tutorial Blogger</span></a> <ul> <li><a href='#'><span>Widget Blogger</span></a></li> <li><a href='#'><span>Blogger</span></a></li> </ul> </li> <li><a href='http://mbahelak.blogspot.com/'><span>Sitemap</span></a></li> </ul> </div>

• Silahkan ubah tanda # dengan url sobat, langkah terakhir klik save template

Kalau langkah-langkah di atas dijalankan dengan benar, InsyaAllah berhasil dan kalau belum berhasil silahkan coba coba dan coba.. Demikian sedikit yang bisa saya share buat sobat Dum-may semua semoga bisa membantu, dan terima kasih sudah mampir di blog saya.. :D

Read more »

Cara Memasang Widget Artikel Terbaru / Recent Post Dengan Mudah

Cara Memasang Widget Artikel Terbaru / Recent Post Dengan Mudah - Assalamualaikum sobat Dum-may semua, Alhamdulillah pada malam hari ini saya bisa berbagi tutorial pada sobat semua, karena besok libur, jadi saya ada waktu luang buat update blog saya..

Recent post / artikel terkait memang sangat perlu di pasang di sebuah blog, karena selain memudahkan pengunjung menemukan artikel terkait dengan tema yang mereka inginkan, juga membuat tampilan blog kita lebih kelihatan profesional, apalagi kalau domain kita TLD, tambah josss... hehehe.. Dan bagi sobat blogger yang belum memasang widget recent post dan pengen mencobanya, sangat mudah..

• Buka blog sobat
• Pilih Tata Letak >> Tambahkan Gadget (terserah sobat pengen yang bagian mana)
• Kalau sudah muncul halaman Tambahkan Gadget silahkan sobat pilih HTML / JavaScript setelah itu pastekan script di bawah ini

<style> img.recent_thumb {padding-left:20px;padding-right:padding-bottom:0px;0px;width:70px;height:70px;border:0;float:right;margin:0 0 5px 0px;} .recent_posts_with_thumbs {float: left;width: 100%;min-height: 55px;margin: 0px 0px 5px 0px;padding: 0;font-size:13px;font-color:green;} .recent_posts_with_thumbs {padding-bottom:0px;padding-top:0px;padding-left:0px;padding-right:0px;min-height:50px;list-style:normal;} .recent_posts_with_thumbs a {text-decoration:none;} .recent_posts_with_thumbs normal {font-size:12px;font-style:arial} </style> <script type="text/javascript" src="https://njilun2.googlecode.com/svn/recentpost(njilun).js"></script> <script type="text/javascript"> var numposts = 5; var showpostthumbnails = true; var displaymore = false; var displayseparator = false; var showcommentnum = false; var showpostdate = false; var showpostsummary = true; var numchars = 100; </script> <script src="http://dum-may.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs" type="text/javascript"></script>

jangan lupa mengganti url "http://dum-may.blogspot.com/" dengan url blog sobat, dan untuk lebih jelasnya, silahkan sobat perhatikan gambar di bawah ini

• Langkah yang terakhir klik simpan dan silahkan lihat hasilnya...

Sekian dulu sob dari saya, semoga artikel yang singkat dari saya ini bisa berguna buat sobat semua, terima kasih sudah mau mampir di blog saya..

Read more »

Cara Mudah Menghilangkan Tanggal Posting di Blog

Cara Mudah Menghilangkan Tanggal Posting di Blog - Alhamdulillah pada malam ini saya bisa share dua tutorial buat sobat semua, mumpung malam ini tidak banyak kerjaan dan besok juga libur jadi bisa Nggebut buat artikelnya hehehe..

Pada kesempatan yang baik ini saya akan masih share seputar tutorial ngeblog yaitu bagaimana caranya menghilangkan tanggal posting pada blog kita.

Kalau kita blogwalking banyak kita jumpai blog yang tidak mencantumkan tanggal postingnya, saya tidak tau mengapa mereka tidak mencantumkan tanggal postingnya, namun kalau sobat juga pengen menghilangkan tanggal posting blog sobat, berikut adalah langkah-langkahnya..

• Buka blog sobat
• Kemudian pilih Tata Letak
• Kalau sudah muncul halamannya, pada kolom Posting Blog klik Edit
• Setelah muncul halaman Mengkonfigurasi Posting Blog, di situ terdapat berbagai pilih dan pada kolom tanggal tanda centangnya silahkan sobat hilangkan, untuk lebih jelasnya silahkan sobat perhatikan gambar di bawah ini

• Langkah terakhir klik Save / Simpan

Sangat mudah sob, selamat mencoba dan terima kasih sudah sudi mampir di gubuk saya, jangan lupa komenya sob.. Suwun..

Read more »

Cara Mudah Memasang Iklan Di Samping Posting Blog

Cara Mudah Memasang Iklan Di Samping Posting Blog - Assalamualaikum sobat, selamat pagi? mumpung sekolah lagi libur kali ini saya akan update posting seputar ngeblog yaitu bagaimana cara memasang iklan di samping kanan atau kiri pada posting blog..

Selain memasang iklan di bawah posting, posisi iklan yang setrategis adalah memasang iklan di bagaian kanan atau kiri posting karena iklan langsung bisa dilihat oleh visitor sobat, terus bagaimana caranya, cekidot..

• Silahkan sobat parse dulu script iklan yang ingin sobat pasang di blogcrowds
• Kemudian silahkan sobat login di blog sobat pilih Template >> Edit HTML
• Langkah selanjutnya silahkan sobat cari kode <data:post.body/> (memudahkan pencarian Ctrl+F, dan biasanya kode <data:post.body/> lebih dari satu jadi dicoba satu-satu ya sob..) kalau sudah ketemu, copy pastekan script di bawa ini tepat di atas kode <data:post.body/>

Posisi iklan di kanan

<b:if cond='data:blog.pageType == "item"'> <div style='float:right;width:300px;height:250px;padding:10px;'> Kode Iklan Sobat yang sudah diparse</div> </b:if>

Posisi iklan di kiri

<b:if cond='data:blog.pageType == "item"'> <div style='float:left;width:300px;height:250px;padding:10px;'> Kode Iklan Sobat yang sudah diparse </div> </b:if>

• Terakhir  klik simpan, kemudian silahkan sobat cek.

Demikian sedikit tutorial dari saya, semoga artikel pendek dari saya ini bermanfaat buat sobat semua, terima kasih sudah mau mampir di blog saya..

Read more »

Cara Membuat Gambar Membesar Saat Disentuh Kursor

Cara Membuat Gambar Membesar Saat Disentuh Kursor -  Assalamaualaikum sobat Dum-may, mumpung masih libur jadi saya gasss saja upadate artikelnya, dan pada kesempatan yang baik ini saya akan memberikan sedikit tutorial bagaimana cara membuat gambar menjadi besar saat disentuh kursor..

Menurutku ini merupakan salah satu cara yang cukup tepat supaya para pengunjung sobat bisa melihat gambar yang ada di blog menjadi lebih jelas terlihat, namun agak sedikit menganggu..Bagi sobat yang ingin memasangnya berikut adalah langkahnya :

• Bukalah blog sobat
• Kemudian pilih Template >> Edit HTML
• Kemudian cari kode ]]></b:skin> (tekan F3 atau Ctrl + F untuk memudahkan pencarian) kalau sudah ketemu silahkan copy pastekan script di bawah ini tepat di atas kode ]]></b:skin>

.post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }

• Terakhir silahkan sobat klik save template, dan lihatlah perbedaannya hehehe

Semoga bermanfaat ya sob triks saya ini, terima kasih sudah mampir di blog saya, jangan lupa ninggalin jejak ya sob...

Read more »

Cara Membuat Read More Otomatis di Blog

Cara Membuat Read More Otomatis di Blog - Selamat malam sobat Dum-may semuanya, semoga dalam keadaan baik, Aminnnn... pada kesempatan yang baik ini saya akan coba menjelaskan bagaimana caranya membuat readmore otomatis di blog.

Read more terdiri dari dua suku kata Read artinya Membaca/baca sedangkan More artinya selanjutnya/selengkapnya. Dari perjelasan singkat di atas mungkin sobat sudah mengetahui maksudnya. Nah bagi sobat yang ingin memasang readmore otomatis di blog, sobat bisa mengikuti langkah-langkah berikut ini :

• Bukalah blog sobat
• Kemudian pilih Template >> Edit HTML
• Carilah kode </head> (untuk memudahkan tekan F3 atau Ctrl + F), kalau sudah ketemu copy pastekan script di bawah ini tepat di bawah kode </head>

<!--Auto Read More Mulai--> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <style> .post-body{text-align:justify;} .post-body img{max-width:none;width:auto;} .read-more{float:left; padding-top: 10px;} .read-more a{ color: #fff!important;text-shadow:0 1px 0 rgba(0,0,0,0.5);background:#0457A9; text-decoration:none;font:bold 13px Arial;padding:5px;} .read-more a:hover{text-decoration:none;background:#666;} .pic{border: 10px solid #fff;float:left;height:165px;width:280px;margin-right: 20px;margin-bottom:10px;overflow:hidden;box-shadow: 5px 5px 5px #111;} .grow img{height:165px;width:280px;transition: all 2s ease;} .grow img:hover{width:400px;height:250px;} </style> <script type='text/javascript'> var thumbnail_mode = "yes"; summary_noimg = 300; summary_img = 250; img_thumb_height = 165; img_thumb_width = 280; </script> <script type='text/javascript'>//<![CDATA[ function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s = strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);}}strx = s.join("");}chop = (chop < strx.length-1) ? chop : strx.length-2;while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;strx = strx.substring(0,chop-1);return strx+'...';}function createSummaryAndThumb(pID){var div = document.getElementById(pID);var imgtag = "";var img = div.getElementsByTagName("img");var summ = summary_noimg;if(thumbnail_mode == "yes"){if(img.length>=1){imgtag = '<div class="grow pic"> <img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></div> ';summ = summary_img;}}var summary = imgtag + '<div> ' + removeHtmlTag(div.innerHTML,summ) + '</div> ';div.innerHTML = summary;} //]]></script> </b:if> </b:if> <!--Auto Read More Akhir-->

• Kalau sudah, sekarang silahkan sobat cari kode <data:post.body/> kalau sudah ketemu silahkan ganti kode <data:post.body/> dengan script di bawah ini (kode <data:post.body/> biasanya lebih dari satu, silahkan sobat coba satu persatu)

<!-- Auto read more Mulai --> <b:if cond='data:blog.pageType == "item"'> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType == "static_page"'> <data:post.body/> <b:else/> <div expr:id='"summary" + data:post.id'> <data:post.body/></div> <script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>"); </script> <div class='read-more'> <a expr:href='data:post.url'>Baca Selengkapnya »</a> </div> </b:if> </b:if> <!-- Auto read more Akhir -->

untuk lebih jelasnya silahkan sobat perhatikan gambar dibawah ini

• Langkah terakhir silahkan sobat klik Save Template, dan silahkan cek bloh sobat

Kalau langkah-langkah di atas sudah benar InsyaAllah sobat akan berhasil, kalau belum berhasil jangan menyerah, silahkan coba lagi.. Matur suwun dan mampir di blog saya, jangan lupa komennya sob...

Read more »

Cara Agar Blog Baru Cepat Terindex Google

Cara Agar Blog Baru Cepat Terindex Google -  Assalamualaikum, selamat malam sobat Dum-may, selamat datang di blog catatan kecil saya..

Pada kesempatan ini saya akan masih membahas seputar ngeblog. Setelah sobat membuat blog baru, pastinya sobat pengen agar blognya cepat terindex oleh search engine google, terus bagaimana caranya? berikut saya jelaskan.

• Buka blog sobat
• Silahkan sobat menuju ke laman webmaster submit url
• Masukkan link blog sobat ke dalam kolom URL
• Kemudian masukkan teks yang ditampilkan
• Klik Kirim Permintaan
• setelah 1 sampai 2 hari silahkan cek dengan cara ketik site:url link sobat (site:dum-may.blogspot.com) di search engine google (biasanya hanya dibutuhkan satu hari saja sudah terindex)

dan hasilnya seperti di bawah ini

Selamat mencoba, dan InsyaAlloh cepet banget terindexnya, dan silahkan kalau sobat mau baca Cara Agar Artikle Cepat Terindex Oleh Google. Terima kasih sudah mau mampir di blog saya..

Read more »

Cara Memasang Emoticons Di bawah Posting Blog

Cara Memasang Emoticons Dibawah Posting Blog - Selamat siang sobat Dum-may, Alhmadulillah pada kesempatan yang baik ini saya akan mencoba memberikan sedikit tutorial seputar ngeblog.

Sobat mungkin pengen blognya terlihat, menarik, cantik, mungkin salah satunya sobat bisa memasang emoticons dibawah posting blog sobat. Selain bisa mempercantik tampilan blog, emoticon bisa juga menjadi cara mengekspresikan perasaan para pengunjung. hehehe...

Mungkin sobat belum punya dan berencana memasang emoticons dibawah posting blog sobat, berikut langkah-langkah yang bisa sobat lakukan.

• Bukalah blog sobat
• Pilih Template >> Edit HTML
• Cari kode </head> (untuk memudahkan pencarian tekan Ctrl+f) copy script di berikut lalu pastekan di bawah kode </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

• Cari kode </body> kalau sudah ketemu silahkan copy paste script di bawah ini di atas kode </body>

<b:if cond='data:blog.pageType == "item"'> <script type='text/javascript'> //<![CDATA[ jQuery(document).ready(function () {emoticonx({ emoRange:"#comments p, div.emoWrap", putEmoAbove:"iframe#comment-editor", topText:"Klik untuk melihat code!", emoMessage:"Untuk memasukkan emoticon setidaknya ada satu spasi sebelum kode emoticon." }) }); //]]> </script> <script src='https://njilun2.googlecode.com/svn/njilun.js' type='text/javascript'/> </b:if>

• Belum selesai sampai disitu, lanjuta lagi sobat cari kode ]]></b:skin> kemudian copy paste script dibawah ini di atas kode ]]></b:skin>

.emoWrap { position:relative; padding:10px; margin-bottom:7px; background:#fff; /* IE10 Consumer Preview */ background-image: -ms-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%); /* Opera */ background-image: -o-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #FFFFFF), color-stop(1, #FFF9F2)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%); /* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to left, #FFFFFF 0%, #FFF9F2 100%); border:3px solid #860000; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3); -moz-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3); -webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3); box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3); font-weight:normal; color:#333; } .emoWrap:after { content:""; position:absolute; bottom:-10px; left:10px; border-top:10px solid #860000; border-right:20px solid transparent; width:0; height:0; line-height:0; }

• Langkah terakhir klik Save Template, dan lihat hasilnya. Saya menggunakan cara ini sekali langsung berhasil gan, semoga sobat juga langsung berhasil...

Demikian artikel sedikit dari saya semoga dapat membantu sobat yang mau Memasang Emoticons Di bawah Posting Blog, selamat mencoba dan semoga berhasil!!! :D

Read more »

Cara Membuat Related Post/Artikel Terkait Dengan Gambar

Cara Membuat Related Post / Artikel Terkait Dengan Gambar - Selamat malam Dum-may, Alhamdulillah saya bisa share lagi buat sobat yang lagi membutuhkan, semoga bermanfaat.. pada kesempatan yang baik ini saya akan mencoba untuk memberikan tutorial bagaimana cara memasang related post / artikel terkait di bawah posting blog.

Relates post/artikel terkait merupakan salah satu cara agar mempermudah pengunjung mencari artikel-artikel yang ada di blog kita, selain itu penampilan blog kita juga terlihat lebih cantik dan profesional, namun biasanya template bawaan dari blogger ataupun worpress tidak menyertakan itu, untuk itu bagi sobat yang pengen susah-susah belajar Related Post/Artikel Terkait Dengan Gambar

• Bukalah blog sobat
• Langkah selanjutnya pilih Template >> Edit HTML
• Silahkan cari kode ]]></b:skin> (untuk lebih mudah tekan F3 atau Ctrl + F) kalau sudah ketemu pastekan kode di bawah ini, di bawah / di atas kode ]]></b:skin>

<b:if cond='data:blog.pageType == "item"'> <style type="text/css"> #related-posts{float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px} #related-posts h2{font-size:1.6em; font-weight:bold; color:black; font-family:Georgia,Times New Roman,Times,serif; margin-bottom:0.75em; margin-top:0em; padding-top:0em} #related-posts a{color:black} #related-posts a:hover{color:black} #related-posts a:hover{background-color:#d4eaf2} </style> <script type='text/javascript'> var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVrNsVlv7HLZUDMqt5Jh7rqFyYArZMkmKi_NXgKtar3ClXRNvDs-DoBhvOjM3K9yLpQEd1htdcOOEpvpDgiE7tkrU9mxcQuWMQaThUfJEBkIixDHT_HQfkfkrAs8SIsx6mw2IHMMnENXg/s400/noimage.png"; var maxresults=5; var splittercolor="#d4eaf2"; var relatedpoststitle="Related Posts"; </script> <script src='https://njilun2.googlecode.com/svn/Njilun%20(relatedpost).js' type='text/javascript'/> </b:if>

• Belum selesai sobat, cari kode <data:post.body/>, kalau sudah ketemu silahkan copy pastekan script di bawah ini, tepat di bawah kode <data:post.body/> (biasanya kode <data:post.body/> lebih dari satu, jadi sobat coba saja satu persatu ya....hehehe)

<b:if cond='data:blog.pageType == "item"'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs("<data:post.url/>"); </script> </div> <div style='clear:both'/> </b:if>

• Langkah terakhir klik Save Template, dan silahkan sobat lihat hasilnya kalau belum berhasil silahkan ulangi lagi, karena saya sendiri waktu pertama kali juga bingung ngga' berhasil-berhasil hehehe..

Demikian sedikit tutorial dari saya, semoga bermanfaat bagi sobat semua, selamat mencoba dan kalau gagal jangan menyerah ya sob. hehehe :D

Read more »

Cara Memasang Iklan Dibawah Posting Blog

Cara Memasang Iklan Dibawah Posting Blog - Selamat malam sobat semua, Alhamdulillah kita bisa bertemu lagi pada posting saya kali ini tentang bagaimana cara memasang iklan dibawah posting blog secara otomatis.

Bagi sobat blogger pemula (seperti saya) dan  ingin serius berkecimpung dalam dunia blogger dan ingin menghasilkan uang dari blog kita, pastilah harus mengetahui bagian-bagian yang strategis yang nantinya iklan kita bisa dapat diklik oleh para visitor kita, salah satunya adalah dibawah posting blog. Kalau kita pasang secara manual pastinya akan ribet banget karena tiap kali posting artikel kita harus menyisipkan script iklan kita dibawah poting.

Nah, untuk itulah kali ini saya akan mencoba menjelaskan bagaimana caranya biar iklan kita secara otomatis tampil dibawah posting. Berikut adalah penjelasannya, semoga dimengerti.

• Persiapkan script iklan yang akan sobat tampilkan dibawah blog
• Kita harus memphrasekan script iklan kita di blogcrowds.com
• Bukalah blog sobat >> Template >> Edit HTML
• Setelah muncul halaman Edit HTML carilah <data:post.body/> untuk memudahkan pencarian silahkan sobat tekan Ctrl+F agar lebih mudah dalam mencarinya.
• Kalau sudah ketemu, sobat akan menemukan 2 – 4 script <data:post.body/> yang sama (setiap blog berbeda)
• Copy pastekan script iklan sobat yang telah diphrase tadi dibawah <data:post.body/>  (dicoba satu-satu ya sob). Untuk lebih jelasnya silahkan sobat perhatikan gambar dibawah ini

• Terakhir klik save template. Kemudian lihatlah blog sobat apakah iklannya sudah muncul apa belum. Kalau belum silahkan copy pastekan script <data:post.body/> yang kedua dan seterusnya.

Perlu diingat, kadang ini belum tentu langsung berhasl jadi harus selalu dicoba, jangan pernah menyerah, teruslah mencoba!! Selamat mencoba dan semoga berhasil. Salam blogger!!

Read more »

Cara Mengganti Template Dengan Mudah dan Cepat di Blogspot

Cara Mengganti Template Dengan Mudah dan Cepat di Blogspot - Selamat siang sobat dum-may, melanjutkan artetikel yang saya tulis kemarin yaitu cara membuat blog di blogspot, kali ini saya akan coba menjelaskan langkah-langkah mengganti template.

Tampilan blog atau biasa disebut template merupakan salah satu hal yang cukup penting dalam blog. Dengan mempunyai tampilan blog yang baik pengunjung akan merasa betah di blog kita selain itu, mereka akan mudah menemukan apa yang mereka cari. Dan semakin baik template blog kita akan lebih dianggap profesional hehehe, tapi tetap yang paling utama adalah konten, because content is the queen..

Back to topic, karena template bawaan dari blogger memang sangat kurang memadai, alangka baiknya kalau sobat mencari template yang cocok dengan tema blog sobat..

Silakan googling saja banyak ko situs atau blog penyedia template gratisan, dan saya sarankan cari template yang responsiv jangan yang berat nanti pengunjung sobat pada kabur semua.. hehehehe

Ok, kita mulai langkah-langkahnya..

1.  Sobat login saja ke blog yang ingin diganti templatenya
2.  Pilih Template >  Edit HTML, untuk lebih jelasnya lihat gambar di bawah ini

3.  Biasanya template yang kita download adalah berupa rar atau zip, silahkan sobat ekstrak dulu caranya : Klik Kanan pada mouse > ekstract file/ekstract here
4.  Buka file ...xml hasil ekstrakan tapi dengan cara Klik kanan > Open With > Notepad
5.  Langkah selanjutnya copy script template tadi caranya Ctrl + A > Ctrl + C
6.  Kalau sudah pastekan di template blog sobat cara Ctrl + A > Ctrl + V silahkan sobat klik Simpan Template, untuk lebih jelasnya perhatikan gambar di bawa ini

Kemudian cek apakah template blog sobat sudah berubah atau tidak. Demikian sedikit tutorial dari saya semoga bermanfaat selamat mencoba!!

Read more »

Tutorial Cara Membuat Blog Gratis Di Blogspot

Tutorial Cara Membuat Blog Gratis Di Blogspot - Assalamualaikum sobat dum-may, ini adalah artikel perdana saya di blog ini dan akan membahasa seputar ngeblog.

Sebelum saya menjelaskan langkah-langkah membuat blog, terlebih dulu saya akan jelaskan sedikit alasannya mengapa saya menulis cara membuat.

Menurut pengalaman yang saya peroleh, walaupun sekarang ampir semua wilayah di Indonesia sudah mendapat koneksi internet, namun pada kenyataannya masih banyak yang belum bisa membuat blog.

Kenapa saya bisa bilang begitu, karena saya lumayan banyak dapat PM (private massage) dari temen-temen FB saya yang minta diajari langka-langkah membuat, dan inilah yang alasannya kenapa saya masih berniat membuat Tutorial Cara Membuat Blog Gratis Di Blogspot.

dan disini saya juga akan sedikit menjelaskan apa itu blog. Yap, web blog atau biasa kita lita sebut blog merupakan aplikasi web yang di dalamnya berisi artikel, gambar, ataupun video yang banyak kita temui ketika kita googling. Ada banyak banyak sekali situs penyedia blog gratis contohnya Tumblr.com, Blogsome, Multiplay, Livejournal, Bravenet, dll. Namun yang paling banyak digunakan adalah Blogger dan Wordpress, ini bisa kita lihat waktu kita browsing pasti yang kita temui kalau ngga' Blogspot yang Wordpress.

Nah, bagi sobat yang masih newbie (pemula) seperti saya yang ingin membuat buat blog dari blogspot, ikuti lagkah-langkah berikut ini.

1.  Sobat harus punya email, saya sarankan menggunakan email gratisan dari Google.

2.  Kalau sudah punya silahkan sobat masuk di Blogger.com

3.  Kemudian klik Blog Baru, untuk lebih jelas lihat gambar di bawah ini

4. Kalau sudah muncul halaman Buat Blog baru, silahkan isi kolom-kolomnya sesuai keinginan sobat.

5.  Langkah terakhir klik Buat blog

Demikian sedikit tutorial yang dapat saya jelaskan, semoga bermanfaat dan Selamat Mencoba!!!

Read more »