Cara Mudah Menghasilkan Uang Lewat Blog

Tampan Community™ - Pada kesempatan kalai ini saya akan membahas tentang <b>Cara Mudah Menghasilkan Uang Lewat Blog, </b>Mungkin banyak orang bilang bahwa blogging itu hanya akan membuang-buang waktu saja dan tak ada untungnya, Akan tetapi semua hal itu salah besar karena blogging itu memiliki banyak manfaat untuk kita semua terlebih lagi bagi blogger professional yang memang sudah sukses.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZXFSV6Fz4rWAPcUs1GAISn5IsOWYAbZ3EbXPZH9RqUYA1B7b5P3n0bR7Z1Zbf6NF1z_tVMz7CSSuCnPkHmfaKm5pklWYlTKJTK5YAx6oJvWioY2gs9S2RD0k3T1ftR8mLy1aigg25oD4/s1600/money+blogging.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZXFSV6Fz4rWAPcUs1GAISn5IsOWYAbZ3EbXPZH9RqUYA1B7b5P3n0bR7Z1Zbf6NF1z_tVMz7CSSuCnPkHmfaKm5pklWYlTKJTK5YAx6oJvWioY2gs9S2RD0k3T1ftR8mLy1aigg25oD4/s400/money+blogging.jpg" width="400" /></a></div> <br /> Dunia Blogging juga bisa menghasilkan uang yang bahkan penghasilannya bisa cukup besar, Nah disini saya akan membagikan Sedikit beberapa cara untuk menghasilkan uang lewat blog. Berikut beberapa cara tersebut.<br /> <br /> 1.Membuka Jasa<br /> Ada banyak cara yang bisa dilakukan untuk menghasilkan uang melalui blog salah satunya adalah dengan membuka jasa, jasa ini bermacam-macam. Berikut adalah beberapa jasa yang bisa anda sediakan lewat blog.<br /> a. Jasa Penulis Blog<br /> b. Jasa Review<br /> c. Jasa Penulis Artikel<br /> d. Jasa SEO<br /> e. Jasa Backlink<br /> f. Jasa Promosi<br /> g. Jasa Pembuatan Blog<br /> h. Jasa Pembuatan Akun<br /> i. Dll.<br /> <br /> 2.Menjual sesuatu<br /> Sobat juga bisa menjual sesuatu melalui blog lebih tepatnya mempromosikan apa yang sobat jual, barang-barang yang anda jual beragam bisa barang virtual ataupun barang nyata. Bahkan cara ini bisa lebih mudah dari menjual langsung jika anda benar-benar mengerti teknik-tekniknya.<br /> <br /> 3.Menjadi Affiliate Marketer<br /> Affiliate berarti anda menjualkan produk orang lain dan mendapatkan komisi beberapa persen dari keuntungan yang didapatkan si penjual, anda bisa mengajak orang lain untuk membeli produk yang anda pamerkan lewat blog.<br /> Dan setiap ada pembeli yang datang lewat link affiliate anda maka anda akan mendapatkan komisi sesuai angka yang telah ditentukan.<br /> <br /> 4.Menjadi Publisher Adsense<br /> Adsense merupakan cara yang cukup mudah bagi para blogger untuk mendapatkan uang karena adsense ini merupakan produk atau program milik google, sistem kerjanya adalah ppc atau pay per click.<br /> <br /> Bailah sobat sobat semua itulah Beberapa cara mudah menghasilkan uang di lewat blog dan masih banyak lagi cara yang bisa sobat lakukan untuk mendapakan uang selain cara yang saya sebutkan di atas. Terima Kasih<br /> <div> <br /></div>

Cara Memasang SEO SmartLink di Blogger

Cara Memasang SEO SmartLink di Blogger-Halo sobat, kali ini saya akan kembali membahas mengenai blogging dan kali ini saya akan memberikan artikel seputar tutorial blogging yaitu memasang SEO smart link di blogger .<br /> Smart link adalah link pintar yang akan mengubah anchor yang sobat tentukan menjadi sebuah link tanpa harus mengaturnya secara manual di post . Awalnya smart link ini adalah plugin di wordpress dan kemudian beberapa blogger mendapatkan scriptnya untuk memasang di blogger dan terbukti work.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbMR8i-2Pmyx6xp7ElI2l_Fq7X_DVIWDzW0Y-ooXzcnhfhV5GfdNtN7Wp7xm_0hxq1IzkTy-tmRCJj4z1KcGdsW8ak05jmvpnkeWeu0N51OiMRy1y2nNj_GKjEfZe8Hhx1F6J-L0OpVQc/s1600/seo+smartlink.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "georgia" , "times new roman" , serif;"><img border="0" height="234" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbMR8i-2Pmyx6xp7ElI2l_Fq7X_DVIWDzW0Y-ooXzcnhfhV5GfdNtN7Wp7xm_0hxq1IzkTy-tmRCJj4z1KcGdsW8ak05jmvpnkeWeu0N51OiMRy1y2nNj_GKjEfZe8Hhx1F6J-L0OpVQc/s400/seo+smartlink.jpg" width="400" /></span></a></div> <br /> saya sendiri juga menggunakan smart link ini untuk anchor artikel pintar , dan saya tidak perlu repot - repot lagi mengubah teks menjadi link pada edit post .<br /> Oke ,kita  langsung masuk ke tutorial cara memasangnya .<br /> <br /> 1. Buka blogger.com > Template > Edit HTML<br /> <br /> 2. Masukkan kode berikut tepat diatas <br /> <blockquote class="tr_bq"> <b></body></b> </blockquote> <blockquote class="tr_bq"> <script type='text/javascript'><br /> function smartLink(){<br />     this.keywdHref = new Object();<br />     this.add = function(keyword, href){<br />         if(keyword.substr(0,1) != " "){keyword = " " + keyword;}<br />         this.keywdHref[keyword] =  href;<br />     }<br />     this.createAnchor = function(){<br />         var objs = document.getElementsByTagName("div");<br />         for(var i=0; i<objs.length; i++){<br />             var obj = objs[i];<br />             if(obj.className.indexOf("post-body")>-1){<br />                 var content = obj.innerHTML;<br />                 for(var keyword in this.keywdHref){<br />                     var href = this.keywdHref[keyword];<br />                     var newstr = content.replace(keyword, "<a href='"+href+"'>"+keyword+"</a>", "gi");<br />                     obj.innerHTML = newstr;<br />                     content = newstr;<br />                 }<br />             }<br />         }<br />     }<br />     this.startScript = function(){<br />         var onLoad = window.onload;<br />         window.onload = function(){<br />             if(onLoad){onLoad();}<br />             setTimeout("f.createAnchor()", 100);<br />         }<br />     }<br /> }<br /> </script><br /> <script type='text/javascript'><br /> var f = new smartLink();<br /> f.add("SEOIN", "http://www.seoin.ga");<br /> f.startScript();<br /> </script></blockquote> Ganti kode SEOIN dengan anchor yang ingin anda gunakan dan http://www.seoin.ga dengan link tujuan .<br /> <br /> 3.Simpan template sobat dan lihat hasilnya<br /> Bagaimana ? mudah bukan ? silahkan sobat memasangnya agar sobat lebih mudah dalam menulis artikel .<br /> <br /> Terimakasih telah membaca artikel ini , semoga bermanfaat bagi sobat semua . selamat mencoba<br /> Jika sobat mengalami masalah atau memiliki pertanyaan , bisa sobat berkomentar pada kolom komentar dibawah ini .<br /> <div> <br /></div>

