Cara Membuat Print This Page di Blog

Cara Membuat Print This Page di Blog - Mungkin artikel adalah salah satu faktor utama yang berada dibelakang suksesnya suatu blog, namun secara tidak kita sadari sebenarnya fitur-fitur yang melimpah dan berguna bagi pengunjung juga perlu diperhatikan, buat fitur-fitur yang kiranya layak dan memang dibutuhkan oleh pengunjung yang membaca konten kita, entah itu tombol rekomendasi, berbagi ke jejaring sosial, sampai fitur print this page atau cetak halaman yang akan saya bahas pada kesempatan kali ini. Jika anda memiliki blog dengan bobot yang berbau artikel, tentunya alat ini sangat berfungsi jika terpampang di blog anda, pasalnya pengunjung akan mengambil banyak data-data dan informasi dari Internet untuk nantinya dapat di gunakan sebagai pembelajaran atau sarana refrensi pada kehidupan nyata.

Jadi dengan fitur seperti ini nantinya pengunjung tidak usah lagi repot-repot untuk menyalin konten ke perangkat lunak yang biasa digunakan untuk mengetik, pasalnya mereka sudah bisa mencetak apa yang mereka inginkan hanya dengan beberapa kali perintah atau klik. Sebenarnya fungsi ini sudah disediakan oleh banyak browser pada umumnya, namun pengunjung harus mencarinya pada menu tools pada browser, secara kasat mata pastinya ini adalah suatu hal yang bisa dibilang 'kurang' efisien, maka dari itu fitur ini akan sangat bermanfaat sekali apablia diterapkan di blog anda.

Kode scriptnya bisa dibilang cukup sederhana dan pemasanganya juga terbilang praktis, karena kita hanya perlu menambahkan beberapa bait kode HTML. Pada script yang akan saya berikan berikut ini sudah lengkap dengan icon printernya, namun anda juga bisa menggantinya dengan icon printer hasil karya anda sendiri, malah lebih bagus karena kreativitas anda sendiri, hehe. Jika anda ingin memasangnya di bawah artikel anda bisa menaruhnya tepat di bawah kode <data:post.body/> pada Edit HTML, dan jika anda ingin memasangnya pada sidebar, maka anda hanya perlu memasangnya pada Tata Letak > Add Gadget > HTML/JavaScript.

<a href='javascript:print(document)'><img alt='print' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjesGGgBYMaVjx9aqhBe0vdwIY2VXmyNtgZhv0L_W_ebaoMBIs38w1GC7zSRws4bRx6M6aalwEqb4zlAS_xbVT_NUcWGLNlmK5D-b53VK4ntEGXuM157bi4eJ_v8Hp04opoi7-L5rXNGb0/s1600/printerIcon.jpg' title='Print This Page' />&#160;Print This Page</a>

NB: kode yang berwarna merah adalah URL icon printer.

Demikian informasi tentang cara membuat print this page di blog, baca juga artikel-artikel menarik seputar tutorial blog lainya tentang cara mempercepat dan meringankan loading blog, semoga bermanfaat, dan selamat mencoba. Jangan lupa ya untuk berlangganan artikel terbaru dari blog ini, hanya dengan menggunakan e-mail anda sudah bisa mendapatkan newsletter yang secara otomatis akan terkirim ke e-mail anda setiap ada update terbaru dari blog ini.

Referensi : Kompi Ajaib

Cara Menghapus Data Website di Alexa

Cara Menghapus Data Website di Alexa - Alexa atau yang sering kita kenal dengan The Web Information Company adalah Website yang bergerak pada bidang jaringan-jaringan database situs di seluruh Dunia, dan Alexa juga merupakan salah satu platform besutan Amazon Company. Tentunya kita sebagai blogger telah mengenal situs free service yang satu ini, selain untuk memperbanyak data-data kita di banyak database direktori, kita juga biasanya menggunakan layanan semacam ini guna mengukur tingkat keberhasilan dan kesuksesan sebuah website yang telah kita miliki, pasalnya Alexa akan menampilkan peringkat suatu website berdasarkan perbandingan trafiknya dengan website di seluruh dunia dan di negara mana tempat website tersebut dibuat.

Tujuan pertama kita dalam membuat Alexa pada hakikatnya adalah untuk mendaftarkan website kita agar semakin terkenal dan dikunjungi oleh banyak orang, akan tetapi setelah kita memutuskan untuk menghapus atau memindahkan seluruh isi blog ke platform yang baru, maka kita sendirinya akan berfikir untuk menghapus website lama kita dari site list pada akun kita, karena 'mungkin' saja dapat mengakibatkan duplikat alamat situs antara URL lama yang diredirect dan Top Domain Level yang baru kita buat.

