Soal Materi Sekolah Cara Praktis dan Mudah Membuat scroll Bar

Cara Praktis/mudah Membuat Scroll Bar pada Postingan Blog

Assalamualaikum Wr. Wb.

Selamat berjumpa lagi Adik-adik dan sahabat Bimpri PPT semua, pada postingan kali ini Bimpri ppt akan membahas tutorial ringan tentang blogger yaitu Cara praktis dan mudah Membuat Scroll Bar , kenapa saya share tutorial yang satu ini?, karena saya rasa dengan adanya scroll bar pada postingan blog akan mengefisienkan tempat atau halaman blog sehingga tidak terlalu panjang ke bawah, tetapi bbuang para master-master silahkan lewat aja yah hehehe, berikut langkah pembuatannya.

Caranya hampir sama saja seperti saat kalian membuat postingan. Sisipkan kode di bawah ini

Tapi kalian harus meletakkan kode diatas pada halaman Edit HTML bukan pada halaman Compose, Lihat gambar.

 

• Setelah kalian meletakkan kode tersebut pada halaman Edit HTML, berikutnya kalian bisa melakukan pengecekkan pada halaman Compose.

Sekian tutorial tentang Cara praktis dan Membuat Scroll Bar   yang dapat Bimpri PPT share, Semoga bermanfaat buat kawan-kawan semua.

Soal Materi Sekolah Membuat Widget Recommended post slide

Cara  Membuat Widget Recommended post slide seperti wordpress di blogger kita

Recommended Post Slide widget atau bisa dibilang widget artikel rekomendasi ini, begitu populer di kalangan blogger luar negeri. Dan kebanyakan dipakai oleh pengguna wordpress. Widget ini cukup ringan dan tidak begitu berat. Cara membuatnya pun cukup mudah, hanya menambahkan gadget pada blog dan hanya menambahkan sedikit kode ke edit HTML template.

Untuk melihat live demonya sobat bisa melihatnya di blog ini atau jika belum muncul bisa membuka disini.

Oke langsung saja kita membuat widget recommended post nya.

1. Buka akun blogger > Rancangan > Tata Letak > add gadget > Html/javascript, kemudian masukkan kode berikut ini ;

<div id="bpslidein" style="display:none;"> <div class="help"> ?</div> <div class="expand"> +</div> <br /><div class="close"> X</div> <p> Recommended for<br /><br />you</p> <div id="bpslidein_image"> </div> <div id="bpslidein_title"> Loading..</div> <br /><script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof bp_onload_queue=='undefined')var bp_onload_queue=[];if(typeof bp_dom_loaded=='boolean')bp_dom_loaded=false;else var bp_dom_loaded=false;if(typeof bp_async_loader!='function'){function bp_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(bp_dom_loaded){newcallback()}else bp_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof bp_domLoaded!='function')function bp_domLoaded(callback){bp_dom_loaded=true;var len=bp_onload_queue.length;for(var i=0;i<len;i++){bp_onload_queue[i]()}}bp_domLoaded();bp_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){bp_async_loader("http://julak-project.googlecode.com/files/recombb2.js",function(){},"bp-out-slide")},"jQueryjs")} </script> <a href="http://blogbelajar2.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw6_mCSWX_NnOc3IgldDceqKKBPS5-bdah7aGyY57SZ38_s_NTOW61nBkTbzgWI7b0vc971o_h-HOERFmFYasLfUJhyphenhyphen188I9w4PlhwwZKV-jeFSW6rZfCowzSXQCjxPptm9VJ-LqZORYA/I/bloggerplugins.png" alt="Artikel Rekomendasi Slide Out For Blogger" /></a></div>

2. Simpan > Simpan Setelan. 3. Kemudian masuk ke rancangan template > edit HTML > (ctrl F)  cari kode;

          atau yang sejenis dengan itu, atau kode

         ataupun kode

Dari kode-kode di atas cukup pilih salah satu saja. Kemudian masukkan kode berikut tepat dibawahnya

<b:if cond='data:blog.pageType == "item"'><div style='display:none' id='bpslidein_place_holder'> </div> </b:if>

