Skip to main content

Posts

Showing posts with the label Tutorial

Cara menempatkan kode Anti Adblocker di Blog atau Web

Dalam dunia monetizing website atau blog, tentunya kita tidak asing dengan aplikasi atau ekstensi AdBlocker. Ekstensi AdBlocker merupakan aplikasi yang berfungsi memblokir iklan dari website atau blog tertentu. Aplikasi ini bagi seorang net surfer tentunya sangat bermanfaat, karena mereka tidak jarang menemukan website atau blog yang isinya kebanyakan iklan, yang menurut beberapa kalangan dianggap sangat mengganggu. Namun jika kita melihat dari sisi si empunya website atau blog tersebut, kehadiran iklan tersebut dianggap sebagai salah satu pundi penghasilan dari blogger dan admin website. Berbagai pandangan ini seperti menempatkan kita dalam  "Perang" antara pendukung AdBlocker dan Anti AdBlocker . Bagi seorang blogger dan webmaster, aplikasi adblocker tentunya sangat merugikan mereka. Namun hal tersebut dapat diatasi dengan skrip kode yang memaksa pengunjung agar mereka mematikan/me-white-list web atau blog mereka di aplikasi adblocker pengunjung. Walaupun skrip anti adblock...

Penjelasan Google Analytics UTM Parameters

Apa itu Google Analytics UTM (Urchin Tracking Module) Parameters? Mungkin ini pertanyaan yang menggema di pikiran kalian saat melihat judul artikel ini. Google Analytics UTM Parameters merupakan parameters khusus yang digunakan untuk melacak sumber klik yang ada di website orang lain yang mengarah ke website kita. UTM Parameters berguna untuk melacak klik yang bersumber dari link di dalam bentuk/format email atau web. Ketika seorang pengguna mengklik link yang sudah kita tambahi Google Analytics UTM parameters didalamnya mengirimkan data tersebut ke Google Analytics, jadi seorang webmaster atau blogmaster mampu melihat darimana sumber klik tersebut. Bentuk dan cara penggunaan UTM Parameters Format atau bentuk UTM parameters biasanya berada di belakang link dengan berisi keterangan-keterangan tertentu yang akan kita masukkan ke dalam laporan Google Analytics kita. Berikut merupakan salah satu contoh penggunaan UTM parameters : http://www.domain.com/page.html?utm_source=Partner-Domain ...

Membuat Website dan Aplikasi di App Engine

1. Apa itu App Engine? App Engine merupakan salah satu produk dari Google Cloud Platform yang memang ditujukan bagi para pengembang aplikasi. App Engine merupakan Platform as a Service (PaaS) yang menawarkan kepada pengembang website dan aplikasi mobile untuk membangun dan menjalankan aplikasi dengan infrastruktur yang dimiliki Google. Secara sederhana, kita memiliki hosting yang dikelola oleh Google, kita tinggal membuat dan menjalankan aplikasi yang ingin kita buat. Sampai saat ini, App Engine mendukung 4 bahasa pemrogaman yang dapat dijalankan di App Engine itu sendiri, yakni PHP, Python, Java dan Go. Anda dapat mencicipi App Engine sesuai dengan bahasa pemrogaman yang anda kuasai. Namun jika anda hanya menguasai HTML dan CSS saja, anda tetap dapat memakai dan menggunakan App Engine, karena memang pada dasarnya layanan App Engine merupakan salah satu produk dari Google Cloud Platform yang notabene menyediakan layanan hosting bagi para developer, termasuk developer website. Harga...

Icon Social dengan gambar Font Awesome

Ketika kita surfing di internet, kita biasanya melihat banyak sekali website yang menyediakan link ke arah sosial media mereka seperti facebook, twitter, google+ dan masih banyak lagi. Jika kita ingin membuat social button seperti itu, ada beberapa kelemahan yang kita rasakan sebagai seorang blog atau web developer, yaitu social button gambar tersebut biasanya berupa gambar yang mempunyai kekurangan seperti editing yang susah dalam format template yang responsive. Kelemahan social button gambar yang lainnya misalnya waktu loading web/blog semakin bertambah karena ukuran file gambar yang dipakai juga biasanya mempengaruhi kecepatan situs tersebut ditampilkan. Untuk mengatasi beberapa masalah tersebut, kita bisa memanfaatkan social icon dengan format font. Selain ukurannya yang kecil yang akan berpengaruh pada kecepatan suatu situs, font juga mudah diformat terutama dari ukuran untuk keperluan template-template web/blog yang responsive. Sebelum menulis kode HTML social icon ini, kita har...

Social Share Button Sederhana

