Langsung ke konten utama

Postingan

Menampilkan postingan dengan label Blogger

Bikin Tampilan Video Youtube Di Blog Seperti Televisi Yuk!

I ni muncul dari kebosenan aku melihat tampilan video di blog. Sepertinya gitu-gitu aja hehehe...bosen ah... Kemudian aku mulai searching di Google untuk menerima tutorialnya, tapi ibarat di dunia kasatmata jikalau tidak punya alamat malah nyasar ke mana-mana gak karuan ... hualah pusing jadinya... hahhaha... Dari pada pusing gara-gara nyasar gak karuan masuk ke web esek-esek wikikik.... mending bereksperimen lah.... berbekal dari seringnya mengedit template blog alasannya gonta-ganti template dan melihat kode-kode script template (gara-gara ini wajah istri malah kelihatan ibarat kode...hahahaha), mulailah aku merangkai aba-aba yang ga tahu bener apa tidak, yang penting karenanya sesuai dengan selera saya...hehehe... Bagaimana tertarik juga ingin membuat ibarat gambar di atas? Yuk kita coba bikin tampilan video di blog ibarat televisi ... (itu bukan televisi aku hehehe... aku pakai bangkai monitor box untuk nonton tv hahhaa). Bagi temen-temen, apabila melihat kode-kodenya...

Belajar Dasar HTML, CSS, Dan Javascript Secara Online

Sebelumnya aku hanya seseorang yang senang mencari software di internet untuk kepentingn kerja aku menyerupai Office, Photoshop, ataupun Corel. Juga mendownload music dan film yaaa... untuk hiburan di sela kerja hehehe... Ngomong-ngomong kerja, aku bersama sahabat sewaktu SMA membuat Digital Printing abal-abal hahaha... yang sekedar mendapatkan jasa pengetikan, bikin undangan, banner flexi, id card dan lain-lain yang berafiliasi dengan cetak-mencetak. Makara aku mencari dan mendownload untuk keperluan kerja tersebut. Makin sering aku mencari dan mendownload di internet, aku mulai tertarik dengan dunia internet khususnya blog yang menyediakan software untuk mampu di unduh oleh orang lain. Kemudian aku mulai mencari sumber-sumber cara membuat sebuah blog. Maka jadilah sebuah blog, kemudian pasti Anda tahu sendiri kan...? heheehe...saya kelimpungan untuk mengisi blog tersebut hahaaha... Ehhh malah ngelantur jadi curhat...ixixixi... Selain membuat postingan, tentunya dikala ...

Cara Berhenti Mengikuti Blog Yang Kita Follow

S ampai dikala ini Google masih gencar melaksanakan abolisi terhadap blog-blog yang dianggap blog SPAM dan lain sebagainya. Nah mungkin diantara sahabat sekalian mempunyai list blog yang tengah diikuti yang biasanya melalui Google Friends Connect blog tersebut, dan blog yang kita ikuti tersebut telah lenyap dari dunia maya dikarenakan telah dihapus oleh Google alasannya banyak sekali alasan. Nah kini saya share bagaimana caranya berhenti mengikuti blog yang kita follow sehingga list blog yang kita follow bersih dari list blog kosong. Pertama silahkan masuk ke dashboard blog sobat. Kemudian di bab Reading List klik ikon "gear" pada sebelah goresan pena "view in Google Reader". Setelah itu akan muncul halaman gres "Manage Blogs I'm Following" yang berisi list blog yang tengah Anda ikuti. Silahkan cari blog yang ingin Anda hapus dari list tersebut, kemudian klik "setting" di sebelah kanannya. Kemudian pada jendela gres y...

Cara Mengatasi Auto Content Blog

S ebenarnya ini yakni hak masing-masing individu untuk membuat blog sebagaimana kehendaknya. Dan tentunya isinya pun terserah kehendak si pembuatnya, mampu blog perihal curhat, bagi-bagi software, tutorial, dan lain sebagainya. Namun saya enggak baiklah dengan yang satu ini, Auto Content Blog . Yang hanya mengambil content blog orang lain untuk mengisi postingan blognya. Biasanya mereka mengambil content blog orang lain dari feed blog sasarannya tanpa menyertakan link orsinil contentnya.  Dan lebih parahnya lagi, link yang sengaja penulis sisipkan, mereka hilangkan. Dan mereka sebut blognya Semi Auto Blog yang artinya content yang mereka ambil tidak pribadi mereka tayangkan, namun mereka edit dulu gres dipublikasikan. Untuk mengatasi hal tersebut di atas, silahkan atur feed blog Anda. Bagi blog yang tidak memakai auto slider atau thumbnail di homepage, Anda mampu mengatur feed blognya ke "Short". Dan yang memakai auto slider atau thumbnail di homepage, Anda mam...

