Tampilkan postingan dengan label Tutorial. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial. Tampilkan semua postingan

Selasa, 02 Agustus 2011

TOP 1 Oli sintetik mobil-motor Indonesia

Oli TOP 1

TOP 1 Oli sintetik mobil-motor Indonesia. siapa sih yang tidak ingin mesin mobil-motornya awet? pasti semua orang yang mempunyai mobil-motor berharap mesin mobil-motornya bisa bertahan lama, tidak berkarat, dan selalu mantap kalau dibawa kemana-mana, tidak lucu kalau mau hang-out sama teman-teman atau sama keluarga harus ada kasus dorong mobil segala karena mogok, mesin panas dan lain-lain.

nah pertanyaannya sekarang, siapa yang tidak kenal sama TOP 1 Oli sintetik mobil-motor Indonesia ? payah banget kalau kamu gak kenal, pelumas itu adalah produk pelumas mobil-motor berkualitas tinggi paling Top Number One di Indonesia tuh, bahkan di dunia, sesuai aja kayak namanya, TOP 1 emang TOP. TOP 1 merupakan eksportir pelumas berkualitas tinggi yang berkembang pesat dengan berbagai cakupan lini produk yang kualitasnya telah diakui dunia.

nih aku kasih tahu sedikit tentang Sepak terjang TOP 1, kalau bercerita tentang TOP 1 Oli sintetik mobil-motor Indonesia berarti tidak lepas pula dengan sosok yang satu ini, adalah William Arthur Ryan seorang founder atau pendiri TOP 1 Oil Products Company, dia mempunyai visi untuk selalu menyediakan pelumas berkualitas tinggi bagi konsumen di seluruh dunia.