Bagi seorang web ataupun blog developer, social sharing button merupakan hal yang wajib dan harus ada di website atau blog kita. Social share button berfungsi untuk membagikan postingan web kita ke berbagai media sosial. Selain fungsinya sebagai salah satu cara untuk mempromosikan website kita secara gratis, social sharing juga sekarang dijadikan pengukur bagus tidaknya SEO website atau blog kita. Saat ini sudah banyak berkembang plug-in ataupun tutorial yang membahas tentang social share button. Namun ketika kita memakai plug-in dari pihak lain, biasanya mereka menitipkan link-link mereka ke plug-in tersebut. Disamping itu, bentuk plug-in social share button hanya sebatas itu-itu saja dan jarang bervariasi. Hal tersebut menjadikan tampilan website atau blog kita serupa dengan orang lain. Kalau kita mempunyai tampilan yang berbeda dari yang lain, tentunya itu akan menjadi nilai plus tersendiri. Berikut merupakan tampilan social share button sederhana yang dapat dijadikan referensi buat...

Meletakkan gambar/widget di pojok blog

maksud judul diatas adalah,kamu akan bisa memasang widget/gambar di pojok blog.bisa di pojok atas maupun pojok bawah.yang lebih kerennya lagi.gambar atau widget itu akan terus berada disana walaupun scroll di arahkan ke bawah.cocok sekali kalo untuk pasang iklan coba kamu perhatikan gambar di bawah ini; saya akan ajarkan cara membuatnya: 1.masuk ke blogger 2.layout-edit html-centang expand template widget. 3.cari kode ini ]]></b:skin> 4.taruh code dibawah ini tepat diatas code nomor 3 #Lookj_keren { position:fixed;_position:absolute; bottom :0px; left :0px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); } tulisan yang dicetak tebal bisa anda ganti sebagai posisi letak gambar 1.bottom=dibawah 2.top=diatas 3.left=kiri 4.right=kanan 5.kemudian cari lagi code ini </body> dan letakkan script di ...

Membuat Label Animasi

Biasanya kalo label yan gada di blog tampilannya seperti ini: tips(5) tutorial(6) widget(7) kalo hanya seperti itu saja kelihatannya kurang menarik.gimana kalo kita buat menjadi tampilan animasi..coba kamu lihat label yan gada di blog ini.di sebelah kiri atas.klik mouse kamu kesana.bagus kan tampilannya? cara buatnya gampang kok..ikuti langkah langkah dibawah ini 1.login ke blogger 2.masuk ke layout-edit html 3.cari kode ini <b:section class='sidebar' id='sidebar' preferred='yes'> 4.copy kode dibawah ini tepat dibawah kode nomor 3 <b:widget id='Label99' locked='false' title='Labels' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> &lt;object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" wi...

membuat daftar isi blog

Dalam sebuah buku ada yang namanya daftar isi.daftar isi ini berguna untuk menampilkan semua isi yang ada didalam buku tersebut.tentunya daftar isi ini akan sangat berguna sekali untuk pembaca.karena jika banyak tulisan dalam buku itu,mereka akan kesulitan mencari artikel jika mereka harus mencarinya satu persatu.daftar isi ini juga bisa anda tampilkan didalam blog,sehingga akan sangat memudahkan pembaca dalam mencari artikel dalam blog anda.jadi ketika ada pengunjung yang mengklik blog kamu maka akan tampil semua judul postingan beserta tanggal postingan.ok tanpa berlama lama,saya akan ajarkan cara membuatnya A.langkah pertama 1.sigin ke blogger 2.masuk ke layout-edit html...sebelum kita mengedit blog sebaiknya anda copy dulu semua code html anda ke notepad..supaya jadi backup kalo nanti kita gagal 3.copy kode dibawah ini tepat diatas kode ]]></b:skin> #toc { border: 0px solid #000000; background: #ffffff; padding:2px; width:495px; margin-top:10px;} .toc-header-col1, .toc-he...

membuat recent comment

ingin tahu siapa saja yang baru memberikan komentar di blog anda?bisa kok...pasang aja recent comment. widget ini berfungi untuk menampilkan komentar terbaru yang dituliskan oleh pengunjung di blog anda.bagaimana cara membuatnya 1.login ke blogger 2.pilih layout-add page element-add gadgedts-add html/javascript 3.copy code dibawah ini: <script style="text/javascript" src="http://kendhin.890m.com/comments.js"></script><script style="text/javascript">var a_rc= 8 ;var m_rc=false;var n_rc=true;var o_rc=40;</script><script src=" nama blogmu /feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script> catatan: a.ganti tulisan nama blogmu dengan alamat blog anda. b.angka 8 menunjukkan jumlah komentar yang ingin ditampilkan 4.kemudian simpan 5.anda bisa mengatur untuk meletakkan widget ini di halaman blog anda.

Membuat Recent Post

