Gamer Kecil: Desember 2011

Selasa, 27 Desember 2011

Icon Share pada blog

Banyak macam-macam bentuk dari icon share yang ada di berbagai artikel di internet..kali ini admin mencoba untuk mensharing icon share di bawah artikel yang mana sebelum nya telah saya bahas membuat icon share di samping blog.

Nah..icon yang kali ini ingin saya postingkan lebih banyak icon yang bisa untuk mensharing kemana pun seperti ke email,google,Buzz,Fb,Twitter,dll yang pasti lebih mempermudah kita untuk mensharing artikel yang kita sukai...icon yang saya maksud seperti tampak di gambar atas ukuran nya simpel,kecil dan menarik kayak nya (Red: menurut saya he he )..jika sobat sekalian berminat dengan icon share seperti di atas silahkan di simak langkah-langkah di bawah ini..

Icon Share di bawah postingan

Seperti biasa anda login terlebih dahulu..kalau sudah login silahkan langsung ke RANCANGAN

Anda klik Edit HTML

sebelum nya anda download dulu templete agar jika ada kesalahan templete anda bisa di kembalikan seperti semula.
Jangan lupa di centang Expand Template Widget

Kalau sudah kita mulai mengobok-ngobok kode html nya

CARI KODE DI BAWAH INI..!!! cara cepat nya tekan (Ctr + F pada keyboard)

Cari kode berikut : <div class='post-footer'>

Jika sudah ketemu, simpan kode icon share di bawah ini di atas kode <div class='post-footer'>

Kode icon share

<div style='padding:10px 0px 10px 0px;margin:15px 0px 7px 0px;width:100%;float:left;height:23px;'>
    <div style='float:right;'>
    <span class='st_twitter_hcount' displayText='Tweet'/><span class='st_facebook_hcount' displayText='Share'/><span class='st_email_hcount' displayText='Email'/><span class='st_sharethis_hcount' displayText='Share'/>
    <script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher:'63b83a98-def5-427f-ac7c-4b24bcff910d'});</script>
    </div>
    </div>

Setelah itu simpan templete dan lihat hasil nya...

Icon share di sidebar

Icon share ini bisa juga di letak di sidebar blog cara nya pun mudah anda tinggal memilih letak nya sesuka anda cara nya seperti berikut :

1. Login terlebih dahulu..jika sudah pergi kerancangan ...

2. Tambah Gadget

3.Pilih Java Script dan copy paste kode Icon share nya..

4. Simpan dan lihat hasil nya

Nah sekarang blog kita bertambah cantik dengan ada nya icon share ini,semoga tutorial ini bermanfaat..

Membuat fungsi scroll pada daftar isi blog

Salam Blogger...gimana kabar nya para sobat semua..?? dah lama ga menulis dan berbagi pengalaman tentang dunia blogger ini rasa nya dah kangen neh..hi hi nah kali ini di perjumpaan yang sederhana ini saya mencoba berbagi pengalaman tentang cara membuat fungsi scroll pada daftar isi blog kita.

Apa sih guna nya fungsi scroll???...ya menurut saya sangat penting..!!! bayangin aja jika artikel atau postingan pada blog banyak ampe ribuan apa ga terlalu panjang dan menghabiskan tempat jaa khan..??? nah jika sobat sudah membayangi dan dari pada capek-capek muter-muter mouse karena artikel nya panjang nya ampe berkilo-kilo lebih baik di coba dulu cara ringkas di bawah ini he he he selamat mencoba...

TAHAP PERTAMA

Seperti biasa anda login terlebih dahulu..kalau sudah login silahkan langsung ke RANCANGAN
Klik Tambah Gadget
lalu klik tanda ( + ) untuk menambah arsip

Setelah itu tulis pada kotak judul dengan nama dari judul arsip sobat ...atau seperti contoh gambar di bawah ini.

Dan Klik simpan..selanjut nya ikutin tahap kedua

TAHAP KEDUA

Anda klik Edit HTML

sebelum nya anda download dulu templete agar jika ada kesalahan templete anda bisa di kembalikan seperti semula.
Jangan lupa di centang Expand Template Widget

Kalau sudah kita mulai mengobok-ngobok kode html nya

CARI KODE DI BAWAH INI..!!! cara cepat nya tekan (Ctr + F pada keyboard)

Cara judul yang kita buat tadi seperti contoh gambar di bawah ini..nah di contoh gambar ini kita mencari tulisan Arsip Blog