nah, untuk sejarah lengkap perjalanan William Arthur Ryan, dari sebagai orang militer yang jauh dari dunia bisnis dan perdagangan sampai menjadi seperti sekarang tidak akan aku ceritakan di sini (http://top1.co.id/tentang-kami/sejarah-top-1) tentang sejarah lengkap William Arthur Ryan dan produk pelumas TOP 1 Oli sintetik mobil-motor Indonesia . juga ada cerita perjalanan TOP 1 di Indonesia (http://top1.co.id/tentang-kami/perjalanan-top-1-indonesia)

sekarang TOP 1 Oli sintetik mobil-motor Indonesia menjadi eksportir pelumas berkualitas tinggi terbesar di Amerika, sungguh luar biasa. Kegigihan William Arthur Ryan, yang pantang menyerah dan selalu menjunjung tinggi visinya untuk selalu menyediakan pelumas berkualitas tinggi bagi konsumen di seluruh dunia, dia berhasil membuktikan bahwa TOP 1 Oil Products Company adalah eksportir terbesar pelumas “Synthetic” dari Amerika Serikat.

aku sendiri memakai pelumas TOP 1 Oli sintetik mobil-motor Indonesia sudah sekitar 7 tahun, sejak aku kelas 1 SMA (pertama kali dapet izin naik motor ke sekolah) sampai sekarang semester VIII di salah satu perguruan tinggi dan sampai kapanpun juga ingin selalu memakai oli ini, karena memang aku rasakan nyamannya berkendara kalau menggunakan oli TOP 1 .

ditambah lagi hobi travelling-ku yang udah mendarah daging, naik turun gunung, lintas daratan dan lautan juga pernah, menyeberang pulau dan lain-lain, semua itu tidak terlepas dari hebatnya pelumas TOP 1 Oli sintetik mobil-motor Indonesia, alhamdulillah perjalanan lancar, mesin tetap mantap dan belum pernah mampir bengkel gara-gara masalah mesin, paling kebengkel cuma isi angin (kompa/tambal ban).

kenapa pilih TOP 1 Oli sintetik mobil-motor Indonesia ? aku pilih oli TOP 1 karena aku yakin oli ini adalah pelumas berkualitas tinggi dengan tingkat kemurnian yang lebih murni dari produk lain, pernah aku bertanya sama tukang bengkel atau istilah kerennya itu mekanik (mekanik kan tahu tentang mesin), gini pertanyaannya "dari pengalaman sampean servis mesin disini, mesin itu lebih awet pakai oli apa?" jawabannya gini " kebanyakan sepeda motor sekarang pakai oli TOP 1, paling kalau ke sini cuma untuk ganti oli rutin, atau servis berkala, gak ada kerusakan yang parah, jadi menurut aku oli TOP 1 itu mantep bener untuk mesin".


belum selesai samapi situ, untuk melengkapi keyakinan aku tentang TOP 1 Oli sintetik mobil-motor Indonesia itu, aku harus bertanya juga sama koko (kalau aku manggilnya sih kokoh) penjual oli di bengkel yang sama "koh, oli apa yang paling laris manis disini" langsung dia jawab "Oli TOP 1 memang TOP" (sambil ngucapin itu, dia mengacungkan jempolnya) serentak orang disana tertawa semua,,,aku pun juga ikut tertawa, karena memang aku sudah sering ganti oli TOP 1 disana, jadi mereka sudah familiar sama wajah aku yang ganteng ini,,,hehe,,

nah itu kan kata mereka, tapi untuk meyakinkan lagi keunggulan TOP 1 Oli sintetik mobil-motor Indonesia, aku cari referensi dari internet dan akhirnya aku dapat menyimpulkan bahwa ketahanan/kestabilan oksidasi oli TOP 1 2 - 5 kali lebih tahan dibandingkan dengan mineral, penguapan extra rendah, indeks viksositas 120 – 180, proteksi keausan sangat baik, ketahanan pada suhu rendah sangat baik, kemurnian bening dan jernih, kandungan sulfur sangat rendah, kandungan aromatik sangat rendah, dan kandungan senyawa jenuh sangat tinggi. apalagi TOP 1 sudah mendapatkan berbagai penghargaan (http://top1.co.id/tentang-kami/penghargaan-top-1).

so, aku yakin sama pelumas  TOP 1 Oli sintetik mobil-motor Indonesia, tidak ganti yang lain deh, harga juga kurang lebih saja sama oli lainnya, harga selisih sedikit namun untuk kualitas yang jauh berbeda.

oh iya, di bulan ramadhan ini pelumas TOP 1 Oli sintetik mobil-motor Indonesia juga mengadakan gebyar ramadhan dengan Promo Ramadhan TOP 1 HP Sport 15W-50, maksudnya dalam rangka menyambut bulan suci ramadhan dan Idul Fitri, TOP 1 mengadakan consumer promo untuk setiap pembelian dan penggantian oli  TOP 1 HP Sport 15W-50 akan mendapatkan 1 botol sirup marjan di outlet tertentu (http://top1.co.id/promo-ramadhan-top-1-hp-sport-15w-50.html) lumayan, untuk buka puasa dan untuk lebaran,,hehe,,,

ya sudah, cukup sekian cerita tentang pengalaman dan pengetahuanku tentang TOP 1, semoga bisa memberikan manfaat kepada semua orang. hormat saya untuk William Arthur Ryan,  founder TOP 1 Oli sintetik mobil-motor Indonesia.



Senin, 04 Juli 2011

Cara Membuat Daftar Isi Mengikuti Scroll + Meningkatkan Pageview

Assalamu'alaikum Wr.Wb
selamat pagi sobat blogger semua, widget atau gadget dalam dunia blog sudah pasti sangat penting. blog atau website tanpa tambahan gadget/widget sangatlah hambar dan kurang lengkap, visitorpun selain ingin mencari artikel yang kita tulis juga pasti minta dimanjakan dengan penampilan blog kita, nah penampilan disini bisa dari tataletak atau penempatan widget, bisa juga dengan permainan warna dari blog/website sobat (wah mulai ngelantur kemana-mana nih).

untuk kali ini blogger katro mau ngasih tau nih, cara bikin daftar isi otomatis yang mengikuti scroll (seperti postingan blogger katro kemaren) plus cara meningkatkan pageview blog sobat, kenapa? karena jika "All Label" itu di klik maka blog reload secara otomatis,hehe.... (coba kalian lihat di kiri Blogger Katro ini)

Kopi dan Paste kode dibawah ini di add gadget html blog sobat :

<a href='' style='display:scroll;position:fixed;bottom:0px;left:0px;' title=''><div style="overflow:auto; padding:5px; width:160px; height:600px; background-color: rgb(fff, fff, fff); border:1px solid #ccc;"><div align="left"><span id="pbl_labels"></span>

<div id="pbl_posts"> Recent Posts </div>


<script type="text/javascript">

var jumlah_maksimum_post = 500;

var dengan_ringkasan = false;

var jumlah_karakter_ringkasan = 500;

</script>


<script src="http://copycat91.googlecode.com/svn/trunk/recentpostsbylabel.js">

</script>


<script src="http://kep-katro.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed">

</script></div></div></a>

catatan : ganti kode berwarna merah sesuai dengan kemauan sobat
1. left bisa di ganti dengan right apabila sobat mau daftar isi ini tampil di kanan layar
2. width:160px; height:600px bisa di ganti sesuai dengan ukuran ruang kosong di layar kanan atau kiri sobat
3. (fff, fff, fff) ini adalah kode warna, bisa kalian edit dengan kode warna apa saja kalau bingung dengan kode warna klik disini untuk melihat kode
4. left yang baerwarna hijau adalah posisi tulisan daftar isinya, mau ditengah ganti dengan center
5. link blog saya ganti dengan link blog kalian

ok mungkin cukup sekian tutor kali ini, kalian bisa juga membuat widget ini tampil di kiri dan kanan, dengan menduplikat kode di atas dan mengubah left menjadi right atau right menjadi left, dan mengubah kode asli dibawah dengan kode lainnya (iklan, gambar atau apapun).

<a href='URL(LINK)' style='display:scroll;position:fixed;Bottom:0px;right:0px;' title='Keterangan Gambar Tersebut'><img src='URL Picture'/></a>


Kode ini adalah kode dasar, inilah yang menjadi acuan blogger katro untuk memodif kode diatas menjadi kode daftar isi yang sudah dibuat, semoga bisa dipahami, dan semoga bermanfaat, kalau masih bingung langsung komentar sobat, kalau bisa aku jawab :)

Kode Warna HTML

CAMEX WAP
KODE WARNA HTML Contoh:Putih =>#ffffff;
#FOF8FF
Aliceblue
#FAEBD7
Antiquewhite
#00FFFF
Aqua
#7FFFD4
Aquamarine
#F0FFFF
Azure
#F5F5DC
Beige
#FFE4C4
Bisque
#000000
Black
#FFEBCD
Blanchedalmond
#0000FF
Blue
#8A2BE2
Blueviolet
#A52A2A
Brown
#DEB887
Burlywood
#5F9EAD
Cadetblue
#7FFF00
Chartreuse
#D2691E
Chocolate
#FF7F50
Coral
#64950
Cornflowerblue
#FFF8DC
Cornsilk
#DC143C
Crimson
#00FFFF
Cyan
#00008B
Darkblue
#008B8B
Darkcyan
#B8860B
Darkgoldenrod
#A9A9A9
Darkgray
#006400
Darkgreen
#8B008B
Darkmagenta
#BDB76B
Darkkhaki
#556B2F
Darkolivegreen
#FF8C00
Darkorange
#9932CC
Darkorchid
#8B0000
Darkred
#E9967A
Darksalmon
#8FBC8B
Darkseagreen
#483D8B
Darkslateblue
#2F4F4F
Darkslategray
#00CED1
Darkturquoise
#9400D3
Darkviolet
#FF1493
Deeppink
#00BFFF
Deepskyblue
#696969
Dimgray
#1E90FF
Dodgerblue
#B22222
Firebrick
#FFFAF0
Floralwhite
#228B22
Forestgreen
#FF00FF
Fuchsia
#DCDCDC
Gainsboro
#F8F8FF
Ghostwhite
#FFD700
Gold
#DAA520
Goldenrod
#808080
Gray
#008000
Green
#ADFF2F
Greenyellow
#F0FFF0
Honeydew
#FF69B4
Hotpink
#CD5C5C
Indianred
#4B0082
Indigo
#FFFFF0
Ivory
#F0E68C
Khaki
#E6E6FA
Lavender
#FFF0F5
Lavenderblush
#7CFC00
Lawngreen
#FFFACD
Lemonchiffon
#ADE8E6
Lightblue
#F08080
Lightcoral
#E0FFFF
Lightcyan
#FAFAD2
Lightgoldenrodyellow
#90EE90
Lightgreen
#D3D3D3
Lightgray
#FFB6C1
Lightpink
#FFA072
Lightsalmon
#20B2AA
Lightseagreen
#87CEFA
Lightskyblue
#778899
Lightslategray
#B0C4DE
Lightsteelblue
#FFFFE0
Lightyellow
#00FF00
Lime
#32CD32
Limegreen
#FAF0E6
Linen
#FF00FF
Magenta
#800000
Maroon
#66CDAA
Mediumaquamarine
#0000CD
Mediumblue
#BA55D3
Mediumorchid
#9370DB
Mediumpurple
#3CB371
Mediumseagreen
#7B68EE
Mediumslateblue
#00FA9A
Mediumspringgreen
#48D1CC
Mediumturquoise
#C71585
Mediumvioletred
#191970
Midnightblue
#F5FFFA
Mintcream
#FFE4E1
Mistyrose
#FFE4E1
Moccasin
#FFDEAD
Navajowhite
#000080
Navy
#FDF5E6
Oldlace
#808000
Olive
#6B8E23
Olivedrab
#FFA500
Orange
#FF100%0
Orangered
#DA70D6
Orchid
#EEE8AA
Palegoldenrod
#98FB98
Palgreen
#AFEEEE
Paleturquoise
#DB7093
Palevioletred
#FFEFD5
Papayawhip
#FFDAB9
Peachpuff
#CD853F
Peru
#FFC0CB
Pink
#DDA0DD
Plum
#B0E0E6
Powderblue
#800080
Purple
#FF0000
Red
#BC8F8F
Rosybrown
#4169E1
Royalblue
#8B4513
Saddlebrown
#FA8072
Salmon
#F4A460
Sandybrown
#2E8B57
Seagreen
#FFF5EE
Seashell
#A0522D
Sienna
#C0C0C0
Silver
#87CEEB
Skyblue
#708090
Slategray
#FFFAFA
Snow
#00FF7F
Springgreen
#4682B4
Steelblue
#D2B48C
Tan
#008080
Teal
#D8BFD8
Thistle
#FF6347
Tomato
#40E0D0
Turquoise
#EE82EE
Violet
#F5DEB3
Wheat
#FFFFFF
White
#F5F5F5
Whitesmoke
#FFFF00
Yellow
#9ACD32
Yellowgreen



CAMEX 2010
Sumber : Kode Warna

Senin, 27 Juni 2011

Cara Menempatkan Sharing is Sexy dan Subscribe Box Tampil Hanya di Halaman Postingan

Sebenarnya postingan ini menindak lanjuti postingan sebelumnya tentang Cara Membuat Sharing is Sexy , nah pada tutorial blog sebelumnya bang kahar belum memberikan trik blog untuk memasang sharing is sexy itu hanya di halaman posting atau sering disebut itempage.

tutorial blog kemarin posisi sharing is sexy masih terlihat di homepage dan hal itu sangat mengganggu pemandangan para visitor
serta membuat loading website anda menjadi lebih berat, ok bang kahar akan memberikan trik blog cara menempatkan sharing is Sexy dan Subsribe box tampil hanya di halaman postingan, nah untuk postingan ini bang kahar diajari sama guru nih, bro ladida (seorang master koding) :)
simak dan praktekan secara seksama :
  1. Masuk Dasbor Blog Kamu
  2. Masuk ke Rancangan Blog Kamu
  3. Masuk ke Edit HTML Kamu
  4. Klik Tambah Gadget
  5. Cek kotak Expand Template Widget
  6. Copy Kode di bawah nanti dan Paste sebelum kode <div class='sexy-bookmarks'>
 Kode :
<b:if cond='data:blog.pageType == &quot;item&quot;'>

7. Cari Kode <input class='button' type='submit' value='Subscribe'/></p></p></p><p/><p/></form>

dan tambahkan </b:if> di belakangnya menjadi 
<input class='button' type='submit' value='Subscribe'/></p></p></p><p/><p/></form></b:if>

8. simpan


nah, sekarang sharing is sexy yang sudah anda buat kemarin, bisa muncul hanya di halaman posting, dan hal itu lebih memperindah tampilan website anda, sekian Trik Blog bang kahar, semoga bermanfaat :)

