Kyipezone

LK Magazine Blogger Template

noreply@blogger.com (KOerniawan) — Sat, 12 Jun 2010 14:01:00 +0000

Demo | Download |

LK Majalah, premium gratis blogger template, SEO friendly, bahkan Anda dapat mengatur tag meta dan kata kunci, dan iklan siap. Fitur dengan menu navigasi, slider, video, kotak pencarian, autoreadmore, multi kolom dan banyak lagi. Cocok untuk bisnis atau blog majalah.

Kelebihan nya disini terdapat banyak tempat untuk memasukkan gadget/widget yang anda inginkan

begitu banyak tempat untuk menambahkan fariasi gadget sesuai kebutuhan.

Cara Instalasi :

unduh / download file kemudian copy
paste dimenu Edit HTML
simpan dan pertahankan widget yang ada
cari kode ini dan ganti sesuai kebutuhan blog anda

Ganti kode favicon dibawah ini dengan favicon anda !!

<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-X</a>

Ganti link dibawah ini dengan link header anda

http://4.bp.blogspot.com/_4HKUHirY_2U/Sx9qwU9t93I/AAAAAAAAAec/NUiMDegMp5o/LK+Magazine.png

Kode Gadget, silahkan klik menu tambah gadget masuk ke HTML javascript dan copy paste kode dibawah ini untuk menambahkan menu slidenya, silahkan ganti image linknya sesuai keinginan

<div id="myslides"><br /> <br /> <script type="text/javascript"><br /> stepcarousel.setup({<br /> galleryid: 'mygallery', //id of carousel DIV<br /> beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs<br /> panelclass: 'panel', //class of panel DIVs each holding content<br /> panelbehavior: {speed:500, wraparound:true, persist:true},<br /> defaultbuttons: {enable: true, moveby: 2, leftnav: ['http://3.bp.blogspot.com/_4HKUHirY_2U/Swp_uMVeIBI/AAAAAAAAATs/53m4n9dGzso/rem1.jpg', -14, 60], rightnav: ['http://3.bp.blogspot.com/_4HKUHirY_2U/Swp_x-EbbHI/AAAAAAAAAT0/W5WfkjVPzdE/rem2.jpg', 0, 60]},<br /> statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels<br /> contenttype: ['external'] //content setting ['inline'] or ['external', 'path_to_external_file']<br /> })<br /> </script><br /> <br /> <br /> <div id="mygallery" class="stepcarousel"><br /> <div class="belt"><br /> <br /> <div class="panel"><br /> <a href="#" title="NFS Most Wanted"><br /> <img alt="NFS Most Wanted" width="200" src="http://4.bp.blogspot.com/_4HKUHirY_2U/Swp3aiu5SZI/AAAAAAAAASk/yizi7snG_Bg/NFS+Most+Wanted.jpg" height="120"/><br /> </a><br /> </div><br /> <br /> <div class="panel"><br /> <a href="#" title="Call Of Duty"><br /> <img alt="Call Of Duty" width="200" src="http://1.bp.blogspot.com/_4HKUHirY_2U/Swp3ntj2moI/AAAAAAAAASs/yE5UW180uuw/Call+Of+Duty.jpg" height="120"/><br /> </a><br /> </div><br /> <br /> <div class="panel"><br /> <a href="#" title="MaxPayne3 Game"><br /> <img alt="MaxPayne3 Game" width="200" src="http://3.bp.blogspot.com/_4HKUHirY_2U/Swp5VFoWHVI/AAAAAAAAATk/pFK49oX63xY/maxpayne3+game.gif" height="120"/><br /> </a><br /> </div><br /> <br /> <div class="panel"><br /> <a href="#" title="Tomb Raider"><br /> <img alt="Tomb Raider" width="200" src="http://3.bp.blogspot.com/_4HKUHirY_2U/Swp4F6x_GwI/AAAAAAAAATc/zSWizc86amA/Tomb+Rider.jpg" height="120"/><br /> </a><br /> </div><br /> <br /> <div class="panel"><br /> <a href="#" title="Harry Potter"><br /> <img alt="Harry Potter" width="200" src="http://2.bp.blogspot.com/_4HKUHirY_2U/Swp37ci8djI/AAAAAAAAATM/h4EWIfrRQUs/harry+potter.jpg" height="120"/><br /> </a><br /> </div><br /> <br /> <div class="panel"><br /> <a href="#" title="NFS ProStreet"><br /> <img alt="NFS ProStreet" width="200" src="http://2.bp.blogspot.com/_4HKUHirY_2U/Swp3sTBAurI/AAAAAAAAAS0/luZtbZH5kdQ/NFS+ProStreet.jpg" height="120"/><br /> </a><br /> </div><br /> <br /> <div class="panel"><br /> <a href="#" title="MaxPayne Movie"><br /> <img alt="MaxPayne Movie" width="200" src="http://2.bp.blogspot.com/_4HKUHirY_2U/Swp31-yKvyI/AAAAAAAAATE/R9DDNeyELg0/MaxPayne3+movie.jpg" height="120"/><br /> </a><br /> </div><br /> <br /> <div class="panel"><br /> <a href="#" title="NFS Undercover"><br /> <img alt="NFS Undercover" width="200" src="http://3.bp.blogspot.com/_4HKUHirY_2U/Swp3_TDx6gI/AAAAAAAAATU/3f5FAgdoT-I/NFS+Undercover.jpg" height="120"/><br /> </a><br /> </div><br /> <br /> </div><br /> </div><br /> </div>

Atur Box Pencari

<div id='search'>
<form action='http://YOURBLOG.blogspot.com/search' id='searchform' method='get' style='display:inline;'>
<input id='s' name='q' type='text' value=''/>
<input id='searchsubmit' type='submit' value=''/>
</form>
</div>

Sesuaikan image banner iklan pada blog anda

<!-- Banner -->
<div class='banner'>
<ul>
<li><a href='http://themeforest.net/' rel='bookmark' title=''><img alt='' src='http://1.bp.blogspot.com/_4HKUHirY_2U/SyBazBwWNuI/AAAAAAAAAes/js6ROskR9bo/Copy+of+TF_125x125.jpg'/></a></li>
<li><a href='http://themeforest.net/' rel='bookmark' title=''><img alt='' src='http://1.bp.blogspot.com/_4HKUHirY_2U/SyBazBwWNuI/AAAAAAAAAes/js6ROskR9bo/Copy+of+TF_125x125.jpg'/></a></li>
<li><a href='http://themeforest.net/' rel='bookmark' title=''><img alt='' src='http://1.bp.blogspot.com/_4HKUHirY_2U/SyBazBwWNuI/AAAAAAAAAes/js6ROskR9bo/Copy+of+TF_125x125.jpg'/></a></li>
<li><a href='http://themeforest.net/' rel='bookmark' title=''><img alt='' src='http://1.bp.blogspot.com/_4HKUHirY_2U/SyBazBwWNuI/AAAAAAAAAes/js6ROskR9bo/Copy+of+TF_125x125.jpg'/></a></li>
</ul>
</div>
<!-- /Banner -->

Mengganti Jumlah maksimal relasi postingan silahkan diklik expand widget cari kode berikut ini :

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>


ganti ya....sesuaikan keinginan anda

Sumber : http://www.premiumbloggertemplates.com

Selamat Mencoba !!

Label Jadi Menu Navigasi

noreply@blogger.com (KOerniawan) — Tue, 05 Jan 2010 02:31:00 +0000

Blogger mania, biasanya kita menggunakan menu navigasi berdasarkan URL / link yang kita masukkan dengan beberapa URL / link blog yang kita punya, nah kali ini jika kita ingin mengoptimalkan blog kita, agar dapat dicari navigasinya berdasarkan label yang kita pasang ditiap postingan, maka perlu di ingat bahwa tiap posting diberi label.

kemudian kita bahas untuk memasang menu :

masuk keblogger
Tata letak
edit HTML
Masukkan kode berikut diatas kode ]]></b:skin>