Cara Menghentikan Follower Yang Mengikuti Blog Kita

Kemarin saya sudah menjelaskan bagaimana cara berhenti mengikuti blog yang kita follow , nah sekarang kita aka nmembahas sebaliknya ialah bagaimana cara menghentikan follower yang mengikuti blog kita . Dan sebagai balasan dari pertanyaan Daniel Benny Simanjutak di postingan sebelumnya. Sebenarnya ini tidak akan terjadi dan memang seharusnya tidak boleh terjadi jikalau di antara blogger mampu menghargai sesamanya, sehingga tidak timbul perasaan tidak mau mengikuti atau tidak mau diikuti oleh blogger yang dimaksud.  Siapa sih blogger yang dimaksud itu? Mungkin mampu jadi blogger yang berselisih paham, blogger yang berlaku curang menyerupai copaser dan lain-lain. Makanya sekali lagi saya katakan "Mari kita menjadi blogger yang baik, yang beretika". Jangan hanya mencari dollar dari blog dengan mengorbankan blog yang lain, tapi berguru menjadi blogger yang baik yang mungkin nantinya malah menerima imbalan yang lebih dari apa yang kita bayangkan. Nah kembali ke topi...

Memanipulasi Title Blog Dengan Gambar Agar Terdetek H1

T ag h1 ialah title tag untuk sebuah blog dan keberadaannya menurut saya sangat dibutuhkan untuk kelangsungan nilai seo sebuah blog. Artinya tag h1 akan menambah nilai seo blog Anda. Rata-rata template sebuah blog tentunya sudah memasang tag h1 ini. Bagi yang memakai title blog dengan huruf, ini tidak akan jadi problem alasannya ialah otomatis tag h1 akan terdetek mesin crawl search engine.  Namun ini akan menjadi problem dikala kita merubah title blog dengan image atau gambar. Demi memperindah tampilan blog, maka banyak orang merubah title blog yang tadinya hanya abjad sekarang diganti dengan gambar atau image sesuai dengan selera kita. Biasanya berupa logo atau apapun yang ingin kita jadikan sebagai ciri atau identitas blog kita.  Ini biasanya dilakukan dengan cara mengupload gambar pada tata letak atau layout, kemudian pada bab gadget Header kita mampu mengupload gambar atau logo blog kita dengan memilih option "Instead of title and description" biar titile ...

Cara Membuat Blogger Followers Widget / Google Friend Connect Widget

K ali ini aku akan coba share sebuah cara untuk menerima Blogger Followers Widget / Google Friend Connect Widget. Seperti telah kita ketahui, setelah adanya Google+ Followers Widget, maka untuk Blogger Followers Widget / Google Friend Connect Widget sudah tidak mampu kita temukan pada list gadget di Tata Letak atau Layout. Karena memang Google sebagai si empunya Blogger lebih merekomendasikan Google+ Followers widget untuk ditrapkan di blog atau website. Nah bagi yang masih ingin memasang Blogger Followers Widget / Google Friend Connect Widget di blognya, maka kali ini aku mencoba menawarkan sedikit tutor untuk mereka yang belum mengetahui dan kebingungan cara membuat Blogger Followers Widget / Google Friend Connect Widget di blog. Caranya cukup mudah, silahkan copy dan paste URL berikut di address kafe browser Anda. http://www.blogger.com/manage-followers.g?blogID= 2583045784323XXXXXX Ganti abjad yang berwarna merah dengan ID Blog Anda. Untuk menerima ID Blog...

Membuat Recent Posts Dengan Label

S ebenarnya recent posts ini saya dapat dari Maskolis , namun alasannya yaitu Goole Code punya Maskolis dibanned dan memang selalu dibanned hehehehe... Makara saya sharing aja di sini dengan javascript yang masih berfungsi. Bercerita duduk perkara Google Code yang dibanned khususnya akun Maskolis, menurut pengamatan saya (ciyee.... pengamatan... hehehe...) ada alasan kenapa Google melaksanakan banned akun Google Code yang patut kita perhatikan. Sepertinya sebuah akun Google Code tidak boleh membagikan atau menyebarluaskan isyarat yang disimpan di Google Code untuk dipakai banyak orang.  Nah untuk itu kalau kita mempunyai template atau widget yang memiliki isyarat javascript yang disimpan di akun Google Code orang lain, ada baiknya kita menyimpannya pada akun Google Code kita sendiri untuk menghindari banned akun. Biasanya javascript ini berekstensi *.js menyerupai contoh: " target="_blank" title="Mengatasi Loading Blog dengan Google Code" rel=...

