ILMU IPA UNTUK SMANSA

Kamis, 03 Mei 2012

Cara Membuat Navigasi Halaman Di Blogger

Hari ini saya akan menuliskan Cara Membuat Navigasi Halaman Di Blogger.
Hmm lama juga ya saya ga nulis tutorial untuk blogger ...

Ok .... Langsung saja ke topik kali ini yaitu

Seperti panduan untuk blogger yang lainnya, langkah pertama yang harus di lakukan adalah login dulu ke blogger.
Setelah berada di dashboard blogger silakan pergi ke Rancangan/Tata Letak => terus ke bagian Edit Html.
Cari Kode

]]></b:skin>

Kemudian letakkan kode ini diatasnya

/* ----- Page Navigation styles ----- */
.showpageNum a {
padding: 2px 5px;
margin:0 5px;
text-decoration: none;
border:1px solid #ccc;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #eee;
}
.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #ccc;
background: #ddd;
}
.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 2px 5px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666;
text-decoration: none;
}

Setelah kode di atas sudah di letakkan di tempat yang benar, sesuai dengan instruksi di atas maka langkah selanjutnya cari kode

</body>

Kemudian letakkan kode ini di atas kode </body> tadi

<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=4;
var numshowpage=6;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://ahmad-rifai-tools.googlecode.com/files/pagenavi.js'
type='text/javascript'/>

Jika semua sudah di letakkan di tempat yang benar silakan simpan dengan cara mengklik tombol simpan atau save.
Nah itulah cara untuk menambahkan navigasi halaman di blogger, jika navigasi halamannya tidak muncul silakan di cek lagi apakah penempatannya sudah benar.

Selamat Mencoba dan semoga berhasil

membuata navigasu\i no bawah 1- 10 dst

Cara Pasang Navigasi Halaman

Login ke blogger
Klik Rancangan/Design, kemudian klik menu Edit HTML (bagi pengguna blogger tampilan baru langsung ke tab Template saja)
Beri centang pada bagian Expand Template Widget

Cari kode berikut

</body>

<code>&lt;script type='text/javascript'&gt;
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=10;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
&lt;/script&gt;
&lt;script src='http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js' type='text/javascript'&gt;&lt;/script&gt;</code>
 
 
 Catatan :

var postperpage=10; = jumlah poting perpage (perhalaman)

var numshowpage=4; = jumlah nomor navigasi yang ditampilkanJangan disimpan dulu ya, karena masih ada kode yang haru kamu pasang lagi.

Sekarang cari kode

'data:label.url'Kemudian ganti kode tersebut dengan kode ini

'data:label.url + &quot;?&amp;max-results=10&quot;'



 Lajut ...



6 Macam Style Navigasi Halaman Untuk BloggerSekarang cari kode ]]></b:skin>

Jika sudah dapat silakan pasang kode css berikut tepat di atasnya,  kemudian simpan pengaturan template kamu. Silakan pilih salah satu dari 6  Style berikut (Ingat, salah satu saja, urutan gambar di atas sudah saya  sesuaikan dengan urutan style):
 
 
Style 1
.showpageArea {
  font-family:verdana,arial,helvetica;
  color: #000;
  font-size:11px; 
  margin:10px;
  }
   
.showpageArea a {
  color: #000;
  text-shadow:0 1px 2px #fff;
    font-weight: 700;
  }
   
.showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  border:1px solid #999;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  background: #ddd url(http://4.bp.blogspot.com/_McxL-_3YYuM/TBG_a0U9fJI/AAAAAAAAAAU/qcqAF8aqWME/s1600/wp1.jpg) 0 -50px repeat-x;
  }
   
.showpageNum a:hover {
  border:1px solid #888;
  background: #ccc url(http://4.bp.blogspot.com/_McxL-_3YYuM/TBG_a0U9fJI/AAAAAAAAAAU/qcqAF8aqWME/s1600/wp1.jpg) 0 -25px repeat-x;
  }
 
.showpageOf{
  margin:0 8px 0 0;
  }
 
.showpagePoint {
  color:#fff;
  text-shadow:0 1px 2px #333;
  padding: 3px 8px;
  margin: 2px;
  font-weight: 700;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  border:1px solid #999;
  background: #666 url(http://4.bp.blogspot.com/_McxL-_3YYuM/TBG_a0U9fJI/AAAAAAAAAAU/qcqAF8aqWME/s1600/wp1.jpg) 0 0 repeat-x;
  text-decoration: none;
  }
