menu

Showing posts with label tutorial. Show all posts
Showing posts with label tutorial. Show all posts

Cara membongkar mesin sepeda motor honda type cub 100cc

Langkah langkah membongkar mesin sepeda motor honda type cub 100cc

STEP 1 : Bagian blok silinder dan head silinder

  1. Bongkarlah Carburator dengan melepas 2 buah baut 10mm menggunakan kunci ring 10
  2. Lepaskan  knalpot  serta busi kemudian melepas gear timing chain dengan membuka penutup gear timing. Tepatkan penanda pada gear timing dengan coakan yang ada pada silinder head dan pastikan pada posisi netral atau kompresi dengan memutar mur magnet menggunakan kunci T 14mm kearah depan dan lihat pada magnet huruf ( T ). buka dua buah baut pengikat gigi timing pada noken as, kemudian lepaskan gigi timing ke arah luar.
  3. Buka baut pemasang pada samping kiri head silinder ciri - ciri "baut petak dan di tengahnya          ada tempat obeng plus (+) dengan menggunakan kunci pas 10 mm".
  4. Buka mur pengikat head silinder 4 buah tepat di belakang roda depan, dengan menggunakan  kunci shok 10 mm
  5. Lepaskan head silinder dari blok silinder
  6. Buka baut penahan rol timing dengan menggunakan kunci T 10mm, pada blok silinder,                lepaskan rol timing tersebut ke arah kiri.
  7. Lepaskan blok silinder dari crank case ke arah depan 
  8. Lepaskan kip penahan pin piston menggunakan obeng minus kecil atau menggunakan tang bermulut panjang
  9. Lepaskan pin piston

STEP 2 : Bagian Magnet

  1. Buka bak magnet sebelah kiri menggunakan kunci T 8 mm, tapi jangan lupa buka pedal operan gigi dulu yah dengan kunci pas 10 mm.
  2. Lepaskan lepaskan mur magnet dengan menggunakan kunci shok 14 mm, dan gunakan spesial tools atau sering disebut traker magnet untuk melepas magnet. lihat gambar dibawah ini:
  3. Lepaskan gigi stater dengan menggunakan tang criclip dan karet penahan rantai stater dengan menggunakan obeng minus (-) sedikit mencongkelnya
  4. Lepaskan spi magnet menggunakan obeng minus dan palu, tepatkan mata obengdan pukulah obeng tersebut sampai spi terlepas.
  5. Lepaskan gigi stater secara bersamaan
  6. Buka baut pengikat pada penutup rantai timing yang besar menggunakan obeng ketuk
  7. Lepaskan penutup rantai timing, kemudian lepaskan roda timing kecil lalu lepaskan rantai timing dari gigi timing.

STEP 3 : Bagian Kopling

  1. Buka baut pembuangan oli dengan menggunakan kunci shok 17mm dan tampung oli kedalam    wadah yang sudah disediakan
  2. Buka baut standad pijakan kaki pada mesin sebanyak 4 buah dengan menggunakan kunci            shok 12mm
  3. Buka kick stater dengan menggunakan kunci ring 12mm
  4. Buka baut bak kopling dengan menggunakan kunci T 8 mm kurang lebih sebanyak 10 buah
  5. Kemudian lepaskan bak kopling secara perlahan
  6. Buka baut penyaring oli pada sproket atau kopling ganda sebanyak 3 buah dengan kunci              T 8mm atau dengan obeng ketuk, kemudian lepaskan penutup saringannya
  7. Lepaskan cakar pengaman pada mur pengikat sporket dengan cara mencongkel kearah kanan    atau kiri sehingga tidak lagi menahan mur pengikat
  8. Buka mur pengikat menggunakan spesial tools (disarankan tidak menggunakan pahat atau          yang dapat membuat poros baling)
  9. Buka 2 buah baut pengikat mangkuk penampung oli pada rumah kanvas kopling dengan              menggunakan kunci T 10mm
  10. Lepaskan bearing pada rumah kanvas kopling
  11. Buka mur pengikat rumah kanvas kopling menggunakan spasial tools
  12. Lepaskan rumah kopling serta sproket set secara bersamaan  menggunakan kedua tangan          dengan kearah luar.

