Postingan

Menampilkan postingan dari April, 2015
Tunjukkan semua
Cara Optimasi Meta Description Untuk Setiap Postingan/Artikel Blog

Cara Optimasi Meta Description Untuk Setiap Postingan/Artikel Blog

Cara Optimasi Meta Description Untuk Setiap Artikel Blog/Website - Salah satu penerapan seo yang saya lakukan untuk mengoptimasi setiap postingan adalah membuat meta description atau untuk masing-masing postingan. Cara ini dilakukan untuk mempertegas masing-masing postingan di serp atau search engine.

Biasanya saya menggunakan kalimat utama untuk dijadikan deskripsi dari setiap postingan ini. Bukannya meta description ini diambil otomatis dalam snippet dari postingan tersebut? Betul demikian, tapi kita bisa mengubah meta description dari setiap postingan dengan versi kita sendiri. Nah, bagi yang tertarik melakukan cara ini untuk setiap postingan blognya, berikut caranya.

Cara Membuat Deskripsi Sendiri Untuk Setiap PostinganSetelah login ke blog, klik Setelan > Preferensi Penelusuran, lalu pada bagian Deskripsi klik “Edit”. Lalu klik “Ya” kemudian akhiri dengan mengkilik “Simpan Perubahan”, perhatikan gambar di bawah ini.

Jika blog anda mempunya niche yang lebih luas (banyak), maka k…
Seperti Apa Website atau Blog yang Disukai Mobilegeddon Itu?

Seperti Apa Website atau Blog yang Disukai Mobilegeddon Itu?

Tepatnya tangganl 21 April 2015 kemarin, google baru saja mengeluarkan algoritma baru yang bernama Mobilegeddon. Mendenganr namanya saja kita sudah bisa menebak, kalau maksud dan tujuan dari algoritma ini untuk apa, tepatnya untuk perangkat yang bagaimana. Benar saja, Mobilegeddon adalah algoritma yang dikhususkan untuk perangkat mobile. Mobillegeddon ini lebih mementingkan website atau blog yang berlabel Mobile Friendly.

Artinya, disaat seseorang mencari sesuatu dalam mensin pencari google, maka website atau blog yang pertama tampil dihalaman pencarian adalah website atau blog yang bertuliskan Mobile Friendly pada deskripsi website atau blog di mesin pencari google tersebut. Namun, kiat apa saja yang harus dilakukan agar website atau blog kita mendapat label Mobile Friendly ini? berikut ulasannya.


Inilah Website atau Blog yang Disukai Mobilegeddon1. Website atau blog sudah responsiveTindakan meresponsive sebuah website atau blog adalah salah satu hal yang patut diterapkan. Hal ini di…
Cara Benar Mendapatkan Backlink Berkualitas yang Banyak

Cara Benar Mendapatkan Backlink Berkualitas yang Banyak

Cara Mendapatkan Backlink Dofollow Berkualitas yang Banyak – Membangun backlink untuk mempermantab SEO blog di Google serp adalah salah satu dari sekian banyak yang diinginkan oleh setiap orang yang mengelola blog. Backlink sendiri berarti tautan link yang tertanam pada website lain dan menujun ke website lain.

Tentu website yang nanti akan dibenamkan backlink menuju ke website/blog kita adalah website/blog yang bukan sembarangan. Tujuan membangun/mendapatkan backlink yang banyak dan berkualitas ini adalah tidak lain demi meningkatkan taraf hidup blog kita pribadi. Dengan makin bertambahnya backlink berkualitas maka semakin popular pula blog/website kita di mata Google serp. Satu hal yang perlu diketahui, bahwa backlink yang terbaik/berkualitas adalah backlink yang langsung dari mesin pencari.

Tetapi bukan berarti cara mendapatkan backlink dengan jalan yang lain tidak. Semua bisa kita usahakan demi kepentingan blog, agar masih pada asas zona aman dan tidak meresahkan orang lain.

Di b…
Solusi Widget dan Kolom Komentar Tidak Muncul di Mobile

Solusi Widget dan Kolom Komentar Tidak Muncul di Mobile