Style 2
.showpageArea {
  font-family:verdana,arial,helvetica;
  color: #000;
  font-size:11px; 
  margin:10px;
  }
   
.showpageArea a {
  color: #000;
  text-shadow:0 1px 2px #fff;
    font-weight: 700;
  }
   
.showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  border:1px solid #919106;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  background: #ddd url(http://1.bp.blogspot.com/_McxL-_3YYuM/TBG_enC7gWI/AAAAAAAAAAc/HWqEJ9LyzPc/s1600/wp2.jpg) 0 -50px repeat-x;
  }
   
.showpageNum a:hover {
  border:1px solid #aeae0a;
  background: #ccc url(http://1.bp.blogspot.com/_McxL-_3YYuM/TBG_enC7gWI/AAAAAAAAAAc/HWqEJ9LyzPc/s1600/wp2.jpg) 0 -25px repeat-x;
  }
 
.showpageOf{
  margin:0 8px 0 0;
  }
 
.showpagePoint {
  color:#fff;
  text-shadow:0 1px 2px #333;
  padding: 3px 8px;
  margin: 2px;
  font-weight: 700;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  border:1px solid #919106;
  background: #666 url(http://1.bp.blogspot.com/_McxL-_3YYuM/TBG_enC7gWI/AAAAAAAAAAc/HWqEJ9LyzPc/s1600/wp2.jpg) 0 0 repeat-x;
  text-decoration: none;
  }
Style 3
.showpageArea {
  font-family:verdana,arial,helvetica;
  color: #000;
  font-size:11px; 
  margin:10px;
  }
   
.showpageArea a {
  color: #fff;
  }
   
.showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  background: #363636 url(http://2.bp.blogspot.com/_McxL-_3YYuM/TBG_h_wTHCI/AAAAAAAAAAk/rFiXqN3fyes/s1600/wp3.jpg) 0 -25px repeat-x;
  }
   
.showpageNum a:hover {
  background: #044697 url(http://2.bp.blogspot.com/_McxL-_3YYuM/TBG_h_wTHCI/AAAAAAAAAAk/rFiXqN3fyes/s1600/wp3.jpg) 0 -50px repeat-x;
  }
 
.showpagePoint {
  color:#fff;
  padding: 3px 8px;
  margin: 2px;
  font-weight: 700;
  background: #e30000 url(http://2.bp.blogspot.com/_McxL-_3YYuM/TBG_h_wTHCI/AAAAAAAAAAk/rFiXqN3fyes/s1600/wp3.jpg) 0 0 repeat-x;
  text-decoration: none;
  }
 
.showpageOf{
  margin:0 8px 0 0;
  }
Style 4
.showpageArea {
  font-family:verdana,arial,helvetica;
  color: #000;
  font-size:11px; 
  margin:10px;
  }
   
.showpageArea a {
  color: #fff;
  }
   
.showpageNum a {
  padding: 3px 4px;
  margin:0 4px;
  text-decoration: none;
  border-top:2px solid #000;
  border-left:1px solid #000;
  border-right:1px solid #000;
  border-bottom:1px solid #000;
  background: #666 url(http://4.bp.blogspot.com/_McxL-_3YYuM/TBG_pY-zi5I/AAAAAAAAAAs/NhvUZ3iOFe4/s1600/wp4.jpg) 0 -25px repeat-x;
  }
   
.showpageNum a:hover {
  border-top:2px solid #999;
  border-left:1px solid #999;
  border-right:1px solid #999;
  border-bottom:1px solid #999;
  background: #999 url(http://4.bp.blogspot.com/_McxL-_3YYuM/TBG_pY-zi5I/AAAAAAAAAAs/NhvUZ3iOFe4/s1600/wp4.jpg) 0 -50px repeat-x;
  }
 
.showpagePoint {
  color:#fff;
  padding: 3px 8px;
  margin: 2px;
  font-weight: 700;
  border-top:2px solid #000;
  border-left:1px solid #000;
  border-right:1px solid #000;
  border-bottom:1px solid #000;
  background: #000 url(http://4.bp.blogspot.com/_McxL-_3YYuM/TBG_pY-zi5I/AAAAAAAAAAs/NhvUZ3iOFe4/s1600/wp4.jpg) 0 0 repeat-x;
  text-decoration: none;
  }
 
