Posts

Showing posts from February 10, 2016

Cara membuat page navigasi di blogger atau blogspot

Image
Jika kita lihat, page navigasi bawaan blogger kurang menarik, untuk itu saya akan coba buat tutorial bagaimana cara membuat page navigasi menggunakan nomor halaman di blogger atau blogspot ala gianmr dengan tampilan tombol yang 3d. Ok sobat gianmr , langsung saja berikut adalah tutorialnya: 1. Silahkan backup terlebih dahulu template bawaan anda, berikut adalah tutorial cara backup template blogger: Cara mudah backup template blogger atau blogspot 2. Selanjut anda edit template blogger anda, jika anda tidak tahu cara edit template blogger berikut adalah cara edit template blogger: Cara edit template blogger atau blogspot 3. Setelah masuk ke halaman editor template anda, taruh kode berikut sebelum kode ]]></b:skin> atau </style> : /* CSS Page Navigation */ .gmr-pagenav {text-align:center;line-height:1.4em;margin:15px 0 30px 0;text-align:center;font-size:14px;} .gmr-pagenav span, .gmr-pagenav a{background-color: #3498DB;box-shadow: 0px 6px #2980B9;-moz-box-shadow: 0px 6p...

Membuat responsive video dengan css

Image
Jika anda adalah seorang designer web atau designer themes, tentu tidak asing dengan namanya iframe, object atau embed. Ya kode itu kebanyakan untuk menampilkan sebuah video. Video cukup sulit dibuat responsive, jika menggunakan HTML5 tentu cukup mudah dibuat responsive, cukup menggunakan max-width:100% saja. Contoh kode: video { max-width: 100%; height: auto; } Lalu bagaimana dengan kode iframe, object dan embed, semisal embed code dari youtube, vimeo, dailymotion dan lainnya. Anda bisa menggunakan trik khusus misal penggunaan position relative dan absolute. Oke langsung saja berikut adalah kode CSS nya: .video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } Jika anda mempunyai blog di blogger.com maka silahkan edit template anda, masukkan kode css diatas sebelum kode ]]></b:skin> Lalu masukkan contoh kode HTML sebagai beriku...

Redirect blogger atau blogspot dari domain co id ke com

Image
Akhir nya google meredirect domain internasional (blogspot.com) ke domain negara(blogspot.co.id) Kemungkinan ada beberapa efek negatif bagi anda yang sudah terlanjur mengembangkan blogspot anda: Statis social share anda akan ikut berubah, karena perubahan domain dari .com ke .co.id Backlink, ane rasa backlink juga akan berimbas karena perubahan domain. Broken link Iklan adsense kemungkinan tidak akan tampil karena beda domain dan masih banyak lagi yang mungkin para publisher blogger tidak suka akan perubahan ini Jika anda tidak puas dengan ide Blogger mengarahkan blog Anda ke URL yang berbeda, anda dapat menambahkan potongan kode berikut ke template Blogger anda dan akan selalu meredirect ke alamat .com. Silahkan anda edit template terlebih dahulu, caranya bisa dilihat disini: Cara edit template blogger atau blogspot Berikut adalah cara redirect blogger atau blogspot dari domain .co.id ke .com Copy paste kode berikut ke dalam template anda: <script type='text/javascript'>...

Cara edit template blogger atau blogspot

Image
Dalam sebuah website, template, theme, style atau skin sangatlah diutamakan, selain itu website akan lebih terlihat profesional. Tak hanya itu, website yang memiliki template sederhana namun profesional akan menjadi pengikat tersendiri untuk para pengunjung website tersebut. Untuk itu perlulah edit template blog agar lebih terlihat menarik. Ok sobat blogger , sekarang saya akan membahas sedikit cara mengedit template blogger atau blogspot dengan cara yang cukup mudah dan tentu saja aman. Sebelum nya yang perlu anda lakukan adalah backup terlebih dahulu template blogger atau blogspot anda. Untuk tutorial backup bisa dilihat di: Cara mudah backup template blogger atau blogspot . Ok setelah anda backup template asli anda, berikut adalah langkah mudah cara edit template blogger atau blogspot: 1. Silahkan masuk ke menu TEMPLATE 2. Setelah itu klik menu EDIT dibawah gambar preview template anda. 3. Nah sekarang anda tinggal edit kode blogger dari template yang anda pasang, mudah bukan! 4. ...