This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

Sabtu, 26 Februari 2011

Cara Mengganti Logo B di Blogspot (Blog Anda)


Cara Mengganti Logo B di Blogspot (Blog Anda)
Bukan Cara yang baru 
 Ada tambahan dikit
Bila kita membuat blog baru di blogspot.com atau blogger.com, maka di atas sebelah alamat atau nama blog kita akan melihat logo/icon dengan huruf B. Logo tersebut merupakan logo dari Blogspot, dan kita bisa menggantinya dengan photo, gambar atau logo yang lain berupa gambar biasa maupun animasi.

nah carane begini ....
Kita haru meng upload dulu photo/gambar yang sudah kita siapkan ke photobucket.com atau ke picasaweb.google.com, atau yag lainnya.. 
Gambar yang akan kita unggah ukurannya = (40x40 s/d 60x60) ini adalah ukuran ideal untk menggantikan logo B tsbut. Kalau  udah diupload klik gambarnya, maka akan tampil  di bawah gambar. klik Link to this Photo, Klik direct linknya , terus ................

 
Terakhir, masuk/login ke blog lalu pilih Tata Letak dan klik Edit HTML.
Cari kode :

<title><data:blog.pagetitle/></title>
<b:skin><![CDATA[

masukan kode link yang telah di copy tadi ke dalam kedua kode di atas
contohnya  :
<title><data:blog.pagetitle/></title>
<link href='http://i1193.photobucket.com/albums/aa351/brakhmat/bass-1.jpg' rel='shortcut icon'/>
<b:skin><![CDATA[

Bila gagal Parse (tidak biasa/eror) seperti yang pernah aku alami, maka:
cari kode   <link href=' ......................... rel='shortcut icon'/>
yang sudah ada dalam template bawaan anda ....
ganti dengan kode link anda terus di save... cliiiing jadi deh

Begitulah bunyinya sob...   moga moga manfaat
Salam brakhmat!

Cara Mengganti Logo B di Blogspot (Blog Anda)


Cara Mengganti Logo B di Blogspot (Blog Anda)
Bukan Cara yang baru 
 Ada tambahan dikit
Bila kita membuat blog baru di blogspot.com atau blogger.com, maka di atas sebelah alamat atau nama blog kita akan melihat logo/icon dengan huruf B. Logo tersebut merupakan logo dari Blogspot, dan kita bisa menggantinya dengan photo, gambar atau logo yang lain berupa gambar biasa maupun animasi.

nah carane begini ....
Kita haru meng upload dulu photo/gambar yang sudah kita siapkan ke photobucket.com atau ke picasaweb.google.com, atau yag lainnya.. 
Gambar yang akan kita unggah ukurannya = (40x40 s/d 60x60) ini adalah ukuran ideal untk menggantikan logo B tsbut. Kalau  udah diupload klik gambarnya, maka akan tampil  di bawah gambar. klik Link to this Photo, Klik direct linknya , terus ................

 
Terakhir, masuk/login ke blog lalu pilih Tata Letak dan klik Edit HTML.
Cari kode :

<title><data:blog.pagetitle/></title>
<b:skin><![CDATA[

masukan kode link yang telah di copy tadi ke dalam kedua kode di atas
contohnya  :
<title><data:blog.pagetitle/></title>
<link href='http://i1193.photobucket.com/albums/aa351/brakhmat/bass-1.jpg' rel='shortcut icon'/>
<b:skin><![CDATA[

Bila gagal Parse (tidak biasa/eror) seperti yang pernah aku alami, maka:
cari kode   <link href=' ......................... rel='shortcut icon'/>
yang sudah ada dalam template bawaan anda ....
ganti dengan kode link anda terus di save... cliiiing jadi deh

Begitulah bunyinya sob...   moga moga manfaat
Salam brakhmat!

Cara Memasang Animasi Di Pojok Blog


Cara Memasang Animasi Di Pojok Blog
 
Sering lihat blog dengan animasi di pojok kiri, kanan, atas ataupun bawah , dan anda pun ingin menerapkan hal itu di blog anda agar terlihat lebih unik. Ingat hampir kebanyakan orang yang berkunjung berpendapat hal ini sangat lah mengganggu kenyamanan mereka. Jadi, bagaimana dengan pendapat anda???. Apakah tetap ingin memasang cara ini di blog anda atau juga anda mengurungkan niat tersebut...Sekarang bagi anda yang menginginkan animasi ini berada di blog anda. Ikuti saja langkah - langkah berikut ini:

1. Login terlebih dahulu ke blog anda
2. Klik "Layout" / " Tata Letak "
3. Klik " Edit HTML "
4. Klik "Expand Widget"
5. Carilah Kode ini ]]></b:skin> ( tahan Ctrl + F dan masukan kode yang dicari )
6. Jika sudah ketemu simpan Kode berikut ini tepat sebelum kode tadi ( ]]></b:skin>)


#animasi_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

7. Lihat teks yang berwarna Biru. Itu adalah posisi / tempat dimana animasi anda akan dipasang. Jika anda menginginkan posisinya berada di pojok kanan bawah, ubah text "left" menjadi "right". Dan begitu pula dengan tulisan "bottom", jika ingin posisinya diatas anda bisa menggantinya dengan "top"

8. Langkah selanjutnya yaitu letakkan script berikut ini sebelum kode : </body>

<div id="animasi_pojok">
<a href="http://nyoba.blogspot.com/animasi-bawah.html">
<img src="http://1990.photobucket.com/albums/kklls/misal.gif" border="0"/></a>
</div>

9. Ubahlah pada tulisan yang berwarna biru dengan lokasi dimana gambar tersebut anda simpan (misal photobucket, picasa web dll). Klo udah selesai klik "Pratinjau" untuk melihat hasilnya. kemudian klo udah cocok klik "Simpan Tempelate".


---------- (((( Selamat Mencoba )))) ----------

Cara Memasang Animasi Di Pojok Blog


Cara Memasang Animasi Di Pojok Blog
 
Sering lihat blog dengan animasi di pojok kiri, kanan, atas ataupun bawah , dan anda pun ingin menerapkan hal itu di blog anda agar terlihat lebih unik. Ingat hampir kebanyakan orang yang berkunjung berpendapat hal ini sangat lah mengganggu kenyamanan mereka. Jadi, bagaimana dengan pendapat anda???. Apakah tetap ingin memasang cara ini di blog anda atau juga anda mengurungkan niat tersebut...Sekarang bagi anda yang menginginkan animasi ini berada di blog anda. Ikuti saja langkah - langkah berikut ini:

1. Login terlebih dahulu ke blog anda
2. Klik "Layout" / " Tata Letak "
3. Klik " Edit HTML "
4. Klik "Expand Widget"
5. Carilah Kode ini ]]></b:skin> ( tahan Ctrl + F dan masukan kode yang dicari )
6. Jika sudah ketemu simpan Kode berikut ini tepat sebelum kode tadi ( ]]></b:skin>)