1. Buka http://www.alexa.com/pro/dashboard.

2. Pilih salah satu Website yang ingin kita hapus.

3. Arahkan cursor mouse kita ke Site Management, lalu pilih Subscription.

4. Lalu, pilih Cancel Subscription, selanjutnya klik lagi Cancel Subscription.

5. Klik "Submit".

6. Klik Go to Dashboard.

7. Selesai, sekarang website anda telah berhasil terhapus dari database Alexa.

Jika anda akan mengganti domain .blogspot anda menjadi Top Level Domain seperti blog ini, maka langkah selanjutnya yang harus anda lakukan adalah mendaftarkanya lagi secara ulang ke Alexa, namun jangan berfikir hasil peringkatnya secara otomatis sama dengan yang lampau, anda harus menunggu beberapa waktu dulu baru kemudian peringkatnya terindex secara optimal dan mendapatkan hasil aslinya. Untuk mendapatkan widget peringakat dari blog anda di Alexa, anda dapat membaca ulasan sebelumnya tentang cara memasang widget alexa.

Demikian Informasi terbaru seputar tutorial blog tentang cara menghapus data website di Alexa, semoga bermanfaat, dan selamat mencoba. Jika anda mempunyai pertanyaan seputar seluruh topik-topik di blog ini, anda dapat mebahasnya di halaman forum atau langsung menghubungi e-mail saya yang berlamatkan di muhammad.farhan.mf@gmail.com.

Cara Mempercepat dan Meringankan Loading Blog

sumber : devianart

Cara Mempercepat dan Meringankan Loading Blog - Blog Yang berbobot ringan atau yang sering kita sebut dengan Easy Loading mungkin merupakan hal yang didamba-dambakan seluruh blogger, akan tetapi untuk memaksimalkan faktor tersebut tentunya harus ada beberapa optimasi yang kita lakukan guna memperkecil loading blog, selain dengan mengkompress css dan memperbaiki broken link (tautan rusak), kita juga dapat menggunakan cara yang akan saya bahas pada kesempatan kali ini, yaitu dengan menyembunyikan JavaScript Widget Blogger. Cara Ini bertujuan agar browser tidak bisa mengenali kode JavaScript dari widget-widget yang kita pasang di blog kita, karena pada hakikatnya semakin banyak jumlah JavaScript yang dipasang maka semakin lama pula untuk me-loading kapasitas blog secara keseluruhan.

Dengan kita melakukan cara ini bukan berarti tidak ada sama sekali dampak yang dapat ditimbulkanya, dari penelusuran yang saya lakukan dari blog ke blog akhirnya saya menemukan jawaban dari pertanyaan ini pada blog salah seorang kerabat saya, yaitu Maskolis.

Setelah saya cermati kalimat demi kalimat, paragraf demi paragraf, akhirnya saya menyimpulkan bahwa terkadang jika kita menggunakan JavaScript yang ukuranya agak "besar" maka efek yang biasanya ditampilkan oleh kinerja JavaScript tersebut akan hilang karena penggunaan cara ini, pasalnya seperti yang sudah saya tegaskan tadi diatas bahwasanya cara ini akan membuat browser tidak dapat mengenali beberapa JavaScript, akan tetapi saya sendiri menggunakan cara ini dan selama ini baik-baik saja, dari sisi lain juga sebenarnya tidak baik menyimpan banyak JavaScript dalam satu blog.

Jika anda lihat pada source page halaman HTML blog saya ini pasti anda akan menemukan beberapa kode berwarna hijau pada deretan bawah mendekati kode default <body>, itulah yang nantinya akan ditimbulkan dari cara ini, jadi link JavaScript anda akan ditampilkan sebagai tulisan CSS biasa dan tidak menggunakan link hidup menuju file JavaSctip (.js). Untuk melakukan cara ini sebenarnya sangat mudah sekali, anda masuk ke Edit HTML, cari kode </body> (gunakan CTRL+F), lalu ganti kode tersebut dengan kode di bawah ini.

&lt;!--</body>--&gt;&lt;/body&gt;

Terakhir, Simpan Template anda dan lihat hasilnya, jika ada beberapa widget yang biasanya dapat berjalan namun sekarang tidak berjalan, kemungkinan besar hal itu disebabkan oleh penyembunyian JavaScript yang tadi kita lakukan, maka dari itu saya menekankan sekali lagi bahwa hapus saja JavaScript dari widget yang tidak bisa muncul tersebut, karena biasanya yang tidak bisa muncul adalah widget dengan ukuran JavaScript yang besar, atau jika anda tetap ingin mempertahankan widget tersebut, anda juga dapat menggantinya kemabali dengan kode </body>, semua keputusan ada ditangan anda, sesuaikan dengan kebutuhan dan minat anda.