Hal-Hal yang harus dilakukan setelah membuat blog

<b>Hal-Hal yang harus dilakukan setelah membuat blog</b> – Blogging memang menjadi hal yang tak terbilang mudah meskipun kelihatannya cukup mudah,ada banyak hal yang harus dilakukan saat menjadi blogger. Nah disini saya akan membagikan beberapa tips atau beberapa hal yang harus dilakukan setelah anda membuat blog.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJSHfvnyusOzKInQ6ZqD8aoO2_e1MsGsV1prJy-hn-6DvgUkd81ZM8OOOCgkbqTtaKbvlfNLqOsvY5fQ8NGxumZH5nbWVZdSbX8IQHXgdXL7w-vlUsLOynbXxcLjNeufGy00eCS_8lB2I/s1600/background-with-sketches-of-blog_23-2147562971.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="306" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJSHfvnyusOzKInQ6ZqD8aoO2_e1MsGsV1prJy-hn-6DvgUkd81ZM8OOOCgkbqTtaKbvlfNLqOsvY5fQ8NGxumZH5nbWVZdSbX8IQHXgdXL7w-vlUsLOynbXxcLjNeufGy00eCS_8lB2I/s400/background-with-sketches-of-blog_23-2147562971.jpg" width="400" /></a></div> <br /> <b>1.Mendesain Blog</b><br /> Setelah membuat blog, hal yang pertama kali harus anda lakukan adalah mendesain blog anda tersebut, dalam mendesain ini anda harus memikirkan desain mana yang membuat pengunjung tertarik dan usahakan untuk membuat blog anda semenarik mungkin namun tetap fikirkan mengenai kecepatan blog.<br /> <h4> <b>Baca Juga : <a href="http://www.tampancips.net/2016/11/mengatasi-gambar-berbeda-saat-share.html" target="_blank"><span style="color: #b45f06;">Mengatasi Gambar Berbeda Saat Share Artikel ke Blog</span></a></b></h4> <b>2.Menentukan Target Pengunjung</b><br /> Anda juga harus menentukan target pengunjung, anda menargetkan ingin mendapatkan pengunjung utama seperti apa entah itu para blogger, orang dewasa, remaja atau lain-lain. Hal ini tentu berkaitan dengan niche blog yang anda buat, jadi niche blog sangat berpengaruh dengan target pengunjung sobat.<br /> <h4> <b>Baca Juga : <a href="http://www.tampancips.net/2016/10/cara-optimasi-blog-setelah-sekian-lama.html" target="_blank"><span style="color: #cc0000;">Cara Optimasi Blog Setelah Sekian Lama Tidak Diurus</span></a></b></h4> <b>3.Promosi</b><br /> Hal ini tak perlu anda lewatkan karena saat membuat blog baru atau lebih bisa dibilang startup anda perlu melakukan promosi untuk memperkenalkan blog tersebut kepada orang banyak dan tentunya kepada pengunjung tertarget tadi.<br /> Dalam hal promosi anda bisa menggunakan berbagai platform seperti social media mulai dari facebook, twitter, path dan lain-lain.<br /> <h4> <b>Baca Juga : <a href="http://www.tampancips.net/2016/09/4-hal-yang-harus-di-perhatikan-sebelum.html" target="_blank"><span style="color: #bf9000;">4 Hal Yang Harus di Perhatikan Sebelum Membuat Blog</span></a></b></h4> <b>4.Mencari Backlink</b><br /> Dalam masa startup anda musti mencari backlink yang cukup kuat untuk mendongkrak visitor maupun rank dari blog anda, dengan begitu blog anda akan lebih mudah terkenal dan lebih mudah mendapatkan pengunjung.<br /> <h4> <b>Baca Juga : <a href="http://www.tampancips.net/2016/09/cara-meningkatkan-pengunjung-blog-ampuh.html" target="_blank"><span style="color: #38761d;">Cara Meningkatkan Pengunjung Blog Ampuh Dengan MudahTutorial Blogger</span></a></b></h4> <b>5.Mengupdate Konten Secara Berkala</b><br /> Hal selanjutnya yang harus anda lakukan adalah mengupdate konten artikel anda secara berkala yaitu secara rutin, ada teori simpel untuk meningkatkan pengunjung blog yaitu.<br /> 300 Artikel  1000 kata atau 1000 Artikel 300 kata.<br /> Jika artikel sobat telah mencapai satu dari kedua diatas maka sudah dipastikan blog sobat akan ramai pengunjung.<br /> <h4> <b>Baca Juga : <a href="http://www.tampancips.net/2016/08/cara-cepat-supaya-artikel-cepat.html" target="_blank"><span style="color: #741b47;">Cara Cepat Supaya artikel Cepat Terindex Oleh Google</span></a></b></h4> <b>6.Mencari Partner</b><br /> Selanjutnya adalah mencari partner kerjasama, setiap situs selalu mencari partner yang tepat dalam masa startup maupun dalam status berjalan, untuk itu anda juga perlu mencari partner yang tepat guna meningkatkan pengunjung situs maupun rank blog.<br /> Selain itu blog anda juga akan lebih mudah dikenal.<br /> <br /> Nah, semua hal diatas haruslah anda lakukan setelah membuat blog, hal-hal diatas dapat meningkatkan pengunjung situs anda maupun rank blog sobat, demikian artikel kali ini. Semoga bermanfaat bagi sobat semua. Terima Kasih<br /> <div> <br /></div>