4. Simpan template, Selesai.

Widget recommended post bergaya wordpress ini menampilkan random post atau artikel terkait, tidak ada salahnya kita mencobanya untuk memperindah blog kita, oke sobat blogger, Selamat Mencoba.

Soal Materi Sekolah cara membuat tabel di blog

  Cara Membuat Tabel di blog

Membuat tabel dalam sebuah artikel bagi sebagian blogger mungkin merupakan hal yang sulit, karena bagi kita yang belum paham kode-kode HTML tentu akan kebingungan. Sebenarnya bisa saja kita membuat tabel dengan mengcopy paste dokumen tabel yang sudah kita buat di Microsoft word atau Excel. tapi jika sobat blogger memiliki koneksi internet yang lelet, terkadang tidak bisa terpublikasi. Mengapa bisa tidak terpublikasi? Karena tabel atau dokumen yang langsung kita copy paste dari microsoft word / Excel tadi sebenarnya mengandung kode-kode rumit. Terkadang pula tabel yang sudah kita copas dari excel, ketika di masukkan ke posting blog tidak menjadi sebuah tabel yang diinginkan / tidak ada garisnya.

Jika sobat sudah memakai software/aplikasi Windows Live Writer, membuat tabel akan mudah dilakukan, karena dalam toolsnya sudah ada pembuat tabel. Berbeda dengan blogger yang belum ada.

Buat sobat yang menemui kendala dalam pembuatan tabel di blog karena belum mengenal kode-kode HTML/CSS tabel, mungkin bisa mengikuti cara berikut ini.

1. Buatlah terlebih dulu tabel artikel kita di MS word/excel.

2. Blok/Highlight tabel yang sudah jadi tadi, kemudian copy.

3. Lalu Masuk ke http://tableizer.journalistopia.com/tableizer.php

4. Paste dokumen tabel tadi di dalam for.

Paste your cells from Excel, Calc or other spreadsheet here:

Add caption

5. Jangan lupa mengatur ukuran huruf, jenis huruf dan warna header tabel di posting blog.

6. Jika sudah selesai, lihat preview kodenya di bagian bawah, Klik Tableize it!

7. Tunggu sebentar, maka Akan di dapat kode HTML untuk tabel yang siap dimasukkan ke dalam posting blog.

8. Langkah berikutnya adalah copy kode yang di dapat di form

9. Masuk ke pembuatan artikel, Silakan masukkan kata atau kalimat yang dikehendaki
 
Klik menu HTML di samping menu Compose.

Memasukkan kode yang sudah di copy tadi pada tempat yang dikehendaki

10. Kembali ke menu Compose untuk memasukkan kalimat atau kata-kata yang lainnya, seandainya tabel berada di tengah postingan.


Sebagai contoh bisa dilihat pada tabel di bawah adalah hasil Tableizer.

No	Nama Tutorial	KODE	Keterangan
1	Cara membuat tabel	HTML
2	Cara membuat tabel	CSS 3
3	Cara membuat tabel	CSS 5

Cukup mudah bukan? Memang untuk pewarnaan hanya bisa di header tabel saja. Silakan sobat coba-coba.

Soal Materi Sekolah Salah Satu cara menjadikan Blog kita di halaman terdepan pencariaan

 Salah Satu cara membuat blog jadi di halaman terdepan di pencarian google

Berapa halaman sudah buah karya original artikel sobat... 20, 30, 50 atau lebih 100 post? Adakah yang nangkring di halaman pertama Google search atau search engine lainnya dengan menembak kata kunci tertentu? Jika dari 50 postingan dan katakanlah 10 persen (5 post) saja halaman posting sobat ada yang muncul di halaman pertama google, itu pertanda bagus untuk perkembangan blog sobat. Itu berarti sobat sudah pinter dalam hal SEO, hehehe.

Tidak perlu di nomor 1, di halaman pertama saja sudah membuka peluang blog sobat menjadi ramai kunjungannya. Dalam tutorial kali ini saya hanya akan berbagi trik bagaimana cara membuat artikel atau postingan bisa muncul di halaman pertama google.