Solusi Widget Blogger dan Editor Komentar Tidak Muncul di Mobile – Sesaat sebelum menulis artikel ini saya mencoba membuka link blog untuk mobile phone seperti ini http://www.bungfrangki.com/?m=1, dan sungguh terkejutnya saya ternyata tampilan blog begitu berantakan dan sungguh tidak enak dipandang. Berantakan karena widget di sidebar blog tak ada satupun yang muncul, menghilang entah kemana. Pikir saya ada yang ngambil, tapi hati kecil berkata kalau itu tak mungkin.

Rasa penasaran saya berlanjut melihat blog untuk mobile phone di halaman postingan penuh dengan url seperti ini http://www.bungfrangki.com/2014/06/modifikasi-komentar-bertingkat-style-2.html?m=1, saya terkejut bukan kepalang melihat penampakan yang ada di layar laptop saya. Kolom komentar atau editor komentar tidak muncul. Kecurigaan saya tentang ada yang ngambil itu timbul lagi dan kali ini makin besar saja prasangka buruk tersebut.

Namun saya menepisnya lagi, akh tidak mungkin ada yang ngambil. Saat itu pikiran dan ha…
Cara Menjadikan Blog Ramai Pengunjung Setiap Hari

Cara Menjadikan Blog Ramai Pengunjung Setiap Hari

Cara Menjadikan Blog Ramai Pengunjung Setiap Hari - Mendatangkan lebih banyak pengunjung setiap harinya adalah impian setiap pengelola blog. Pengunjung lebih dari sebuah asset untuk kelangsungan sebuah blog. Oleh sebab itu, demi meningkatkan pengunjung setiap hari, maka perlu optimasi yang maksimal yang harus diterapkan.

Selain mengoptimasi penerapan SEO pada template blog, berikut ini ada beberapa hal penting yang harus dilakukan demi mendatangkan pengunjung lebih banyak lagi.

Cara Mendatangkat Pengunjung Lebih Banyak Setiap Hari1. Pilih top keyword yang sesuai dengan ulasan blogMemlilih kata kunci terpopuler yang sesuai dengan ulasan blog adalah salah satu cara yang jangan sampai diabaikan. Tidak perlu anda memikirkan akan kalah bersaing dengan blog lain dari kata kunci yang sama, sebab penilaian robot crawl mesin pencari Google terhadap setiap blog berbeda-beda.

Simak dulu: Cara Mencari Atau Mendapatkan Artikel Viral dengan Mudah

2. Buatlah artikel yang berkualitas dan menarikArtike…
Setting Robots.txt dan Tag Tajuk Robot Khusus yang Aman di Blogger

Setting Robots.txt dan Tag Tajuk Robot Khusus yang Aman di Blogger

Cara Setting Robots.txt dan Tag Tajuk Robot Khusus yang Aman di Blogger - Konfigurasi pengaturan pada Robot.txt dan Tag Tajuk Robot Khusus atau Tag Header Robot Khusus dimaksudkan agar postingan dapat dengan mudah dirayapi/terindek oleh mesin pencari. Dengan menerapkan hal ini, maka blog tersebut menjadi SEO friendly.

Pada artikel sebelumnya saya telah mengulas settingan robots.txt yang berbahaya jika diterapkan di blogger, dan pada kali ini saya akan berbagi solusinya agar penerapan robot.txt tidak menjadi berbahaya untuk kelangsungan blog anda.

Cara Setting Robots.txt Khusus yang Aman Untuk Blogger1. Gunakan Robots.txt Default SajaSettingan robots.txt default bawaan blogger inilah yang paling aman, tapi bukan berarti tidak efektif. Anda tidak perlu mengaktifkan settingan robots.txt di blog anda, karena untuk robots.txt default ini sudah aktif sejak anda pertama kali membuat blog tersebut. Cek dengan ini https://blog-anda.blogspot.com/robots.txt. Berikut robots.txt default dari blogg…
Inilah Settingan Robots.txt yang Berbahaya Diterapkan di Blog

Inilah Settingan Robots.txt yang Berbahaya Diterapkan di Blog