.showpageOf{
  margin:0 8px 0 0;
  }
Style 5
.showpageArea {
  font-family:verdana,arial,helvetica;
  color: #000;
  font-size:11px; 
  margin:10px;
  }
   
.showpageArea a {
  color: #fff;
  }
   
.showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  background: #333 url(http://3.bp.blogspot.com/_McxL-_3YYuM/TBG_wCOTrOI/AAAAAAAAAA0/MaANtQYQwgg/s1600/wp5.jpg) 0 -50px repeat-x;
  }
   
.showpageNum a:hover {
  background: #666 url(http://3.bp.blogspot.com/_McxL-_3YYuM/TBG_wCOTrOI/AAAAAAAAAA0/MaANtQYQwgg/s1600/wp5.jpg) 0 -25px repeat-x;
  }
 
.showpagePoint {
  color:#fff;
  padding: 3px 8px;
  margin: 2px;
  font-weight: 700;
  background: #06a2b9 url(http://3.bp.blogspot.com/_McxL-_3YYuM/TBG_wCOTrOI/AAAAAAAAAA0/MaANtQYQwgg/s1600/wp5.jpg) 0 0 repeat-x;
  text-decoration: none;
  }
 
.showpageOf{
  margin:0 8px 0 0;
  }
Style 6
.showpageArea {
  font-family:verdana,arial,helvetica;
  color: #fff;
  font-size:11px; 
  margin:10px;
  padding:8px 20px;
  background: #333;
  }
   
.showpageArea a {
  color: #fff;
  }
   
.showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  background: #666;
  }
   
.showpageNum a:hover {
  background: #888;
  }
 
.showpagePoint {
  color:#fff;
  padding: 3px 8px;
  margin: 2px;
  font-weight: 700;
  background: #da6100;
  text-decoration: none;
  }
 
.showpageOf{
  margin:0 8px 0 0;
  }
 

Senin, 30 April 2012

cara membuat recent post berjalan pada blog

Sebelumnya saya juga telah posting cara membuat recent post dengan gambar,lalu bagaimana agar gambar tersebut bisa tampil dengan slide show? ikuti tutorial dibawah ini:

Login ke akun Blogger sobat
Klik Rancangan >> Elemen haLaman
Klik Tambah Gadget
Pilih HTML/Javascript
Masukan kode berikut :

<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://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 20;
home_page = "http://infonetmu.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src="http://infonetmu.googlecode.com/files/recentpostthumbslideshow.js" type="text/javascript">
</script></div>
Simpan

Note :

Url yang berwarna merah ganti dengan Url sobat
Angka yang berwarna biru jumlah post yang ingin di tampilkan

Nah demikain cara membuat recent post berjalan pada blog, semoga bermanfaat!

kode tulisan facebook warna biru @@[1:[0:1:TULISAN BIRU]]

[[DIBAWAH INI ADALAH KODE HURUF/ALPHABETH]] tinggal copy paste aja ke chatbox Facebook.

[[244961858909298]] = huruf A
[[344113652270150]] = B
[[344991278847613]] = C
[[164461493653696]] = D
[[196752423751220]] = E
[[301630573215430]] = F
[[251496118250464]] = G
[[266394220086654]] = H
[[164866556948132]] = I
[[180599335371968]] = J
[[209067005843651]] = K
[[238594039545396]] = L
[[147702285338528]] = M
[[309221402452022]] = N
[[180901405340714]] = O
[[246506925416551]] = P
[[333343613344059]] = Q
[[123128367803569]] = R
[[316143388416019]] = S
[[334073456605673]] = T
[[199626093460643]] = U
[[224202614323263]] = V
[[336032459740792]] = W
[[205228226232732]] = X
[[142420399202282]] = Y
[[157919817645224]] = Z

[[DIBAWAH INI ADALAH KODE ICON]]

[[243344945733611]] = Repost
[[mahochat]] = Maho
[[203443053077888]] = I Love Kaskus
[[205827876172490]] = Bingung
[[261018420628968]] = Thumbs
[[328740787138287]] = Nope
[[296027833771776]] = Capede
[[311851138846391]] = Alay
[[guengakak]] = Ngakak
[[171108522930776]] = trollface
[[foreveralonecomics]] = forever alone.
[[MegustaMeMe]] = Me Gusta.
[[149333368464171]] = Yao.
[[145768898802324]] = FUUUUUU.
[[168456309878025]] = LoL.
[[FapFapFapFap.B]] = Fap Fap Fap Fap.
[[106043532814443]] = Y U NO.
[[214457085240151]] = Nothing to do here.
[[129627277060203]] = Poker Face.
[[160723207280093]] = Are you f*cking kidding me?
[[ChallengeAceptado]] = Challenge Accepted