#animasi_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

7. Lihat teks yang berwarna Biru. Itu adalah posisi / tempat dimana animasi anda akan dipasang. Jika anda menginginkan posisinya berada di pojok kanan bawah, ubah text "left" menjadi "right". Dan begitu pula dengan tulisan "bottom", jika ingin posisinya diatas anda bisa menggantinya dengan "top"

8. Langkah selanjutnya yaitu letakkan script berikut ini sebelum kode : </body>

<div id="animasi_pojok">
<a href="http://nyoba.blogspot.com/animasi-bawah.html">
<img src="http://1990.photobucket.com/albums/kklls/misal.gif" border="0"/></a>
</div>

9. Ubahlah pada tulisan yang berwarna biru dengan lokasi dimana gambar tersebut anda simpan (misal photobucket, picasa web dll). Klo udah selesai klik "Pratinjau" untuk melihat hasilnya. kemudian klo udah cocok klik "Simpan Tempelate".


---------- (((( Selamat Mencoba )))) ----------

Jumat, 25 Februari 2011

Membuat Widget Jam Kaligrafi Allah

Cara Membuat Widget Jam Kaligrafi Allah

Agar Menu sidebar anda bervariasi dan menarik, salah satunya adalah dengan menambah Jam Islami 
Silahkan anda Copy Paste kode Script di bawah ini : 

<p align="center"><embed src="http://www.widgipedia.com/widgets/orido/Jam-Kaligrafi-ALLAH-shadow-4617-8192_134217728.widget?__install_id=1248336094072&__view=expanded" width="200" height="200" flashvars="&col1=d89b09&col2=7cc034&dayAdd=0&cal=true&gig_lt=1248336103578&gig_pt=1248336182359&gig_g=1&gig_n=blogger" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" > </embed></p> 


 Selamat Mencoba .............
 