Mengatasi Gambar Berbeda Saat Share Artikel ke Blog

Mengatasi Gambar Berbeda Saat Share Artikel ke Blog - Halo sobat , welcome back to this blog. So kali ini saya mau membagikan sedikit tutorial blogging , jika sobat sudah membaca judul diatas pastinya sobat sudah tahu kemana pokok pembahasan artikel kita kali ini.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp_Fxp9kzZehxUzfrsN0KG_lmk4HBmZ621VeB4p4EGkDuAPUX8uzgNtwG8JbMJMSGpVqfTCAledBihenm_kPsfSJ9JK52IvozCkygRgjBu4iTEFUmKu7DryqOLS45Z3IejZwNko6S60eI/s1600/membuat+artikel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="205" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp_Fxp9kzZehxUzfrsN0KG_lmk4HBmZ621VeB4p4EGkDuAPUX8uzgNtwG8JbMJMSGpVqfTCAledBihenm_kPsfSJ9JK52IvozCkygRgjBu4iTEFUmKu7DryqOLS45Z3IejZwNko6S60eI/s400/membuat+artikel.jpg" width="400" /></a></div> <br /> Ya kali ini saya akan memberikan sedikit cara ataupun tutorial mengatasi gambar berbeda saat share artikel ke social media,pasti sobat juga sering mengalami masalah ini. sobat pasti sering membagikan artikel ke social media contohnya facebook namun tampilan gambar pratinjaunya malahan bukan dari dalam artikel yang dibagikan tersebut melainkan dari artikel lain ataupun dari blog itu sendiri.<br /> <br /> Nah disini saya akan membagikan cara mengatasinya namun sebelumnya saya akan menjelaskan beberapa penyebab mengapa gambar yang di share ke social media berbeda dengan gambar di dalam artikel, berikut :<br /> <br /> •Gambar terkena hak cipta.<br /> •Tidak upload langsung melalui blogger.<br /> •Gambar bukan bersumber dari blogger/blogspot.<br /> •Link gambar tidak valid.<br /> •Gambar dilarang<br /> <br /> Kalau dilihat dari penyebabnya pasti sobat sudah tahu bagaimana cara mengatasinya,yuk langsung saja kita bahas cara mengatasi gambar berbeda saat share artikel ke social media berikut :<br /> Cara Mengatasi Gambar Berbeda Saat Share Artikel Ke Social Media<br /> <br /> <b>1.Membuat Gambar Sendiri</b><br /> Cara pertama ialah dengan membuat gambar sendiri atau mendesain gambar sendiri, gambar yang anda buat sendiri tentunya tidak akan terkena hak cipta dan bisa anda gunakan untuk situs manapun.<br /> Lagipula gambar desain sendiri ini akan menambah kualitas blog sobat.<br /> <br /> <b>2.Mengupload gambar ke blogspot</b><br /> Anda mungkin sering menggunakan gambar yang langsung dipasang ke artikel menggunakan link, cara ini memang terbilang cukup gampang dan mudah tetapi akan ada kemungkinan jika anda share ke social media. gambarnya tidak akan muncul atau malahan ada gambar lain yang muncul.<br /> <br /> <b>3.Memperbaiki Link</b><br /> Sebaiknya sobat memperhatikan link pada gambar dalam artikel sobat, mungkin saja link pada gambar tersebut tidak valid sehingga tak terbaca pada media sosial<br /> <br /> Baiklah sobat semua itulah cara <b>Mengatasi Gambar Berbeda Saat Share Artikel ke Blog,</b> Untuk saat ini, hanya itu yang dapat saya berikan. semoga artikel ini bermanfaat bagi anda semua. Terima Kasih<br /> <div> <br /></div>

Blogger Dengan Tampilan Baru Lebih Praktis dan Simple