[[DIBAWAH INI ADALAH KODE GAMBAR]]

[[252346194801306]] = RUMAH
[[266313623412267]] = PINGWIN LINUX
[[191560730921873]] = LOGO GOOGLE CHROME
[[182809565135565]] = LOGO GOOGLE ++
[[242070735843795]] = LOGO SNAPTU
[[266910496686186]] = LOGO WINDOWS
[[258958334142268]] = LOGO ANDROID
[[google]] = LOGO GOOGLE
[[rhanasaputra]] = SAYA SENDIRI

[[DIBAWAH INI ADALAH KODE ICON YANG LAIN]]

[[249199828481201]] - Konata Izumi
[[250128751720149]] - Domo Kun
[[223328504409723]] - Gintoki Sakata
[[236147243124900]] - Pokeball
[[326134990738733]] - Pikachu
[[155393057897143]] - Doraemon
[[224502284290679]] - Nobita
[[144685078974802]] - Mojacko
[[334954663181745]] - Spongebob
[[196431117116365]] - Shin chan
[[148935948523684]] - Pedo Bear
[[269153023141273]] - Poring
[[yahoo]]
[[google]]
[[facebook]]
[[kaskus]]
[[amazon]]
[[youtube]]
[[googlechrome]]
[[opera]]
[[internetexplorer]]
[[flock]]
[[microsoft]]
[[microsoftword]]
[[microsoftexcel]]
[[microsoftpowerpoint]]
[[megaxus]]
[[grandchase]]
[[indovision]]
[[history]]
[[sony]]
[[nokia]]
[[telkomsel]]
[[windows]]
[[transformer]]
[[itones]]
[[photosop]]
[[142318662481784]] = Victorbook
[[131763186925449]] = Uksw
[[141996965827812]] = Indonesia
[[137748709592464]] = Indonesia Hiphop Community
[[134068549961650]] = Maluku
[[104527799601292]] = Bali
[[136001599765939]] = Jakarta
[[137951926227398]] = Salatiga
[[140145309347027]] = Topi

Jadi gini, misalkan kamu ingin menulis MET SIANG, copy paste code dibawah ini ke chatbox Facebook

Code:

[[147702285338528]] [[196752423751220]] [[334073456605673]] [[316143388416019]] [[164866556948132]] [[244961858909298]] [[309221402452022]] [[251496118250464]]

I LOVE YOU :

Code:

[[164866556948132]] [[238594039545396]] [[180901405340714]] [[224202614323263]] [[196752423751220]] [[142420399202282]] [[180901405340714]] [[199626093460643]]

GALAU :

Code:

[[185422434888201]] [[312935248739937]] [[336820319661426]] [[312935248739937]] [[217892258289816]]

Rumus Lengkap Matematika SMA Kelas 12

Rumus lengkap matematika SMA kelas 12 ini dibuat sebagai lanjutang dari posting sebelumnya tentang kumpulan rumus matematika SMA kelas 11. Pelajaran matematika memang masih menjadi pelajaran yang banyak dihindari oleh para siswa. Hal ini terjadi karena pandangan tentang tingkat kesulitan dalam pelajaran matematika yang tinggi. Padahal jika kita sudah mencintai matematika, percaya atau tidak justru akan beranggapan matematika itu pelajaran paling mudah.
Rumus lengkap matematika SMA kelas 12 ini semoga dapat membantu para siswa yang membutuhkannya. Dengan mengetahui, memahami dan berlatih menggunakan rumus-rumus matematika, diharapkan penguasaan siswa terhadap matematika semakin meningkat. Silahkan download rumus lengkap matematika untuk SMA kelas 12 melalui link dibawah ini. Setiap link download disesuaikan dengan satuan materi matematika SMA kelas 12.

• Rumus Integral
• Rumus Vektor
• Rumus Matriks
• Rumus Transformasi
• Rumus Baris & Deret
• Rumus Irisan Kerucut

silabus mata pelajaran teknologi informasi dan komunikasi lengkap untuk smp semester 1 dan 2