Demikian Informasi seputar tutorial blog tentang cara mempercepat dan meringankan loading blog, semoga bermanfaat, dan selamat mencoba. Start is The First Step to Reach The Success...

Cara Membuat Kotak Iklan Teks seperti Iklan PPC

Cara Membuat Kotak Iklan Teks seperti Iklan PPC - Monetize blog atau menghasilkan uang dari kegiatan nge-blogging tentunya merupakan hal yang didamba-dambakan bagi seluruh blogger, pasalnya hanya dengan menjalankan aktivitas nge-blogging yang sederhana kita sudah dapat menghasilkan tambahan pendapatan. Jika kita sering berkunjung ke blog rekan-rekan blogger tentunya kita akan melihat beraneka ragam jenis iklan, mulai dari review produk, banner ads, text ads, hingga iklan ppc atau yang biasa kita kenal dengan Pay Per Click, atau sebuah layanan media partner yang akan membayar kita setiap ada iklan advertiser yang di klik oleh pengunjung, jadi hasil pendapatan kita tidak bergantung pada jumlah impresi iklan, melainkan jumlah klik yang didapat, itu artinya semakin besar trafik semakin besar juga kesempatan untuk menambah penghasilan tambahan.

Sebenarnya di dalam blogsphere iklan dikenal menjadi 2 opsi, yaitu iklan durasi dan iklan PPC seperti yang sudah saya paparkan tadi diatas, nah, kalau iklan durasi adalah iklan yang menampilkan promosi advertiser dan dibayar per-durasi atau jangka waktu yang telah ditentukan, misalnya 150.000/bulan, jadi kalau nanti misalnya iklan tersebut hanya mendapatkan sedikit klik, itu tak menjadi masalah, karena iklan durasi hanya berketergantungan dengan jangka waktu pemasangan dan tidak berpengaruh terhadap banyak sedikitnya jumlah klik yang didapatkan.

Berhubungan dengan iklan durasi, pada kesempatan kali ini saya akan membahas tentang cara membuat tampilan kotak iklan teks yang mirip dengan iklan teks PPC yang biasa kita lihat, sebenarnya jenis iklan PPC terbagi atas dua, yaitu banner dan text, namun pada kesempatan kali ini saya akan membahas yang text, karena kalau yang banner pada hakikatnya hanyalah memasang gambar dengan link yang bertautan ke situs lain, berbeda dengan yang text karena membutuhkan tata letak yang mirip dengan iklan PPC seperti contoh yang bisa kita lihat pada gambar diatas.

1. Login ke Blogger.

2. Pilih Template.

3. Klik Edit HTML.

4. Klik tanda panah hitam disebelah <b:skin>.

5. Cari kode ]]></b:skin> (gunakan CTRL+F), lalu letakkan kode di bawah ini tepat diatas-nya.

#iklan_ppc {text-align: left; width:300; height:250; padding:5px; margin:0px;border:1px solid #1a4d86}

Keterangan:

• 300 = Lebar iklan
• 250 = Tinggi iklan
• 1px = Ketebalan border iklan
• #1a4d86 = Warna border iklan

6. Klik "Save Template".

7. Sekarang, masuk ke halaman Tata Letak/Layout.

8. Klik Add Gadget > Pilih HTML/JavaScript.

9. Letakkan kode di bawah ini kedalam box "Konten".

<div id='iklan_ppc'>
<a style="text-decoration: underline; padding: 15; font-size: 12px; color:blue;" href="http://farhanshare.blogspot.com/" target="_blank" title="Tutorial Blog"><strong>Farhan Share</strong></a><br />
<span style="font:11px verdana;">Tutorial blog dan trik internet gratis!</span><br />
<a style="font-size: 9px;color:black;" href="http://farhanshare.blogspot.com/" target="_blank" title="Tutorial Blog">farhanshare.blogspot.com</a><br/><br/>
<a style="text-decoration: underline; padding: 15; font-size: 12px; color:blue;" href="http://farhanshare.blogspot.com/" target="_blank" title="Tutorial Blog"><strong>Farhan Share</strong></a><br />
<span style="font:11px verdana;">Tutorial blog dan trik internet gratis!</span><br />
<a style="font-size: 9px;color:black;" href="http://farhanshare.blogspot.com/" target="_blank" title="Tutorial Blog">farhanshare.blogspot.com</a><br/><br/>
<a style="text-decoration: underline; padding: 15; font-size: 12px; color:blue;" href="http://farhanshare.blogspot.com/" target="_blank" title="Tutorial Blog"><strong>Farhan Share</strong></a><br />
<span style="font:11px verdana;">Tutorial blog dan trik internet gratis!</span><br />
<a style="font-size: 9px;color:black;" href="http://farhanshare.blogspot.com/" target="_blank" title="Tutorial Blog">farhanshare.blogspot.com</a><br/>
<a style="text-decoration: none; padding: 15; font-size: 12px; float: right;color:#b0130d;" href="http://farhanshare.blogspot.com" target="_blank"><small>Ads by Farhan Share</small></a><br />
</div>