<b>Blogger Dengan Tampilan Baru Lebih Praktis dan Simple</b> - Halo sobat blogger dalam beberapa hari kebelakang kita semua dibuat bingung oleh Google karena tombol "Lihat Blog" atau View Blog yang biasa nya terletak di atas dashboard Tiba-tiba Menghilang begitu saja.<br /> <br /> Ternyata di balik menghhilang nya tombol lihat blog atau view blog blogger rupanya sedang melakukan perubahan tampilan baru  dashboard nya dan mulai tanggal 23 November 2016 tampilan nya telah berubah lebih praktis dan simple.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZMkPP3GoVcKcbUR6qxcPkNulOiD63rPCsHRVxF3Uiyb-cqQNtmKg8JRgXBXj2DJ6ukyvy0YKBOhxIi0zJBTZl81SrjZpUI_fP014c0xSC0cHSfOBHLK99_wRz-IGCFSlSVyRaY6wVam0/s1600/b.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Blogger Dengan Tampilan Baru Lebih Praktis dan Simple" border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZMkPP3GoVcKcbUR6qxcPkNulOiD63rPCsHRVxF3Uiyb-cqQNtmKg8JRgXBXj2DJ6ukyvy0YKBOhxIi0zJBTZl81SrjZpUI_fP014c0xSC0cHSfOBHLK99_wRz-IGCFSlSVyRaY6wVam0/s400/b.png" title="Blogger Dengan Tampilan Baru Lebih Praktis dan Simple" width="400" /></a></div> <br /> Pasti sobat blogger belum terbiasa dengan tampilan baru ini termasuk saya sendiri, Akan tetapi lama kelamaan nanti nya akan terbiasa juga, Menurut saya dengan tampilan baru ini dashboard blogger jadi lebih praktis dan simple apalagi bagi sobat yang memiliki lebih dari satu blog.<br /> <br /> Saya sendiri mendapatkan pemberitahuan ini sebelum saya menulis artikel ini tentu nya sobat semua juga mendapatkan nya dan blogger sendiri mengumumkan tampilan baru ini pada tanggal 22 november 2016, " <b><a href="https://blogger.googleblog.com/2016/11/a-first-few-tweaks-toward-better-blogger_22.html" target="_blank">Beberapa tweak pertama menuju Blogger yang lebih baik</a></b> " dengan screenshot sebagai berikut.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVRu73Rxn7eD3QwCEaCG_tcNj-30vLcmVcy6sU88hEHE5yneWXzSI1-AJWkFrmTZhHae0EUo6mmZiAZPMvSizmqnE8bCz3y_QUxIfmxXwJmxVNbI6GCAeM7snNhbZ6neEnZ-EfUfFvFv8/s1600/b2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Blogger Dengan Tampilan Baru Lebih Praktis dan Simple" border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVRu73Rxn7eD3QwCEaCG_tcNj-30vLcmVcy6sU88hEHE5yneWXzSI1-AJWkFrmTZhHae0EUo6mmZiAZPMvSizmqnE8bCz3y_QUxIfmxXwJmxVNbI6GCAeM7snNhbZ6neEnZ-EfUfFvFv8/s400/b2.png" title="Blogger Dengan Tampilan Baru Lebih Praktis dan Simple" width="400" /></a></div> <br /> To kick things off, we’ve taken a crack at<b> simplifying Blogger’s dashboard</b> so that it’s easier for you to get right to the tools you need. Now, whenever you open Blogger, you’ll be taken right to your blog with the most recent post, putting you one click or tap closer to drafting something new.<br /> <br /> We’ve also updated Blogger’s header bar, making it consistent with what you’ll find in other Google products. And as part of our commitment to building products that are accessible for all, we’ve adjusted Blogger’s colors to <b>make things easier to see.</b><br /> <b><br /></b> Kita bisa memberi umpan balik (feedback) atas tampilan baru Dashboard Blogger ini. Anda tinggal klik menu "Send Feedback" yang ada di kanan bawah dashboard blog.<br /> <b><br /></b> We’re starting small with these adjustments, but hope they help you create more amazing work. Please send any feedback our way and stay tuned for more updates to come.<br /> Happy blogging! [ www.tampancips.net ]<br /> <br /> Semoga dengan tampilan baru ini kita semua akan mendapatkan Ide-ide terbaru juga untuk membuat blog kita lebih baik untuk kedepan nya, Salam Blogger.