Menurut saya ada faktor teknis / utama dan non teknis / bawaan yang perlu di perhatikan oleh seorang blogger.


1. Isi artikel jangan hasil duplikasi alias copy paste. Di era google panda dan penguin jangan pernah berharap tulisan copas bisa muncul di halaman pertama google. Bisa saja artikel copas muncul mengalahkan artikel aslinya, tapi ini perlu teknik SEO yang saya yakin tidak semua orang bisa menguasainya, termasuk saya.

2. Buat tulisan dengan kepadatan keyword yang tinggi tapi harus sesuai dengan kaidah SEO dan jangan berlebihan, saya sarankan 2% - 3% dari seluruh isi postingan. Berkali-kali sudah saya katakan buat variasi kata buka dengan cara mengulang kata-kata yang itu saja. Misalnya kata memasang diulang nantinya dengan kata menambahkan, kata mengatasi bisa di variasi dengan kata mengobati. Menjual divariasikan dengan kata menawarkan namun jangan lepaskan juga kaidah tata bahasa yang baik.

3. Perhatikan Bounce rate. Bounca rate merupakan sebuah indikasi blog kita berkualitas atau tidak dimata google. Caranya...? buat pengunjung bertahan lama saat membaca artikel blog, salah satu caranya ialah membuat panjang artikel dan informatif dan dengan begitu pengunjung dengan sukarela menyukai atau share artikel kita di facebook atau social network lainnya, buat ringan loading blog misalnya dgn mengurangi widget-widget yang kurang penting.

4. Buat internal link yang menautkan ke halaman lain postingan blog kita sendiri. Tentunya harus sesuai dengan anchor text. Internal link bisa dibuat di posting blog maupun diluar posting blog. Internal link berguna untuk memberikan backlink gratis kepada artikel lain yang mungkin sepi kunjungan atau SERPnya masih jauh di belakang. Internal link juga bermanfaat untuk mengecilkan alexa rank.

5. Blog dengan pagerank tinggi dan alexa yang kecil tidak menjamin postingan berada di halaman pertama google search. Namun backlink dari web ber Pagerank tinggi bisa mendongkrak posisi artikel kita di Google SERP (katanya master master SEO siiih) tapi ane pernah coba kok. Saat ini banyak blogger pemula yang belum mengetahui teknik berkomentar agar artikel blognya mendapat backlink.

6. Maksimalkan SEO on page, mengapa? Pada item no 5, saya katakan bahwa backlink cukup berpengaruh terhadap posisi artikel di SERP Google, namun artikel dengan backlink 0 pun bisa muncul dihalaman pertama asal SEO on Page nya bagus. Teknik SEO on Page itu antara lain, masukkan kata kunci di alt image tag (klik properties pada gambar yang dimasukkan pada postingan blog), Pakai deskripsi penelusuran saat membuat artikel, perhatikan Permalink post, bedakan sedikit antara judul blog dengan permalink, tujuannya untuk memperkaya keyword. Membuat judul artikel juga jangan sembarangan.

7. Edit artikel sobat yang lemah di hasil pencarian Google. Google menyukai artikel fresh, fresh bukan berarti  artikel baru dibuat namun artikel lama pun bisa di bilang fresh jika kita edit seperlunya dengan beberapa penambahan kata kunci. Teknik ini bisa lakukan jika postingan blog sepi kunjungan ataupun bukan berasal dari kunjungan organik.

8. Terus cari backlink gratis ke beberapa web directories dan social bookmarking.

Di atas hanya beberapa tips yang menurut saya cukup mudah dilakukan oleh blogger pemula sekalipun, namun jangan langsung berharap, artikel muncul di halaman pertama. Bagaimanapun namanya SEO sebenarnya adalah hal yang mudah, tapi itu butuh waktu berbulan-bulan dan ketelatenan jika kita mau belajar sendiri, beda jika mau membayar orang, hehehe. Ada yang bilang udah gak perlu SEO lagi sekarang, tapi untuk muncul dihalaman pertama bukankah perlu SEO? Oke Silakan kalau ada yang mau menambahkan Salam Bimpri PPT