STEP 4 : Melepas crank case

  1. Lepaskan baut pengikat gear depan dengan menggunakan kunci T 10mm
  2. Lepaskan baut pengikat mesin dengan menggunakan kunci shok 14mm sebanyak 3 buah dan mesin siap untuk dilepas dari rangka
  3. Lepaskan per pada poros kick stater dengan menggunakan tang circlip
  4. Buka baut crank case kurang lebih sekitar  8 s/d 10 buah baut dengan menggunakan kunci T 8mm di bagian sebelah kiri bak crank case
  5. Lepaskan crank case 
  6. Lepaskan kruk as dari crank case
  7. Lepaskan Gear ratio secara bersamaan kearah luar dan bungkuslah jika tidak ingin ratio berserakan nantinya.

Cuci lah semua part yang kotor menggunakan premium dan bersihkan permukaan crank case maupun cilinder head dan yang lainnya yang selisihan dengan gasket, jika gasket rusak bersihkan permukaan gasket.

Mudah bukan ??? Kemudian pasang kembali, kalau tidak bisa pasang bawa kebengkel terdekat !!!

Trik Jitu Menemukan Keyword atau Kata Kunci Paling Terpopuler di Google

Bagaimana cara mengetahui kata kunci yang paling banyak di cari atau keyword yang sedang populer di Penelusuran Google ??

 keyword Ini sangat berguna  untuk membuat keputusan akan membuat artikel berita apa, atau kata kunci apa yang akan kita gunakan nantinya, keyword yang sering dicari atau sedang trend ini harus kita ketahui apa kata kunci atau keyword yang paling banyak atau sering dicari di google, karena keyword yang tepat pada sebuah website akan menjadi faktor keberuntungan kita yang dihasilkan oleh usaha kita agar blog kita banyak dikunjungi oleh orang lain.

Sebelum kita belajar caranya, lihat juga beberapa tips blog tentang cara membuat menu navigasi dropdown  dan baca juga cara meningkatkan traffik blog.

oke langsung saja dilihat cara mencari keyword dibawah ini :
  1. Kunjungi http://www.google.com/trends/explore
  2. Setelah anda masuk, maka sekarang anda sudah bisa melihat hasil-nya, seperti kata kunci teratas dan yang sedang naik daun.Untuk mendapatkan hasil yang lebih spesifik silahkan lakukan pengaturan terserah sesuai keinginan anda: Seluruh Dunia, 2004 - sekarang ganti dengan 2013, 90 hari, 30, hari, atau 7 hari terakhir.
  3. Tentukan kategori di menu Semua Kategori: Bisnis, Hobi, Internet, Kecantikan, Kesehatan, Komputer, Makanan, Olahraga, Permainan, dan lain sebagainya.
  4. Setelah semua telah anda atur sesuai keinginan maka tinggal lihat hasilnya dan pilih judul (kata kunci) yang anda kehendaki.
  5. Keunikan lainya disini juga anda dapat melihat apa yang sedang populer dan paling banyak dicari pada beberapa kategori tertentu
nah itu tadi cara menemukan keyword paling populer di google, selamat mencoba dan semoga sukses ...

Cara Merubah Menu Bar Blog Dengan Tulisan Berjalan Menyamping

pasti ada yang belum tau atau melihat apa itu menu bar? haha.....Nah itu loh teks yang berada dipojok paling atas layar dan di nav bar browser seperti yang ditunjukkan pada gambar dibawah ini.
Nah bagi anda yang ingin mencobanya. Silahkan ikuti langkah-langkah dibawah ini:

1.  Pertama kali yang harus kita lakukan adalah login ke blogger
2.  Pada menu Design -> Edit HTML
3.  Letakkan kode dibawah ini diatas kode </head>

<script type='text/javascript'>
//<![CDATA[

msg = " -- Selamat datang di Bikin Website ";
msg = " | www.helmiikhwanul.co.cc -- " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>
Ganti teks yang dicetak tebal dengan teks yang ingin anda tampilkan. Angka 200 menunjukkan kecepatan gerak dari teks. Semakin kecil nilainya semakin cepat gerakan teksnya dan sebaliknya. Ganti bila perlu.