Cara Membuat Sharing is Sexy

Sharing menurut bahasa berarti bertukar pikiran, namun makna tersebut lebih luas ketika memasuki dunia blogger. sharing dalam dunia blogger berarti saling berbagi, maksud berbagi disini adalah menyebarluaskan artikel atau postingan karya orang lain ke berbagai situs jejaring sosial maupun tempat submit lainnya.

menurut bang kahar, sharing itu juga sebagai rasa menghargai karya-karya blogger atau penulis artikel tersebut, jadi memasang widget sharing ini sangatlah penting. disamping sebagai tanda penghargaan, keuntungan lain yang di dapatkan oleh blogger adalah, postingan dia lebih tersebar di berbagai search engine, istilah simpelnya adalah submit posting.


visitor akan lebih optimal untuk berkunjung ke blog yang dishare, jadi ayo kita sama-sama memasang widget sharing sexy ini di blog atau situs kita, caranya sangat mudah.

bang kahar akan memberi tutorial, cara membuat sharing sexy, disimak dan di praktekan dengan baik ya: 
  1. Masuk Dasbor Blog Kamu
  2. Masuk ke Rancangan Blog Kamu
  3. Masuk ke Edit HTML Kamu
  4. Klik Tambah Gadget
  5. Cek kotak Expand Template Widget
  6. Copy Kode di bawah nanti dan Paste setelah kode ]]></b:skin>