/* Navigation Menu
------------------------------------------------------*/
#nav {
        background:#363636 url(http://3.bp.blogspot.com/_sunpK_FtO1E/SmMf4NmxtaI/AAAAAAAAAKw/GCICHlow_JU/s1600/menubg.png) repeat-x bottom;
   width: 980px;
   font-size: 12px;
   color: #a79578;
   font-weight: bold;
   margin: 0 auto 0px;
   padding: 0px auto 0px;
        height:35px;
}
#nav ul {
   float: left;
   list-style: none;
   margin: 0;
   padding:0;
}
#nav li {
   list-style: none;
   margin: 0;
   padding: 0;
}
#nav li a, #nav li a:link, #nav li a:visited {
        background:#363636;
   color: #FFF;
   display: block;
   font-weight: normal;
   text-transform: titlecase;
   margin: 0;
   padding: 7px 10px;
        border-right:1px solid #202020;
}
#nav li a:hover, #nav li a:active {
        background:#4B4949;
        color:#fff;
   margin: 0;
   padding: 7px 10px;
   text-decoration: none;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
   background: #202020;
   width: 150px;
   color: #FFF;
   font-weight: normal;
   text-transform: lowercase;
   float: none;
   margin: 0;
   padding: 7px 10px;
        border-right:1px solid #363636;
        border-bottom:1px solid #363636;
        border-left:1px solid #363636;
}
#nav li li a:hover, #nav li li a:active {
   background: #363636;
   color: #FFF;
   padding: 7px 10px;
}
#nav li {
   float: left;
   padding: 0;
}
#nav li ul {
   z-index: 9999;
   position: absolute;
   left: -999em;
   height: auto;
   width: 170px;
   margin: 0;
   padding: 0;
}
#nav li ul a {
   width: 140px;
}
#nav li ul ul {
   margin: -32px 0 0 171px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
   left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
   left: auto;
}
#nav li:hover, #nav li.sfhover {
   position: static;
}
Kode dibawah ini sebaiknya diletakkan dibagian atas kode <div id='outer-wrapper'>

<div id='nav'>
      <b:section class='nav' id='nav' showaddelement='no'>
<b:widget id='Label2' locked='false' title='Categories' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
    <h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
    <b:if cond='data:display == "list"'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>

          </b:if>
        </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='"label-size label-size-" + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
    </div>

Pratinjau dulu, jika cocok maka simpan.
Selamat mencoba dan
Semoga berhasil !!
agar leta

Tirk Klik Kanan Ms. Office

noreply@blogger.com (KOerniawan) — Sat, 02 Jan 2010 01:05:00 +0000

Para Pembaca yang budiaman, seperti kebiasaan yang kita lakukan dalam mengetik di media Ms.Office dari mulai word, excel, power point dsb. jika kita ingin melakukan format editing teks maupun object berupa image, cell maupun shape, kita dapat melakukannya dengan menu yang sangat mudah dan praktis yang sudah disediakan secara otomatis dengan cara Klik Kanan.

Dimenu inilah biasanya disediakan menu yang penting-penting yang dapat kita gunakan untuk memformat teks image dst, diMs.office versi terbaru yang semua menunya sudah terletak diatas juga masih sama dengan trik yang lama yaitu Klik kanan, maka alangkah lebih enaknya kita dipermudah dengan klik kanan ketimbang harus nyari menu satu persatu yang tidak penting diatas...he...he...??@#$^%#$%.

Sekedar iseng
dan mungkin berguna

Memasang Calender

noreply@blogger.com (KOerniawan) — Sat, 02 Jan 2010 00:56:00 +0000

Blogger mania, tips kali ini saya buat simple calender yang dapat anda letakkan dibagian atas pada template anda, berikut triknya :

Masukkan kode berikut diatas kode ]]></b:skin>

h2.date-header {
margin: 1.5em 0 .5em;
display: none;
}

kemudian
copy paste kode dibawah ini taruh diatas <div id='navmenu'> atau div yang berada di bagian atas