4.  Jika sudah, klik Save Template. Selesai

Setting Internet GPRS Modem Untuk Semua All Operator (Telkomsel, XL, Tri3, Exis, Indosat)

Jaringan internet, tentunya para agan" sudah tidak asing lagi dengan yang namanya internet dan tidak jarang pula menggunakannya.. baik lewat posel maupun laptop dan gadget lainnya, baik dengan modem maupun WiFi..
oke kali ini saya akan mempostkan beberapa daftar settingan GPRS dari semua operator.. silahkan dilihat dibawah ini.. semoga bermanfaat...



Cara seting modem internet Telkomsel
Username : wap
Password : wap123
APN : telkomsel
Dial Number : *99#
Authentication : chap

Cara seting modem internet XL
Username : xlgprs
Password : proxl
APN : www.xlgprs.net
Dial Number : *99#

Cara seting modem internet AXIS
Username : axis
Password : 123456
APN : axis
Dial Number : *99#

Cara seting modem internet XL Unlimited
Username :
Password :
APN : xlunlimited
Dial Number : *99#

Cara seting modem internet 3(three)
Username : 3gprs
Password : 3gprs
APN : 3gprs
Dial Number : *99#

Cara seting modem internet Matrix
Username : indosat
Password : indosat
APN : indosatgprs.com
Dial Number : *99#

Cara seting modem internet 3(three) Unlimited
Username : 3data
Password : 3data
APN : 3data
Dial Number : *99#

Cara seting modem internet IM3
Username : gprs
Password : im3
APN : www.indosat-m3.net
Dial Number : *99#

Cara seting modem internet GPRS Volume Based
Username : indosat
Password : indosat
APN : indosatgprs
Dial Number : *99#

Cara seting modem internet IM2 Unlimited
Username : sesuai waktu registrasi
Password : sesuai waktu registrasi
APN : indosatm2
Dial Number : *99#

Cara seting modem internet IM2 Paket pas/asik
Username : (kode tersembunyi di Customer ID)
Password : (kode tersembunyi di Activation Code)
APN : indosatm2
Dial Number : *99#

Cara seting modem internet GPRS Duration Based
Username : indosat@durasi
Password : indosat@durasi
APN : indosatgprs
Dial Number : *99#
Cara seting modem CDMA
Cara seting modem internet Flexi Unlimited
Username : (sesuai waktu registrasi)
Password : telkom
Dial Number : #777

Cara seting modem internet Smart
Username : smart
Password : smart
Dial Number : #777

Cara seting modem internet Flexi
Username : telkomnet@flexi
Password : telkom
Dial Number : #777

Cara seting modem internet Fren
Username : m8
Password : m8
Dial Number : #777

Cara seting modem internet Mobi
Username : (sesuai waktu registrasi)
Password : (sesuai waktu registrasi)
Dial Number : #777

Cara seting modem internet AHA / Esia
Username : aha@aha.co.id
Password : aha
Dial Number : #777

Cara seting modem internet Esia
Username : esia
Password : esia
Dial Number : #777

Cara memasang dan membuat kotak komentar dibawah posting blog

Ada bermacam cara untuk memperindah tampilan dari web atau blog, salah satunya yaitu dengan menambah kotak post komentar.. nah berikut ini saya akan share bagaimana memasang kotak komentar untuk blog kita..

tentunya banyak para master blogger sudah mengetahui cara ini, tapi tidak apa-apa saya tetap akan memposting cara ini..barang kali masih ada yang belum mengerti untuk membuatnya.. semoga bermanfaat...

Pertama >>>>>Klik menu Template >> Edit HTML, centang kotak Expand Template Widget (jangan lupa backup template dulu ya). Lalu cari kode di bawah ini (untuk memudahkan tekan Ctrl + f )

    <div class='comments-content'>
          <b:if cond='data:post.embedCommentForm'>
            <b:include data='post' name='threaded_comment_js'/>
          </b:if>
          <div id='comment-holder'>
             <data:post.commentHtml/>
          </div>
        </div>

        <p class='comment-footer'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='threaded-comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        </p>

