Marques Juara MotoGp Indianapolis 2015

Monday, August 10, 2015 2
Gelaran MotoGp Amerika indianapolis yang di tayangkan langsung oleh salah satu stasiun TV 10 Agustus 2015 dini hari mengantarkan Marc Marques sebagai pemenang. Start dari posisi terdepan tidak membuat Marc Marques menang dengan mudah di indianapolis hari ini.

Selepas start Marc Marques harus rela di asapi oleh rivalnya dari tim pabrikan yamaha Jorge Lorenzo. Dalam jalannya balapan memang Motor yang di kendarai Marc Marques sedikit lebih cepat di banding dengan Motor Yamaha Lorenzo dan terlihat pada trek lurus.

hasil race motogp indianapolis 2015

4 Lap menjelang balapan berakhir Marc Marques berhasil merebut posisi 1 dari tangan lorenzo dan berhasil mempertahankan hingga finis dan keluar sebagai pemenang, sedangkan Jorge Lorenzo harus puas finis di posisi 2.

Sementara itu Pemuncak klasemen sementara Valentino Rossi yang start dari posisi 8 berhasil finish di posisi 3, torehan tersebut sekaligus mempertahankan rekornya yang selalu masuk podium pada 10 balapan yan sudah di jalani musim 2015 ini.

Star dari posisi 8 Valentino Rossi harus berjuang keras untuk mencapai podium 3, perlawanan sengit di berikan oleh Dani Pedrosa yang start dari posisi 2. Selepas start rossi langsung merangsek ke posisi 6, 2 lap berikutnya berhasil menembus posisi 4 di belakang pedrosa meskipun dengan jarak yang cukup jauh.

Setelah di asapi pedrosa dari awal, pada lap ke-13 Rossi berhasil mendahului pedrosa namun 2 lap berikutnya Rossi di salip lagi oleh pedrosa. Tidak lama kemudian Rossi berhasil mendahului pedrosa lagi, Namun 2 lap menjelang balapan berakhir pedrosa kembali mendahului rossi, Pada lap terakhir Rossi berhasil mendahului pedrosa dan mempertahankan hingga finish dan akhirnya finish di podium 3.

Hasil Race MotoGp Amerika Indianapolis 2015
Marques Juara MotoGp Indianapolis 2015


Membuat Converter HTML di Blog Sendiri

Monday, August 03, 2015 0
Kenyih.com - membuat HTML converter di blog kita sendiri ternyata sangat gampang, HTML converter sering juga di sebut Convert HTML, Encode Decode HTML dan Parse HTML. Apapun istilahnya intinya sama yaitu merubah kode HTML yang biasanya untuk di masukkan kedalam suatu artikel sehingga kodenya akan terlihat agar bisa di copy pengguna lain.

Selain untuk di masukkan ke dalam suatu artikel yang biasanya merupakan pembahasan tentang tutorial blog, HTLM di convert atau di parse untuk di masukkan kedalam HTML suatu template blog itu sendiri. Dan kebanyakan HTML yang di parse merupakan kode iklan yang akan di pasang di blog.

HTML converter

Iklan adsense misalnya, tentunya saat kita mendaftar adsense blog kita sudah jadi dan sudah ada artikel-artikel yang kita terbitkan, sehingga untuk menempatkan iklan adsense tersebut ke setiap artikel kita akan memasang kodenya di dalam template blog sehingga iklan tersebut akan muncul secara otomatis di setiap artikel.

Untuk memasang kode iklan supaya otomatis muncul di tengah artikel dan di setiap artikel silahkan baca tutorialnya dengan mengikuti link berikut ini : http://www.kenyih.com/2011/04/cara-memasang-code-adsense-tampil-di.html

Cara memasang atau membuat halaman parse HTML atau HTML Converter di blog kita sendiri
Buat artikel baru seperti kita mau membuat posting suatu artikel, Kemudian klik pada mode HTML (bukan mode compose) setelah itu copy/paste code di bawah ini dan terbitkan/publish.

<div style="text-align: center;"> <b>Enter Code: </b></div> <div style="text-align: center;"> <script type="text/javascript">// <![CDATA[ function $(id){ return document.getElementById(id) } var char2entity = { "'" : ''', '"' : '"', '<' : '<', '>' : '>', '&' : '&'}; function encode_entities(str) { var rv = ''; for (var i = 0; i < str.length; i++) { var ch = str.charAt(i); rv += char2entity[ch] || ch; } return rv;} function do_encode(e){ $('dst').value = encode_entities(e.value)} // ]]></script><br /> <br /> <b>Parsed Code</b></div> <div style="text-align: center;"> <textarea cols="40" id="dst" onclick="this.select()" onfocus="this.select()" readonly="readonly" rows="10" style="font-family: monospace; height: 10em; width: 40em;"></textarea></div> <div style="font-family: Arial,Helvetica,sans-serif; text-align: left;"> </div>