<div id='top-wrap'>
<div id='navwrapleft'>
<p>
<script type='text/javascript'>
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")
document.write("<p>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+"</p>")

</script>
</p>
</div></div>

trik ini cocok digunakan pada double header, jika tidak support dengan template anda jangan digunakan, atau kalau ingin minta bantuan untuk pemasangan bisa hubungi saya.
Semoga berhasil dan selamat mencoba

Mengetik Huruf Arab di Ms. Word

noreply@blogger.com (KOerniawan) — Thu, 31 Dec 2009 01:39:00 +0000

Setelah beberapa kali mencoba mencari software yang praktis, sejenis Holly Qur'an, ternyata ilang ndak ketemu...akhirnya metode yang lama saya pakai, seperti lazim digunakan oleh khalayak, kali ini triknya sama tetapi saya beri panduan yang agak asyik digunakan.

Langkah 1

Siapkan dahulu CD Installer Windows XP

Kemudian install Bahasa, dengan langkah sbb :

1. Control panel > Regional and Language Options

2. Klik tab "Languages"

3. check checkbox "Install files for complex script and right to left language (including Thai)". Jika ada kotak dialog pilih aja OK.

4. Klik tombol "OK", jika diminta untuk memasukkan CD installer Windows XP. Masukkan aja.

5. Restat Komputer

Langkah 2

Kemudian mengaktifkan keyboard Arabic

1. Buka Control panel --> Regional and Language Options

2. Klik tab "Languages", kemudian klik tombol "Details..."

3. Klik tombol "Add" dan pilih input language: Arabic (Saudi Arabia), kemudian OK.

Perhatikan pada box Installed Services sekarang ada tambahan AR Arabic (Saudi Arabia) atau di sebelah kiri
Systray sekarang ada Language bar, yang mana bisa kita switch antara keyboard EN (English) dan AR
(Arabic). Sekarang kita sudah bisa menulis arabic dengan aplikasi apapun ketika languagenya kita set ke
arabic. Bisa dengan notepad, OpenOffice Write, CorelDraw,bahkan ke dalam kotak content seperti
sekarang ini.

Langkah 3
Selanjutanya ketika kita buka Microsoft Word kita akan mendapati tombol Left to Right dan Right to left
pada toolbar Formatting. Biasanya letaknya di sebelah kanan tombol Line Spacing.

Sekarang kita tambahkan sekalian tombol Keyboard Language supaya gampang diakses. Caranya:

1. Klik Tools --> Costumize

2. Klik Tab "Command"

3. Pilih Kategori "Format"

4. Cari Icon "Keyboard Language" dan drag n drop ke sebelah kanan tombol "Right to

Left"

Pastikan Setting regionalnya berbahasa arab pada control panel jika ingin memasukkan teks berhuruf arab.

Saran saya:

Gunakan keyboard screen caranya (klik start => all program =>accesories => accessibility => on-screen keyboard), untuk membantu melihat letak huruf arab pada keyboard, beserta fungsi kharokatnya.
Perlu diperhatikan penggabungan huruf arab, kadang perlu diberi jarak spasi.
Pada pembuatan artikel gabungan antara bahasa Indonesia dan Arab gunakan setting regional bahasa Indonesia, kemudian beri jarak (spasi) untuk penempatan teks dengan huruf arab nantinya.
Gunakan dokumen baru untuk menggabungkan teks dengan huruf arab dengan setting regional (Arab saudi) dan kemudian setelah ditergabung teksnya copy...lalu paste didokumen yang anda beri jarak tadi.

Mudah tetapi agak memakan waktu dan tenaga.
mendingan ditempeli aja dikeyboard anda letak huruf - huruf arabnya....jiakakaka
Semoga berguna dan

Selamat Mencoba !!

6 Style page navigasi

noreply@blogger.com (KOerniawan) — Thu, 31 Dec 2009 00:49:00 +0000

Masih dengan trik yang pernah saya buat yaitu page navigasi, kali ini yang saya berikan adalah style CSS nya saja agar anda dapat menyesuaikan warna page navigasinya untuk blog anda, berikut bentuknya :
tinggal manakah CSS yang sesuai dengan style blog anda. ??? kalo tak ada ya...dilanjut lain waktu.

berikut contohnya dan klik image style yang anda inginkan untuk mendonload scriptnya :

Style 1

Style 2

Style3

Style 4

Style 5

Style 6

Semoga Berguna dan
Selamat mencoba ...!!

Membuat Relation Post

noreply@blogger.com (KOerniawan) — Wed, 30 Dec 2009 09:20:00 +0000

Blogger mania, kali ini saya berikan trik bagaimana sih menampilkan link postingan yang berkaitan...atau dalam judul saya relation post, yang memudahkan para pembaca mengetahui artikel lain yang berkaitan.

Nah blogger mania langsung saja kita bahas caranya

kita harus masuk dulu ke blogger kita
masuk ke menu Tata letak
Edit HTML
kemuadian backup/copy semua script HTML anda(untuk jaga-jaga dari pada rusak)
tandai expand widget
cari kode ini <data:post.body/> (ctrl+f) untuk mempermudah
paste script berikut tepat dibawah kode diatas

<b:if cond='data:blog.pageType == "item"'> <div class='similiar'> <div class='widget-content'> <h3>Related Posts by Categories</h3> <div id='data2007'/><br/><br/> <script type='text/javascript'> var homeUrl3 = "<data:blog.homepageUrl/>"; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 100; maxNumberOfLabels = 3; function listEntries10(json) { var ul = document.createElement('ul'); var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i < maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { alturl = entry.link[k].href; break; } } var li = document.createElement('li'); var a = document.createElement('a'); a.href = alturl; if(a.href!=location.href) { var txt = document.createTextNode(entry.title.$t); a.appendChild(txt); li.appendChild(a); ul.appendChild(li); } } for (var l = 0; l < json.feed.link.length; l++) { if (json.feed.link[l].rel == 'alternate') { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+13); var k; for (k=0; k<20; k++) label = label.replace("%20", " "); var txt = document.createTextNode(label); var h = document.createElement('b'); h.appendChild(txt); var div1 = document.createElement('div'); div1.appendChild(h); div1.appendChild(ul); document.getElementById('data2007').appendChild(div1); } } } function search10(query, label) { var script = document.createElement('script'); script.setAttribute('src', query + 'feeds/posts/default/-/' + label + '?alt=json-in-script&callback=listEntries10'); script.setAttribute('type', 'text/javascript'); document.documentElement.firstChild.appendChild(script); } var labelArray = new Array(); var numLabel = 0; <b:loop values='data:posts' var='post'> <b:loop values='data:post.labels' var='label'> textLabel = "<data:label.name/>"; var test = 0; for (var i = 0; i < labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length <= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel < maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> </script> </div> </div> </b:if>

ganti teks yang berwarna biru dengan kata - kata yang anda inginkan
simpan
hilangkan tanda pada expand widget

Selamat Mencoba
dan semoga berhasil !!

Membuat Slide Post

noreply@blogger.com (KOerniawan) — Wed, 30 Dec 2009 01:18:00 +0000

Kalo kemarin sudah saya bahas bagaimana cara membuat populas post, maka kali ini saya berikan bocoran yang sama juga dari beliau Abu Farhan, gimana sich cara bikin slide post alias semua artikel yang sudah

anda buat dapat tertampil dengan cantik dan bergerak secara slide dari atas kebawah,

Ok kita bahas cara pasangnya :

Tambah Gadget
masuk HTML/Java Script
silahkan copy kode dibawah ini

<center> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <style media="screen" type="text/css">  </style> <script language="JavaScript"> imgr = new Array(); imgr[0] = "http://i703.photobucket.com/albums/ww35/koerniawan_photo/guenih.jpg"; imgr[1] = "http://i703.photobucket.com/albums/ww35/koerniawan_photo/guenih.jpg"; imgr[2] = "http://i703.photobucket.com/albums/ww35/koerniawan_photo/guenih.jpg"; imgr[3] = "http://i703.photobucket.com/albums/ww35/koerniawan_photo/guenih.jpg"; imgr[4] = "http://i703.photobucket.com/albums/ww35/koerniawan_photo/guenih.jpg"; showRandomImg = true; boxwidth = 200; cellspacing = 6; borderColor = "#232c35"; bgTD = "#000000"; thumbwidth = 50; thumbheight = 50; fntsize = 12; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = true; summaryPost = 40; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 10; home_page = "http://ganti-blog-anda.com/"; limitspy=4 intervalspy=4000 </script> <div id="spylist"> <script src="http://popular-post-blogger.googlecode.com/files/recentpostthumbspy-min.js" type="text/javascript"></script> </div></center>

Ganti teks yang berwarna merah dengan nama link blog anda
simpan

Keterangan :

Yang berwarna Orange adalah ukuran lebar slide yang akan berjalan

Yang berwarna Biru adalah upload gambar saya...silahkan ganti image dengan ukuran 40px 40px

Yang berwarna Merah ganti dengan nama blog anda

Mudah kan semoga berguna dech..!!
Selamat mencoba....

Memasang Footnote di Ms. Word

noreply@blogger.com (KOerniawan) — Mon, 28 Dec 2009 08:50:00 +0000

Barang kali para pembaca ada yang belon tau gimana sich cara memasang footnote, terutama bagi pembuatan karya ilmiah terutama, nah ditrick yang simple ini saya berikan gambaran footnote apa ?

Pada gambar diatas angka satu dan dua yang terletak dibawah adalah footnote, hampir seperti footer tetapi disitu secara otomatis anda akan dibimbing setiap kali memberikan keterangan pada artikel yang anda muat.

Bagaimana caranya ?
Tidak susah kok.....menu yang digunakan adalah

Insert
reference
footnote

kemudian isikan keterangan artikel anda pada angka yan sudah otomatis berurutan sesuai yang anda inginkan
semoga trik ini berguna
Selamat Mencoba !

Membuat Popular posting

noreply@blogger.com (KOerniawan) — Mon, 28 Dec 2009 05:09:00 +0000

Belajar dari sobatKOe Abu Farhan...beliau banyak memberi inspirasi pada blog saya, sehingga dapat menjadi beda dari yang lain.

OK dibahas aja yach ...untuk menampilkan popular post
mudah kok tinggal masuk ke blogger anda

Tambah Gadget
masuk HTML/Java Script
silahkan copy kode dibawah ini

Ganti teks yang berwarna merah dengan nama link blog anda
simpan

Mudah kan semoga berguna dech..!!
Selamat mencoba

Ganti Older & Newer dengan Image

noreply@blogger.com (KOerniawan) — Sun, 27 Dec 2009 16:55:00 +0000

Blogger mania...kali ini template blogKOe ini saya rubah semirip WP, ya...nyoba aja apa cakep ndak dipake...OK kita bahas judul diatas.

Biasanya dibawah postingan terdapat kata-kata older dan newer atau mungkin juga muka/home untuk ke halaman depan blog kita. nah yang saya bahas kalo seandainya anda ingin mengubahnya dengan gambar seperti pada blog templateKOe.

caranya mudah tinggal taruh kode ini diatas kode

#blog-pager-newer-link { float:left; } #blog-pager-newer-link a { background:transparent url(http://2.bp.blogspot.com/_t47uhxwKFVM/SlQp_wLE6-I/AAAAAAAAAnw/FlIa5bVSFPM/s1600/arrow-left.png) no-repeat scroll center center; display:block; height:48px; text-indent:-9999px; width:48px; } .home-link { background:transparent url(http://2.bp.blogspot.com/_t47uhxwKFVM/SlQqA5JkqdI/AAAAAAAAAoQ/rOV73UlGEko/s1600/home.png) no-repeat scroll center center; display:block; height:32px; margin:0 auto; text-indent:-9999px; width:32px; } #blog-pager-older-link {float:right;} #blog-pager-older-link a { background:transparent url(http://4.bp.blogspot.com/_t47uhxwKFVM/SlQqAf_gKPI/AAAAAAAAAn4/oNym-3NGKng/s1600/arrow-right.png) no-repeat scroll center center; display:block; height:48px; text-indent:-9999px; width:48px; } #blog-pager { clear:both; text-align:center; } .feed-links { }

selamat mencoba dan
Semoga berguna !!

Smadav Pro yang Pro kita

noreply@blogger.com (KOerniawan) — Sat, 26 Dec 2009 14:21:00 +0000

Setalah lama cocok menggunakan smadav dan setelah membaca beberapa artikel dan berkunjung ke beberapa forum ternyata...eh...ternyata, ada juga penawaran smadav yang tipe pro untuk tiap satu komputer diberi gratisan satu dan diwajigkan untuk usernya mempunyai blog yang didaftarkan melalui email ke smadav@gmail.com

Di smadav sebenarnya sudah tersedia dua versi yang bisa kita gunakan, yaitu versi Smadav Free dan Smadav Pro. dan yang saya bahas yaitu untuk mendapatkan versi Smadav Pro. sebenarnya tidak terlalu mahal juga, yang kita perlukan hanya memberikan sedikit sumbangan (donasi) berapapun jumlahnya. Tapi bila ingin mendapatkan smadav pro secara gratis, anda tinggal melengkapi saja beberapa syarat dan ketentuan dibawah ini: Syaratnya blog/situs untuk pemasangan banner Smadav : * Anda harus mempunyai blog/situs. * Pasang Banner pada Blog/situs Anda ukuran 125x125(scriptnya dibawah)*. * Banner harus diletakkan di tempat strategis di blog anda. * Banner harus terus dipasang sampai akhir tahun 2010. * Blog mempunyai trafik pengunjung cukup besar. Silakan cek PageRank dan AlexaRank blog/situs Anda : popuri.us

PageRank minimal 2, atau
Jika PageRank 1 maka AlexaRank < 1.000.000, atau
Jika PageRank 0 maka AlexaRank < 400.000.

* Tidak ada toleransi untuk syarat ini, hanya blog yang memenuhi syarat di atas yang akan diberi key Smadav Pro * Kirim konfirmasi ke smadav@gmail.com untuk meminta (max 3) Registration Key dan sertakan alamat blog Anda. Kode banner image 125x125 :

<a href="http://www.smadav.net/" target="_blank" title="antivirus"><img alt="smadav antivirus indonesia" src="http://www.smadav.net/smadav125.gif" /></a>

contoh imagenya nih:

Semoga berguna !!

SMADAV

noreply@blogger.com (KOerniawan) — Sat, 26 Dec 2009 12:53:00 +0000

Blogger Mania yang masih setia pake Operating System Windows Indonesia punya Antivirus yang lumayan OK dari beberapa antivirus yang pernah ada, disini gratis dan mudah cara updatenya.

SmadAV

Itulah namanya...
saya sudah menggunakan dari versi pertama lounching yaitu seri 6.0
dan Alhamdulillah sampai saat ini SmadAV juga masih tetep memberikan update gratisannya
dan bila ada Donatur Smadav memberikan kemudahan dengan fasilitas yang lebih bagus
yaitu Smadav Pro
silahkan kunjungi aja Antivirus yang satu ini

Gimana cara dapetnya
Silahkan download aja sendiri
di http://www.smadav.net/

Gimana cara updatenya ?
wah gampank tinggal pake winzip / winrar
jalankan aplikasi Smadavnya maka otomatis akan update
mudah to.. selamat mencoba

Alqur'an Word

noreply@blogger.com (KOerniawan) — Sat, 26 Dec 2009 12:27:00 +0000

Bagi para pengguna Ms. Word Alhamdulillah ada fasilitas software yang dapat digunakan untuk memasukkan Ayat Al Qur'an beserta terjemahnya kedalam bahasa Indonesia.

saya sudah menggunakannya lama sekali...karena mungkin bermanfaat bagi kita semua, maka software ini saya bagikan.
semoga bermanfaat dan mempermudah anda dalam mengerjakan sesuatu yang baik.

Selamat mencoba
dan semoga berguna !!

Belajar Dasar HTML Part 2

noreply@blogger.com (KOerniawan) — Tue, 15 Dec 2009 06:26:00 +0000

Blogger mania melanjutkan dari coretanKOE yang kemarin, kali ini modulnya tak lanjut lagi :

Dalam Penulisan artikel / posting

Penggunaan Bullet and ,

contoh 1:

<menu>

<li type="disc">Kyipezone</li>

<li type="circle">Kyipezone</li>

<li type="square">Kyipezone</li>

</MENU>

contoh 2:

<li>Kyipezone</li>

</ol>

Hasilnya :

contoh 1:

Kyipezone

Kyipezone

Kyipezone

contoh 2:

Kyipezone
Kyipezone
Kyipezone
Kyipezone

Menengahkan Teks dan kode HTML/Java script(gadget),

Numbered

<ol>

</ol>

Numbered Special Start from 5

berlaku untuk dari angka berapapun)