Jika sudah ketemu hapus kode tersebut dan ganti dengan kode di bawah ini

 
<p class='comment-footer'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='threaded-comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        </p>

        <div class='comments-content'>
          <b:if cond='data:post.embedCommentForm'>
            <b:include data='post' name='threaded_comment_js'/>
          </b:if>
          <div id='comment-holder'>
             <data:post.commentHtml/>
          </div>
        </div>

Setelah itu cari kode </body>, lalu masukkan kode di bawah ini tepat di atas </body>

    <!-- comment form before comment content starts -->
    <script src='http://code.jquery.com/jquery-latest.js'/>
    <script>
    var yob = $(".comment-replybox-thread").closest(".comment-thread").parent("div").children(".comment-thread").children(".comment-replybox-thread");
    jQuery('.comment-thread ol').before(jQuery(yob));
    </script>
    <!-- comment form before comment content  ends -->


Setelah itu klik SIMPAN. lihat hasilnya....

Strategi Terbaik Meningkatkan Traffik Pengunjung Blog

Strategi Terbaik Meningkatkan Pengunjung Blog

Jika punya blog / situs dengan konten yang berbobot tinggi tentu tidak akan sulit untuk bisa meningkatkan visitor tiap hari, sebetulnya lumayan banyak strategi cara membuat blog banjir traffic yang bisa terapkan supaya tetap stabil, namun kali ini saya akan memberikan beberapa poin penting dari pengalaman sendiri, berikut tips cara agar blog banyak pengunjungnya :

• Buat posting secara berkala
• Cari dan buat beberapa hot topik melalui google trend
• Sesekali intip Alexa rank dari blog / situs berita populer ternama lihat bagian top Keyword
• Blogwalking, tapi ingat jangan jadi tukang nitip link. Komentar lah dengan benar bukan hanya nice info, sangat bermanfaat dan kunjungan balik.
• Optimalkan social media seperti facebook dan twitter dengan berbagi tautan.
• Maksimalkan SEO On page blog/situs
• Submit artikel Social bookmark, tapi ini sudah jarang sekali saya lakukan. Kalau mau submit perhatikan website penyedia submit tersebut pastikan masih terindex dan memiliki reputasi bagus atau tidak.
• Bergabung diforum besar, share posting blog / situs melalui membuat thread. Jangan lupa baca aturan yang berlaku disana, terkadang bisa juga dengan memanfaatkan fasilitas signature.
• Buat visitor betah dengan tulisan & tampilan blog menarik serta loading yang cepat.
• Guest blogging meskipun belakangan meredup karena google bisa mengindikasi sebagai usaha spam link. Tapi kalau sekiranya tulisan anda berkualitas dan niat berbagi kenapa tidak ?

Itulah beberapa cara meningkatkan traffic blog / website yang biasa saya lakukan, memang tidak seperti para master dan ahli karena blogging sendiri hanya untuk mengisi waktu.

Cara Membuat Menu Navigasi dengan Dropdown Floating (Melayang) diatas Header

Navigasi Dropdow merupakan menu yang berada diatas dan tidak ikut naik turun ketika di scroll, dan mempunyai beberapa submenu vertycal.. berikut ini saya akan memaparkan bagaimana cara membuatnya ..

pertama  masuk pada Template » Edit HTMLkemudian Copy CSS di bawah ini dan letakkan tepat di atas tag ]]></b:skin>