Untuk hasil jadinya bisa anda lihat di link berikut ini
http://www.kenyih.com/p/enter-code-cdatafunction-id-return.html

Selesai kita sudah punya halaman converter HTML di blog sendiri, Code diatas juga bisa di taruh atau di pasang di halaman statis blog seperti di blog ini. Semoga Bermanfaat

Modifikasi Blockquote atau Highlight Artikel Blog

Friday, July 24, 2015 4
Kenyih.com - Merubah atau memodifikasi tampilan blockquote di halaman posting, sebelumnya apa itu Blockquote...? Sejauh yang saya pahami Blockquote yaitu memberi area tertentu pada kode-kode atau tulisan-tulisan yang di anggap perlu di bedakan di dalam suatu postingan.

Buat blog ini sendiri Blockquote selalu saya gunakan pada saat menuliskan tutorial dan menambahkan kode atau script yang harus di copy oleh pengunjung, sehingga kode-kode tersebut saya kasih blockquote untuk memudahkan batasan untuk meng-copy kodenya.

Untuk memasang blockquote sangat gampang, berbeda dengan blogger dulu yang harus menambahkan kodenya di setiap artikel. Namun saat ini menambahkan blockquote cukup dengan satu kali klik.

Modifikasi Blockquote atau Highlight Artikel Blog

Cara menambahkan blockquote pada artikel
Pada saat anda menulis artikel, Block tulisan atau kode yang akan anda blockquote kemudian klik lambang seperti di bawah ini.

cara memberi blockquote di artikel blog

Apabila Blockquote anda belum pernah di modifikasi sama sekali, tulisan yang anda blockquote tadi hanya ada batas dan sedikit berbeda penempatannya dari artikel biasa. Nah di artikel ini saya akan berikan salah satu kode untuk modifikasi Blockquote di halaman artikel biar tampak berbeda seperti gambar di atas.

 Modifikasi Blockquote atau Highlight Artikel