Membuat Widget Jam Kaligrafi Allah

Cara Membuat Widget Jam Kaligrafi Allah

Agar Menu sidebar anda bervariasi dan menarik, salah satunya adalah dengan menambah Jam Islami 
Silahkan anda Copy Paste kode Script di bawah ini : 

<p align="center"><embed src="http://www.widgipedia.com/widgets/orido/Jam-Kaligrafi-ALLAH-shadow-4617-8192_134217728.widget?__install_id=1248336094072&__view=expanded" width="200" height="200" flashvars="&col1=d89b09&col2=7cc034&dayAdd=0&cal=true&gig_lt=1248336103578&gig_pt=1248336182359&gig_g=1&gig_n=blogger" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" > </embed></p> 


 Selamat Mencoba .............
 

Membuat Daftar Posting Terbaru


Membuat Daftar Posting Terbaru 

Setelah kemarin saya memposting tetang daftar isi,kali ini saya akan menjelaskan juga bagaimana membuat daftar posting terbaru.pada dasarnya hampir mirip dengan daftar isi yang pernah saya jelaskan...

Okeey,,dari pada kelamaan langsung saja saya jelaskan proses prosesnya,ikuti langkah berikut ini :

1. Seperti biasa masuk ke blogger.com
2. Selanjutnya masuk ke Layout => Page Elements => Add a Gadget
3. Disitu pilih HTML/Script
4. Masukan script dibawah ini ke dalamnya

<div style="border: 0px solid rgb(51, 255, 51); overflow: auto; height: 250px;" margin="5px" ;><script src="http://h1.ripway.com/h4ns424/recent-post.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://br4khm4t.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>
</div>


Selanjutnya....

Lihat teks yang berwana merah, ganti tulisan dengan alamat blog anda..
Nah cukup sekian tutorial ini,,jika ada penyampaian kata yang tidak dimengerti dan masih acak-acakan mohon maklum,karna saya juga masih tahap pebelajaran..
Silahkan tinggalkan post comment dibawah ini,trimakasih....

Membuat Daftar Posting Terbaru


Membuat Daftar Posting Terbaru 

Setelah kemarin saya memposting tetang daftar isi,kali ini saya akan menjelaskan juga bagaimana membuat daftar posting terbaru.pada dasarnya hampir mirip dengan daftar isi yang pernah saya jelaskan...

Okeey,,dari pada kelamaan langsung saja saya jelaskan proses prosesnya,ikuti langkah berikut ini :

1. Seperti biasa masuk ke blogger.com
2. Selanjutnya masuk ke Layout => Page Elements => Add a Gadget
3. Disitu pilih HTML/Script
4. Masukan script dibawah ini ke dalamnya

<div style="border: 0px solid rgb(51, 255, 51); overflow: auto; height: 250px;" margin="5px" ;><script src="http://h1.ripway.com/h4ns424/recent-post.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://br4khm4t.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>
</div>


Selanjutnya....

Lihat teks yang berwana merah, ganti tulisan dengan alamat blog anda..
Nah cukup sekian tutorial ini,,jika ada penyampaian kata yang tidak dimengerti dan masih acak-acakan mohon maklum,karna saya juga masih tahap pebelajaran..
Silahkan tinggalkan post comment dibawah ini,trimakasih....

Cara Menghilangkan Navbar Blogger



Sobat Ihsan mengajukan pertanyaan yang di tulis melalui shoutbox. Beliau menanyakan bagaimana cara menghilangkan Navbar Blogger, dan kali ini saya akan mencoba membahasnya. Apa itu Navbar Blogger? navbar blogger adalah suatu frame yang berukuran kecil miliknya blogger yang terdapat di bagian atas blog. frame ini berfungsi untuk login ke blogger atau bisa juga sebagai jalan untuk melihat blog lain atau bisa juga untuk menandai blog yang sekiranya melanggar TOS blogger seperti blog yang mengandung unsur SARA ataupun pornografi untuk dilaporkan ke pihak blogger.