</ol>

Lowercase Letters

</ol>

Capital Letters

</ol>

Lowercase Roman Numerals

</ol>

Capital Roman Numerals

</ol>

Hasilnya :

Numbered

List item 1

List item 2

List item 3

List item 4

Numbered Special Start from 5 (berlaku untuk dari angka berapapun)

List item 1

List item 2

List item 3

List item 4

Lowercase Letters

List item 1

List item 2

List item 3

List item 4

Capital Letters

List item 1

List item 2

List item 3

List item 4

Lowercase Roman Numerals

List item 1

List item 2

List item 3

List item 4

Capital Roman Numerals

List item 1

List item 2

List item 3

List item 4

Memberi Garis (Horisontal rule),

Hasilnya :

Dalam menata isi sidebar

Membuat Media input (form)

contoh 1: <form method=post action="/cgi-bin/example.cgi"> Enter Your Comments:<br> <textarea wrap="virtual" name="Comments" rows=3 cols=20 maxlength=100></textarea><br> <input type="Submit" value="Submit"> <input type="Reset" value="Clear"> </form>

Contoh 2: <form method=post action="/cgi-bin/example.cgi"> Select an option:<br> <input type="radio" name="option"> Option 1 <input type="radio" name="option" checked> Option 2 <input type="radio" name="option"> Option 3 <br> <br> Select an option:<br> <input type="checkbox" name="selection"> Selection 1 <input type="checkbox" name="selection" checked> Selection 2 <input type="checkbox" name="selection"> Selection 3 <input type="Submit" value="Submit"> </form>