Hindari Penggunaan Widget Tanpa Edit HTML

A pakah Anda sedang berusaha memperbaiki template blog biar valid HTML5? Saya ada satu tips untuk mengurangi error pada validasi HTML5 . Yaitu jangan menggunakan sebuah widget yang penerapannya tanpa melalui edit HTML.  Biasanya widget ini memasukan arahan CSS, javascript dan pemanggilnya pada satu kawasan di gadget sidebar. Di Google cukup banyak yang menunjukkan tutor cara membuat sebuah widget tanpa edit HTML. Memang untuk menerapkannya ke blog kita cukup gampang, hanya meng-copy seluruh kodenya dan mem-paste-nya pada gadget HTML/javascript di tata letak atau layout, maka jadilah widget yang kita inginkan pada blog kita. Namun menurut pengalaman saya, setelah kita cek validasi HTML5 di W3C cukup banyak error yang disebabkan oleh widget ini. Sebagai pola saya ambil sebuah tutor cara membuat menu accordion tanpa edit HTML dari Maskolis . <style type="text/css"> #accordion{width:100%;margin:auto;border:0px solid white} #accordion h2{padding:5px 10px;...

Memodifikasi Headline News FeedBurner Ala Beben Koben

K enapa modifikasi headline ini dikatakan ala Beben Koben? Begini ceritanya, pagi ini gotong royong agak sedikit suntuk alasannya ialah tadi malam tidur terlalu larut, ditambah galau cari topik postingan. Coba jalan-jalan...eh nyangkut di blognya kang Beben. Nah terlahirlah sebuah ide, mencari hal yang menarik di blog kang Beben untuk dibuat topik. Mata terpana pada pandangan ke arah footer...kebiasaan jikalau lihat cewek juga pasti lihat kakinya dulu hahahaha.... Di situ ada widget recently yang menampilkan headline news yang tampil satu per satu. Setelah dilihat ternyata itu ialah headline news dari feedburner (kalau enggak salah hehehe...). Nah kang Beben tuh si empunya Tutorial Blog for Stylish Blogger , si Bolanglang yang katanya tampan hehehe... Isi blognya perihal tutorial blog, jadi jikalau Anda butuh tutorial blog, coba ubek-ubek blognya kang Beben hehehe.... Seperti apa sih Memodifikasi Headline News FeedBurner Ala Beben Koben ini? Bisa Anda lihat eksklusif di...

Membuat Sesuatu Berbeda Di Homepage Dan Post Page

P engalaman ini aku dapat dari bongkar pasang template blog yang aku dapat dari Maskolis. Setelah melewati banyak kegagalan dalam memodifikasi template blog, kesannya banyak pelajaran yang diperoleh. Ya...salah satunya yang akan dibagikan di bawah ini. Bagi yang sudah paham wacana isyarat HTML template dan hebat memodifikasi atau bahkan membuat template, ini ialah hal yang sudah biasa. Namun yang belum paham, apalagi yang belajarnya otodidak menyerupai aku ini, merupakan hal yang luar biasa susahnya. Bagaimana tidak...kok tampilan homepage dan post page berbeda ? Kok mampu ya...? Banyak perbedaan yang mampu kita buat. Misalnya background homepage berbeda dengan post page, bentuk sidebar, warna tulisan, header, dan lain sebagainya. Sebenarnya cukup mudah, hanya menambahkan SESUATU di bawah skin atau isyarat ]]></b:skin>. SESUATU tersebut ialah isyarat CSS yang khusus untuk mengatur tampilan homepage (tidak ditampilkan di post page dan statis page). Karena isyarat CSS...

Trik Menaikan Nilai SEO Blog