Apakah kita bisa menghilangkan Navbar Blogger? jika pertanyaannya seperti itu maka tentu jawabanya adalah bisa, akan tetapi sebelum menghilangkan navbar tersebut ada baiknya sobat berfikir-fikir dahulu dan silahkan baca TOS blogger secara seksama, karena resiko yang akan di pikul sangatlah berat yaitu akan di tutupnya account blogger sobat atau dengan kata lain sobat akan kehilangan blog kesayanangannya. Lumayan mengerikan bukan? memang beberapa waktu yang lalu tersiar kabar bahwa pernah ada yang menanyakan ke pihak blogger apakah boleh menghilangkan navbar blogger atau tidak? dan katanya sekarang pihak blogger membolehkan untuk menghapus navbar, tapi entahlah apakah berita tersebut benar atau tidak yang jelas sobat harus selalu membaca TOS secara seksama.

Masih bersikeras untuk menghilangkan navbar blogger? jika masih akan saya beritahu, akan tetapi resiko di tanggung masing-masing, saya tidak bertanggung jawab jika di kemudian hari terjadi sesuatu dengan blog sobat.

Untuk menghilangkan navbar blogger, sobat tinggal menambahkan kode di bawah ini pada style sheet CSS :


/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}


Atau bisa juga menaruh kode berikut persis di bawah kode :





Mau pilih yang mana? keduanya mempunyai fungsi yang sama yaitu menghilangkan navbar blogger. Masih bingung juga dalam pemasangan kode di atas? silahkan ikuti langkah-langkah berikut ini :
• Untuk template klasik
1. Sign in di blogger

2. Klik menu Template

3. Klik menu Edit HTML

4. Copy seluruh kode yang ada lalu save di komputer sobat sebagai backup data agar aman

5. Copy kode berikut lalu paste di atas kode



/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

6. Klik tombol Simpan Perubahan Template

7. Selesai.


• Untuk template baru
1. Sign in di blogger

2. Klik menu Layout

3. Klik menu Edit HTML

4. Klik link bertuliskan Download Template Seluruhnya, silahkan save dulu untuk backup data

5. Copy kode berikut lalu paste di atas kode ]]>



/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

6. Klik tombol Simpan Template

7. Selesai.


Selamat menikmati blog tanpa navbar !

Cara Menghilangkan Navbar Blogger



Sobat Ihsan mengajukan pertanyaan yang di tulis melalui shoutbox. Beliau menanyakan bagaimana cara menghilangkan Navbar Blogger, dan kali ini saya akan mencoba membahasnya. Apa itu Navbar Blogger? navbar blogger adalah suatu frame yang berukuran kecil miliknya blogger yang terdapat di bagian atas blog. frame ini berfungsi untuk login ke blogger atau bisa juga sebagai jalan untuk melihat blog lain atau bisa juga untuk menandai blog yang sekiranya melanggar TOS blogger seperti blog yang mengandung unsur SARA ataupun pornografi untuk dilaporkan ke pihak blogger.


Apakah kita bisa menghilangkan Navbar Blogger? jika pertanyaannya seperti itu maka tentu jawabanya adalah bisa, akan tetapi sebelum menghilangkan navbar tersebut ada baiknya sobat berfikir-fikir dahulu dan silahkan baca TOS blogger secara seksama, karena resiko yang akan di pikul sangatlah berat yaitu akan di tutupnya account blogger sobat atau dengan kata lain sobat akan kehilangan blog kesayanangannya. Lumayan mengerikan bukan? memang beberapa waktu yang lalu tersiar kabar bahwa pernah ada yang menanyakan ke pihak blogger apakah boleh menghilangkan navbar blogger atau tidak? dan katanya sekarang pihak blogger membolehkan untuk menghapus navbar, tapi entahlah apakah berita tersebut benar atau tidak yang jelas sobat harus selalu membaca TOS secara seksama.

Masih bersikeras untuk menghilangkan navbar blogger? jika masih akan saya beritahu, akan tetapi resiko di tanggung masing-masing, saya tidak bertanggung jawab jika di kemudian hari terjadi sesuatu dengan blog sobat.

Untuk menghilangkan navbar blogger, sobat tinggal menambahkan kode di bawah ini pada style sheet CSS :


/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}


Atau bisa juga menaruh kode berikut persis di bawah kode :





Mau pilih yang mana? keduanya mempunyai fungsi yang sama yaitu menghilangkan navbar blogger. Masih bingung juga dalam pemasangan kode di atas? silahkan ikuti langkah-langkah berikut ini :
• Untuk template klasik
1. Sign in di blogger

2. Klik menu Template

3. Klik menu Edit HTML

4. Copy seluruh kode yang ada lalu save di komputer sobat sebagai backup data agar aman

5. Copy kode berikut lalu paste di atas kode