contoh 3:

Select an option:

<option >option 1</option>

<option selected>option 2</option>

<option>option 3</option>

<option>option 4</option>

<option>option 5</option>

<option>option 6</option>

</select><br>

</form>

Contoh 4:

<form action="mailto:you@yourdomain.com"> Name: <input name="Name" value="" size="10"><br> Email: <input name="Email" value="" size="10"><br> <center><input type="submit"></center> </form>

Hasilnya :

contoh 1:

contoh 2:

contoh 3:

Membuat Media input (form)

contoh 1:

<br>

<ul>

</ul> <br>

contoh 2:

<br>

</ul> </ul>

Hasilnya :

Contoh

List item 1

List item 2

contoh 2:

List item 1

List item 2

List item 3

List item 4

Semoga bermanfaat

Selamat mencoba !!

Belajar Dasar HTML Part 1

noreply@blogger.com (KOerniawan) — Mon, 14 Dec 2009 07:28:00 +0000

Blogger mania kali ini saya berikan bocoran modul saya, yang selama ini membantu saya dalam pembuatan editing blog. dalam modul ini beberapa tahapan akan saya berikan disitu. tinggal anda gunakan sesuai kebutuhan.
beikut modul saya :

<html> - memulai pembuatan dokumen HTML.
<head> - bagian untuk menaruh judul "TITLE", "META tags" untuk indeks ke search engine, STYLE tags, bentuk tampilan layout, dan kode JavaScript untuk efek khusus.
<title> - TITLE atau judul blog anda, untuk memudahkan browser mengetahui judul blog anda.
</title> - Menutup kode Tag Title.
</head> - Menutup kode Tag Head.
<body> - untuk menempatkan dokumen dan bagian kode HTML..
</body> - Menutup kode Tag body..
</html> - Menutup kode Tag HTML.

Mungkin contoh dibawah ini bisa membantu :

Dalam Penulisan artikel / posting

Penggunaan Alenia,

<dl> <dt>kyipezone</dt> <dd>The name that you can trust </dd> </dl>

Hasilnya :

Kyipezone: The name that you can trust

Menengahkan Teks dan kode HTML/Java script(gadget),

<center>Teksnya saya taruh ditengah ahh</center>

Hasilnya :

Teksnya saya taruh ditengah ahh

Memberi Jarak baris(line break),

<br>

Rubah Tampilan Font (Font face),

<font face="Verdana">Kyipezone</font>

<font face="Times New Roman" size="5">Kyipezone</font>

<font face="Arial" size="+3" color="#ff0000">Kyipezone</font>

Hasilnya :

Kyipezone

Kyipezone

Format Font, Menebalkan, garis bawah dan italic pada teks

kode script yang dipakai adalah sebagai beikut :

<b>Kyipezone</b>

<u>Kyipezone</u>

<i>Kyipezone</i>

<big>Kyipezone</big>

<small>Kyipezone</small>

<strike>Kyipezone</strike>

<strong>Kyipezone</strong>

Hasilnya :

Kyipezone

Kyipezone

Kyipezone

Kyipezone

~~Kyipezone~~

Kyipezone

Heading, Penulisan kepala teks

Kode Scriptnya adalah sebagai berikut :

<h1>Kyipezone</h1>

<h2>Kyipezone</h2>

<h3>Kyipezone</h3>

<h4>Kyipezone</h4>

<h5>Kyipezone</h5>

<h6>Kyipezone</h6>

Hasilnya :

Kyipezone

Paragraph, mengatur letak posisi paragraf teks

kode script yang dipakai adalah sebagai beikut :