Recent post berfungsi menampilkan postingan terbaru.jadi pengunjung yang datang bisa tahu postingan mana yang abru saja ditulis.bagaimana cara membuat recent post.akan diajarkan langkah langkahnya. seperti biasa anda cukup menambahkan kode berikut di dalam page element blog anda...lihat code dibawah ini: <script src="http://agsap12.googlepages.com/Postbaru.js"></script><script>var numposts = 10; var showpostdate = true; var showpostsummary = true; var numchars = 100; </script><script src="http://tips-tutorial-blog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"> </script> catatan: 1.ganti alamat blog http://tips-tutorial-blog.blogspot.com/ dengan alamat blog anda.

Membuat kolom blogger Login

Untuk masuk ke account blogger,kita harus mengetikkan terlebih dahulu alamat blogger.com di browser kita.ternyata ada cara yang lebih cepat untuk masuk ke account kita tanpa mengetikkan terlebih dahulu alamat blogger.caranya adalah memasang kolom login di blog kita.jadi nanti saat kita mau login ke account blog kita,kita tinggal memasukkan user name dan pasword kita di kolom tersebut.lebih praktis bukan?Tenang saja widget ini tidak akan membuat berat blog anda.mau tahu caranya? 1.login ke blog anda 2.masuk ke layout-page element-add gadgedts-add html/java script 3.copy code dibawah ini : Please enter your username and password to enter your Blogger Dasboard page!<br/><br/><form id="start-login" action="https://www.google.com/accounts/ServiceLoginBoxAuth" name="login" onsubmit="onlogin()" method="post"><input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="co...

cara menggunakan blogger

setelah anda punya blog?anda sudah bisa mulai memposting semua tulisan anda  kedalam blog baru anda.lihat disini  cara membuat blog  dengan blogger.tapi ada beberapa orang yang belum begitu mengerti cara menggunakan blogger.maka dalam artikel kali ini saya akan mencoba mengajarkan anda bagaimana cara menggunakan blog pada blogger. 1.Posting satu hal penting yang ada pada blog adalah content.untuk mengisi content itu kita harus mempostingnya kedalam blog.untuk melakukan posting,login terlebih dahulu ke blog anda.setelah masuk,anda tinggal pilih new post(entri baru).biasanya saat mulai mendaftar kita sudah bisa langsung posting.jadi tidak perlu repot repot.didalam menu post ini anda bisa memasukkan tulisan,gambar ataupun video.nanti akan saya buatkan artikel khusus cara memasukkan gambar,video dan segala macam... A.Create post untuk membuat tulisan baru.silahkan ketikkan tulisan di kolom ini.setelah anda selesai menulis.lalu tekan publish post(letaknya di bagian bawah) kalo ingin menyimp...

Membuat Blog Di Wordpress

Dipostingan terdahulu sudah diajarkan cara membuat blog di blogger ...Bagaimana sudah di praktekkin?mudah kan?heheheh Kali ini saya akan mengajarkan membuat blog di wordprees ...wordprees adalah salah satu layanan yang menyediakan blog gratis.sama dengan blogspot.ok langsung kita mulai langkah langkahnya: 1.Silahkan buka www.wordpress.com maka akan muncul tampilan seperti di bawah ini 2.klick sign up now 3.muncul form isian...silahkan isi data data anda di form ini A.user name : (user name disini bukan nama untuk login tapi nama blog anda.dalam wordpress satu acount hanya bisa untuk satu blog.berbeda dengan blogger yang memperbolehkan 1 account untuk banyak blog.jadi si kolom user name langsung isikan alamat blog anda) B.Pasword(kata sandi) isi dengan kata sandi yang mudah di ingat. C.confirm ulangi lagi pasword yan gtadi anda ketikkan D.Email adress isi dengan email anda.email yang masih aktif E.Legal flotsam centang kotak yang bertuliskan Legal flotsam sebagai tanda anda setuju u...

Cara membuat Blog

Sebenarnya membuat blog gak sesulit yang anda bayangkan.anda tidak perlu pemahaman yang mendalam tentang kode HTML dan juga tidak harus mengerti tentang bagaimana cara membuat web.karena semuanya sudah disediakan oleh layanan penyedia blog.tapi bukan berarti pemakai blog orang orang yang gak mengerti bahasa HTML.hanya saja blog lebih praktis daripada website.kalo anda mengerti sedikit HTML akan sangat membantu untuk memperindah blog anda. walapun mudah...tapi masih banyak orang yang belum tahu bagaimana cara untuk membuat blog.saya akan mencoba untuk mengajarkan langkah langkah membuat blog..artikel kali ini saya akan mengajarkan cara membuat blog dengan blogspot 1.masuk ke www.blogger.com 2.klik create your blog now 3.pertama kali anda harus membuat account baru di blogger.disini diperlukan alamat email yang masih aktif.lalu isi password(password ini nantinya digunakan untuk login ke dalam accountblogger).selain itu isi pula "Display Name","word verifiation"..jika...