/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

6. Klik tombol Simpan Perubahan Template

7. Selesai.


• Untuk template baru
1. Sign in di blogger

2. Klik menu Layout

3. Klik menu Edit HTML

4. Klik link bertuliskan Download Template Seluruhnya, silahkan save dulu untuk backup data

5. Copy kode berikut lalu paste di atas kode ]]>



/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

6. Klik tombol Simpan Template

7. Selesai.


Selamat menikmati blog tanpa navbar !

Membuat Daftar Isi Berdasar Tanggal


Daftar Isi Berdasar Tanggal Postingan terbaru Dengan Kotak Scroll

Daftar isi sebelumnya yang pernah dtulis pada blog ini contohnya pertama dan kedua, Jika kita perhatikan daftar isi yang pertama berdasarkan postingan terbaru tetapi tidak ada tanggal saat kita posting, juga kekurangannya apabila postingan kita banyak, maka halaman blog kita menjadi panjang.karena daftar isi tersebut tidak dimasukkan pada kota scroll. yang bisa digeser.

Daftar isi yang bisa anda praktekkan saat ini hampir sama dengan daftar isi yang kedua, sebelumnya daftar isi tersebut berdasarkan kategori atau tabel yang diikuti dengan daftar artikel yang anda posting..contoh daftar isi yang kedua jika anda sempurna mempraktekkan akan tampak seperti dibawah ini :



Apabila anda merasa kurang cocok dengan daftar isi pada contoh gambar diatas, dan anda menginginkan seperti daftar isi yang pertama tetapi tidak terlalu panjang halaman blog-nya, anda bisa mencoba dengan daftar isi seperti gambar berikut yang berdasar tanggal postingan terbaru dan menggunakan kotak scroll.


Nah sekarang Cara membuatnya :
  1. Silakan login Klik DISINI
  2. Klik Entri Baru/new entri (persis seperti anda akan posting artikel baru)
  3. Berilah judul  : Daftar Isi  atau terserah anda
  4. Copy dan Paste script dibawah ini  pada edit HTML :
  5. <div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 300px; background:#f7f7f7; none; text-align: left;"> <script style="text/javascript" src=" https://sites.google.com/site/informasianyar/DaftarIsiTanggal.js "></script> <script src="http://informasianyar.blogspot.com/feeds/posts/default?max-results=50&alt=json-in-script&callback=loadtoc"></script> </div>
  6. Yang berwarna hijau ganti dengan Url blog anda
  7. Yang berwarna merah ganti ukuran terserah anda,.menentukan tinggi kotak
  8. max-results=100, menunjukkan banyaknya daftar posting yang akan ditampilkan
  9. Lalu klik Terbitkan Entri
  10. Langkah selanjutnya buat Link yang menuju ke postingan daftar isi yang sudah dibuat tadi.
  11.  <a href="Copy dan paste Url Daftar isi anda disini"><b>DAFTAR ISI</b></a>
  12. Dilanjutkan copy dan paste daftar link diatas pada sidebar, navbar atau terserah anda ditempatkan dimana
  13. selesai, selamat mencoba !!.

Membuat Daftar Isi Berdasar Tanggal


Daftar Isi Berdasar Tanggal Postingan terbaru Dengan Kotak Scroll

Daftar isi sebelumnya yang pernah dtulis pada blog ini contohnya pertama dan kedua, Jika kita perhatikan daftar isi yang pertama berdasarkan postingan terbaru tetapi tidak ada tanggal saat kita posting, juga kekurangannya apabila postingan kita banyak, maka halaman blog kita menjadi panjang.karena daftar isi tersebut tidak dimasukkan pada kota scroll. yang bisa digeser.

Daftar isi yang bisa anda praktekkan saat ini hampir sama dengan daftar isi yang kedua, sebelumnya daftar isi tersebut berdasarkan kategori atau tabel yang diikuti dengan daftar artikel yang anda posting..contoh daftar isi yang kedua jika anda sempurna mempraktekkan akan tampak seperti dibawah ini :



Apabila anda merasa kurang cocok dengan daftar isi pada contoh gambar diatas, dan anda menginginkan seperti daftar isi yang pertama tetapi tidak terlalu panjang halaman blog-nya, anda bisa mencoba dengan daftar isi seperti gambar berikut yang berdasar tanggal postingan terbaru dan menggunakan kotak scroll.