Setelah anda temukan sisipkan kode di bawah ini sesuai contoh gambar di atas

Keterangan :

height:250px : adalah ukuran tinggi nya kotak scroll sedangkan untuk lebar nya sudah otomatis anda bisa ubah sesuai dengan ukuran yang anda sukai.

Di Pratinjau terlebih dahulu jika hasil nya dah mantap dan sesuai dengan yang di harap kan silahkan di simpan.

Dengan dua tahap sederhana ini mungkin bisa menambah koleksi desain web kita...oh ya untuk membuat fungsi scroll pada label mungkin di kesempatan yang akan datang akan kita bahas,dan sebagai catatan cara membuat scroll pada daftar isi,label maupun postingan populer proses nya sama cuma yang membedakan letak dan karakter kode html nya aja..ok semoga berhasil dan cendol nya jangan lupa ya di kotak komentar...

Membuat Related Post dengan gambar berjalan pada blogger

Kira-kira bingung ga dengan maksud judul di atas?saya juga bingung gimana mau ngasih judul nya..mungkin kalau mau di sederhakan bahasa nya kira-kira kayak gini :

"Membuat artikel terkait dalam bentuk gambar yang berjalan bolak- balik yang diletakan persis di bawah postingan"

Begitu lah maksud yang saya tuju untuk memperjelas nya silahkan anda klik contoh di salah satu blog saya di sini dan di sini dan gambar contoh nya kayak di bawah ini

Gimana sudah di lihat..??? nah jika sobat berminat mari kita belajar membuat nya...

1. Tahap PERTAMA

Seperti biasa anda login terlebih dahulu..kalau sudah login silahkan langsung ke RANCANGAN
Anda klik Edit HTML
sebelum nya anda download dulu templete agar jika ada kesalahan templete anda bisa di kembalikan seperti semula.
Jangan lupa di centang Expand Template Widget
Kalau sudah kita mulai mengobok-ngobok kode html nya

CARI KODE DI BAWAH INI..!!! cara cepat nya tekan (Ctr + F pada keyboard) fokus pencarian pada huruf bercetak tebal

Cari Kode di bawah ini..

</head>

Jika sudah ketemu hapus dan ganti kode di bawah ini :

<b:if cond='data:blog.pageType == "item"'>
<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, “Times New Roman”, 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>

</head>

2. Tahap KEDUA

<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'>

CATATAN : jika di templete blog sobat tidak di temukan kode yang berwarna merah maka cari kode yang berwarna biru,yang penting salah satu nya aja yang di gunakan untuk modifikasi.

Sudah Ketemu...copypaste semua kode di bawah ini dan letakan di bawah kode <div class='post-footer-line post-footer-line-1'> jangan salah tempat ya.... di bawah

<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=12"' 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="<data:post.url/>";
var maxresults=10;
var relatedpoststitle="";
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://kurniasepta.blogspot.com/2010/01/membuat-artikel-terkait-dengan-disertai.html' style='display:none;'>Thumbnail Related Post</a>
<a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a>
</b:if>
</b:if>

Hasil nya kayak gini

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

<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=12"' 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="<data:post.url/>";

var maxresults=10;

var relatedpoststitle="";
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://kurniasepta.blogspot.com/2010/01/membuat-artikel-terkait-dengan-disertai.html' style='display:none;'>Thumbnail Related Post</a>
<a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a>
</b:if>
</b:if>

CATATAN :

Kode yang saya cetak tebal berwarna biru ..var maxresults=10; maksud nya gambar thumnail yang di tampilkan bisa 10,11 atau jumlah lain nya yang sobat inginkan.

3.Tahap KETIGA simpan templete

Sekarang Coba anda lihat hasil nya...semoga berhasil..

Cara sederhana membuat tombol spoiler

SPOILER,hampir sama dengan menempatkan sebuah gambar atau text anda di wadah bingkai yang sering lihat di web atau blog yang gambar pada artikel nya di sembunyikan dan kalau kita ingin melihat gambar nya kita di suruh klik pada suatu tombol..kira-kira begitu deh ,mungkin sobat lebih paham apa yang di maksud dengan spoiler ,di bawah ini ada beberapa kode pembuatan spoiler yang mungkin dapat menghemat tempat postingan kita baik gambar maupun teks dan juga tidak mengganggu loading web kita,yuk mari kita coba......