Pengaturan Template Viralnova

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7owWIQZWOjiEM7aatHV866jIQGluNvKZ1K65QFCDWMcF0iyUn0ceuP2r46IWhyT-soxxvF6LgpI2BnWX6m_htlipNcR0MNI_1RiijY71GhYeL80Xz8BgyyJXEQKOqNDO_WZFgnmDs4-4/s1600/Untitled.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="331" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7owWIQZWOjiEM7aatHV866jIQGluNvKZ1K65QFCDWMcF0iyUn0ceuP2r46IWhyT-soxxvF6LgpI2BnWX6m_htlipNcR0MNI_1RiijY71GhYeL80Xz8BgyyJXEQKOqNDO_WZFgnmDs4-4/s640/Untitled.png" width="640" /></a></div> <b>Tampan Community™</b> - Berikut ini adalah <b>pengaturan template Viralnova</b><br /> Di halaman Tata Letak / Layout ini anda bisa mengatur widget untuk blog anda.<br /> Beberapa kode widget sudah disediakan dan bisa anda lihat di folder “WIDGET”<br /> <br /> <b><span style="color: #b45f06;">SETTING META & FACEBOOK OPEN GRAPH</span></b><br /> TEMPLATE > EDIT HTML > Cari Kode berikut, ganti yang berwarna <span style="color: #cc0000;"><b>merah</b></span>.<br /> <blockquote class="tr_bq"> <meta content=<span style="color: red;">'keyword 1, keyword 2, keyword 3, keyword 4, keyword 5</span>, keyword 6' name='keywords'/><br /> <meta content='<span style="color: red;">UID_ADMIN</span>' property='fb:admins'/><br /> <meta content='<span style="color: red;">APP_ID</span>' property='fb:app_id'/><br /> <meta content='<span style="color: red;">URL_FANPAGE</span>' property='article:author'/><br /> <meta content='<span style="color: red;">URL_FANPAGE</span>' property='article:publisher'/></blockquote> <span style="color: #b45f06;"><b>SETTING MENU NAVIGASI</b></span><br /> TEMPLATE<b> => </b>EDIT HTML=<b> ></b> Cari Kode berikut<br /> <blockquote class="tr_bq"> <!-- Menu start --><br /> <li><a href='/'><i class='fa fa-home'/>Home</a></li> <li><a<br /> href='#'><i class='fa fa-flask'/><span style="color: #cc0000;">Pengetahuan</span></a></li> <li><a<br /> href='#'><i class='fa fa-heart'/><span style="color: red;">Kehidupan</span></a></li> <li><a<br /> href='#'><i class='fa fa-globe'/><span style="color: red;">Budaya</span></a></li> <li><a<br /> href='#'><i class='fa fa-youtube-<span style="color: red;">play</span>'/>Video</a></li> <li><a<br /> href='#'><i class='fa fa-star'/><span style="color: red;">Hiburan</span></a></li><br /> <!-- Menu End --></blockquote> |Untuk yang warna hijau diganti link label yang anda inginkan|<br /> <br /> <span style="color: #b45f06;"><b>SETTING JUMLAH POST</b></span><br /> Klik edit widget “posting blog” dan tentukan jumlah post jadi 6.<br /> <br /> <b><span style="color: #b45f06;">PASANG IKLAN DIBAWAH ARTIKEL</span></b><br /> <b><span style="color: #b45f06;"><br /></span></b> TEMPLATE<b> =></b> EDIT HTML <b>=></b> Cari Kode ini lalu ganti dengan kode iklan Anda yang sudah diparse <span style="color: red;"><!-- KODE IKLAN DISINI --></span><br /> <br /> Parse kode iklan bisa dilakukan di <a href="http://www.tampancips.net/p/kode-iklan-converter-tampan-community.html" target="_blank"><b>Parse Kode Iklan</b></a><br /> <div> <br /></div>