Kyipezone 1:<br> <br> <p align="left"> Mengatur letak teks<br> dari sebelah kiri<br> pada postingan anda.<br> <br> Kyipezone 2:<br>
<br>
<p align="right">
Mengatur letak teks<br>
dari sebelah kanan<br>
pada postingan anda
<br> Kyipezone 3:<br>
<br>
<p align="center">
Mengatur letak teks<br>
dari Tengah<br>
pada postingan anda<br>

Hasilnya :

Kyipezone 1:

Mengatur letak teks dari sebelah kiri pada postingan anda.

Kyipezone 2:

Mengatur letak teks dari sebelah kanan pada postingan anda

Kyipezone 3:

Mengatur letak teks dari Tengah pada postingan anda

Dalam menata isi sidebar

kode scriptnya adalah sebagai berikut

contoh 1:

Contoh 2:

<form method=post action="/cgi-bin/example.cgi"> <input type="text" style="color: #ffffff; font-family: Verdana; font-weight: bold; font-size: 12px; background-color: #72a4d2;" size="10" maxlength="30"> <input type="Submit" value="Submit"> </form><font face="Arial" size="+3" color="#ff0000">Kyipezone</font>

Contoh 3:

</form>

Hasilnya :

contoh 1:

Contoh 2:

Contoh 3:

Semoga bermanfaat

Selamat mencoba !!

Membuat Tabel di Blog

noreply@blogger.com (KOerniawan) — Sat, 12 Dec 2009 13:31:00 +0000

Blogger Mania kali ini saya tanggapi request dari sobat saya yang kebetulan membutuhkan tutorial pembuatan tabel diblog dengan menggunakan HTML, menu script yang kita pake adalah <table> ..... </table>.
Di dalam tabel, kita bisa ketahui beberapa atribut di dalamnya, antara lain :

bgcolor : untuk mengatur warna background/warna latar belakang tabel. Penempatan kodenya seperti ini : bgcolor="kode warna".

align : untuk mengatur tata letak tulisan yang ada pada tabel, mau rata kiri, tengah, rata kanan, atau rata kiri-kanan. Penempatan kodenya : align="left"|"center"|"right" .

cellpadding : untuk mengatur jarak antara tepi sel dengan isi sel di dalam sebuah tabel. Penempatan kodenya : cellpadding="pixel" .

border : untuk mengatur tingkat ketebalan garis tepi pada tabel. Penempatan kodenya : boeder="pixel"

cellspacing: untuk mengatur jarak antara sel. Penempatan kodenya : cellspacing="pixel" .

height : untuk mengatur tinggi tabel. penempatan kodenya : height="pixel"|"%" .

widht : untuk mengatur lebar tabel. Penempatan kodenya : height="pixel"|"%" .

Script kode yang dipakai seperti ini :

<table align="left"|"center"|"right"
bgcolor="color"
border="pixel"
cellpadding="pixel"
cellspacing="pixel"
width="pixel"|"%"
height="pixel"|"%">

.....................

</table>

Elemen TABLE, juga berisi beberapa elemen yaitu CAPTION, elemen TH(table header), elemen TR(table row), serta elemen TD (table row).

Elemen CAPTION
berfungsi untuk membuat judul dari sebuah tabel. elemen ini mempunyai atribut align dengan nilai top (yaitu judul di simpan di sebelah atas tabel), juga bottom (yaitu judul berada di sebelah bawah dari tabel).

Script kode yang terbentuk seperti ini :

<caption align="top"|"bottom">

............................

</caption>

Elemen TR (Table Row)
yaitu untuk membuat baris, elemen ini di tempatkan di dalam elemen tabel. Atribut yang bisa di pakai di dalam TR antara lain :

align : untuk mengatur tata letak tulisan yang ada pada tabel, mau rata kiri, tengah, rata kanan, atau rata kiri-kanan. Penempatan kodenya : align="left"|"center"|"right" .

valign : untuk mengatur posisi vertikal. penempatan kodenya : valign="top"|"middle"|"bottom"

bgcolor : untuk mengatur warna background/warna latar belakang tabel. Penempatan kodenya seperti ini : bgcolor="kode warna".

Script kode yang terbentuk seperti ini :

<tr align="left"|"center"|"right"
bgcolor="color"
valign="top"|"middle"|"bottom">

.....................

</tr>

Elemen TH(Table Header)
berfungsi sebagai header sel pada sebuah kolom tabel. Atribut yang bisa di pakai antara lain:

align : untuk mengatur tata letak tulisan yang ada pada tabel, mau rata kiri, tengah, rata kanan, atau rata kiri-kanan. Penempatan kodenya : align="left"|"center"|"right" .

valign : untuk mengatur posisi vertikal. penempatan kodenya : valign="top"|"middle"|"bottom"

bgcolor : untuk mengatur warna background/warna latar belakang tabel. Penempatan kodenya seperti ini : bgcolor="kode warna".

colspan : untuk mengatur kolom. Penempatan kodenya : colspan="nomor" .

rowspan : untuk mengatur row atau baris. Penempatan kodenya : rowspan="nomor"

Script kode yang terbentuk seperti ini :

<th align="left"|"center"|"right"
bgcolor="color"
valign="top"|"middle"|"bottom"
colspan="number" rowspan="number">

.....................

</th>

Elemen TR(Table Row)
adalah elemn untuk membuat kolom. atribut yang bisa di pakai antara lain :

align : untuk mengatur tata letak tulisan yang ada pada tabel, mau rata kiri, tengah, rata kanan, atau rata kiri-kanan. Penempatan kodenya : align="left"|"center"|"right" .

valign : untuk mengatur posisi vertikal. penempatan kodenya : valign="top"|"middle"|"bottom"

bgcolor : untuk mengatur warna background/warna latar belakang tabel. Penempatan kodenya seperti ini : bgcolor="kode warna".

colspan : untuk mengatur kolom. Penempatan kodenya : colspan="nomor" .

rowspan : untuk mengatur row atau baris. Penempatan kodenya : rowspan="nomor"

Script kode yang terbentuk seperti ini :

<td align="left"|"center"|"right"
bgcolor="color"
valign="top"|"middle"|"bottom"
colspan="number" rowspan="number">

.....................

</td>

( ---------------------------- ~"(0_0)"~ --------------------------------- )

Kita praktekan pada pembuatan tabel nih contohnya

Untuk membuat sebuah tabel tunggal, kodenya kira-kira seperti ini :

<table width="200" border="1">
<tr>
<td>

Sample

</td>
</tr>
<table>

Hasilnya akan seperti ini :

Sample

Teks diletakkan di sebelah kiri (left), jika ingin teks di tengah tabel, maka cukup tambahkan saja kode align="center" pada kolomnya. misal seperti ini :

<table width="200" border="1">
<tr>
<td align="center">

Sample

</td>
</tr>
</table>

Hasilnya akan seperti ini :

Sample

Contoh-contoh di atas menggunakan nilai border 1, coba bandingkan apabila saya menggunakan nilai border yang lebih besar, misalkan 9. Kodenya kira-kira seperti ini :