1.spoiler tampilkan/sembunyikan

<div>

<input value="Tampilkan" style="margin: 0px; padding:0px;width:auto;font-size:10px;" onclick="if(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Sembunyikan'; } else{ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }" type="button" /></div>
<div class="alt2">
<div style="display: none;">
<div style="background:#000000;text-align:left;padding:10px;color:#ffffff;">
Masukkan text-nya disini. Gambar juga bisa.
</div>
</div>
</div>

NB :

Huruf berwarna biru bisa anda ganti dengan kata lain kaya: SILAHKAN DI BUKA/SILAHKAN DI TUTUP atau kata kata yang lain yang anda sukai.

Huruf yang berwarna merah sobat bisa memasukan pesan atau gambar

2.Spoiler SHOW/HIDE

<div><div style="margin: 20px; margin-top:5px"><div style="margin-bottom: 2px;" class="smallfont"><input style="margin: 0px; padding: 5px; width: auto; " value="Show" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != ''){ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hidden'; }else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }"type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: none; color:none; background-color:none; text-align: justify; padding:10px;">
DISINI LETAK KONTENT ANDA</div></div></div></div></div>

NB :

Huruf berwarna biru bisa anda ganti dengan kata lain kaya: SILAHKAN DI BUKA/SILAHKAN DI TUTUP atau kata kata variasi lain nya yang anda sukai.

Huruf yang berwarna merah sobat bisa memasukan pesan atau gambar

3.Spoiler OPEN / CLOSE

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><span style="font-weight: bold;">Judul Spoiler</span><input value="Open!!!" style=" margin:5px;padding: 0px; width: 80px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = ' Close..'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = ' Clik Here'; }" type="button" />
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
ISI SPOILER
</div></div></div>

NB :

Huruf warna putih (judul spoiler)isa di ganti dengan kata yang lain nya.

Huruf berwarna biru bisa anda ganti dengan kata lain kaya: SILAHKAN DI BUKA/SILAHKAN DI TUTUP atau kata kata variasi lain nya yang anda sukai.

Huruf yang berwarna merah sobat bisa memasukan pesan atau gambar

Tiga kode spoiler di atas hampir sama hanya beda di tampilan saja,nah...gimana simpelkan boleh di coba neh semoga bermamfaat.

Minggu, 25 Desember 2011

Tips Mudah Kalahkan Kemalasan

3 Tips Mudah Kalahkan Kemalasan

Ternyata diantara kita masih ada yang terinfeksi “ penyakit “ malas, sejatinya ini adalah suatu kebiasaan saja karena kita suka sekali menunda sesuatu akhirnya lama – lama menjadi suatu penyakit malas, malas menyelesaikan pekerjaan tepat waktu, malas menyiapkan alat kantor, malas berolah raga, namun yang belum terdengar itu malas makan setiap hari….hehehe….

Kemalasan memang suka datang menyerang namun kalau diikuti terus – terusan kita akan mengalami kesusahan sendiri yang pada akhirnya membuat segalanya jadi berantakan.

Lalu bagaimana caranya supaya kita terhindar dari kemalasan ?

Saya mencoba merangkum sekian banyak tips yang ada menjadi tiga saja, ini dilakukan supaya mudah dalam mengaplikasikan dalam kehidupan sehari – hari.

Jangan katakan “ Kapan Selesainya “ Tapi katakanlah “ Saya Mulai Sekarang “

Mulai sekarang anda harus mengatakan “ Saya Mulai Sekarang “ jangan sekali – kali mengunakan kata “ Kapan Selesainya “ lalu apakah bedanya ?

Saya coba jelaskan sedikit disini, bila kita menggunakan kata “ Kapan Selesainya “ itu artinya kita belum melakukan apa –apa tetapi kita sudah memikirkan berapa lama waktu yang dibutuhkan untuk kegiatan tersebut. Dan hal yang paling sering terjadi adalah timbulnya fikiran dalam perjalanan menyelesaikan kegiatan tersebut bakal menemui kesusahan atau hambatan. Disini otak kita secara tidak langsung diminta untuk membayangkan hal yang tidak – tidak atau bahkan tidak akan terjadi sama sekali.

Nah berbeda jika kita gunakan kata “ Saya Mulai Sekarang “ artinya kita memberikan suges positif berupa semangat untuk menyelesaikan kegiatan tanpa berfikir berapa lama waktu untuk pengerjaannya dan kita akan menikmati apa yang terjadi selama kita melakukan kegiatan tersebut.

Ganti kamus kata “Saya Ingin” dengan “Saya Harus”

Bila kita menggunakan kata “ Saya Ingin “ artinya kita akan melaksanakan tugas sesuai dengan apa yang kita inginkan yakni : Ringan, Tidak beresiko, Mudah dikerjakan, Hasilnya banyak. Ini berarti kita tidak akan memilih tugas yang tidak memenuhi criteria diatas atau bahkan cenderung untuk menghindarinya. Sementara tugas tidak akan selalu seperti yang kita inginkan bukan ?.

Berbeda jika anda katakan “ Saya harus “ ini berarti anda akan termasuk orang yang siap melaksanakan tugas dalam kondisi apapun, dan ini juga akan membawa anda untuk menjadi manusia tangguh.

Bukan seorang manusia yang sempurna

Betapapun kita sudah rajin dan patuh serta melaksanakan tugas kita, namun sebagai manusia kita harus sadar bahwa kita tidak sempurna, kita hanya bisa untuk berusaha mendekati kata sempurna tersebut.

Begitupun dalam hasil pelaksanaan tugas, ada kalanya penilaian atasan tidak sebanding dengan apa yang kita sudah lakukan. Bila ini terjadi janganlah anda berkecil hati, anggaplah itu sebagai koreksi untuk anda perbaiki dalam usaha menuju kesempurnaan.

Sumber : http://www.kaskus.us/showthread.php?t=11964394

Jumat, 23 Desember 2011

Membuat Read More

Lho? maksudnya apa? gini lho kalo read more yang lama, yang sudah pernah dibahas kita bahas dulu (udah baca belum?, kalo belum baca dulu gih disini ), kan kalo kita ng-klik tulisan read more atau Baca Selengkapnya itu kita akan membuka halaman baru sehingga akan meloading lagi halaman web kita, ya tho?. Nha Read more yang ini, yang akan kita bahas ini nggak gitu cara kerjanya, cara kerjanya yaitu berangkat jam 08.00 pagi pulang jam 16.00 WIB (emangnya PNS) :D Gini lho cara kerjanya :
Di trik Read more yang baru ini, kita akan membuat link Read more yang jika kita meng-klik link tersebut, maka keseluruhan artikel akan terpampang dibawahnya, jadi tidak perlu meload ke halaman yang lain, contohnya disini. Piye? uenak tho? bagi yang sudah kebelet ingin menyimak trik ini silahkan langsung ikuti trik berikut ini (langsung loncat dua baris ke bawah). Dan bagi yang kebelet mo pipis silahkan ke kamar mandi dulu :D

Berikut ini langkah-langkahnya:

1. Login ke Blogger
2. Pilih Layout --> Edit HTML
3. Kamu mau memback-up template kamu dulu nggak?, kalo iya kilik tulisan Download Template lalu simpan.
4. JBeri tanda centang pada kotak yang bertuliskan Expand Template Widget
5. Kopi kode berikut ini dan taruh tepat diatas kode </head>

6. Sudah? sudah belum? ditanya kok diam aja gimana sih ? :x
7. Kalo sudah cari kode dibawah ini

(letaknya kira-kira di bagian tengah kebawah. yak terus..terus..Nha disitu ketemu kan kodenya?)

8. Nha dibawahnya kan ada kode gini <div class='post-body entry-content'> Nha ganti kode tersebut menjadi seperti ini:

9.Terus dibawahnya kan kan ada kode gini <p><data:post.body/></p>
10. Tembahkan kode ini dibawahnya.

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

11. jadi seluruh kodenya akan menjadi seperti ini :

<div class='post-header-line-1'/>
<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

12. Tulisan 'Selengkapnya' dan 'Ringkasan' bisa diganti dengan apa aja kata yang kamu suka.
13. Lalu simpan template.
14. Pilih menu Setting -->> Formatting
15. Di bagian bawah ada kotak yang disampingnya ada tulisan "Post Template", dan isikan kode dibawah ini ke dalamnya lalu simpan setting.

selesai....

Ohya, kalo memposting pilih yang "Edit Html", letakkan abstraksi posting yg akan ditampilkan di halaman muka di atas kode <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span id="fullpost"> dan </span>

Trus bagaimana bagi yang sudah pakai 'read more' yang lama dan pingin ganti dengan 'read more' yang baru ini?
gini caranya:

'Read more' yang lama kan kodenya seperti ini :

<div class='post-header-line-1'/>
<div class='post-body entry-conten'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More......</a>
</b:if>

hapus text yang berwarna biru, lalu ikuti langkah-langkah diatas.
oh ya jangan lupa ikuti langkah berikut ini
1. Pilih menu Setting -->> Formatting
2. Di bagian bawah ada kotak yang disampingnya ada tulisan "Post Template", dan isikan kode dibawah ini ke dalamnya lalu simpan setting.

bedanya apa sama read more yang dulu? perhatikan text yang berwarna merah, kalo dulu kan tulisannya "class" sekarang ganti menjadi "id".

Gimana? Sudah bisa belum?
Pinter.... anak siapa siiihhh??? duh lutunya :$

Berikut ini langkah-langkahnya:

1. Login ke Blogger
2. Pilih Layout --> Edit HTML
3. Kamu mau memback-up template kamu dulu nggak?, kalo iya kilik tulisan Download Template lalu simpan.
4. JBeri tanda centang pada kotak yang bertuliskan Expand Template Widget
5. Kopi kode berikut ini dan taruh tepat diatas kode

11. jadi seluruh kodenya akan menjadi seperti ini :

[+/-] Selengkapnya...

12. Tulisan 'Selengkapnya' dan 'Ringkasan' bisa diganti dengan apa aja kata yang kamu suka.
13. Lalu simpan template.
14. Pilih menu Setting -->> Formatting
15. Di bagian bawah ada kotak yang disampingnya ada tulisan "Post Template", dan isikan kode dibawah ini ke dalamnya lalu simpan setting.

selesai....

Ohya, kalo memposting pilih yang "Edit Html", letakkan abstraksi posting yg akan ditampilkan di halaman muka di atas kode sementara sisanya yaitu keseluruhan posting letakkan di antara kode dan

Trus bagaimana bagi yang sudah pakai 'read more' yang lama dan pingin ganti dengan 'read more' yang baru ini?
gini caranya:

'Read more' yang lama kan kodenya seperti ini :

Read More......

hapus text yang berwarna biru, lalu ikuti langkah-langkah diatas.
oh ya jangan lupa ikuti langkah berikut ini
1. Pilih menu Setting -->> Formatting
2. Di bagian bawah ada kotak yang disampingnya ada tulisan "Post Template", dan isikan kode dibawah ini ke dalamnya lalu simpan setting.

bedanya apa sama read more yang dulu? perhatikan text yang berwarna merah, kalo dulu kan tulisannya "class" sekarang ganti menjadi "id".

Gimana? Sudah bisa belum?
Pinter.... anak siapa siiihhh??? duh lutunya :$

Minggu, 18 Desember 2011

Menulis rumus matematika di word 2007 dengan add-in mathematic

Dengan menggunakan Equation editor kita dapat membuat / mengetik rumus matematika di microsoft word 2007. Namun persamaan matematik tersebut bersifat statis dalam artian tidak dapat memberikan/melakukan perhitungan secara otomatis seperti di excel. Dengan menggunakan addin mathematic for word 2007, anda bisa menulis rumus matematika sekaligus dapat melakukan pencarian solusi persamaan matematik tersebut.

Langkah yang harus dilakukan untuk mengaktifkan addin matematika di word:
1. Download Installer addin matematika-nya bisa unduh disini disini Microsoft Mathematics Add-In for Word
Selanjutnya Instal dikomputer, jika berhasil maka akan muncul menu Mathematics di menu bar microsoft word.

Agar bisa menghitung solusi rumus matematika tersebut maka gunakan template yang tersedia di equation (Built in equation), selanjutnya ubah variabelnya sesuai dengan koefisien /variable yang ingin dicari

Misalnya :
Rumus luas lingkaran A= phi * r ^ 2

2.Selanjutnya ubah r menjadi 4 , kemudian klik tombol Compute - Solve for A
Hasilnya akan terlihat A = 16 * phi

3. Dengan prosedur yang sama namun menggunakan persamaan yang lain , yaitu pythagorean theorem

4.Ubah a menjadi 4 kemudian b menjadi 5
Klik Compute - Solve for C , maka akan tampil hasilnya seperti di bawah ini

Silahkan coba dengan persamaan lainnya.

Sumber : http://www.komputerseo.com/2011/05/menulis-rumus-matematika-di-word-2007.html