Settingan Robots.txt yang Berbahaya Diterapkan di Blog - Mengoptimasi SEO di blog dengan melakukan settingan pada Robots.txt adalah sah-sah saja. Tetapi perlu diketahui, bahwa tidak semua settingan Robots.txt yang anda temui di Google search itu baik untuk kelangsungan blog anda. Pertimbangkan dengan blog yang anda kelola, baik dari bentuk segala isi blog, tujuannya dan pemirsa yang ingin dicapai.

Jika blog anda bertujuan untuk berbagi turorial, menyajikan informasi unik, berbagi tentang puisi, sastra, mengulas artikel tentang misteri makhluk astral dan informasi yang menurut anda bermanfaat lain, tentu anda ingin mendapat pemirsa/pengunjung dari berbagai perangkat yang digunakan, baik dari ponsel maupun yang menggunakan laptop dan desktop.

Lalu apa hubungannya dengan settingan Robots.txt?Kita ketahui bahwa Robots.txt ini bertujuan untuk memfilter url untuk dirayapi atau tidak dirayapi pada mesin pencari. Tapi bukan berarti anda dengan sengaja membatasi pengujung dari perangkat yang …
Google Code Resmi Ditutup, Google Drive Penggantinya

Google Code Resmi Ditutup, Google Drive Penggantinya

Sebenarnya isu penutupan Google Code ini berhembus sejak Mei 2013. Namun, tempat hosting file code yang paling banyak digunakan oleh Blogger ini resmi di tutup pada bulan Maret 2015, meski masih ada tenggang waktu sampai Januari 2016, tapi tetap saja ini akan benar-benar ditutup. Sebagai peggantinya, jauh hari sebelum pengumuman penutupan Google Code, Google Drive telah dipubliskan pada April 2012.

Tentu saja saat itu masyarakat masih enggan menggunakan layanan Google Drive ini, karena masih terbilang baru atau mungkin karena pengguna masih nyaman dengan Google Code. Namun Google nampaknya memiliki misi tersendiri akan peluncuran Google Drive ini. Dengan rencana yang sangat matang tambah didukung pengelola yang cukup mumpuni di bidangya, akhirnya Google Drive makin banyak diminati dan digunakan oleh siapa saja.


Tidak hanya oleh para Blogger yang suka menyimpan kode-kode, Google dirve juga ternyata banyak digunakan oleh kalangan yang di luar dari kelompok Blogger, dengan file-file be…
Inilah Website yang Memenuhi Syarat Mobilegeddon Algoritma Baru Google

Inilah Website yang Memenuhi Syarat Mobilegeddon Algoritma Baru Google

Jauh hari sebelumnya, sampai isu algoritma baru Google ini ramai dibicarakan, Google telah meluncurkan sebuah tools untuk pengujian situs mobile friendly, yaitu berada di link ini https://www.google.com/webmasters/tools/mobile-friendly/. Mobillegeddon sendiri akan lebih mengutamakan website yang menggunakan tampilan khusus untuk perangkat ponsel. Berikut ini sedikit bekal untuk menghadapi algoritma baru Google yaitu mobilegeddon.

Website harus responsive.Website responsive merupakan website yang tampilannya mengikuti perangkat yang digunakan oleh pengunjung website tersebut. Perangkat ini berupa desktop, tablet, atau handphone. Mengapa hal ini sangat begitu penting? Jelas sangat penting, sebab pengunjung website bukan hanya dari mereka yang menggunakan desktop atau laptop saja, bahkan lebih banyak pengunjung yang mengakses website ini menggunakan tablet dan ponsel, jelas dengan ukuran dan spesifikasi yang bebeda-beda. Bagi yang berniat membuat websitenya agar responsive bahkan fully re…
5 Produk Google Tools Pendukung Blogger

5 Produk Google Tools Pendukung Blogger

Tentu kita ketahui bahwa Blogger.com atau Blogspot.com merupakan penyedia pembuatan blog yang dimiliki Google, yang biasa digunakan berbagi pengalaman pribadi, sesuatu yang penting bahkan sesuatu yang tidak penting dalam bentuk tulisan, gambar dan media lain. Sejak peluncurannya di tahun 1999 oleh +Pyra Labs Blogger telah mengalami perubahan dan pengembangan yang sangat signifikan. Bahkan tampilannya sudah sangat jauh berbeda dari yang tahun 1999 dengan Blogger di tahun 2015 ini.