S aya enggak tahu pasti apakah ini benar atau salah. Maklum aku bukan mahir meningkatkan secara optimal blog, hanya berbicara berdasarkan pengalaman. Pengalaman kali ini wacana salah satu cara atau trik untuk menaikan Nilai SEO blog . Untuk mempunyai blog yang SEO Friendly, aku mencoba untuk mengganti template blog yang lebih SEO Friendly dari Maskolis alasannya yaitu sudah menggunakan tag h1, h2, dan h3. Kemudian aku juga mengikuti banyak sekali tutorial wacana cara membuat blog menjadi SEO Friendly. Namun mungkin ada hal yang masih kurang, alasannya yaitu blog aku masih belum mencapai nilai SEO yang memuaskan. Ketika aku cek nilai SEO blog di Chkme , blog aku hanya mendapat nilai 87%. Setelah aku cek bab mana yang masih menjadi duduk perkara kurangnya nilai SEO blog, di Chkme tercantum ada beberapa gambar atau image yang tidak mempunyai deskripsi. Saya mulai berfikir, mungkinkah itu popular post? alasannya yaitu di blog aku yang mengunakan gambar salah satunya yaitu thumb...

Yang Punya Rumah Dan Tamunya

I barat di kehidupan nyata, blog kita ialah rumah kita dan pengunjung blog ialah tamu rumah kita. Kadang tamu itu ada yang diundang, ada juga yang tidak diundang. Yang tentunya ini mempunyai norma-norma kehidupan positif maupun kehidupan maya (bukan kehidupan neng Maya hehehe... ). Salah satunya dalam hal kesopanan atau sopan santun. Baik itu kesopanan dalam hal mendapatkan tamu ataupun kesopanan dalam bertamu. Tentunya kedua belah pihak mempunyai kepribadian yang berbeda, baik tuan rumah ataupun tamu. Ada yang tahu sopan dan ada juga yang tidak tahu sopan... Namun saat kedua belah pihak mempunyai kepentingan yang sama, maka hendaknya persepsi beretika ini haruslah sama. Artinya kedua belah pihak harus memiliki etika, yang punya rumah harus tahu kesopanan mendapatkan tamu dan yang bertamu juga begitu harus tahu juga kesopanan dalam bertamu. Ketika kita aplikasikan di kehidupan maya dalam hal ini blogging. Hal yang sama hendaknya diberlakukan juga. Sebagai tuan ruman, tent...

Trik Menyisipkan Link Pada Gambar Di Blog Agar lebih SEO Dan Valid HTML5

I ni memang pekerjaan sepele, hanya menyimpan gambar di postingan atau di blog . Karena pekerjaan sepele, maka banyak orang melupakan dan melewati hal yang dapat mengurangi nilai SEO dan ke-valid-an HTML5 termasuk saya sendiri hehehe... Hal-hal sepele tersebut diantaranya: Size gambar yang besar. Sebaiknya gambar yang akan disimpan di blog memiliki size di bawah 100 kb, karena gambar dengan size besar akan menambah berat beban blog. Agar gambar yang disimpan di blog berkualitas cantik namun memiliki size yang kecil, Anda mampu mengompress size gambar . Lupa menunjukkan tag "alt" dan "title". Hal ini dapat mengurangi nilai SEO blog dan menunjukkan error pada validasi HTML5 . Hal tersebut di atas akan bertambah parah lagi dikala kita menyisipkan sebuah link pada gambar tersebut. Biasanya hal ini terjadi dikala kita menyimpan banner iklan di blog atau lainnya. Biasanya dikala kita mengupload gambar di postingan atau blog, akan berupa aba-aba HTML iba...

Trik Menyembunyikan CSS Reset Stylesheet Blogger

K arena aku penasaran dengan error pada W3C dan sebuah widget (apa itu namanya...saya sebut saja widget CSS Bundle Blogger ) yang membebani loading blog, aku googling terus untuk mencari cara mengatasinya. Pencarian aku alhasil berlabuh pada sebuah blog DamZaky kepunyaaan mas Damar Zaki, seorang blogger asal Bandung yang sepertinya mengkhususkan pada tutorial "Koding". Seperti apa sih CSS Reset Stylesheet Blogger atau widget CSS Bundle Blogger itu? Jika Anda melihat "Page Source" blog Anda dengan CTRL + U, Anda akan melihat isyarat ibarat di bawah ini: <link type=' text/css ' rel=' stylesheet ' href=' //www.blogger.com/static/v1/widgets/2761160889-widget_css_bundle.css ' /> <link type=" text/css " rel=" stylesheet " href=" //www.blogger.com/dyn-css/authorization.css?targetBlogID=5187131679737497634&zx=3763bd4d-298d-41d6-9a30-9b4bd68ba958 "/> Pada isyarat di atas ada 2 buah CSS...

Mempercepat Loading Blog Dengan Menyembunyikan Javascript Widget Blogger