<style type='text/css'>
    div.sexy-bookmarks { height:54px; background:url(http://img709.imageshack.us/img709/57/sharing.png) no-repeat left bottom;position:relative; width:540px }
    div.sexy-bookmarks span.sexy-rightside { width:17px; height:54px; background:url(http://img709.imageshack.us/img709/57/sharing.png) no-repeat right bottom; position:absolute; right:-17px }
    div.sexy-bookmarks ul.socials { margin:0 !important;padding:0 !important; position:absolute; bottom:0;left:10px }
    div.sexy-bookmarks ul.socials li { display:inline-block !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:48px !important; cursor:pointer !important; padding:0 !important }
    div.sexy-bookmarks ul.socials a { display:block !important; width:48px !important; height:29px !important;f ont-size:0 !important; color:transparent !important}
    .sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover { background:url(http://img406.imageshack.us/img406/9198/sexyy.png) no-repeat !important }
    .sexy-furl { background-position:-300px top !important }
    .sexy-furl:hover { background-position:-300px bottom !important }
    .sexy-digg { background-position:-500px top !important }
    .sexy-digg:hover { background-position:-500px bottom !important }
    .sexy-reddit { background-position:-100px top !important }
    .sexy-reddit:hover { background-position:-100px bottom !important }
    .sexy-stumble { background-position:-50px top !important }
    .sexy-stumble:hover { background-position:-50px bottom !important }
    .sexy-delicious { background-position:left top !important }
    .sexy-delicious:hover { background-position:left bottom !important }
    .sexy-yahoo { background-position:-650px top !important }
    .sexy-yahoo:hover { background-position:-650px bottom !important }
    .sexy-blinklist { background-position:-600px top !important }
    .sexy-blinklist:hover { background-position:-600px bottom !important }
    .sexy-technorati { background-position:-700px top !important }
    .sexy-technorati:hover { background-position:-700px bottom !important }
    .sexy-myspace { background-position:-200px top !important }
    .sexy-myspace:hover { background-position:-200px bottom !important }
    .sexy-twitter { background-position:-350px top !important }
    .sexy-twitter:hover { background-position:-350px bottom !important }
    .sexy-facebook { background-position:-450px top !important }
    .sexy-facebook:hover { background-position:-450px bottom !important }
    .sexy-mixx { background-position:-250px top !important }
    .sexy-mixx:hover { background-position:-250px bottom !important }
    .sexy-script-style { background-position:-400px top !important }
    .sexy-script-style:hover { background-position:-400px bottom !important }
    .sexy-designfloat { background-position:-550px top !important }
    .sexy-designfloat:hover { background-position:-550px bottom !important }
    .sexy-syndicate { background-position:-150px top !important }
    .sexy-syndicate:hover { background-position:-150px bottom !important }
    .sexy-email { background-position:-753px top !important }
    .sexy-email:hover { background-position:-753px bottom !important }
    </style>

7. Copy kode di bawah dan pastekan di bawah kode <data:post.body/>

<div class='sexy-bookmarks'>
    <ul class='socials'>
    <li class='sexy-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
    <li class='sexy-digg'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
    <li class='sexy-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
    <li class='sexy-reddit'><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
    <li class='sexy-stumble'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
    <li class='sexy-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
    <li class='sexy-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
    <li class='sexy-twitter'><a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
    <li class='sexy-furl'><a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
    <li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/miscah' title='Subscribe to RSS'/></li>
    <li class='sexy-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
    </ul>
    <span class='sexy-rightside'/></div>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=NAMAFEEDSOBAT&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='border: 1px solid rgb(204, 204, 204); padding: 10px; text-align: left; background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizbSF7BQ6H3-SjJtQ5eGdcQQD1Kk__unHiRtqKIzoD3WM-TRV9bgkUXgasFk_VKzYk9ukrp_8SoHDnxYyG7sUKgB5rIcwpmuW-Beja9iyLgvhIatBgumIaY-Y-cI0R2zj0qJTr8fHlr6fG/s400/feedreader_2.jpg&quot;) no-repeat scroll right center rgb(255, 255, 255);' target='popupwindow'><input name='loc' type='hidden' value='en_US'/><input name='uri' type='hidden' value='NAMAFEEDSOBAT'/><p style='text-align:justify;'><p><font color='#000000'>MASUKAN KALIMAT DISINI</font></p><br/><p><p><input class='inputbox' name='email' style='width:300px;' type='text'/><input name='uri' type='hidden' value='NAMA FEED SOBAT'/><input name='loc' type='hidden' value='en_US'/><input class='button' type='submit' value='Subscribe'/></p></p></p><p/><p/></form>


Catatan : perhatikan kode berwarna merah, dan ganti sesuai feed anda.


8. Save


semoga tutorial blog ini bermanfaat ;)

Minggu, 26 Juni 2011

Cara Membuat Daftar Isi Otomatis Ketika Posting II

daftar isi kali ini menggunakan JS (Java Script) yang berbeda dengan JS yang bang kahar berikan pada postingan Cara Membuat Daftar Isi Otomatis 1 Kemarin, untuk membuatnya pun cukup mudah dan tidak memerlukan edit html.

Bang Kahar akan memberikan tutorial blog, cara membuat daftar isi otomatis di blog, simak dan praktekan dengan benar :







  1. Masuk Dasbor Blog Kamu
  2. Masuk ke Rancangan Blog Kamu
  3. Masuk ke Elemen Blog Kamu
  4. Klik Tambah Gadget
  5. Klik HTML
  6. copy dan paste kode di bawah ini ke dalam kolom HTML tersebut 
  7. Save
<div style="overflow:auto; padding:5px; width:230px; height:230px; background-color: rgb(fff, fff, fff); border:1px solid #ccc;"><div align="center"><span id="pbl_labels"></span>

<div id="pbl_posts"> Recent Posts </div>


<script type="text/javascript">

var jumlah_maksimum_post = 500;

var dengan_ringkasan = false;

var jumlah_karakter_ringkasan = 500;

</script>


<script src="http://copycat91.googlecode.com/svn/trunk/recentpostsbylabel.js">

</script>


<script src="http://www.bangkahar.co.cc/feeds/posts/default?alt=json-in-script&callback=onLoadFeed">

</script></div>

Catatan : ubah kode berwarna merah   !

width:230px; height:230  --->>> ukuran kotak widget
pxrgb(fff, fff, fff) --->>> kode warna latar belakang
var jumlah_maksimum_post = 500; --->>> jumlah posting yang ingin ditampilkan
var dengan_ringkasan = false;  --->>> diskripsi postingan ubah dengan true kalau mau
var jumlah_karakter_ringkasan = 500; --->>> huruf yang dipakai di diskripsi postingan
http://www.bangkahar.co.cc/ ganti dengan alamat anda


8. Jangan lupa Simpan

semoga tutorial blog dari bang kahar bermanfaat, terimakasih.

Sabtu, 25 Juni 2011

Cara Membuat Related Post Marquee

Artikel Terkait atau Related Post adalah Artikel atau postingan yang memiliki label sama, misalkan saja artikel ini yang bang kahar kasih label "Tutorial Blog", nanti pada akhirnya postingan bang kahar lainnya yang memakai label "Tutorial Blog" juga akan menjadi artikel terkait dengan artikel yang ini.


disini ada sedikit menambahkan sedikit variasi, agar artikel terkait tersebut tidak statis atau hanya diam saja, disini artikel terkait akan bergerak kekanan dan kekiri atau menggunakan settingan marquee, tujuannya untuk memperindah blog dan mempermudah visitor mencari artikel yang diinginkan dengan label yang sama.

Disini bang kahar akan memberikan Tutorial Blog, Cara Membuat Artikel Terkait Bergambar Berjalan, simak dan praktekan :
  1. Login ke Blogger.
  2. Di halaman Dasbor, kita pilih Rancangan.
  3. Kemudian pilih Edit HTML
  4. Beri tanda centang pada Expand Template Widget
  5. Cari kode </head>
  6. Taruh (copy paste) kode berikut ini di atasnya
<!--Related Posts with thumbnails Scripts and Styles Blogger Katro Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}


#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}



#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles Blogger Katro End-->

7. Cari kode di bawah ini

<div class='post-footer-line post-footer-line-1'>


Atau jika tidak menemukannya cari kode berikut ini


<p class='post-footer-line post-footer-line-1'>

8. Jika sudah ketemu, taruh (copy paste) kode berikut ini di bawah salah satu kode di atas (no.7)

<!-- Marquee Bang Kahar Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=12&quot;' type='text/javascript'/></b:if></b:loop>
<h3><b>Related Posts</b></h3>
<marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=10;
var relatedpoststitle=&quot;&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script></marquee>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://kep-katro.blogspot.com/2011/06/cara-membuat-related-post-marquee.html' style='display:none;'>Related Post Marquee</a>
<a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a>
</b:if>
</b:if>
<!-- Marquee Bang Kahar Related Posts with Thumbnails Code End-->


9. Simpan

catatan : var maxresults=10 bisa kalian ganti dengan angka berapapun, 10 adalah jumlah posting yang akan ditampilkan di related post yang dibuat.

Demikian tutorial blog dari bang kahar, semoga bermanfaat :)

Cara Membuat Daftar Isi Otomatis Ketika Posting I

Daftar isi mempunyai urgensi sangat besar pada sebuah blog, visitor atau pengunjung lebih nyaman berada di blog/ website yang memiliki daftar isi ketimbang harus mencari lagi di google.

daftar isi membantu mereka untuk menemukan hal-hal yang dicari selain dari keyword yang mereka ketik via google, karena memang lebih efektif dan efisien, pembaca atau visitor juga merasa lebih dilayani dengan adanya daftar isi.


di blogspot dulunya membuat daftar isi masih manual, dengan settingan link per link, hal tersebut cukup merepotkan para blogger. sekarang daftar isi sudah bisa dibuat dengan otomatis, jadi ketika postingan itu di publish, maka judul postingan tersebut langsung muncul di daftar isi tanpa harus utak-atik link lagi, tentu saja dengan proses "feedsternisasi" (hallllllaaahhh,,,bahasa apa itu :), atau sering dikenal dengan pemanggilan kembali postingan terdahulu/ recent post.

sekarang bang kahar akan memberikan tutorial blog, cara mudah untuk membuat daftar isi otomatis, simak dan praktekan secara cermat :
  1. Masuk Dasbor Blog Kamu
  2. Masuk ke Rancangan Blog Kamu
  3. Masuk ke Elemen Blog Kamu
  4. Klik Tambah Gadget
  5. Klik HTML
  6. copy dan paste kode di bawah ini ke dalam kolom HTML tersebut
<div style="border: 1px solid #000; overflow: auto; height: 250px;">
<script style="text/javascript" src="https://sites.google.com/site/bloggermyblog/TableOfContents.js"></script>
<script style="text/javascript">
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 1000;
var standardstyling = true;
var shownumposts = true;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>
</div>

Catatan : yang berwarna merah bisa kamu edit sesuai selera, #000 adalah kode warna, 250 px adalah ukuran kotak daftar isi (sesuaikan dengan template kamu), 1000 adalah jumlah postingan yang dimuat di daftar isi tersebut, false bisa kalian ganti dengan true (date adalah pemunculan tanggal di daftar isi, summary adalah pemunculan icon/gambar posting dan numpost adalah penomeran posting di daftar isi)

    7. Simpan

akhirnya selesai juga dengan sangat mudah, metode ini tidak mengutak-atik kode html yang terlalu rumit, hanya penambahan widget di element menggunakan kode JS biasa, semoga bermanfaat.

Minggu, 08 Mei 2011

Trik Jitu Mendapatkan Visitor

Kalian hanya tinggal Copy Paste Kode Berikut :
Ubah kode yang berwarna Merah !!

 
1.      Open site http://pingomatic.com/ in your Internet browser.

2.     In the "Blog Name" box enter "Blogger Katro"

3.     In the "Blog Home Page" box enter "http://kep-katro.blogspot.com"

4.     Then in "Common Services" click "Check All" to have all services be selected.
5.     Then click the "Send Pings" button.



1.     Open site http://autopinger.com in your Internet browser.
2.     In the "Url" box enter "http://kep-katro.blogspot.com"
3.     Then click the "Start Ping" button.

1.     Open site http://www.pingmyblog.com in your Internet browser.
2.  In the "Blog Name" box enter "Blogger Katro"
3.  In the "Blog URL" box enter "http://kep-katro.blogspot.com"
4.  Then click "Check All" to have all services be selected.
5.  Then click "I agree with Terms Of Service".
6.  Then click the "Ping MY Blog" button.

1.  Open site http://www.feedping.com in your Internet browser.
2.  In the "Blog / Site Name:" box enter "Blogger Katro"
3.  In the "Blog / Site URL " box enter "http://kep-katro.blogspot.com"
4.  Then click "Check All" to have all services be selected.
5.  Then click "I agree to Terms of Service".
6.  Then click the "PING ONLY ONCE" button.

1.  Open site http://blogsearch.google.com/ping in your Internet browser.
2.  In the "Your blog's address:" box enter "http://kep-katro.blogspot.com"
3.  Then click the "Submit Blog" button.

1.  Open site http://pingler.com in your Internet browser.
2.  In the "Website Name or Title:" box enter "Blogger Katro"
3.  In the "Website Url:" box enter "http://kep-katro.blogspot.com"
4.  Then enter text in the captcha image in "Enter the Captcha Text" box.
5.  Then click the "Ping My Site" button.

demikian penjelasan dari narasumber, Semoga Berkenan :)

jika ada visitor yang mengklik link di atas, otomatis blog kamu ngeping sob, buktikan!