#lscnav{width:100%;min-
width:960px;position:fixed;top:0;left:0;right:0;height:30px;font-size:13px;z-index:99;background-color:#1E6510;border-bottom:1px solid #000}
#lscwrapper{width:980px;height:30px;margin:0 auto;}
.clearit{clear:both;height:0;line-height:0.0;font-size:0}
#lscmenunav{width:960px}
#lscmenunav,#lscmenunav ul{list-style:none;font-family:Arial, serif;margin:0;padding:0;}
#lscmenunav a{display:block;text-decoration:none;font-size:11px;font-weight:700;text-transform:uppercase;color:#fff;padding:8px 8px 8px;border-left:0px solid #000;text-shadow:0 1px 1px #000;}
#lscmenunav a.trigger{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2VumbT0o-x_jIFhq9VpnhJZ4sHWDHUxEhDoR9f3P7DSwVA9FYrIeH6_FmHMFWDJK7_Mrn7Lfzp8gGWlMBOsDuWO59lTD6MfBy0T9C6oDb4SZ9Kc-R-OnEQhOvZtcxZsm8lST4EqrJ41Y/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:8px 24px 8px 8px}
#lscmenunav li{float:left;position:static;width:auto}
#lscmenunav li ul,#menubar ul li{width:150px}
#lscmenunav ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px}
#lscmenunav li ul{z-index:50;position:absolute;display:none;background:#26231c;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)}
#lscmenunav li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a{background-color:#000;color:#fff;-webkit-transition: background-color .555s;-moz-transition: background-color .555s;-o-transition: background-color .555s;-ms-transition: background-color .555s;}
#lscmenunav li:hover ul,#menubar li.hvr ul{display:block}
#lscmenunav li:hover ul a,#menubar li.hvr ul a{color:#edfdfd;background-color:transparent;text-decoration:none}
#lscmenunav li ul li.hr{border-bottom:1px solid #433e31;border-top:1px solid #11100d;display:block;font-size:1px;height:0;line-height:0;}
#lscmenunav ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none}

#menu-right{float:right;display:inline;width:160px;padding-top:5px;margin-right:5px}
#topsearch1 #feed-1{margin-top:0;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#333}
#topsearch1 #feed-s{width:126px}
#search{height:18px;width:150px;background:#aeaeae;padding:0}
#search input{border:0;background:none;color:#575757}
#s{font-size:12px;width:120px;padding-left:4px;background:none;margin:0}
#topsearch #search{margin-top:0;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#fff;border:1px solid #999}
#topsearch #s{width:125px}

jangan simpan template dulu, masih ada langkah selanjutnya..
kemudian cari kode <body>.. dan copy paste kode dibawah ini tepat dibawah kode <body> tadi..

<div id='lscnav'>
<div id='lscwrapper'>
<ul id='lscmenunav'>
<li class='home'><a href='/'>Home</a></li>
<li><a href='#'>Menu 1</a></li>
<li><a class='trigger' href='#'>Drop menu 1</a>
<ul>
<li><a href='#'>Sub menu 1</a></li>
<li><a href='#'>Sub menu 2</a></li>
<li><a href='#'>Sub menu 3</a></li>
<li><a href='#'>Sub menu 4</a></li>
</ul>
</li>
<li><a class='trigger' href='#'>Drop menu 2</a>
<ul>
<li><a href='#'>Sub menu 1</a></li>
<li><a href='#'>Sub menu 2</a></li>
<li><a href='#'>Sub menu 3</a></li>
<li><a href='#'>Sub menu 4</a></li>
<li><a href='#'>Sub menu 5</a></li>
<li><a href='#>Sub menu 6</a></li>
</ul>
</li>
<li><a href='#'>Menu 2</a></li>
</ul>
<div style='float:right'>
<div id='menu-right'>
<div id='topsearch'>
<div id='search'>
<form action='/search' id='searchform' method='get' name='searchform'>
<input class='keyword' id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search..&quot;;}' onfocus='if (this.value == &quot;Search..&quot;) {this.value = &quot;&quot;}' type='text' value='Search..'/>
<input alt='search' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBNYTyi7gSbmGiEwLMW9QMPkQ5VCJ9MK-RNqtuCdqp5UrrVzBK8EJum9TnqZf1AOqLMhAKKJ719YE2vmPLzxA95AAALe_tFUpx_1bYNYlsQeejPiMedZ16D4J03hE_6Mrb_YRkVaIULTs/s1600/search-c.png' style='border: 0pt none ; vertical-align: top; padding-top:3px' title='Search' type='image'/>
</form>
</div>
</div>
</div>
</div>
<br class='clearit'/>
</div>
</div>