S aya sering menjumpai komentar di blog Maskolis yang menanyakan perihal widget blogger yang tidak mampu tampil, menyerupai widget blog's stat dan lainnya. Nah itu alasannya Maskolis menambahkan sebuah isyarat yang menyembunyikan JavaScript Widget Blogger sehingga semua widget blogger yang menggunakan JavaScript otomatis menjadi tidak mampu jalan. Ternyata hal tersebut dilakukan guna mempercepat loading blog. Dengan Adanya isyarat ini, browser tidak mampu mengenali isyarat JavaScript bawaan Blogger. Seperti yang telah kita ketahui, bahwa semakin banyaknya isyarat JavaScript di blog maka semakin memberatkan loading blog. Mungkin sebagian dari Anda menanyakan menyerupai apa sih Javascript Widget Blogger itu? Jika Anda melihat page source blog Anda dengan CTRL + U, maka Anda akan melihat di bab bawah HTML template Anda menyerupai isyarat di bawah ini. <script type="text/javascript" src="//www.blogger.com/static/v1/widgets/1384195903-widgets.js"...

Membuat Social Share Buttons Tanpa Javascript

J ika Anda merasa loading blog agak berat atau lambat, salah satu penyebabnya ialah terdapatnya javascript. Mungkin salah satunya ialah sosial share buttons pada blog Anda. Biasanya kita menggunakan sosial share buttons dari pihak ke tiga ibarat AddThis.com dan lain-lain. Nah untuk mengurangi beban loading blog, Anda mampu mengganti sosial share buttons ini dengan sosial share button tanpa javascript. Artinya share buttons ini dibangun dengan menggunakan instruksi CSS dengan menyertakan link untuk sharing artikel ke media umum tersebut ibarat Facebook, Twitter, dan Google+. Jika Anda tertarik untuk mencoba menggunakannya, silahkan copy instruksi di bawah ini: 1. Social Share Buttons Tanpa Javascript Dengan Gambar. <b:if cond='data:blog.pageType == &quot;item&quot;'> <div style='border-top:3px solid #ccc; border-bottom:1px solid #ddd; width:100%;height:35px;text-align:left;font:normal 11px Arial;color:#333;margin:10px 0;padding:10...

Membuat Google Translator Ringan Di Blog

S alah satu penyumbang beban blog ialah Google Translator. Ketika kita membuka halaman, maka peramban browser harus melacak HTTP yang dibawa oleh Google Translator sehingga memerlukan waktu lebih untuk membuka halaman tersebut. Berawal dari situ, maka aku mencoba mencari widget translator yang tidak memberatkan loading blog, namun tampilannya memenuhi selera saya. Sebenarnya aku sudah sharing cara membuat translator bendera dan translator simple beberapa waktu yang lalu, namun aku rasa kurang cocok diterapkan pada blog ini atau kurang memenuhi selera saya.  Akhirnya aku mendapat petunjuk dari mbah Google untuk mendarat di blognya mas Taufik Nurrohman yaitu blog DTE. Di situ aku menemukan tutorial ihwal membuat Google Translator yang ringan. Sebenarnya ini ialah translator yang masih menggunakan mesin penerjemah Google Translator, namun tampilannya dimodifikasi sehingga dikala kita membuka halaman, peramban tidak melaksanakan pelacakan HTTP javascript Google Transl...

Membuat Widget Subscribe Komplit Sederhana

K enapa aku katakan widget subscribe ini komplite dan sederhana? Karena widget ini mewakili beberapa widget subscribe lainnya menyerupai subscribe via email, subscribe via rss, follow profil G+, like Facebook, follow on Twitter, dan follow blog atau Google Friends Connect. Dengan menggunakan gambar untuk mewakili beberapa subscribe tersebut, maka kita dapat mengurangi penggunaan javascript yang dibawa oleh widget like box Facebook, Google+ Follower, ataupun Twitter dan lainnya. Sehingga dapat mengurangi beban blog dikala loading. Nah bagi yang ingin mencoba membuatnya, yuk kita berguru bersama untuk membuat widget subscribe komplite dan sederhana ini. 1. Kita menggunakan isyarat CSS untuk mengatur tampilan gambar Email, RSS, Twitter, Facebook, dan Google+. Silahkan copy isyarat di bawah ini dan simpan DI ATAS isyarat ]]></b:skin> . .social a{color: #6e6e6e;font: bold 12px Arial;text-decoration: none;padding: 3px 5px 2px;position: relative;display: inlin...