Jika di tahun 1999 Blogger tampilannya identik dengan warna biru, di tahun 2015 Blogger berwarna orange dan putih. Bagi yang mau bernostalgia perubahan apa saja yang telah terjadi dengan tampilan Blogger pada beberapa tahun lalu silahkan kunjungi http://cebokblog.blogspot.com/2009/10/10-tahun-blogger-1999-2009.html.

Demikian sejarah singkat Blogger. Namun, kali ini saya ingin berbagi info tentang produk Google lainya yang sangat penting dan mendukung pengembangan sebuah blog seseorang, terutama blog yang dib…
Membuat Load More Otomatis Saat di Scroll

Membuat Load More Otomatis Saat di Scroll

Membuat Load More Otomatis Saat di Scroll – Trik ini menampilkan postingan lebih banyak di blog. Jika biasanya melihat postingan lama kita menggunakan navigasi older post, yang ketika kita klik navigasi itu akan terbuka tampilan baru lagi, maka dengan load more otomatis ini tidak perlu melakukan klik, cukup dengan melakukan scroll ke bawah maka postingan terdahulu akan tampil secara otomatis.

Bagi anda yang tertarik memasang trik ini di template bloggernya, silahkan ikuti caranya di bawah ini.

Cara Membuat Load More Otomatis Saat Blog di ScrollSetelah login ke blog, kopi kode di bawah ini dan letakkan di atas kode </body>.
<script type='text/javascript'>
//<![CDATA[
(function(a){function h(){g||(g=!0,d?(b.find("a").hide(),b.find("img").show(),a.ajax(d,{dataType:"html"}).done(function(c){var c=a("<div></div>").append(c.replace(j,"")),e=c.find("a.blog-pager-older-link");e?d=e.attr("href&quo…
Membuat Credit Link Template Tidak Bisa Diganti dan Dihapus

Membuat Credit Link Template Tidak Bisa Diganti dan Dihapus

Ketika membuat sebuah template yang nantinya akan dibagikan secara gratis, tentu si pembuat ini membenamkan sebuah credit link/link footer pada custom templatenya. Hal ini dilakukan untuk mendapat backlink dari si pengguna template yang tertarik dengan template hasil racikan si pembuat template tersebut.

Namun terkadang harapan ini harus pupus dan sia-sia jika template ini jatuh ke oknum pengguna template gratis yang suka menghapus credit link sebuah template hasil ramuan orang lain yang diunduhnya.

Alih-alih ingin mendapat backlink, template buatan si pembuat template malah di claim orang lain dan seolah-olah itu adalah template miliknya.


Nah, untuk menanggulangi hal ini, ada sebuah cara yang patut di terapkan oleh si pembuat template jika nanti masih ingin membuat template baru lagi dan dibagikan secara gratis. Yaitu menggunakan JavaScript yang berfungsi meredirect link credit template. Artinya, jika si oknum ini memodifikasi link credit dengan versinya, maka link tersebut tetap a…
Cara Terbaru Membuat Meta Tag msvalidate.01 Bing Webmasters

Cara Terbaru Membuat Meta Tag msvalidate.01 Bing Webmasters

Cara Mendaftarkan blog ke Bing Webmaster Tools, Membuat Meta Tag msvalidate.01 – Bing merupakan salah satu mesin pencari paling banyak digunakan selain Google. Mesin pencari yang dimotori oleh Windows Inc, ini telah di dukung oleh Yahoo search yang tentu saja harus dimanfaatkan sebaik mungkin.

Agar blog anda mudah di jelajahi oleh mesin pencari Bing, maka anda harus memverifikasi url blog anda ke mesin pencari ini dengan mengkopi kode meta tag yang akan di letakkan ke blog anda nanti, berikut caranya.

Cara mendapatkan meta tag verifikasi dari Bing Webmaster Tools: msvalidate.011. Buat akun di https://www.bing.com/toolbox/webmaster/. Tapi jika sudah memiliki akun di Windows, maka login saja dengan akun tersebut. Jika belum, lakukan pendaftaran seperti biasa, dengan menggunakan email gmail/ymail. Lalu konfirmasi pendaftaran anda melalui inbox email yang telah di daftarkan.

2. Jika sudah terdaftar, buka kembali link https://www.bing.com/toolbox/webmaster/ lalu klik Sign In, maka akan munc…
Penting! Cara Membuat Breadcrumb SEO Friendly dan Valid HTML5

Penting! Cara Membuat Breadcrumb SEO Friendly dan Valid HTML5

Cara Membuat Breadcrumb SEO Friendly dan Valid HTML5 – cara lain mengoptimasi sebuah blog adalah memvalidasi breadcrumbs dan juga seo friendly di hasil pencarian google. Kebanyakan para blogger pemula mengabaikan hal ini. Mengapa isi blog harus serba seo? Sebuah blog harus seo karena ini memang sangat diperlukan untuk kelangsungan blog baik di mata pencari google dan pada user yang mengunjungi blog anda, lebih-lebih jika blog tersebut serba seo friendly.

Mengapa pula harus valid HTML5? Sebenarnya hal ini tidak begitu penting tapi sangat dianjurkan, biar blog anda tidak ketinggalan zaman dan makin ganteng di mata google karena (minimal) telah sedikit error di bagian template. Nah baca disini cara membuat blog valid HTML5.

Bagi yang berniat membuat breadcrumbs SEO friendly dan valid HTML5 di template blognya, ikuti langkah berikut ini.

Cara Membuat Breadcrumbs SEO Friendly dan Valid HTML51. Simpan kode di bawah ini di atas </head>
<style type='text/css'>
/* Css Breadcr…
Kerangka Untuk Membuat Template Blog Full Responsive

Kerangka Untuk Membuat Template Blog Full Responsive

Blog responsive ialah blog yang mengikuti tampilan device yang digunakan pengunjung. Device yang dimaksud macam desktop (laptop/computer), tablet, hanphone yang tentu memiliki ukuran yang berbeda-beda. Hal dasar yang perlu diketahui dalam membuat template responsive ialah mengubah satuan pixel (px) menjadi satuan persen (%), lalu kita tentukan ukuran-ukurannya pada media queries yang akan saya bagian di bawah ini, namun sebelumnya kita buka dulu sedikit rahasia mengubah template blog menjadi responsive.

Apakah seluruhnya harus mengubah satuan pixel menjadi satuan persen?Sebenarnya tidak harus semuanya diubah ke satuan persen. Misalnya, di template blog yang saya gunakan ini, pada bagian content-wrapper yang membungkus main-wrapper dan sidebar-css, memang saya memberi satuan persen pada keduanya. Tetapi untuk menanggulangi kemungkinan-kemungkinan yang dapat merusak tampilan pada sidebar blog nanti, maka di dalam sidebar-css saya tambahkan pembungkus baru berupa sidebar1, sidebar2 dan se…
Membuat Link Aktif pada Komentar Menjadi Teks Biasa

Membuat Link Aktif pada Komentar Menjadi Teks Biasa

Menghapus link aktif pada komentar blog - Berkomentar adalah salah satu aktifitas yang biasa dilakukan oleh pengunjung untuk mengapresiasi tulisan/artikel yang dibacanya. Entah untuk berterima kasih karena merasa terbantu akan informasi di dalamnya, ataupun ada desakan lain yang membuat ia harus berkomentar.

Namun terkadang aktifitas berkomentar ini disalahgunakan oleh sebagian orang, yakni oknum penyisip link aktif yang bagi saya ini sangat tidak menyenangkan. Walaupun yang bersangkutan telah berkomentar dengan begitu baik kalimatnya dan sesuai dengan artikel yang dikomentar, tetapi kalau menyisipkan link, maka tetap akan terkesan kurang enak.


Nah berikut ini cara untuk menghapus/menghilangkan link-link yang telah disisipkan oleh tukang titip link aktif di kolom komentar. Yang tadinya itu adalah link aktif, akan diubah menjadi link yang tidak aktif, alias teks biasa yang tidak bisa di klik.

Mengubah link aktif pada komentar menjadi teks biasaDari banyak JavaScript untuk menghilangka…
Membuat Like Box Terbaru di Blog

Membuat Like Box Terbaru di Blog

Like Box adalah salah satu widget facebook yang biasanya terpasang di blog sebagai salah satu media promosi yang bertujuan mengumpulkan penggemar dari suatu blog tertentu. Namun, dibalik semua itu, yang paling utama dari pemasang kolom suka Facebook ini adalah menarik lebih banyak visitor ke blog yang dialamatkan oleh kolom suka Facebook tersebut.

Sebenarnya ada banyak teknik memasang like box Facebook di blog ini, namun baru-baru ini ada sebuah like box facebook yang membuat saya tertarik, karena tampilannya dinamis dan menarik hati.
Like box Facebook ini menggunakan efek facepile, ya kurang lebih seperti badge google+ yang vertical.

Seperti apa like box Facebook yang saya maksud? Nah anda bisa bandingkan dengan melihat dua gambar di bawah ini.

Like box Facebook model baru
Like box Facebook model lama
Cukup jelas berbada bukan? Nah bagi yang tertarik memasang like box Facebook tersebut di blog/websitenya, kopi kode di bawah ini.
<div class="fb-page" data-href="https://…
Cara Memasang Parse Kode HTML Tools di Blog yang Valid HTML5

Cara Memasang Parse Kode HTML Tools di Blog yang Valid HTML5

Cara Pasang Parse Code HTML Widget Tools di Blog yang Valid HTML5 - Parse HTML adalah salah satu tools yang digunakan untuk mengkonversi kode, macam kode iklan. Biasanya kode iklan yang di parse adalah iklan yang nantinya akan tampil di dalam postingan, baik di atas, di tengan, maupun di bawah postingan.

Tools ini juga sangat mudah digunakan oleh newbiew sekalipun, sebab cukup menekan satu tombol saja kode HTML langsung diparse. Tools ini sangat cocok dipasang pada blog yang membahas tentang berbagai tutorial seputar script/coding website atau blog.

Baca juga: Cara Membuat Photoshop Online di Blog

Bagi yang ingin tau seperti apa tools parse HTML itu, kolom di bawah ini adalah contohnya. Silahkan masukkan kode iklan anda disana, lalu klik Parse Script.






Cara pasang widget parse kode HTML di blogspot/BloggerAnda pun dapat memasang parse HTML sendiri di blog anda. Kopi kode di bawah ini dan letakkan dimana saja yang ingin anda inginkan. Jika ingin meletakkanya di sidebar, taruh di HTML/Jav…
Membuat Tulisan di Postingan Tampil di Sidebar

Membuat Tulisan di Postingan Tampil di Sidebar

Jika anda mengunjungi website yang mempublish download template gratis untuk blogspot macam Soratemplates, Templateism, ThemeXpose dan lain sebagainya, maka pasti anda mengerti maksud dari tulisan ini. Dari situs penyedia template itu anda bisa melihat, keterangan sebuah template serta tulisan “Download Free” atau “Buy This Theme” Nampak tertulis di sidebar. Belum mengerti juga? Coba perhatikan yang diberi kotak pada gambar di bawah ini.

Dari gambar tersebut terlihat dua tombol, tombol pertama memungkinkan pengunjung untuk melihat demo dari template yang dibagikan dan tombol lainnya untuk membeli template yang di bawahnya terdapat keteranga keunggulan membeli template tersebut.

Nah, dari penjelasan tersebut pasti sudah mengerti kemana arah dari postingan kali ini. Bagi yang mengembangkan website layanan download template gratis, cara ini sangat cocok diterapkan di website tersebut. Baik, langsung saja kita ke cara menerapkannya.

Membuat tulisan di postingan, tampil di sidebar blog1. Ko…
Cara Download Software di BAGAS31

Cara Download Software di BAGAS31

Cara Download Software di BAGAS31 – Bagas31 adalah salah satu situs download software gratis dari Indonesia yang cukup fenomenal. Tampilannya sangat dinamis, link download untuk software yang disediakan tinggal pilih, serta petunjuk “cara pakai” telah menjadi ciri khas dari situs software yang sangat terkenal ini.

Namun di artikel ini saya tidak mereview situs software tersebut, akan tetapi saya hendak berbagi cara mendownload software dari situs yang beralamat di Bagas31.com itu. Nampaknya masih banyak yang bingung cara mendownload software di bagas31.

Cara mendownload software di Bagas31Setelah mengklik link, maka akan muncul tampilan macam gambar di bawah ini. Tunggu sampai ada tulisan Continue, lalu klik tulisan Continue itu untuk melanjutkan.

Setelah itu maka akan muncul tampilan baru seperti di gambar berikut. Tunggu beberapa saat sampai terbuka tampilan baru lagi.

Tampilan baru yang dimaksud seperti pada gambar berikut, temukan tulisan Continue > lalu klik, (tulisan Continue …
Melihat History Sebuah Blog dari Pertama Online Sampai Sekarang

Melihat History Sebuah Blog dari Pertama Online Sampai Sekarang

Jika anda berpikir bahwa sejarah awal mula sebuah blog itu tayang sampai pergantian template yang terjadi pada blog itu di zaman dulu sudah tidak bisa di ketahui lagi, maka anda salah besar. Kenyataanya sejarah/history sebuah blog baik dari segi pergantian template maupun postingannya masih bisa diketahui jejaknya.

Apa gunanya mengungkit sejarah dari sebuah blog?Setidaknya ada beberapa hal yang sangat berguna mengapa kita harus mengetahui sejarah dari blog tertentu.

1. Tukang cari blog zombie Jika blog tersebut telah menjadi blog zombie, maka seseorang yang menemukan blog zombie tersebut harus mengetahui sejarah dari blog yang ditemukannya itu, untuk memastikan apakah bekas blog tersebut semasa dia online dulu kontenya bergerak di bidang apa, blog tersebut spam atau tidak, atau melihat hal-hal yang tidak terpuji lainnya.

2. Tukang bikin template Selain hal di atas, bagi tukang template, dengan melihat history dari sebuah blog, setidaknya akan timbul secerca inspirasi untuk membuat templat…
Membuat Tombol Share di Setiap Postingan dengan CSS3 di Blog

Membuat Tombol Share di Setiap Postingan dengan CSS3 di Blog

Banyak cara yang bisa dilakukan dalam membuat tombol share, baik di atas postingan, di bawah postingan, disamping, melayang, mengambang, dan lain sebagainya. Namun tombol share atau share button yang saya bagikan kali ini lebih sederhana dan tidak menggunakan sederet kode yang dimuat .js dari pihak ketiga, yang hal itu sangat buruk akibatnya pada size dan loading blog.


Mengapa harus memasang tombol share di setiap postingan? Hal ini dilakukan untuk memungkinkan pengunjung blog yang tertarik dengan artikel yang anda publish, membagi kembali link dari artikel tersebut ke social media yang diinginkannya, dengan kepentingan yang berbeda-beda tentunya.

Cara membuat tombol share di setiap postingan dengan CSS3 di BlogKopi kode CSS di bawah ini tepat di atas ]]</b:skin> atau </style>
/* Tombol Share dengan CSS */
#share-this{overflow:hidden;margin:10px 30px;line-height:1.4em}
#share-this a{float:left;display:block;color:#fafafa;padding:10px 14px 8px;margin:0 3px 3px;font-family:&am…
Cara Terbaru Membuka Blog yang Tidak Bisa diklik Kanan

Cara Terbaru Membuka Blog yang Tidak Bisa diklik Kanan

Membuka Blog yang Tidak Bisa di Klik Kanan - Kadang kita menjumpai blog tutorial yang terproteksi anti klik kanan. Lho, katanya blog untuk tutorial, tapi ko pasang anti klik kanan?. Tentu hal semacam itu sangat meresahkan apalagi jika kita perlu beberapa kode yang sedang diterangkan dalam artikel tertentu.

Namun tidak perlu khawatir, ada salah satu cara yang dapat membuka anti klik kanan ini dengan sangat mudah, dengan sekali sentuhan dan anda bisa membuka seluruh blog yang terproteksi anti klik kanan itu.

Cara membuka blog yang tidak bisa di klik kananBuka tab baru pada browser anda, lalu paste kode di bawah ini pada tab baru tersebut, kemudian tekan enter.
javascript:void(document.oncontextmenu=null)
Setelah itu, reload kembali blog yang terproteksi tadi, dan perhatikan apa yang terjadi.
Semoga artikel ini berguna dan tidak disalahgunakan.
Cara Membuat Photoshop Online Responsive di Blog

Cara Membuat Photoshop Online Responsive di Blog

Selain hadir dengan kemasan software (instalan) Photoshop juga dapat dipasang secara online di blog. Namun untuk Photoshop online ini tentu saja tidak ada hubungannya dengan Adobe yang sebagai publisher utama software yang digunakan untuk jenis design tersebut.

Baca juga: Pasang Tools Parse HTML di Blog

Jadi jika anda membutuhkan kode warna atau ingin mendesign sesuatu yang nantinya akan digunakan di blog, maka tidak perlu repot-repot menginstal photoshop di komputer, jika belum diinstal sebelumnya.

Demo
Photoshop online ini lebih baik diletakkan pada laman static blog, dengan menghilangkan sidebar lalu membuat halaman artikel (static) dengan width 100%. Lalu ikuti caranya berikut ini.

Cara membuat Photoshop Online Responsive di blog dengan mudahSetelah masuk ke blog, klik Laman >> Laman Baru. Setelah itu klik HTML di sudut kiri atas dari kolom menulis. Kemudian kopi kode di bawah ini dan letakkan di dalamnya.
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.…
Cara Membuat Kode Warna di Blogger Responsive dan Valid HTML5

Cara Membuat Kode Warna di Blogger Responsive dan Valid HTML5

Kode warna ialah salah satu objek yang paling urgent dalam membuat sebuah website/blog. Setiap website/blog pasti memiliki unsru penggunaan kode warna dengan warna kesukaanya. Sebenarnya kode warna ini bisa dengan mudah kita buat/tentukan pada software jenis design maca photoshop dan software lain sebagainya.

Namun ini sangat tidak berlaku bagi seseorang yang sedang mengcustom template blogger (misalnya) ketika saat itu di komputernya tidak terinstal software-software tersebut.

Maka kode warna online ini adalah salah satu alternative yang paling baik digunakan. Cara menentukan warnapun tidak berbeda dengan cara menentukan warna di software semisal Photoshop itu. Nah, bagi yang tertarik untuk memasang kode warna di blognya, berikut caranya.



Cara Membuat Kode Warna Sendiri di BloggerKopi kode di bawah ini (dalam HTML).

<div style="text-align: center;">
<div class="color-code">
<div class="color-responsive">
<object height="420"…
Cara Membuat Heading H1 pada Gambar Header Blog

Cara Membuat Heading H1 pada Gambar Header Blog

Kode Heading Tag H1 untuk Logo Blog Image – Artikel kali ini akan mengulas tentang Cara Mengatasi/Memperbaiki Headings H1 Zero Karena Gambar Header. Mengoptimalkan H1 harus benar-benar diperhatikan, untuk halaman depan (homepage) wajib header ber H1, sementara pada bagian postingan penuh dan halaman static menggunakan H2.

Seperti itulah maksud dari tutorial saya kali ini. Oh iya, gambar yang saya maksud adalah yang menggantikan penampilan judul blog/nama blog, yang awalnya itu adalah berupa text, namun akan diganti menjadi gambar agar terlihat sedikit bergaya. Bagi yang tertarik menerapkan cara ini, ikuti langkahnya sebagai berikut.

Kode Heading Tag H1 untuk Logo Blog Image1. Kopi css dibawah ini dan letakkan di atas </style>
#header-left { padding:0; margin:0; width:32%; float:left;position:relative;display:block}
#header-inner {visibility:hidden}
.logo {position:absolute;left:0;top:25px;z-index:999}
2. Temukan kode <b:section class='header' id='header' maxwid…
Free and premium blogger templates