<table width="200" border="9">
<tr>
<td align="center">

Sample

</td>
</tr>
</table>

Hasilnya akan seperti ini :

Sample

Jika ingin kolomnya bertambah, tinggal tambahkan kode kolomnya. contoh dua kolom, kodenya seperti ini :

<table width="300" border="9">
<tr>
<td align="center">

Test

 
</td>
<td align="center">

Test lagi aahh

</td>
</tr>
</table>

Hasilnya akan seperti ini :

Test	Test lagi aahh

Kalau ingin dua baris, kira-kira kodenya seperti ini :

<table width="300" border="1">
<tr>
<td align="center">

Sample

</td>
<td align="center">

Sample KOe

</td>
</tr>
<tr>
<td align="center">

Sample lain

</td>
<td align="center">

Sample KOe yg lain

</td>
</tr>
</table>

hasilnya seperti ini :

Contoh	Contoh juga denk
Sample Lain	Sample KOe yg lain

Jika tabelnya ingin di beri warna, tinggal tambahkan kode bgcolor="kode warna". contoh :

<table width="300" border="1" bgcolor="black">
<tr bgcolor="green">
<td align="center">

Sample

</td>
<td align="center">

Sample lagi nih

</td>
<tr bgcolor="yellow">
<tr>
<td align="center">

Sample

</td>
<td align="center">

Sample lagi nih

 
</td>
</tr>
</table>

hasilnya seperti ini :

Sample	`Sample lagi nih`
Sample	`Sample lagi nih`

Sekarang saya beri contoh terakhir (sedikit lebih serius) dengan mengunakan fungsi caption serta TH (table header). Misalkan saya ingin membuat sebuah tabel data dari nama-nama teknisi. Data-data yang ingin di buatkan tabel, misalkan seperti ini :

**Tabel KOe**
Data KOe
No.	Nama
1.	Blogger
2.	Kyipeware
3.	Templat KOe

Contoh Lain Lagi nih :
Kode yang di pakai bisa seperti ini :
<table align="left" border="2" bgcolor="cyan" cellpadding="5" cellspacing="0" >
<caption align="top"><b>Tabel KOe</b></caption>
<tr bgcolor="fuchsia">
<th colspan="2">Data KOe</th>
</tr>
<tr bgcolor="green">
<th>No.</th>
<th>Nama</th>
</tr>
<tr bgcolor="yellow">
<td>1.</td>
<td>Blogger</td>
</tr>
<tr bgcolor="red">
<td>2.</td>
<td>Kyipeware</td>
</tr>
<tr bgcolor="blue">
<td>3.</td>
<td>Template KOe</td>
</tr>
</table>

Selain untuk menempatkan tulisan, sebuah tabel pun banyak di gunakan untuk menempatkan gambar agar terlihat lebih rapih. Contoh :

Hasilnya akan seperti ini :

jika sobat beranggapan bahwa garis tabel menggangu pemandangan, maka kita bisa mensiasatinya dengan cara menghilangkan garisnya yaitu nilai bordernya kita buat 0 (nol).
contoh :

Hasilnya akan seperti ini :

Keterangan :

Kode ini berbentuk HTML, Apabila ingin di simpan di sidebar, pilih gadget yang untuk HTML/javaScript.

Sumber : Kang Rohman
Selamat mencoba

Photoscape

noreply@blogger.com (KOerniawan) — Wed, 09 Dec 2009 04:32:00 +0000

Pembaca blogKOe yang penasaran memperoleh software pengolah photo dan warna HTML hexadecimal yang kemarin saya senggol.
kali ini saya berikan bocoran freeware yang mempunyai fitur antara lain :

Mengatur tatanan photo
Membelah photo menjadi beberapa split (bagian2 kecil), yang dapat digabungkan jadi gambar yang besar.
Membuat animasi Gif / gerak
Memberi efek animasi cartoon kecil2an pada photo
Screen capture

Silahkan Coba sendiri sodtware ini !
enak kok
klik aja di ikon dibawah ini !

New Label Tag Cloud

noreply@blogger.com (KOerniawan) — Sun, 06 Dec 2009 13:14:00 +0000

Blogger Mania, kali ini ada lagi yang lain dan sebenarnya sudah tidak terlalu new, karena sudah lama sih Tag Cloud ini digunakan di blogger, kalau sebelumnya punya saya Tag cloud labelnya muter muter, kali ini tidak perlu bingung dengan penambahan script, dan nanti gimana sih cara pasangnya akan saya jelaskan.
Tag Cloud label ini dipakai word press juga sudah lama, blogger kini menambah fitur baru baik dari editor posting entri maupun gadget yang bisa kita cari sesuai kebutuhan..

Kita lanjutkan aja cara pasang Tag Cloud yang baru ini :

Login keblogger anda
Masuk ke Tata letak
Tambah gadget
Pilih Label
Setting Seperti gambar dibawah ini

Simpan

Mudah dan kelihatan Nyentrik seperti Wordpress padahal Blogger
Semoga berguna dan selamat mencoba

New Readmore

noreply@blogger.com (KOerniawan) — Sat, 05 Dec 2009 02:32:00 +0000

Blogger mania...read more yang satu ini dipermudah oleh blogger sendiri dengan menambahkan fitur terbaru pada blog kita.

gimana caranya, langsung dibahas ya...

Masuk ke blogger (login)
Masuk ke pengaturan - pada menu dasbor
Di menu dasar yang dibawah (editor entri masuk)

Tandai Editor yang diperbaharui
Simpan setelan
Lihat tampilan yang baru nih

Keterangan :

Ada Undo & Redo
Insert Jump Break digunakan untuk Read More

Lebuiiih Mudah dan Praktis tanpa perlu banyak Script
Semoga bisa dan selamat mencoba !!

Facebook Minisite

noreply@blogger.com (KOerniawan) — Thu, 03 Dec 2009 07:20:00 +0000

Blogger mania..kali ini saya pakai gadget yang terdapat sudah ada pada blogger dengan sedikit mencari yang kita inginkan. disini yang saya inginkan adalah fitur dari facebook yang akan saya masukkan ke blogger saya.. mudah kok caranya.

1. kita login ke bloggernya
2. masuk ke Tataletak
3. tambah gadget - pada menu seacrh ketik facebook
4. akan terdapat gadgetnya...nha...saya pilih facebook minisite
5. atur ketinggian kotaknya...simpan
6. mudah to.

Semoga bisa
Selamat Mencoba

Kode Warna HTML Hexadecimal

noreply@blogger.com (KOerniawan) — Wed, 02 Dec 2009 03:30:00 +0000

Blogger mania warna Hexadecimal bisa kita dapat dari aplikasi sotfware Adobe Photoshop, anda bisa melihat kode warna yang dihasilkan dari warna RGB yang dilazim dipakai oleh semua pengguna web berbasis HTML. berikut kodenya :