Cara Membuat Menu Navigasi Seperti Template Evo Magz

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzWUB9vWoGk3NnU-QCQDK5Z-aLyPeXLTNVu898wSjy406a08KTSW_BHKYX23-xftxwxVSfbhGdOu_k_Wyjfg70kIKM8dsE3_h8FGt5k8LZH6KUaoGVu3FQ2dpZHsv_16qvrxyFy80FeZg/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Menu Navigasi Seperti Template Evo Magz" border="0" height="316" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzWUB9vWoGk3NnU-QCQDK5Z-aLyPeXLTNVu898wSjy406a08KTSW_BHKYX23-xftxwxVSfbhGdOu_k_Wyjfg70kIKM8dsE3_h8FGt5k8LZH6KUaoGVu3FQ2dpZHsv_16qvrxyFy80FeZg/s400/1.png" title="Cara Membuat Menu Navigasi Seperti Template Evo Magz" width="400" /></a></div> <b>Tampan Community™</b> - Pada kesempatan Kali ini kita akan membahas tentang <b>Cara Membuat Menu Navigasi Seperti Template Evo Magz</b>, Template Evo Magz ini adalah maha karya mastah blogger yang bernama Mas Sugeng, Template ini salah satu yang paling fenomenal dalm sejarah blogger indonesia bahkan ada beberapa blogger luar negri yang memakai nya juga, Dalam template Evo Magz ini banyak sekali fitur-fitur menarik yang sobat jumpai salah satu nya menu Navigasi nya yang sangat keren dan menarik.<br /> <h4> <b>Di Bawah Ini Tutorial Membuat Vavigasi Seperti template Evo Magz</b></h4> Sebelumnya mencoba cara ini pastikan sobat sudah menginstall font awesome didalam template sobat, caranya dengan memasang kode berikut tepat diatas kode<br /> <blockquote class="tr_bq"> </head></blockquote> <blockquote class="tr_bq"> <link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/></blockquote> <b>1. Pertama, silahkan login akun Blogger dan masuk ke menu Template |>> Edit HTML</b><br /> <b>2. Lalu, cari kode</b><br /> <blockquote class="tr_bq"> ]]></b:skin> atau </style> </blockquote> Kemudian silahkan pastekan kode dibawah ini tepat diatas kode nya<br /> <blockquote class="tr_bq"> /* NAVIGATION MENU 2 */<br /> .toggleMenu{display:none;background:#E73138;padding:0 15px;height:48px;line-height:48px;color:#fff!important}<br /> #nav{font:normal bold 12px Arial,sans-serif;background:#333333;text-transform:uppercase;height:48px;line-height:48px}<br /> .nav-menu2{background:#333333;list-style:none;margin:0 0 0 0;*zoom:1;float:left}<br /> .nav-menu2:before,.nav-menu2:after{content:" ";display:table}<br /> .nav-menu2:after{clear:both}<br /> .nav-menu2 ul{list-style:none;margin:0 0 0 0;width:12em}<br /> .nav-menu2 a{display:block;padding:0 15px}<br /> .nav-menu2 li{position:relative;margin:0 0}<br /> .nav-menu2 > li{float:left}<br /> .nav-menu2 > li > a{display:block;height:48px;line-height:48px;color:#ffffff;box-shadow:0 4px 0 #333333 inset}<br /> .nav-menu2 > li > a.active{background:#222222;box-shadow:0 4px 0 #E73138 inset}<br /> .nav-menu2 > li:hover > a{background:#222222;box-shadow:0 4px 0 #E73138 inset}<br /> .nav-menu2 li ul{background:#fff;display:block;position:absolute;left:0;z-index:10;visibility:hidden;opacity:0;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;border:1px solid #d9d9d9;border:1px solid rgba(217,217,217,1);box-shadow:0 0 2px rgba(0,0,0,0.2)}<br /> .nav-menu2 li li ul{left:100%;top:-1px}<br /> .nav-menu2 > li.hover > ul{visibility:visible;opacity:10}<br /> .nav-menu2 > li > ul:before{content:"";width:0;height:0;position:absolute;bottom:100%;left:20px;border-width:8px;border-style:solid;border-color:transparent transparent #fff transparent;display:block}<br /> .nav-menu2 li li.hover ul{visibility:visible;opacity:10}<br /> .nav-menu2 li li a{display:block;color:#333;position:relative;z-index:100;line-height:32px}<br /> .nav-menu2 li li a:hover{background:#f0f0f0}<br /> .nav-menu2 li li li a{background:#fff;z-index:20;color:#333}<br /> .nav-menu2 li .parent:after{content:"\f107";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-left:6px}<br /> #search-form{background:#333333;float:right;margin:0 0;width:200px}<br /> #search-form table{width:100%;margin:0 0 0 0}<br /> #search-form td.search-box{padding-right:30px}<br /> #search-form input#search-box[type="text"]{background:#ffffff;height:36px;line-height:36px;margin:5px 0 5px 10px;padding:0 10px;width:99%;color:#666666;border:none}<br /> #search-form input#search-button[type="submit"]{font-family:FontAwesome;background:#E73037;color:#ffffff;height:36px;line-height:36px;margin:5px 10px 5px 0;padding:0 12px;border:none;outline:none;transition:all 0.25s;-moz-transition:all 0.25s;-webkit-transition:all 0.25s}<br /> #search-form input#search-button[type="submit"]:hover{background:#222222;cursor:pointer}<br /> #search-form input#search-box[type="text"]:focus{background:#eee;outline:none}</blockquote> <b>3. Karena tadi baru CSS nya, Cari kode</b><br /> <blockquote class="tr_bq"> </header> </blockquote>  Sekarang sobat harus memasang kode HTML nya tepat dibawah kode </header><br /> <blockquote class="tr_bq"> <nav id='nav'><br /> <a class='toggleMenu' href='#'><i class='fa fa-th-list'></i> Menu</a><br /> <!-- secondary navigation menu start --><br /> <ul class='nav nav-menu2'><br /> <li><a class='active' href='<b><span style="color: #cc0000;">tampancips.net</span></b>'><i class='fa fa-home'></i> Home</a></li><br /> <li><a href='#'>Menu 1</a><br /> <ul><br /> <li><a href='#'>Sub Menu 1</a></li><br /> <li><a href='#'>Sub Menu 2</a></li><br /> <li><a href='#'>Sub Menu 3</a></li><br /> </ul><br /> </li><br /> <li><a href='#'>Menu 2</a><br /> <ul><br /> <li><a href='#'>Sub Menu 1</a><br /> </li><br /> <li><a href='#'>Sub Menu 2</a></li><br /> <li><a href='#'>Sub Menu 3</a></li><br /> </ul><br /> </li><br /> <li><a href='#'>Menu 3</a></li><br /> <li><a href='masyadi.com'>Markup</a></li><br /> <li><a href='masyadi.com'>Error Page</a></li><br /> <li><a href='/p/lorem-ipsum-dolor-sit-amet-consectetur.html'>Static Page</a></li><br /> </ul><br /> <!-- secondary navigation menu end --><br /> <form action='/search' id='search-form' method='get' style='display: inline;'><table><tbody><tr><td class='search-box'><input id='search-box' name='q' onblur='if(this.value==&#39;&#39;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&#39;&#39;;' type='text' value='Search...' vinput=''/></td><br /> <td class='search-button'><input id='search-button' type='submit' value=''/></td></tr></tbody></table></form><br /> </nav>aa</blockquote> Silahkan sobat ganti<span style="color: #cc0000; font-weight: bold;"> tampancips.net</span> dengan link homepage blog sobat.<br /> <h4> <b>Baca Juga : <a href="http://www.tampancips.net/2016/10/viralnova-template-blogger-gratis.html" target="_blank"><span style="color: #b45f06;">Viralnova Template Blogger Gratis</span></a></b></h4> Sebenarnya sampai langkah ini saja navigasi Evo Magz sudah terinstall pada template blog sobat, tetapi untuk membuatnya menjadi Responsive untuk semua perangkat membutuhkan beebrapal langkah lagi, silahkan ikuti tutorial berikut jika sobat ingin membuat nya menjadi responsive.<br /> <h4> <b>Tutorial Membuat Navigasi Evo Magz Menjadi Responsive</b></h4> <b>1. Masih dalam edit HTML</b><br /> <b>2. Pasang kode berikut diatas kode </b><br /> <blockquote class="tr_bq"> </body></blockquote> <blockquote class="tr_bq"> <script type='text/javascript'><br /> //<![CDATA[<br /> var ww=document.body.clientWidth;$(document).ready(function(){$(".nav li a").each(function(){if($(this).next().length>0){$(this).addClass("parent")}});$(".toggleMenu").click(function(e){e.preventDefault();$(this).toggleClass("active");$(".nav").toggle()});adjustMenu()});$(window).bind("resize orientationchange",function(){ww=document.body.clientWidth;adjustMenu()});var adjustMenu=function(){if(ww<768){$(".toggleMenu").css("display","inline-block");if(!$(".toggleMenu").hasClass("active")){$(".nav").hide()}else{$(".nav").show()}$(".nav li").unbind("mouseenter mouseleave");$(".nav li a.parent").unbind("click").bind("click",function(e){e.preventDefault();$(this).parent("li").toggleClass("hover")})}else if(ww>=768){$(".toggleMenu").css("display","none");$(".nav").show();$(".nav li").removeClass("hover");$(".nav li a").unbind("click");$(".nav li").unbind("mouseenter mouseleave").bind("mouseenter mouseleave",function(){$(this).toggleClass("hover")})}}<br /> //]]></script><script src='https://googledrive.com/host/0BxH5pEKXqBWUSUhtOTZFOUw5QkU/menu-navigasi-evo-magz-masyadi-com.js'></script></blockquote> <b>3. Dan yang terakhir pasang juga media Queries nya dengan meletakan CSS berikut diatas </b><br /> <blockquote class="tr_bq"> kode ]]></b:skin> atau </style></blockquote> <blockquote class="tr_bq"> @media only screen and (max-width: 768px) {<br />       .nav { float: none; width: 100%; max-width: 100%; }.active { display: block; }#search-form { width: 100%; margin: 0 0 0 0 !important; }.nav li ul:before { display: none; }.nav > li { float: none; overflow: hidden; }.nav ul { display: block; width: 100%; float: none; }.nav-menu2 li ul { background: #eee; border: none; box-shadow: none; }.nav-menu2 li li ul { background: #f5f5f5; }.nav-menu2 li li a:hover { background: #ddd; }.nav > li.hover > ul, .nav li li.hover ul { position: static; }#search-form { width: 100%; background: #444; }#search-form td.search-box { padding: 0 10px !important; }#search-form td.search-button { padding: 0 10px; width: 1%; }#search-form input#search-box[type="text"] { margin: 0 0 0 0; }#search-form input#search-button[type="submit"] { margin: 0 0 0 0; }<br /> }</blockquote> <b>4. Save template</b><br /> <br /> Baiklah sobat semua itulah cara yang bisa sobat gunakan untuk membuat menu Navigasi seperti Template Evo Magz dan sudah bisa Responsive untuk semua perangkat. Terima Kasih<br /> <h4> <b>Baca Juga : <a href="http://www.tampancips.net/2016/06/download-template-yang-di-pakai-blog.html" target="_blank"><span style="color: #b45f06;">Download Template Yang di Pakai Blog Arlina Design</span></a></b></h4> <h4> <b>Baca Juga : </b><a href="http://www.tampancips.net/2016/07/template-sang-seo-responsive-kang-mousir.html" target="_blank"><span style="color: #b45f06;">Template Sang SEO Responsive Kang Mousir</span></a></h4>

Cara Optimasi Blog Setelah Sekian Lama Tidak Diurus

<div class="separator" style="clear: both; text-align: center;"> </div> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgiTn083ObtBBHNtdsdFjSLHVfIPJ8w6QE1u_LNcYIJg1RmHWyyYG9HljnZjugMwcWBuTiZOt6f2c7YGVk0KZ-rO4i540exHsL5HVJJCEUI7FR9gh5grmQLJt8hCbF-_ZMzazEnk935h4/s1600/60482-OA7J9A-762.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Optimasi Blog Setelah Sekian Lama Tidak Diurus" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgiTn083ObtBBHNtdsdFjSLHVfIPJ8w6QE1u_LNcYIJg1RmHWyyYG9HljnZjugMwcWBuTiZOt6f2c7YGVk0KZ-rO4i540exHsL5HVJJCEUI7FR9gh5grmQLJt8hCbF-_ZMzazEnk935h4/s400/60482-OA7J9A-762.jpg" title="Cara Optimasi Blog Setelah Sekian Lama Tidak Diurus" width="400" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Optimasi Blog</td></tr> </tbody></table> <b><br /></b> <b>Tampan Community™</b> - Kali ini saya akan membahas tentang <b>Cara Optimasi Blog Setelah Sekian Lama Tidak Diurus</b>, Bagi seorang blogger pasti mempunyai lebih dari 1 blog utama yang sangat diprioritaskan dan sangat diperhatikan seperti Blog Tampan Community™ ini Sebagai blog utama milik saya. Jika seandainya pemilik blog terpaksa meninggalkan semua blog nya termasuk blog utama tersebut maka tentu saja jika memakan waktu yang cukup panjang perlahan visitor mulai menurun dan index Google mulai menghilang. Kebanyakan dari mereka yang menghadapi masalah ini tidak bisa berbuat apa apa dan bingung harus bagaimana.<br /> <br /> Apabila jika diteliti dengan seksama dan dipikirkan dengan kepala dingin pasti ada solusinya karena tidak ada penyakit yang tidak ada obatnya, bukan? Baiklah berikut saya paparkan beberapa solusi Optimasi untuk Blog sobat yang sudah lama tidak diurus atau yang visitor nya mulai menurun.<br /> <h4> <b>Cari Tau Sumber Visitor Blog</b></h4> Sobat adalah pemilik blog sobat sendiri sekaligus admin nya, ini berarti sobat mengontrol semua aktifitas di blog sobat tentunya. Sobat juga pasti tau darimana saja visitor sobat berasal. Biasanya tergantung dari niche blog sobat. Jika nich berita kebanyakan dari media sosial seperti Facebook dan jika niche tips n trick atau tutorial dan semacamnya akan lebih banyak visitor organik dari Search Engine, Dengan mengetahui dengan betul sumber visitor blog sobat, maka sobat akan dengan mudah membuat konten berdasarkan sumber visitor blog sobat itu. Karena konten yang disajikan khusus untuk visitor yang datang dari media sosial tidak akan bisa mendapatkan visitor dari Search Engine, begitupun sebalik nya.<br /> <h4> <b>Sajikan Konten Fresh Terlebih Dahulu</b></h4> <blockquote class="tr_bq"> <b>Baca Juga : <a href="http://www.tampancips.net/2016/05/seperti-apa-artikel-yang-paling-di.html" target="_blank"><span style="color: #f1c232;">Seperti Apa Artikel Yang Paling Di Sukai oleh Google</span></a></b></blockquote> Langkah selanjutnya yang harus sobat ambil setelah lama meninggalkan blog sobat adalah membuat konten baru yang berkualitas dan fresh. Buat konten ini terlihat lebih spesial dari konten-konten yang lain nya karena dengan adanya konten fresh ini akan mempermudah proses sobat menarik kembali visitor kembali. Dalam konten ini sobat juga harus pintar-pintar memilih judul yang tepat apa ditujukan untuk visitor sobat, Karena sobat sudah tahu darimana sumber visitor sobat maka saya rasa sobat juga bisa dengan mudah menyesuaikan isi konten nya.<br /> <h4> <b>Promosikan Konten Terbaru Sobat</b></h4> <blockquote class="tr_bq"> <b>Baca Juga : <a href="http://www.tampancips.net/2016/09/cara-meningkatkan-pengunjung-blog-ampuh.html" target="_blank"><span style="color: #bf9000;">Cara Meningkatkan Pengunjung Blog Ampuh Dengan Mudah</span></a></b></blockquote> Setelah membuat konten artikel yang spesial ini dan sudah melakukan langkah-langkah setelah menulis artikel, maka selanjutnya sobat harus bisa memaksa orang-orang melihat isi konten sobat dan datang ke blog sobat dengan cara promosi. Promosi kali ini juga harus berbeda dengan promosi biasa, sobat harus memainkan kata-kata yang persuasif dan media yang dipakai untuk promosi juga harus sobat tingkatkan. Di Facebook, promosikan ke grup-grup yang berhubungan dengan niche blog sobat, lalu di fanspage sobat, lalu sobat bisa meneruskan nya di media media lain nya yang populer.<br /> <h4> <b>Lakukan Link Building Extra</b></h4> <blockquote class="tr_bq"> <b>Baca Juga : <a href="http://www.tampancips.net/2016/09/teknik-link-building-paling-ampuh.html" target="_blank"><span style="color: #bf9000;">Teknik Link Building Paling Ampuh</span></a></b></blockquote> Sambil menunggu visitor datang dari hasil promosi sobat yang spesial ini, selanjutnya dengan mengandalkan konten spesial dan beda dari yang lain tadi, sobat harus melakukan link building atau biasa dikenal dengan menanam backlink. Sekarang sobat harus sedikit bekerja dengan extra. Kumpulkan atau cari list backlink berkualitas terupdate sebanyak-banyak nya dengan mencari menggunakan keyword-keyword berikut<br /> - List Backlink Edu 2016<br /> - List Backlink Gov 2016<br /> - List Backlink PR 5-9 2016<br /> - Situs High PR Dofollow Untuk Backlink 2016<br /> Nah pastikan backlink yang sobat dapatkan itu adalah backlink yang terupdate. Setelah memiliki list backlink nya, silahkan sobat buat kalimat untuk berkomentar disitus-situs backlink nya. Gunakan bahasa inggris, lalu puji artikel dalam situs tersebut baru diakhir kalimat berikan sentuhan persuasif yang bisa membujuk visitor datang ke artikel spesial yang ada di blog sobat tadi.<br /> Link building ini harus sobat lakukan dengan rutin misalnya 1 hari 1X dengan 10 backlink, sesuaikan saja dengan jadwal keseharian sobat<br /> <h4> <b>Update Rutin</b></h4> Sambil tetap melakukan link building dengan artikel spesial tadi, sobat buat lagi artikel-artikel berkualitas dan fresh untuk pengunjung blog sobat sehingga visitor yang datang pun akan menganggap bahwa blog sobat tetap fresh dan mereka tidak sia-sia untuk mengunjungi blog sobat. Lihat juga statistik visitor blog sobat selama ini, apakah berkembang dengan pesat atau perlahan-lahan. Buat jadwal update artikel yang surin dan sesuaikan saja dengan kondisi sobat, tapi pastikan agar tetap rutin sehingga sobat tidak kehilangan visitor lagi.<br /> <b>Optimasi Seperti Biasa</b><br /> <blockquote class="tr_bq"> <b>Baca Juga : <a href="http://www.tampancips.net/2016/09/teknik-teknik-menulis-artikel.html" target="_blank"><span style="color: #bf9000;">Teknik - teknik Menulis Artikel Berkualitas dan SEO</span></a></b></blockquote> Setelah mengupdate artikel-artikel dan konten blog sobat dengan rutin dan setelah sobat berhasil mendapatkan banyak visitor dari artikel khusus dulu, maka saatnya sobat kembali melakukan apa yang harus sobat lakukan. Pada langkah terakhir ini silahkan lakukan optimasi-optimasi standar seperti biasa dan tetap update blog sobat secara rutin.<br /> <br /> Baiklahlah sobat semua saya kira sudah cukup saya jelaskan tentang <b>Cara Optimasi Blog Setelah Sekian Lama Tidak Diurus</b>, Semoga artikel ini berguna dan bermanfaat buat sobat semua. Terima Kasih<br /> <br /> .