Ganti tanda # dengan link blog anda dan Menu 1, Sub Menu dst sesuai dengan kata-kata anda sendiri dan jika sudah selesai, silahkan klik pratinjau atau simpan untuk melihat hasilnya.

Cara Mengoptimasi Seo Tag H1 Blog Kita

Salam gan, sama seperti post ane yang kemaren yaitu cara-memasang-meta-tag-yang-seo. kali ini saya akan sedikit menerangkan bagaimana cara mengoptimal Tag H1 blog kita.
Fungssi dari Tag H1 kurang lebih hampir sama dengan fungsi cara-memasang-meta-tag-yang-seo. yaitu untuk guna mempermudah mesin pencari atau search engine menemukan Blog anda.

langsung aja berikut caranya : Masuk ke template, edit html kemudian cari kode yang mirip seperti dibawah ini :

<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' style='display: block'/>
</a>


Lalu tambahkan kode tag <h1> pada kode tadi, dan akhiri dengan </h1>.
Kira-kira akan menjadi seperti yang dibawah ini.


<h1><div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' style='display: block'/>
</a></h1>


terakhir save template...lihat hasilnya
dengan cara diatas, secara otomatis akan meningkatkan seo blog anda..

Cara Memasang Meta Tag Yang SEO Friendly Pada Blog


Memasang Meta Tag Yang SEO Friendly

Fungsi dari meta tag yaitu guna mempermudah mesin pencari atau search engine menemukan Blog anda. Silahkan Anda ganti Meta Tag lama Anda dengan yang lebih SEO Friendly. Berikut ini adalah cara memasang Meta Tag yang SEO Friendly.

berikut ini caranya : Masuk ke template, edit html kemudian cari kode <head> kemudian taruh kode dibawah ini tepat dibawah kode <head>..
<title><data:blog.title/>
height: 200px; overflow: auto; padding: 5px;"> | <span style="color: cyan;">Ganti dengan Judul blog Anda</span></title>
<meta content='<span style="color: cyan;">Ganti dengan keyword blog Anda</span>' name='keywords'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pagfeName + &quot;, Keyword anda, &quot; + data:blog.pageName' name='Keywords'/>
</b:if>
<b:if cond='data:blog.homepageUrl == data:blog.url'><meta content='<span style="color: cyan;">Ganti dengan deskripsi blog Anda</span>' name='description'/>
<meta content=<span style="color: cyan;">'Ganti dengan Kata kunci blog Anda</span>' name='keywords'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' name='keywords'/>
</b:if>
<meta content='<span style="color: cyan;">Ganti dengan Kode Verifikasi Google Anda</span>' name='google-site-verification'/>
<meta content='<span style="color: cyan;">Ganti dengan Kode Verifikasi Alexa Anda</span>' name='alexaVerifyID'/>
<meta content='index, follow' name='robots'/>
<meta content='2 days' name='revisit-after'/>
<meta content='general' name='rating'/>
<meta content='never' name='expires'/>
<meta content='id' http-equiv='Content-Language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='<span style="color: cyan;">Ganti dengan nama Anda</span>' name='author'/>

Keterangan : Silahkan Anda merubah sendiri tulisan yang saya beri warna merah dengan data blog Anda.
Kemudian jangan lupa di save yah...lihat hasilnya

Cara Membuat Auto Read More Otomatis Pada Posting Blog

Fungsi dari Read More Otomatis itu sendiri merupakan salah satu cara untuk membuat halaman homepage lebih terlihat simple dan dinamis, dengan menampilkan judul, gambar yang mempunyai efek transisi dan uraian singkat yang dapat diatur panjangnya sehingga memudahkan pengunjung untuk membaca artikel yang diinginkan. Auto Read more Artikel dapat di modifikasi sesuai kebutuhan, diuraikan di dalam keterangan.
Berikut langkah-langkah Cara Membuat Auto Read More Otomatis Di Blog. Perhatian: bagi yang sudah memasang read more otomatis yang ada sebelumnya harus dihapus terlebih dahulu. Versi Ini telah Direvisi.
  • Login Ke Blogger.
  • Klik Edit HTML.
  •  cari kode berikut </head>
  •  Masukan Kode berikut diatas </head>