#FFFFFF	#FFFFCC	#FFFF99	#FFFF66	#FFFF33	#FFFF00
#FFCCFF	#FFCCCC	#FFCC99	#FFCC66	#FFCC33	#FFCC00
#FF99FF	#FF99CC	#FF9999	#FF9966	#FF9933	#FF9900
#FF66FF	#FF66CC	#FF6699	#FF6666	#FF6633	#FF6600
#FF33FF	#FF33CC	#FF3399	#FF3366	#FF3333	#FF3300
#FF00FF	#FF00CC	#FF0099	#FF0066	#FF0033	#FF0000

#CCFFFF	#CCFFCC	#CCFF99	#CCFF66	#CCFF33	#CCFF00
#CCCCFF	#CCCCCC	#CCCC99	#CCCC66	#CCCC33	#CCCC00
#CC99FF	#CC99CC	#CC9999	#CC9966	#CC9933	#CC9900
#CC66FF	#CC66CC	#CC6699	#CC6666	#CC6633	#CC6600
#CC33FF	#CC33CC	#CC3399	#CC3366	#CC3333	#CC3300
#CC00FF	#CC00CC	#CC0099	#CC0066	#CC0033	#CC0000

#99FFFF	#99FFCC	#99FF99	#99FF66	#99FF33	#99FF00
#99CCFF	#99CCCC	#99CC99	#99CC66	#99CC33	#99CC00
#9999FF	#9999CC	#999999	#999966	#999933	#999900
#9966FF	#9966CC	#996699	#996666	#996633	#996600
#9933FF	#9933CC	#993399	#993366	#993333	#993300
#9900FF	#9900CC	#990099	#990066	#990033	#990000

#66FFFF	#66FFCC	#66FF99	#66FF66	#66FF33	#66FF00
#66CCFF	#66CCCC	#66CC99	#66CC66	#66CC33	#66CC00
#6699FF	#6699CC	#669999	#669966	#669933	#669900
#6666FF	#6666CC	#666699	#666666	#666633	#666600
#6633FF	#6633CC	#663399	#663366	#663333	#663300
#6600FF	#6600CC	#660099	#660066	#660033	#660000

#33FFFF	#33FFCC	#33FF99	#33FF66	#33FF33	#33FF00
#33CCFF	#33CCCC	#33CC99	#33CC66	#33CC33	#33CC00
#3399FF	#3399CC	#339999	#339966	#339933	#339900
#3366FF	#3366CC	#336699	#336666	#336633	#336600
#3333FF	#3333CC	#333399	#333366	#333333	#333300
#3300FF	#3300CC	#330099	#330066	#330033	#330000

#00FFFF	#00FFCC	#00FF99	#00FF66	#00FF33	#00FF00
#00CCFF	#00CCCC	#00CC99	#00CC66	#00CC33	#00CC00
#0099FF	#0099CC	#009999	#009966	#009933	#009900
#0066FF	#0066CC	#006699	#006666	#006633	#006600
#0033FF	#0033CC	#003399	#003366	#003333	#003300
#0000FF	#0000CC	#000099	#000066	#000033	#000000

#465584	#EEF2F7	#3A4F6C	#00D	#434951	#555
#777	#DFE6EF	#345487	#F5F9FD	#3860BB	#BCD0ED
#C2CFDF	#F0F5FA	#D1DCEB	#003	#900	#CCE9FD
#E4EAF2	#4C77B6	#DFE6EF	#EEF2F7	#F

Semoga berguna untuk blogger mania
Sumber : http://kampoengjogja.blogspot.com

Menampilkan Komentar disidebar

noreply@blogger.com (KOerniawan) — Mon, 30 Nov 2009 01:44:00 +0000

Pembaca yang budiman, trik saya kali ini menampilkan bagaimana sih komen bisa tampil disidebar kita...seperti teori yang ada bahwa komentar sebenarnya mempunyai link sendiri...nha...dengan memanggil link tersebut kita dapat menampilkan komen tersebut pada sidebar.

Langsung saja saya bahas gimana sih caranya...

buka blogger (masuk ke akun blogger anda)
masuk ke dasbor - menu Tata letak
tambah gadget - HTML / Java script
copy script dibawah ini

paste di tempat yang disediakan
ganti link http://blogkamu.blogspot.com/ diatas dengan link blog anda
simpan

Mudah to....silahkan mencoba
Semoga berhasil !!

Enaknya pake Widgetbox

noreply@blogger.com (KOerniawan) — Sat, 28 Nov 2009 13:00:00 +0000

Pembaca blogKOe yang budiman, dalam postinganku kali ini saya tampilkan penggunaan widgetbox yang begitu banyak fasilitas dan seksi kalo dipakai diblog dengan berbagai kemudahan.
misal :

membuat daftar isi blog
membuat operasi hitungan
membuat pengukuran waktu (bukan kiamat loh)
koleksi Photo
Streaming video
Twitteran
Polling
Membuat form

Nha....yang saya buat kali ini adalah daftar isi yang seksi
caranya gimana nich ??

Ok dibahas dech..

daftar dulu ya... di widgetbox
klik join untuk daftar & isi formnya
cek email anda & klik pada link yang diberikan
mulai dengan menu make widget
saya gunakan feed dari blogger saya (blogfeed)
Masukkan blog andadikolom Enter your blog or feed address (URL).
contoh punya saya (http://kyipe.blogspot.com)
klik make widget
atur label layout sesuai keinginan, baik warna dan font
atur theme (gambar backgraund)
beri logo
kalo udah upgrade deh
cek email anda & klik linknya
klik get widget (klik ikon blogger)
klik embed
copy dan paste

simpan

Hasilnya kayak dibawah ini
:

Kyipezonegreat free widgetsWidgetboxMore info

panjang bener tutornya....aslinya mudah kok kalo dicoba langsunk
Selamat mencoba !!
Semoga berhasil....he...hee

Kyipezone

LK Magazine Blogger Template

Label Jadi Menu Navigasi

Tirk Klik Kanan Ms. Office

Memasang Calender

Mengetik Huruf Arab di Ms. Word

6 Style page navigasi

Membuat Relation Post

Membuat Slide Post

Memasang Footnote di Ms. Word

Membuat Popular posting

Ganti Older & Newer dengan Image

Smadav Pro yang Pro kita

SMADAV

Alqur'an Word

Belajar Dasar HTML Part 2

Belajar Dasar HTML Part 1

Kyipezone

Kyipezone

Kyipezone

Kyipezone

Kyipezone

Kyipezone

Membuat Tabel di Blog

Photoscape

New Label Tag Cloud

New Readmore

Facebook Minisite

Kode Warna HTML Hexadecimal

Read More ??

Menampilkan Komentar disidebar

Enaknya pake Widgetbox