Berlangganan Lewat Email !
Dapatkan kiriman artikel terbaru langsung ke email anda!
Showing posts with label blog tutorial. Show all posts
Showing posts with label blog tutorial. Show all posts

Trik mempercepat loading blog



assalamu'alaikum sobat blogger
kali ini saya mau post trik mempercepat loading blog, memang banya trik-trik yang dapat di gunakan untuk mempercepat loading blog, namun menurut saya trik inilang yg paling gampang.

untuk mempercepat loading blog ikuti langkah-langkah ini:
1.masuk ke menu template> edit HTML , untuk berjaga-jaga backup dulu templatenya
2.cari kode </head>
3. letakan kode ini di atas kode </head>


<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://wadah-tutorial.googlecode.com/files/superload.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'> $(function() { $(&quot;img&quot;).lazyload({placeholder : &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi58ZtNWi4MMeulIRTepjIdmxn1Uphc1UXZmbTeFBTYvRRm34jhG8c1mEWmj3mfIuu4jGwc21atRMKy_h37ZE_xQ539qb13-eB0gG1Jfh2D-9R9tpIkqLGV2ux5TMJ2XW_wLa_VdM-8Eds/&quot;,threshold : 200}); }); </script>
 4. simpan templatenya

coba buka blog sobat, terasa lebih cepat dari sebelumnya kan?
setelah saya coba dan di cek menggunakan add-ons SEO doctor terlihat penambahan kecepatan loading yg awalnya 28 detik menjadi 15.4 detik

sekian trik dari saya, semoga bermanfaat.
wassalamu'alaikum
Read More »

cara mengetahui template SEO friendly atau tidak

yo, sobat blogger, kali ini saya mau memberikan cara mengetahui template blog kita SEO friendly atau tidak. definisi template SEO friendly sendiri adalah template yang disukai oleh search engine.

untuk mengetahui template blog sobat SEO friendly atau tidak, ikuti langkah-langkah ini :

1. instal add-ons ini, disini







setelah di instal restart mozilla firefoxnya

2.klik gambar bendera yang ada di samping kanan searchbar



maka akan tampil seperti ini


 selain mengetahui SEO friendly atau tidak add-ons ini juga berfungsi mengukur keseluruhan SEO score blog kita.
yosh, cukup mudah bukan?

Read More »

Pasang widget hatsune miku di blog

assalamu'alaikum..


kali ane mau ngasih widget hatsune miku yg supeeeeeerrr kawai ini, widget ini gak sengaja ane temukan di blog orang lain

yosh gak usah banya bicara langsung saja pakai widgetnya

1.

<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('197624ca-cf37-4d51-be73-7a336e849724');</script>
<noscript>Get the <a href="http://www.widgetbox.com/widget/miku-smiles">Miku Smiles</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://support.widgetbox.com/">More info</a>)</noscript>




2.

 <embed width="150" src="http://dl.otakugen.com/mikuclock.swf" height="180"></embed>


Read More »

cara embed video facebook di blog


setiap kali agan-agan melihat video baik itu dari youtube, vimeo facebook atau website yang lainnya.pasti ingin membaginya ke pengunjung blog agan, tapi jika ingin membagikan video dari facebook masalahnnya beda dengan youtube yang tinggal klik share>embed langsung diberi codenya, facebook tidak memberikan fasilitas share/embed untuk dibagikan ke pengunjing blog. karena, sulit jika hanya membagikan link videonya saja sebab mungkin tidak semua pengunjung blog agan tidak memiliki account facebook.
oleh karena itu ada triknya tersendiri untuk membagikan/embed video facebook ke blog. caranya:

1.buka video page yang ingin di embed, sebagai contoh aku akan gunakan link video ini https://www.facebook.com/photo.php?v=1444014152612
2.copy ID video URL yang ada di belakang link videonya, contoh video ID 1444014152612
3.ganti code berwarna merah dengan Video ID yang tadi telah di copy:

<object width="400" height="224" >
      <param name="allowfullscreen" value="true" />
      <param name="allowscriptaccess" value="always" />
      <param name="movie"
       value="http://www.facebook.com/v/VIDEO-ID" />
      <embed src="http://www.facebook.com/v/VIDEO-ID"
       type="application/x-shockwave-flash"
       allowscriptaccess="always" allowfullscreen="true"
       width="400" height="224">
      </embed>
      </object>

sehingga menjadi

<object width="400" height="224" >
      <param name="allowfullscreen" value="true" />
      <param name="allowscriptaccess" value="always" />
      <param name="movie"
       value="http://www.facebook.com/v/1444014152612" />
      <embed src="http://www.facebook.com/v/1444014152612"
       type="application/x-shockwave-flash"
       allowscriptaccess="always" allowfullscreen="true"
       width="400" height="224">
      </embed>
      </object>

4.copy semua code yang telah dimasukan VIdeo ID facebooknya dan pastekan dimanapun terserah agan, seperti di postingan atau di add HTML code widget blog agan.

Contoh video facebook yang telah di embed:

Read More »

cara membuat laman daftar isi

   kali ini saya akan memberikan cara untuk membuat laman daftar isi
mugkin cara ii terbilang sudah basi karena sudah lama dan banyak yang sudah memposting cara ini, tapi tidak ada salahnya jika di post ulang...
ok
-pertama-tama log in dulu ke akun blog agan
-setelah log in klik rancangan-laman atau langsung buka menu laman
-klik laman baru terus pilih laman kosong
-masukan scrip ini di dalam html bukan compose>trus klik publikasikan

<script src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script><script src="http://snurcholis.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

-apalagi ya???? udah deh selesai hhe :)

note : ubah tulisan berwarna merah dengan link blog sobat
Read More »

cara membuat scroll di komentar blog

   



 dalam blogging pasti tidak menyenangkan bila tidak saling komen mengoment,, ibarat sayur tanpa garam, gula tanpa semut gitu hhheee...
premasalahannya, bagaimana bila yang komen di blog kita itu banyak banget apalagi kalau lebih dari 100 orang, pasti lama dan ribet jika harus scroll ke bawah untuk memberikan coment atau sekedar membaca komennan orang lain....

ok untuk mengatasi masalahnnya caranya gampang tinggal :

1.log in ke bloggger.com
2.pilih template> edit HTML>procced>centang expand template widget ( untuk mengatasi "kegagalan" maka dirarankan membuat backup nya dulu)
3.cari kode ini #comments-block atau comment block tanpa tanda #
4.setelah ketemu masukan code ini max-height:300px;border:1px solid #eee;overflow:auto; 
    sehingga menjadi #comments-block3{max-height:300px;border:1px solid #eee;overflow:auto;padding:0;margin:0;float:left;;position:relative;}
5.simpan templatenya dan selesai dah scroll commentnya...


semoga artikel ini bermanfaat bagi sobat, agan semua ^_^
Read More »
Related Posts Plugin for WordPress, Blogger...