Pertama kita download Silabus Tik kelas 7 SMP lengkap untuk semester 1 dan 2 sebagai berikut :

Silabus Tik kelas 7 SMP semester 1 [Download] Model a .Doc
Silabus Tik kelas 7 SMP semester 2 [Download] Model a .Doc
Silabus Tik kelas 7 SMP semester 1 [Download] Model b .Doc
Silabus Tik kelas 7 SMP semester 2 [Download] Model b .Doc
Silabus Tik kelas 7 SMP Lengkap [Download] (Alternatif )

----------------------------------------------------------------------------

Kedua, kita download Silabus Tik kelas 8 SMP lengkap untuk semester 1 dan 2 sebagai berikut

Silabus Tik kelas 8 SMP semester 1 [Download] Model a .Doc
Silabus Tik kelas 8 SMP semester 2 [Download] Model a .Doc
Silabus Tik kelas 8 SMP semester 1 [Download] Model b .Doc
Silabus Tik kelas 8 SMP semester 2 [Download] Model b .Doc
Silabus Tik kelas 8 SMP semester 1 [Download] Model c .Doc
Silabus Tik kelas 8 SMP semester 2 [Download] Model c .Doc
Silabus Tik kelas 8 SMP komplit [Download] (Alternatif )

----------------------------------------------------------------------------

Terakhir, kita download Silabus Tik kelas 9 SMP lengkap untuk semester 1 dan 2 sebagai berikut

Silabus Tik kelas 9 SMP semester 1 [Download]
Silabus Tik kelas 9 SMP semester 2 [Download]
Silabus Tik kelas 9 SMP Komplit [Download]

----------------------------------------------------------------------------

Kurang lengkap perangkat pembelajaran kita tanpa rencana pelaksanaan pembelajaran mata pelajaran teknologi informasi untuk sekolah menengah pertama 2011 semester 1 dan 2. kalau begitu silahkan download juga rpp tik lengkap SMP berikut ini :

Silabus dan RPP Berkarakter SMA

Kumpulan Silabus RPP SMA berkarakter lainnya

DOWNLOAD SILABUS RPP KTSP SMA KELAS 1 / X 1. Sosiologi 2. PKN 3. Matematika 4. Sejarah 5. Seni Rupa 6. Fisika 7. Biologi 8. Bahasa Inggris 9. PAI 10. Ekonomi
DOWNLOAD SILABUS RPP KTSP SMA KELAS 2 / XI 1. Sosiologi 2. Ekonomi 3. PAI 4. Sejarah 5. Biologi 6. Bahasa Indonesia 7. Matematika 8. Seni Rupa 9. PKN 10. Bahasa Inggris
DOWNLOAD SILABUS RPP KTSP SMA KELAS 3 / XII 1. Sosiologi 2. Ekonomi 3. Fisika 4. Sejarah 5. Biologi 6. Bahasa Indonesia 7. Seni Rupa 8. PKN 9. Bahasa Inggris
10. TIK X – XI – XII
Kami juga menemukan link download lain untuk silabus dan rpp berkarakter, silahkan download dibawah ini
1. IPA, IPS DAN KETERAMPILAN

1. IPA, IPS DAN KETERAMPILAN
Download
2. MATEMATIKA, PENJAS DAN PKN
Download
3. PAI, BHS. INDONESIA DAN INGGRIS
Download
4. SENI BUDAYA DAN TIK
Download
5. FISIKA BERKARAKTER
Download
6. TIK BERKARAKTER
Download
7. TIK BERKARAKTER UNTUK SMP KELAS 7 S.D. 9 KUMPLIT BRO
Download
8. RPP SILABUS SMA BERKARAKTER
Download
Download

ILMU IPA UNTUK SMANSA

Kamis, 03 Mei 2012

Cara Membuat Navigasi Halaman Di Blogger

membuata navigasu\i no bawah 1- 10 dst

Cara Pasang Navigasi Halaman

6 Macam Style Navigasi Halaman Untuk Blogger

Senin, 30 April 2012

cara membuat recent post berjalan pada blog

Rumus Lengkap Matematika SMA Kelas 12

silabus mata pelajaran teknologi informasi dan komunikasi lengkap untuk smp semester 1 dan 2

Silabus dan RPP Berkarakter SMA

Kumpulan Silabus RPP SMA berkarakter lainnya

Arsip Blog

Mengenai Saya