1. Seperti biasa masuk ke Template --> Edit HTML
2. Cari kode blockquote {bla bla bla} atau .post blockquote {bla bla bla}
3. Setelah ketemu copy kode dibawah ini dan ganti kode nomer 2 diatas dengan kode di bawah ini
blockquote{ margin : 0 20px; padding: 10px 20px 25px 20px; background : #81F781 url(http://3.bp.blogspot.com/-0p6xwsljkhM/VbH9ltdizyI/AAAAAAAAAX4/tF5JN6PudDE/s1600/kenyih%2Bblockquote.PNG) no-repeat right bottom; font: bold .9em "comic sans ms", arial, Helvetica,verdana, Georgia; color : #484848; border: 5px dashed #fff; } .post blockquote p { margin: 0; padding-top:10px; }
    Silahkan berkreasi dengan kode diatas untuk #81F781 adalah warna backgroud, silahkan ganti sesuai selera. Jika butuh kode warna silahkan klik disini kode warna HTML
Untuk url(http://3.bp.blogspot.com/-0p6xwsljkhM/VbH9ltdizyI/AAAAAAAAAX4/tF5JN6PudDE/s1600/kenyih%2Bblockquote.PNG) silahkan ganti dengan gambar anda

4. Simpan template dan lihat hasilnya di artikel yang anda blockquote.

Jangan lupa berlangganan artikel dari blog ini untuk tips dan trick lainnya. Semoga bermanfaat

Tag H1 Zero That Is Really Bad, Ini Solusinya

Wednesday, July 22, 2015 27
Kenyih.com - Pernahkah anda mengecek persentase SEO blog anda di chkme kalau pernah dan hasilnya diatas 80% itu artinya blog anda sudah cukup baik untuk segi SEO. Namun apabila saat anda cek di chkme ada beberapa yang perlu di perbaiki alangkah baiknya anda segera membenahinya.

Dalam artikel kali ini saya akan memberikan cara mengatasi tag H1 tidak terbaca dari segi SEO, Jika anda cek di chkme akan ada pemberitahuan H1 Zero that is Really bad serta ada warning di bawahnya. Nah untuk mengatasi hal tersebut biar tag H1 terbaca ikuti langkah-langkahnya di bawah ini.

Cara mengatasi tag H1 Zero that is Really bad di chkme
1. Cek dulu blog sobat blogger di http://chkme.com/page-seo-tools
2. Jika ada pemberitahuan H1 Zero that is Really bad... dibawah ini solusinya
3. Masuk Dashboard blogger --> Template --> Edit HTML
4. Cari kode seperti di bawah ini atau yang sejenisnya, jika tidak ketemu tinggalkan komentar akan saya bantu sebisanya
<div id='header-inner'>  <h1><a expr:href='data:blog.homepageUrl' style='display: block'> <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/> </a></h1>
Untuk yang memakai blog seperti blog ini kodenya seperti dibawah ini
<div id='header-inner'> <h1><a expr:href='data:blog.homepageUrl' style='display: block'> <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/> </a></h1>
5. Warna merah adalah kode yang harus anda tambahkan
6. Simpan template dan cek lagi di http://chkme.com/page-seo-tools

semoga sedikit tips di atas dapat menambah wawasan dan memperbaiki masalah sahabat bloggar semua


Merapikan Gambar dan Snippet Popular Post

Tuesday, July 21, 2015 0
Kenyih.com - Artikel kali ini masih seputar tutorial tips dan trik blogger, dalam kesempatan ini saya akan memberikan cara memotong snippet atau keterangan yang berada di samping gambar popular post supaya terlihat rapi.

Meskipun sudah banyak yang membahas tentang tutorial ini namun saya juga mau share barangkali ada sahabat blogger yang belum sempat membaca dan mencari-cari yang kemudian nyangkut di blog ini sekalian juga mengawetkan jika suatu saat saya mengganti template tinggal cari di blog sendiri.

lihat gambar di bawah ini untuk contoh penerapan dan hasilnya.


ikuti langkah - langkah pemasangannya di bawah ini:
1. Login Blogger
2. Tambahkan widget entry populer / Popular Post kemudian simpan


3. Kemudian klik Template --> Edit HTML
4. Cari kode </body> kemudian letakkan kode di bawah ini tepat di atas kode tadi
<script type='text/javascript'> //<![CDATA[ $('.popular-posts ul li .item-snippet').each(function(){ var txt=$(this).text().substr(0,55); var j=txt.lastIndexOf(' '); if(j>42) $(this).text(txt.substr(0,j).replace(/[?,!\.-:;]*$/,'...')); }); //]]> </script>
5. Ganti angka 55 dengan yang ingin anda tampilkan
6. Simpan template dan lihat hasilnya

Popular Post Error? Ini Solusinya

Tuesday, July 21, 2015 1
Kenyih.com - Beberapa hari ini saya melihat di beberapa blog saya ada sedikit masalah pada widget popular post yang saya pasang di blog saya, usut punya usut ternyata ada perubahan dari pihak blogger sehingga popular post atau widget artikel popuper yang saya pasang error.

Widget popular post atau artikel populer yang saya pasang di blog ini tidak bisa di ganti angka tampilannya, ketika angka saya set berapapun maka popular post yang tampil di blog tetap 10 artikel. Sedikit bingung dengan apa yang terjadi.


Setelah mencari solusi kesana kemari ternyata saya menemukan salah satu artikel yang membahas tentang masalah ini, dan ternyata cara mengatasinya cukup mudah, berikut cara mengatasi widget popular post yang error dan tidak sesuai dengan yang kita inginkan.

1. Login blogger dashboard --> Template --> Edit HTML
2. Cari kode]]></b:skin>
3. Salin dan letakkan kode di bawah ini di atas kode ]]></b:skin>
.PopularPosts ul li:nth-child(n+5){display:none;}
4. Kuncinya pada angka n+5, misalkan anda ingin menampilkan artikel populer 5 tetapi yang muncul di blog hanya 4 artikel, maka ganti angka n+5 menjadi n+6 begitu seterusnya.

Sekian sedikit tutorial dan solusi mengatasi popular post error, semoga dengan tutorial di atas kebingungan anda teratasi juga seperti saya, salam blogger.

Membuat Judul Artikel Di Depan Title Blog - SEO Tips

Tuesday, July 21, 2015 0
Kenyih.com - Artikel kali ini masih seputar tips trik dan tutorial blog, tepatnya kali ini saya akan membahas tentang judul artikel agar SEO friendly. Sekaligus memperbarui artikel di blog ini yang telah usang dan tidak terindex google karena vakum beberapa tahun terakhir.

Bagaimana agar artikel yang kita terbitkan di blog kita SEO friendly, salah satunya yaitu mengatur penempatan yang tepat antara judul artikel dan title blog. Apabila template blog yang masih standart dan kebanyakan blogger pemula jarang memperhatikan hal kecil ini yang sesungguhnya besar pengaruhnya terhadap SEO blog kita.


Template standart penempatan judul artikel berada di belakang title blog, sedangkan artikel yang SEO friendly penempatan title blog di belakang judul artikel seperti gambar di atas. Nah kali ini saya memberikan kodenya supaya title blog berada di belakang judul.

1. Login Blogger --> Template --> Edit HTML
2. Cari kode <title><data:blog.pageTitle/></title> letaknya di bagian atas template blog kita biasanya di bawah kode <head> untuk memudahkan pencarian gunakan CTRL+F
3. Setelah ketemu kode nomer 2 diatas (<title><data:blog.pageTitle/></title>) ganti kode tersebut dengan kode di bawah ini
<b:if cond='data:blog.pageType == "item"'> <title><data:blog.pageName/> | <data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/></title> </b:if>
Simpan template dan lihat hasilnya di pencarian google, maka judul artikel akan berada di depan title blog

Catatan : Hapus kode warna merah dan ganti dengan kode di bawahnya