<!--Auto Read More Mulai-->

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
.post-body{text-align:justify;}
.post-body img{max-width:none;width:auto;}
.read-more{float:left; padding-top: 10px;}
.read-more a{ color: #fff!important;text-shadow:0 1px 0 rgba(0,0,0,0.5);background:#0457A9;  text-decoration:none;font:bold 13px Arial;padding:5px;}
.read-more a:hover{text-decoration:none;background:#666;}
.pic{border: 10px solid #fff;float:left;height:165px;width:280px;margin-right: 20px;margin-bottom:10px;overflow:hidden;box-shadow: 5px 5px 5px #111;}
.grow img{height:165px;width:280px;transition: all 2s ease;}
.grow img:hover{width:400px;height:250px;}
</style>
<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot;; //yes -dengan gambar, no -tanpa gambar
summary_noimg = 300; //banyaknya huruf jika tidak ada gambar
summary_img = 250; //banyaknya huruf jika ada gambar
img_thumb_height = 165;
img_thumb_width = 280;
</script>
<script type='text/javascript'>//<![CDATA[
function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s = strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);}}strx =  s.join("");}chop = (chop < strx.length-1) ? chop : strx.length-2;while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;strx = strx.substring(0,chop-1);return strx+'...';}function createSummaryAndThumb(pID){var div = document.getElementById(pID);var imgtag = "";var img = div.getElementsByTagName("img");var summ = summary_noimg;if(thumbnail_mode == "yes"){if(img.length>=1){imgtag = '<div class="grow pic"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></div>';summ = summary_img;}}var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';div.innerHTML = summary;}
//]]></script>
</b:if>
</b:if>

<!--Auto Read More Akhir-->

Warna Biru untuk mengatur banyaknya kutipan dari artikel.
Warna Hijau adalah Pengaturan Lebar dan tinggi gambar
  • Kemudian Cari Kode <data:post.body/>
Kode tersebut diatas jumlahnya biasanya ada 2, Cari yang versi web,
biasanya yang kedua (ke-2) dengan enter 2x pada kotak pencarian.
  • Hapus Kode <data:post.body/> yang ke-2 dan Ganti dengan kode dibawah ini.
<!-- Auto read more Mulai -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
      <div class='read-more'>
      <a expr:href='data:post.url'>Baca Selengkapnya &#187;</a>
      </div>
</b:if>
</b:if>
<!-- Auto read more Akhir -->

Warna Biru Muda boleh dihapus boleh tidak, bedakan saja.
"Baca Selengkapnya" juga bisa diganti bebas.
  • Preview terlebih dahulu, kalo bagus ya terus Save Template, dan lihat hasilnya.

Demikian Tutorial Cara Membuat Auto Read More Otomatis Artikel Di Blog, mudah-mudahan bisa bermanfaat.

Cara Memasang atau Membuat Scroll pada Archive blog (Scroll Naik-Turun)


Bagaimana Cara Memasang atau Membuat Scroll pada Archive blog (Scroll Naik-Turun)..?
Dengan kita memasang Scroll di Blog maka tidak akan memakan banyak tempat untuk Archive Blog kita.
Kalian ingin tahu caranya bukan..? okeyyy ,langsung aja nih simak cara dibawah ->>->
Cara Memasang Scoll pada Archive Blog
è Login ke Blogger
è 1. Di halaman Dasbor, pilih Template
è 2. Kemudian pilih Edit HTML
è 3. Cari kode ini : <div id='ArchiveList'> lebih cepatnya gunakan CTRL+F
è 4. Setelah ketemu taruh kode <div style='overflow:auto; width:ancho; height:200px;'> ini tepat diatasnya kode <div id='ArchiveList'>
è 5. Kemudian beri kode tambahan </div> sebelum kode <b:include name='quickedit'/>
è 6. Selesai!
Note : Sebelum kalian menggunakan tutorial ini sebelumnya kalian harus tambahkan HTML/Java Script - Blog Archive pada Tata Letak kalian!