Nah sekarang Cara membuatnya :
  1. Silakan login Klik DISINI
  2. Klik Entri Baru/new entri (persis seperti anda akan posting artikel baru)
  3. Berilah judul  : Daftar Isi  atau terserah anda
  4. Copy dan Paste script dibawah ini  pada edit HTML :
  5. <div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 300px; background:#f7f7f7; none; text-align: left;"> <script style="text/javascript" src=" https://sites.google.com/site/informasianyar/DaftarIsiTanggal.js "></script> <script src="http://informasianyar.blogspot.com/feeds/posts/default?max-results=50&alt=json-in-script&callback=loadtoc"></script> </div>
  6. Yang berwarna hijau ganti dengan Url blog anda
  7. Yang berwarna merah ganti ukuran terserah anda,.menentukan tinggi kotak
  8. max-results=100, menunjukkan banyaknya daftar posting yang akan ditampilkan
  9. Lalu klik Terbitkan Entri
  10. Langkah selanjutnya buat Link yang menuju ke postingan daftar isi yang sudah dibuat tadi.
  11.  <a href="Copy dan paste Url Daftar isi anda disini"><b>DAFTAR ISI</b></a>
  12. Dilanjutkan copy dan paste daftar link diatas pada sidebar, navbar atau terserah anda ditempatkan dimana
  13. selesai, selamat mencoba !!.

Mengganti Background Halaman Posting


Mengganti Background Halaman Posting Pada Blogger
Pasti lebih menarik jika pada saat Anda memposting sebuah artikel, Anda dapat mengubah background posting dengan warna yang berbeda/ berbackground sebuah gambar sesuai dengan keinginan Anda. Caranya, Anda cukup menambahkan sedikit kode pada isi halaman Anda.
Silakan ikuti langkah-langkah berikut:
Untuk mengganti warna background

1. Ubah posting Anda pada mode Html
2. Kode yang perlu Anda tambahkan

<div style="background:#58FAF4; padding:5px 8px 5px 8px;">Tulis text Anda disini</div>

Keterangan:
  • #58FAF4 : Ganti dengan warna background sesuai dengan keinginan Anda
  • Tulis Text Anda disini : Adalah artikel yang ingin Anda tulis
Contoh:
<div style="background:#58FAF4; padding:5px 8px 5px 8px;">Sukses adalah idaman setiap orang tetapi kadang kala banyak orang kehilangan arah tanpa motivasi dan tanpa tujuan. Hidup ini terjadi hanya sekali, maka dari itu kita harus mengoptimalkan potensi dalam diri, optimis untuk lebih maju di setiap langkah yang kita buat. Banyak belajar terhadap segala hal tidak terkecuali belajar dari kesalahan bukan malah berhenti.</div>

Hasilnya:
Sukses adalah idaman setiap orang tetapi kadang kala banyak orang kehilangan arah tanpa motivasi dan tanpa tujuan. Hidup ini terjadi hanya sekali, maka dari itu kita harus mengoptimalkan potensi dalam diri, optimis untuk lebih maju di setiap langkah yang kita buat. Banyak belajar terhadap segala hal tidak terkecuali belajar dari kesalahan bukan malah berhenti.

Untuk mengganti background dengan gambar

1. Ubah posting Anda pada mode Html
2. Kode yang perlu Anda tambahkan


<div style="background:url(http://i685.photobucket.com/albums/vv220/amatullah_sy/713599gidcqc66ex.gif) no-repeat right top;">
<span style="color: #000000;">Tulis Text Anda disini</span></div>


Keterangan:
  • http://i685.photobucket.com/albums/vv220/amatullah_sy/713599gidcqc66ex.gif : Adalah gambar background , ganti dengan url gambar yang Anda inginkan
  • Untuk yang tulisan no-repeat right top;, bisa diganti dengan letak sesuai keinginan Anda, misal:
    1. Untuk posisi gambar background di tengah: no-repeat center top;
    2. Untuk posisi gambar background di kanan atas: no-repeat right top;
    3. Untuk posisi gambar background di kiri atas: no-repeat left top;
  • Tulis Text Anda disini : Adalah artikel yang ingin Anda tulis
  • #ffffff : Adalah warna tulisan, ganti warna tersebut sesuai keinginan anda

Contoh:

<div style="background:url(http://i685.photobucket.com/albums/vv220/amatullah_sy/713599gidcqc66ex.gif) no-repeat center top;">
<span style="color: #088A85;">
Sukses adalah idaman setiap orang tetapi kadang kala banyak orang kehilangan arah tanpa motivasi dan tanpa tujuan.
Hidup ini terjadi hanya sekali, maka dari itu kita harus mengoptimalkan potensi dalam diri, optimis untuk lebih maju di setiap langkah yang kita buat.
Banyak belajar terhadap segala hal tidak terkecuali belajar dari kesalahan bukan malah berhenti.
Masa depan Anda tergantung pada diri Anda bukan pada pada orang lain.
Seni pencarian jalan yang Anda buat, adalah sesuatu kebanggaan dan keasyikan tersendiri.

You can do it.
</span></div>

Hasilnya:


Sukses adalah idaman setiap orang tetapi kadang kala banyak orang kehilangan arah tanpa motivasi dan tanpa tujuan.
Hidup ini terjadi hanya sekali, maka dari itu kita harus mengoptimalkan potensi dalam diri, optimis untuk lebih maju di setiap langkah yang kita buat.
Banyak belajar terhadap segala hal tidak terkecuali belajar dari kesalahan bukan malah berhenti.
Masa depan Anda tergantung pada diri Anda bukan pada pada orang lain.
Seni pencarian jalan yang Anda buat, adalah sesuatu kebanggaan dan keasyikan tersendiri.



Mengganti Background Halaman Posting


Mengganti Background Halaman Posting Pada Blogger
Pasti lebih menarik jika pada saat Anda memposting sebuah artikel, Anda dapat mengubah background posting dengan warna yang berbeda/ berbackground sebuah gambar sesuai dengan keinginan Anda. Caranya, Anda cukup menambahkan sedikit kode pada isi halaman Anda.
Silakan ikuti langkah-langkah berikut:
Untuk mengganti warna background

1. Ubah posting Anda pada mode Html
2. Kode yang perlu Anda tambahkan

<div style="background:#58FAF4; padding:5px 8px 5px 8px;">Tulis text Anda disini</div>

Keterangan:
  • #58FAF4 : Ganti dengan warna background sesuai dengan keinginan Anda
  • Tulis Text Anda disini : Adalah artikel yang ingin Anda tulis
Contoh:
<div style="background:#58FAF4; padding:5px 8px 5px 8px;">Sukses adalah idaman setiap orang tetapi kadang kala banyak orang kehilangan arah tanpa motivasi dan tanpa tujuan. Hidup ini terjadi hanya sekali, maka dari itu kita harus mengoptimalkan potensi dalam diri, optimis untuk lebih maju di setiap langkah yang kita buat. Banyak belajar terhadap segala hal tidak terkecuali belajar dari kesalahan bukan malah berhenti.</div>

Hasilnya:
Sukses adalah idaman setiap orang tetapi kadang kala banyak orang kehilangan arah tanpa motivasi dan tanpa tujuan. Hidup ini terjadi hanya sekali, maka dari itu kita harus mengoptimalkan potensi dalam diri, optimis untuk lebih maju di setiap langkah yang kita buat. Banyak belajar terhadap segala hal tidak terkecuali belajar dari kesalahan bukan malah berhenti.

Untuk mengganti background dengan gambar

1. Ubah posting Anda pada mode Html
2. Kode yang perlu Anda tambahkan


<div style="background:url(http://i685.photobucket.com/albums/vv220/amatullah_sy/713599gidcqc66ex.gif) no-repeat right top;">
<span style="color: #000000;">Tulis Text Anda disini</span></div>


Keterangan:
  • http://i685.photobucket.com/albums/vv220/amatullah_sy/713599gidcqc66ex.gif : Adalah gambar background , ganti dengan url gambar yang Anda inginkan
  • Untuk yang tulisan no-repeat right top;, bisa diganti dengan letak sesuai keinginan Anda, misal:
    1. Untuk posisi gambar background di tengah: no-repeat center top;
    2. Untuk posisi gambar background di kanan atas: no-repeat right top;
    3. Untuk posisi gambar background di kiri atas: no-repeat left top;
  • Tulis Text Anda disini : Adalah artikel yang ingin Anda tulis
  • #ffffff : Adalah warna tulisan, ganti warna tersebut sesuai keinginan anda

Contoh:

<div style="background:url(http://i685.photobucket.com/albums/vv220/amatullah_sy/713599gidcqc66ex.gif) no-repeat center top;">
<span style="color: #088A85;">
Sukses adalah idaman setiap orang tetapi kadang kala banyak orang kehilangan arah tanpa motivasi dan tanpa tujuan.
Hidup ini terjadi hanya sekali, maka dari itu kita harus mengoptimalkan potensi dalam diri, optimis untuk lebih maju di setiap langkah yang kita buat.
Banyak belajar terhadap segala hal tidak terkecuali belajar dari kesalahan bukan malah berhenti.
Masa depan Anda tergantung pada diri Anda bukan pada pada orang lain.
Seni pencarian jalan yang Anda buat, adalah sesuatu kebanggaan dan keasyikan tersendiri.

You can do it.
</span></div>

Hasilnya:


Sukses adalah idaman setiap orang tetapi kadang kala banyak orang kehilangan arah tanpa motivasi dan tanpa tujuan.
Hidup ini terjadi hanya sekali, maka dari itu kita harus mengoptimalkan potensi dalam diri, optimis untuk lebih maju di setiap langkah yang kita buat.
Banyak belajar terhadap segala hal tidak terkecuali belajar dari kesalahan bukan malah berhenti.
Masa depan Anda tergantung pada diri Anda bukan pada pada orang lain.
Seni pencarian jalan yang Anda buat, adalah sesuatu kebanggaan dan keasyikan tersendiri.



Tips merubah background Sidebar

 Sidebar biasanya berada disebelah kanan atau kiri postingan artikel. Tidak jauh berbeda dengan merubah background blog, untuk mengganti background sidebar ini kita juga akan meng-utak-atik kode css-nya.

Langkah-langkahnya :
  • Login ke blog anda Klik DISINI, silakan isi email dan password blog anda
  • Pilih ‘TATA LETAK’
  • Klik "Pilih Edit HTML"
  • Silakan anda download terlebih dahulu Template anda klik "Download Template Lengkap" sebelah kanan atas ( menjaga jika template anda kacau dan mengembalikan ke template semula)
  • (gunakan Ctrl + F ) Anda cari kode css seperti di bawah ini atau yang mirip dibawah ini :
#sidebar {
width: 226px;
float: $endSide;
color: $sidebarTextColor;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
  • Jika kita perhatikan kode diatas, kita tidak menemukan kode backgroundnya, Seandainya anda menemukan kode yang seperti diatas, anda perlu menambahkan kode backgroundnya seperti : background-color : #CCCCCC ; dan kode diatas akan berubah seperti :

#sidebar {
width: 226px;
float: $endSide;
background-color : #CCCCCC ;
color: $sidebarTextColor;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

  • Silakan Anda ubah Kode warna backgrgroundnya, sesuaikan dengan keinginan anda (untuk kode warna HTML silakan anda lihat DISINI)
  • Kalau warna background sdh sesuai dengan keinginan, klik simpan template 
  • Selesai
  • Semoga sukses.


Tips merubah background Sidebar

 Sidebar biasanya berada disebelah kanan atau kiri postingan artikel. Tidak jauh berbeda dengan merubah background blog, untuk mengganti background sidebar ini kita juga akan meng-utak-atik kode css-nya.

Langkah-langkahnya :
  • Login ke blog anda Klik DISINI, silakan isi email dan password blog anda
  • Pilih ‘TATA LETAK’
  • Klik "Pilih Edit HTML"
  • Silakan anda download terlebih dahulu Template anda klik "Download Template Lengkap" sebelah kanan atas ( menjaga jika template anda kacau dan mengembalikan ke template semula)
  • (gunakan Ctrl + F ) Anda cari kode css seperti di bawah ini atau yang mirip dibawah ini :
#sidebar {
width: 226px;
float: $endSide;
color: $sidebarTextColor;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
  • Jika kita perhatikan kode diatas, kita tidak menemukan kode backgroundnya, Seandainya anda menemukan kode yang seperti diatas, anda perlu menambahkan kode backgroundnya seperti : background-color : #CCCCCC ; dan kode diatas akan berubah seperti :

#sidebar {
width: 226px;
float: $endSide;
background-color : #CCCCCC ;
color: $sidebarTextColor;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

  • Silakan Anda ubah Kode warna backgrgroundnya, sesuaikan dengan keinginan anda (untuk kode warna HTML silakan anda lihat DISINI)
  • Kalau warna background sdh sesuai dengan keinginan, klik simpan template 
  • Selesai
  • Semoga sukses.