Keterangan:

• Ganti kode yang berwarna merah dengan URL iklan yang dituju.
• Ganti kode yang berwarna biru dengan title tag.
• Ganti kode yang berwarna hitam dengan judul iklan.
• Ganti kode yang berwarna oranye dengan keterangan atau deskripsi iklan.
• Ganti kode yang berwarna hijau dengan URL Homepage situs yang diiklankan.
• Ganti kode yang berwarna hijau kebiruan dengan URL situs yang diiklankan (tanpa HTTP://)
• Ganti kode yang berwarna ungu dengan URL Homepage blog anda.
• Ganti kode yang berwarna pink dengan Judul Blog anda.

10. Klik "Save", dan selesai.

Demikian informasi tentang cara membuat kotak iklan teks seperti iklan ppc, baca juga artikel inspiratif menarik seputar tutorial blog lainya tentang download template blogger minimalis, semoga bermanfaat, dan selamat mencoba.

Cara Memasang jQuery pada Blogger

Cara Memasang jQuery pada Blogger - jQuery atau yang biasa disebut dengan perpustakaan Javascript adalah kumpulan dari javascript yang sudah diringkas agar lebih cepat, ringan, dan kaya akan fitur. jQuery dapat membuat banyak hal seperti HTML Transversal dokumen, penanganan event, animasi, dan ajax jauh lebih sederhana dan praktis, berbagai macam feature juga didukung dan support oleh berbagai kompabilitas pada banyak browser. Dengan fleksibilitasn dan kemudahan yang ditawarkanya, kini jQuery telah mengubah pandangan jutaan orang pada umumnya tentang menulis Javascript. jQuery juga sudah berpengalaman dan digunakan oleh banyak situs-situs terkemuka di seluruh dunia, seperti Wordpress, Wikipedia, Mediatemplate, dan Backbone.

Pada hakikatnya, jQuery adalah tools yang biasa kita gunakan untuk membuat efek-efek maupun me-modifikasi desain blog yang menggunakan bantuan JavaScript. Jika kita lihat pada blog-blog yang menyuguhkan tutorial blog pada tema kontenya, maka tidak jarang kita akan menjumpai kata-kata jQuery atau JavaScript Library, karena itu adalah salah satu ujung tombak dari banyak plugin/tutorial yang diharuskan menggunakan JavaScript, dan jika mereka tidak menambahkan jQuery, maka kode CSS yang sudah mereka pasang bisa dibilang "percuma".

Perlu saya ingatkan kembali bahwasanya dalam satu template blog hanya boleh ada 1 script jQuery, entah itu versi berapapun, karena banyak sekali versi dari jQuery yang selalu diperbaharui, namun saya sarankan untuk memakai yang terbaru, karena biasanya mendukung atau support lebih banyak plugin-plugin yang selalu up to date. Selain itu, anda juga tidak usah mengkhawatirkan nanti jQuery ini akan membuat blog loadingnya lebih berat, karena plugin ini sebenarnya sudah hampir digunakan oleh seluruh blog yang memakai platform Blogspot maupun Wordpress dan hanya memiliki ukuran 100kb.

1. Login ke Blogger.

2. Pilih Template.

3. Klik Edit HTML.

4. Klik tanda panah hitam disebelah ]]></b:skin> (tampilan baru Edit HTML pada Blogger).

5. Cari kode </head> (gunakan CTRL+F).

6. Letakkan kode jQuery berikut ini tepat diatas </head>.

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

Keterangan: Perlu saya tekankan kembali untuk yang ke-2 kalinya bahwa pada blog hanya boleh ada 1 jQuery plugin, jadi misalnya anda dulu sudah pernah memasangnya versi berapapun, maka anda cukup mengganti angka dari versi jQuery anda (contoh : 1.3.1) dengan 1.9.1 (versi terbaru).

7. Klik "Save Template".

Demikian informasi tentang cara mudah memasang jQuery pada Blogger, baca juga artikel tutorial blog menarik lainya seputar cara membuat social sharing button warna warni, semoga bermanfaat, dan selamat mencoba. Positive Thinking, Refresh Mind...