Membuat Widget Jam Kaligrafi Allah

<div dir="ltr" style="text-align: left;" trbidi="on"> <div style="text-align: center;"> <b><span class="fullpost">Cara Membuat Widget Jam Kaligrafi Allah</span></b></div> <div style="text-align: center;"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzSL8nKTtlZ-n2m7opqPhzeXdsrOCORUJsFIjoDU08h77TKhxmRbd_ghmidnxMNXUa8bxmHZv0eQENqV4taQa-w9gskS4EEGlB9JaJG5MB5DbuAf3gbAaLOz_v8-BOudIA8-6ykWwkrjdo/s1600/Asmaul_Husna3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzSL8nKTtlZ-n2m7opqPhzeXdsrOCORUJsFIjoDU08h77TKhxmRbd_ghmidnxMNXUa8bxmHZv0eQENqV4taQa-w9gskS4EEGlB9JaJG5MB5DbuAf3gbAaLOz_v8-BOudIA8-6ykWwkrjdo/s1600/Asmaul_Husna3.jpg" /></a></div> <br /></div> <span class="fullpost">Agar Menu sidebar anda bervariasi dan menarik, salah satunya adalah dengan menambah Jam Islami  </span><br /> <span class="fullpost">Silahkan anda Copy Paste kode Script di bawah ini : </span><br /> <br /> <div style="background-color: #f3f3f3;"> <span class="fullpost"><span style="background-color: #ffe599;"><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> </span></span></div> <br /> <br /> <span class="fullpost"><span style="background-color: #ffe599;"><span style="background-color: white;"> Selamat Mencoba .............</span></span></span><br /> <span class="fullpost"><span style="background-color: #ffe599;"><span style="background-color: white;"> </span> </span></span></div>

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 :     Selam…

Baca selengkapnya »

Membuat Daftar Posting Terbaru

<div dir="ltr" style="text-align: left;" trbidi="on"> <span class="fullpost"> </span><br /> <div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; padding: 5px 8px;"> <div style="text-align: center;"> <b style="background-color: white;">Membuat Daftar Posting Terbaru </b><br /> <b style="background-color: white;"><br /></b> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKcdAVwtT4jftUFp-4mwXm3WPmVhRXEMoJHr_fe2pSJkQa_7EWBOpU3wZmwc0uWgRx6ntn7e8XdtpN3L7q8CWqRAO_reCCaJkBEZ0wdcmBTyAM_0BnOlwvKHdQzxKCJqDtoIV2oJQr8eQT/s1600/Artikel+Terbaru.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKcdAVwtT4jftUFp-4mwXm3WPmVhRXEMoJHr_fe2pSJkQa_7EWBOpU3wZmwc0uWgRx6ntn7e8XdtpN3L7q8CWqRAO_reCCaJkBEZ0wdcmBTyAM_0BnOlwvKHdQzxKCJqDtoIV2oJQr8eQT/s1600/Artikel+Terbaru.JPG" /></a></div> <b style="background-color: white;"><br /></b></div> <div style="text-align: center;"> <span style="background-color: white;"><br /></span></div> <span style="background-color: white;">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...</span><br /> <span style="background-color: white;"><br /></span> <span style="background-color: white;">Okeey,,dari pada kelamaan langsung saja saya jelaskan proses prosesnya,ikuti langkah berikut ini :</span><br /> <span style="background-color: white;"><br /></span> <span style="background-color: white;">1. Seperti biasa masuk ke blogger.com</span><br /> <span style="background-color: white;">2. Selanjutnya masuk ke Layout => Page Elements => Add a Gadget</span><br /> <span style="background-color: white;">3. Disitu pilih HTML/Script</span><br /> <span style="background-color: white;">4. Masukan script dibawah ini ke dalamnya</span><br /> <span style="background-color: white;"><br /></span> <span style="background-color: white; color: black; font-family: "times new roman" , "serif"; font-size: 12pt; line-height: 115%;"><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><br /> <script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script><br /> <script src="<span style="color: red;">http://br4khm4t.blogspot.com</span>/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp"><br /> </script><br /> </div></span><br /> <span style="background-color: white;"><br /></span> <span style="background-color: white;">Selanjutnya....</span><br /> <span style="background-color: white;"><br /></span> <span style="background-color: white;">Lihat teks yang berwana<span style="color: red;"> merah</span>, ganti tulisan dengan alamat blog anda..</span><br /> <span style="background-color: white;">Nah cukup sekian tutorial ini,,jika ada penyampaian kata yang tidak dimengerti dan masih acak-acakan mohon maklum,karna saya juga masih tahap pebelajaran..</span><br /> <span style="background-color: white;">Silahkan tinggalkan post comment dibawah ini,trimakasih....</span></div> </div>

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 denga…

Baca selengkapnya »

Cara Menghilangkan Navbar Blogger

<div dir="ltr" style="text-align: left;" trbidi="on"> <span class="fullpost"> </span><br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHAFibXWWdsdt8joB7aKMYa4n2GlX8JwgBlPhggGjvLT68dkokkCK0qoBoOYP3gn_KvnbG9c-Lgt-e0XwS05fOvCIVIb0hR3fTe4elcfjC7oMFXx04ssASOfEyVIeQLN7YG3cO4tSqp3Ab/s1600/Widget+Navbar+Blog.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHAFibXWWdsdt8joB7aKMYa4n2GlX8JwgBlPhggGjvLT68dkokkCK0qoBoOYP3gn_KvnbG9c-Lgt-e0XwS05fOvCIVIb0hR3fTe4elcfjC7oMFXx04ssASOfEyVIeQLN7YG3cO4tSqp3Ab/s1600/Widget+Navbar+Blog.jpg" /></a></div> <br /> <div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; padding: 5px 8px;"> <br /> <span style="background-color: white;">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. </span><br /> <span style="background-color: white;"><br /></span> <span style="background-color: white;">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. </span><br /> <span style="background-color: white;"><br /></span> <span style="background-color: white;">Untuk menghilangkan navbar blogger, sobat tinggal menambahkan kode di bawah ini pada style sheet CSS : </span><br /> <span style="background-color: white;"><br /></span> <span style="background-color: white;"><br /></span> <span style="background-color: white;">/* hilangkan navbar</span><br /> <span style="background-color: white;">----------------------------- */</span><br /> <span style="background-color: white;"><br /></span> <span style="background-color: white;">#navbar-iframe {</span><br /> <span style="background-color: white;">height:0px;</span><br /> <span style="background-color: white;">visibility:hidden;</span><br /> <span style="background-color: white;">display:none</span><br /> <span style="background-color: white;">}</span><br /> <span style="background-color: white;"><br /></span> <span style="background-color: white;"><br /></span> <span style="background-color: white;">Atau bisa juga menaruh kode berikut persis di bawah kode : </span><br /> <span style="background-color: white;"><br /></span> <span style="background-color: white;"><br /></span> <style type="text/css"> #navbar-iframe {display:none;} </style><span style="background-color: white;"><br /></span> <span style="background-color: white;"><br /></span> <span style="background-color: white;"><br /></span> <span style="background-color: white;">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 : </span><br /> <span style="background-color: white;">• Untuk template klasik </span><br /> <span style="background-color: white;">1. Sign in di blogger</span><br /> <span style="background-color: white;"><br /></span> <span style="background-color: white;">2. Klik menu Template</span><br /> <span style="background-color: white;"><br /></span> <span style="background-color: white;">3. Klik menu Edit HTML</span><br /> <span style="background-color: white;"><br /></span> <span style="background-color: white;">4. Copy seluruh kode yang ada lalu save di komputer sobat sebagai backup data agar aman</span><br /> <span style="background-color: white;"><br /></span> <span style="background-color: white;">5. Copy kode berikut lalu paste di atas kode </span><br /> <span style="background-color: white;"><br /></span> <span style="background-color: white;"><br /></span> <span style="background-color: white;"><br /></span> <span style="background-color: white;">/* hilangkan navbar</span><br /> <span style="background-color: white;">----------------------------- */</span><br /> <span style="background-color: white;"><br /></span> <span style="background-color: white;">#navbar-iframe {</span><br /> <span style="background-color: white;">height:0px;</span><br /> <span style="background-color: white;">visibility:hidden;</span><br /> <span style="background-color: white;">display:none</span><br /> <span style="background-color: white;">}</span><br /> <span style="background-color: white;"><br /></span> <span style="background-color: white;">6. Klik tombol Simpan Perubahan Template</span><br /> <span style="background-color: white;"><br /></span> <span style="background-color: white;">7. Selesai.</span><br /> <span style="background-color: white;"><br /></span> <span style="background-color: white;"><br /></span> <span style="background-color: white;">• Untuk template baru </span><br /> <span style="background-color: white;">1. Sign in di blogger</span><br /> <span style="background-color: white;"><br /></span> <span style="background-color: white;">2. Klik menu Layout</span><br /> <span style="background-color: white;"><br /></span> <span style="background-color: white;">3. Klik menu Edit HTML</span><br /> <span style="background-color: white;"><br /></span> <span style="background-color: white;">4. Klik link bertuliskan Download Template Seluruhnya, silahkan save dulu untuk backup data</span><br /> <span style="background-color: white;"><br /></span> <span style="background-color: white;">5. Copy kode berikut lalu paste di atas kode ]]> </span><br /> <span style="background-color: white;"><br /></span> <span style="background-color: white;"><br /></span> <span style="background-color: white;"><br /></span> <span style="background-color: white;">/* hilangkan navbar</span><br /> <span style="background-color: white;">----------------------------- */</span><br /> <span style="background-color: white;"><br /></span> <span style="background-color: white;">#navbar-iframe {</span><br /> <span style="background-color: white;">height:0px;</span><br /> <span style="background-color: white;">visibility:hidden;</span><br /> <span style="background-color: white;">display:none</span><br /> <span style="background-color: white;">}</span><br /> <span style="background-color: white;"><br /></span> <span style="background-color: white;">6. Klik tombol Simpan Template</span><br /> <span style="background-color: white;"><br /></span> <span style="background-color: white;">7. Selesai.</span><br /> <span style="background-color: white;"><br /></span> <span style="background-color: white;"><br /></span> <span style="background-color: white;">Selamat menikmati blog tanpa navbar ! </span></div> </div>

Cara Menghilangkan Navbar 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-fi…

Baca selengkapnya »

Membuat Daftar Isi Berdasar Tanggal

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFaEhgNmO6jyS69fB_pCF1Vtu1CVk5PlkKHUsDvd3VwtRYArBOZOyyKv69JikMBMSq-bRLWo5uHMi_M3zoWkaEUbDk3pGi3a-BvWT0cIICH-Aj5K5YkOrQrzvPom-EyjRygXz2_CrgVUKh/s1600/111jjvr.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFaEhgNmO6jyS69fB_pCF1Vtu1CVk5PlkKHUsDvd3VwtRYArBOZOyyKv69JikMBMSq-bRLWo5uHMi_M3zoWkaEUbDk3pGi3a-BvWT0cIICH-Aj5K5YkOrQrzvPom-EyjRygXz2_CrgVUKh/s320/111jjvr.jpg" width="234" /></a></div> <br /> <br /> <br /> <div style="text-align: center;"> <b>Daftar Isi Berdasar Tanggal Postingan terbaru Dengan Kotak Scroll</b></div> <h1 class="post-title entry-title"> </h1> Daftar isi sebelumnya <a href="http://www.blogger.com/blogger.g?blogID=5956966719393487044" id="Y4817744S2" style="color: #3c48ff; text-decoration: underline;">yang</a> pernah dtulis pada blog ini contohnya <a href="http://informasianyar.blogspot.com/2010/04/membuat-daftar-isi-blog-blogspot.html" target="_blank">pertama </a>dan <a href="http://informasianyar.blogspot.com/2010/12/daftar-isi-scroll-berdasar-katagori-di.html" target="_blank">kedua</a>, Jika kita perhatikan daftar isi yang pertama berdasarkan postingan terbaru tetapi tidak ada tanggal saat kita <a href="http://www.blogger.com/blogger.g?blogID=5956966719393487044" id="Y4817744S9" style="color: #3c48ff; text-decoration: underline;">posting</a>, juga kekurangannya apabila postingan kita banyak, maka halaman blog kita menjadi panjang.karena daftar isi tersebut tidak dimasukkan pada kota scroll. yang bisa digeser.<br /> <br /> 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 :<br /> <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <br /> 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.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <br /> Nah sekarang Cara membuatnya :<br /> <ol> <li>Silakan login <a href="https://www.blogger.com/start" target="_blank"><b>Klik DISINI</b></a></li> <li>Klik Entri Baru/new entri (persis seperti anda akan posting artikel baru)</li> <li>Berilah judul  : <b>Daftar Isi </b> atau terserah anda</li> <li>Copy dan Paste <a href="http://www.blogger.com/blogger.g?blogID=5956966719393487044" id="Y4817744S8" style="color: #3c48ff; text-decoration: underline;">script</a> dibawah ini  pada edit HTML :</li> <blockquote> <div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: <span style="color: #df0101;">300</span>px; background:#f7f7f7; none; text-align: left;"> <script style="text/javascript" src=" https://sites.google.com/site/informasianyar/DaftarIsiTanggal.js "></script> <script src="<span style="color: #4b8a08;">http://informasianyar.blogspot.com</span>/feeds/posts/default?max-results=50&alt=json-in-script&callback=loadtoc"></script> </div></blockquote> <li>Yang berwarna <b><span style="color: #4b8a08;">hijau</span></b> ganti dengan Url blog anda</li> <li>Yang berwarna <b><span style="color: #df0101;">merah</span></b> ganti ukuran terserah anda,.menentukan tinggi kotak</li> <li><b>max-results=100</b>, menunjukkan banyaknya daftar posting yang akan ditampilkan</li> <li>Lalu klik Terbitkan Entri</li> <li>Langkah selanjutnya buat Link yang menuju ke postingan daftar isi yang sudah dibuat tadi.</li> <blockquote>  <a href="<b>Copy dan paste Url Daftar isi anda disini</b>"><b>DAFTAR ISI</b></a> </blockquote> <li>Dilanjutkan copy dan paste daftar link diatas pada sidebar, navbar atau terserah anda ditempatkan dimana</li> <li>selesai, selamat mencoba !!. </li> </ol> </div>

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 be…

Baca selengkapnya »

Mengganti Background Halaman Posting

<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpi8UWu4bqiiwK7xjQJwyzCJl57IxreDxTQE3-LynVTQw65lTD-9oQ7_3PTMPea2m4YaLgSZfGDY3iyl5xPuFEwZ-YzAqyxbckACUAMcND89CuxGWWb_6Y8MY9jbDWoq4sYbQ8t3hIokES/s1600/cara_mengganti_background_blog_dengan_gambar_sendiri.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpi8UWu4bqiiwK7xjQJwyzCJl57IxreDxTQE3-LynVTQw65lTD-9oQ7_3PTMPea2m4YaLgSZfGDY3iyl5xPuFEwZ-YzAqyxbckACUAMcND89CuxGWWb_6Y8MY9jbDWoq4sYbQ8t3hIokES/s320/cara_mengganti_background_blog_dengan_gambar_sendiri.png" width="320" /></a></div> <div style="text-align: center;"> <br /></div> <div class="MsoNormal" style="color: black; line-height: normal; margin-bottom: 13.5pt; text-align: center;"> <b><span style="font-family: "times new roman" , "serif"; font-size: 13.5pt;">Mengganti Background Halaman Posting Pada Blogger</span></b></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 12pt;"> <span style="font-family: "times new roman" , "serif"; font-size: 12pt;">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.<br /> Silakan ikuti langkah-langkah berikut:</span></div> <div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: center;"> <b><span style="font-family: "times new roman" , "serif"; font-size: 12pt;">Untuk mengganti warna background</span></b><span style="font-family: "times new roman" , "serif"; font-size: 12pt;"></span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 12pt;"> <span style="font-family: "times new roman" , "serif"; font-size: 12pt;"><br /> 1. Ubah posting Anda pada <b>mode Html</b><br /> 2. Kode yang perlu Anda tambahkan</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;"> <span style="font-family: "times new roman" , "serif"; font-size: 12pt;"><br /> <div style="background:<span style="color: red;">#58FAF4</span>; padding:5px 8px 5px 8px;"><span style="color: red;">Tulis text Anda disini</span></div></span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;"> <span style="font-family: "times new roman" , "serif"; font-size: 12pt;"><br /> <b>Keterangan:</b></span></div> <ul type="disc"> <li class="MsoNormal" style="line-height: normal;"><span style="color: red; font-family: "times new roman" , "serif"; font-size: 12pt;">#58FAF4 </span><span style="color: black; font-family: "times new roman" , "serif"; font-size: 12pt;">: Ganti dengan warna background sesuai dengan keinginan Anda</span><span style="font-family: "times new roman" , "serif"; font-size: 12pt;"></span></li> <li class="MsoNormal" style="line-height: normal;"><span style="color: red; font-family: "times new roman" , "serif"; font-size: 12pt;">Tulis Text Anda disini : </span><span style="color: black; font-family: "times new roman" , "serif"; font-size: 12pt;">Adalah artikel yang ingin Anda tulis</span><span style="font-family: "times new roman" , "serif"; font-size: 12pt;"></span></li> </ul> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;"> <b><span style="font-family: "times new roman" , "serif"; font-size: 12pt;">Contoh:</span></b><span style="font-family: "times new roman" , "serif"; font-size: 12pt;"><br /> <span style="color: #33cc00;"><div style="background:#58FAF4; padding:5px 8px 5px 8px;"></span>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.<span style="color: #33cc00;"></div></span><br /> <br /> <b>Hasilnya:</b></span></div> <div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(88, 250, 244); line-height: normal; margin-bottom: 0.0001pt;"> <span style="font-family: "times new roman" , "serif"; font-size: 12pt;">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.</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 12pt;"> <br /></div> <div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: center;"> <b><span style="font-family: "times new roman" , "serif"; font-size: 12pt;">Untuk mengganti background dengan gambar</span></b><span style="font-family: "times new roman" , "serif"; font-size: 12pt;"></span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 12pt;"> <br /></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;"> <span style="font-family: "times new roman" , "serif"; font-size: 12pt;">1. Ubah posting Anda pada <b>mode Html</b><br /> 2. Kode yang perlu Anda tambahkan</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;"> <span style="font-family: "times new roman" , "serif"; font-size: 12pt;"><br /> <div style="background:url(<span style="color: red;">http://i685.photobucket.com/albums/vv220/amatullah_sy/713599gidcqc66ex.gif</span>) no-repeat right top;"><br /> <span style="color:<span style="color: red;"> #000000</span>;"><span style="color: red;">Tulis Text Anda disini</span></span></div></span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;"> <span style="font-family: "times new roman" , "serif"; font-size: 12pt;"><br /> <br /> <b>Keterangan:</b></span></div> <ul type="disc"> <li class="MsoNormal" style="line-height: normal;"><span style="color: red; font-family: "times new roman" , "serif"; font-size: 12pt;">http://i685.photobucket.com/albums/vv220/amatullah_sy/713599gidcqc66ex.gif </span><span style="color: black; font-family: "times new roman" , "serif"; font-size: 12pt;">: Adalah gambar background , ganti dengan url gambar yang Anda inginkan</span><span style="font-family: "times new roman" , "serif"; font-size: 12pt;"></span></li> <li class="MsoNormal" style="line-height: normal;"><span style="color: black; font-family: "times new roman" , "serif"; font-size: 12pt;">Untuk yang tulisan <b>no-repeat right top;</b>, bisa diganti dengan letak sesuai keinginan Anda, misal:<br /> 1. Untuk posisi gambar background di tengah:<b> no-repeat center top;</b><br /> 2. Untuk posisi gambar background di kanan atas: <b>no-repeat right top;</b><br /> 3. Untuk posisi gambar background di kiri atas:<b> no-repeat left top;</b></span><span style="font-family: "times new roman" , "serif"; font-size: 12pt;"></span></li> <li class="MsoNormal" style="line-height: normal;"><span style="color: red; font-family: "times new roman" , "serif"; font-size: 12pt;">Tulis Text Anda disini </span><span style="color: black; font-family: "times new roman" , "serif"; font-size: 12pt;">:</span><span style="color: red; font-family: "times new roman" , "serif"; font-size: 12pt;"> </span><span style="color: black; font-family: "times new roman" , "serif"; font-size: 12pt;">Adalah artikel yang ingin Anda tulis</span><span style="font-family: "times new roman" , "serif"; font-size: 12pt;"></span></li> <li class="MsoNormal" style="line-height: normal;"><span style="color: red; font-family: "times new roman" , "serif"; font-size: 12pt;">#ffffff </span><span style="color: black; font-family: "times new roman" , "serif"; font-size: 12pt;">: Adalah warna tulisan, ganti warna tersebut sesuai keinginan anda</span><span style="font-family: "times new roman" , "serif"; font-size: 12pt;"></span></li> </ul> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;"> <span style="font-family: "times new roman" , "serif"; font-size: 12pt;"><br /> <b>Contoh:</b><br /> <br /> <span style="color: #33cc00;"><div style="background:url(http://i685.photobucket.com/albums/vv220/amatullah_sy/713599gidcqc66ex.gif) no-repeat center top;"></span><br /> <span style="color: #33cc00;"><span style="color:</span><span style="color: red;"> </span><span style="color: #33cc00;">#088A85;"></span><br /> Sukses adalah idaman setiap orang tetapi kadang kala banyak orang kehilangan arah tanpa motivasi dan tanpa tujuan.<br /> Hidup ini terjadi hanya sekali, maka dari itu kita harus mengoptimalkan potensi dalam diri, optimis untuk lebih maju di setiap langkah yang kita buat.<br /> Banyak belajar terhadap segala hal tidak terkecuali belajar dari kesalahan bukan malah berhenti.<br /> Masa depan Anda tergantung pada diri Anda bukan pada pada orang lain.<br /> Seni pencarian jalan yang Anda buat, adalah sesuatu kebanggaan dan keasyikan tersendiri.<br /> <br /> You can do it.<br /> <span style="color: #33cc00;"></span></div></span><br /> <br /> <b><span style="color: black;">Hasilnya:</span></b></span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;"> <span style="font-family: "times new roman" , "serif"; font-size: 12pt;"><br /> <span style="color: #088a85;"><br /> Sukses adalah idaman setiap orang tetapi kadang kala banyak orang kehilangan arah tanpa motivasi dan tanpa tujuan.<br /> Hidup ini terjadi hanya sekali, maka dari itu kita harus mengoptimalkan potensi dalam diri, optimis untuk lebih maju di setiap langkah yang kita buat.<br /> Banyak belajar terhadap segala hal tidak terkecuali belajar dari kesalahan bukan malah berhenti.<br /> Masa depan Anda tergantung pada diri Anda bukan pada pada orang lain.<br /> Seni pencarian jalan yang Anda buat, adalah sesuatu kebanggaan dan keasyikan tersendiri.<br /> <br /> <br /> </span></span></div> <div class="MsoNormal"> <br /></div> </div>

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 se…

Baca selengkapnya »

Tips merubah background Sidebar

<div dir="ltr" style="text-align: left;" trbidi="on">  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.<br /> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;"> <span style="font-family: "times new roman" , "serif"; font-size: 12pt;"> <br /> <b>Langkah-langkahnya :</b></span></div> <ul type="disc"> <li class="MsoNormal" style="line-height: normal;"><span style="font-family: "times new roman" , "serif"; font-size: 12pt;">Login ke blog anda Klik <b><a href="https://www.blogger.com/start"><span style="color: blue;">DISINI</span></a></b>, silakan isi email dan password blog anda</span></li> <li class="MsoNormal" style="line-height: normal;"><span style="font-family: "times new roman" , "serif"; font-size: 12pt;">Pilih ‘TATA LETAK’ </span></li> <li class="MsoNormal" style="line-height: normal;"><span style="font-family: "times new roman" , "serif"; font-size: 12pt;">Klik "Pilih Edit HTML"</span></li> <li class="MsoNormal" style="line-height: normal;"><span style="font-family: "times new roman" , "serif"; font-size: 12pt;">Silakan anda download terlebih dahulu <a href="http://www.blogger.com/post-edit.g?blogID=5956966719393487044&postID=9084773977266259219"><span style="color: #3c48ff;">Template</span></a> anda klik "Download Template Lengkap" sebelah kanan atas ( menjaga jika template anda kacau dan mengembalikan ke template semula)</span></li> <li class="MsoNormal" style="line-height: normal;"><span style="font-family: "times new roman" , "serif"; font-size: 12pt;">(gunakan Ctrl + F ) Anda cari kode css seperti di bawah ini atau <a href="http://www.blogger.com/post-edit.g?blogID=5956966719393487044&postID=9084773977266259219"><span style="color: #3c48ff;">yang</span></a> mirip dibawah ini :</span></li> </ul> <div class="MsoNormal" style="line-height: normal; margin-bottom: 5pt;"> <span style="font-family: "times new roman" , "serif"; font-size: 12pt;">#sidebar {<br /> width: 226px;<br /> float: $endSide;<br /> color: $sidebarTextColor;<br /> word-wrap: break-word; /* fix for long text breaking sidebar float in IE */<br /> overflow: hidden; /* fix for long non-text <a href="http://ads.clicksor.com/search.php?q=content" target="_blank"><span style="color: #3c48ff;">content</span></a> breaking IE sidebar float */<br /> }</span></div> <ul type="disc"> <li class="MsoNormal" style="line-height: normal;"><span style="font-family: "times new roman" , "serif"; font-size: 12pt;">Jika kita perhatikan kode diatas, kita tidak menemukan kode backgroundnya, Seandainya anda menemukan kode yang seperti diatas, anda perlu menambahkan kode backgroundnya seperti : <span style="color: magenta;">background-color : #CCCCCC</span> ; dan kode diatas akan berubah seperti :</span></li> </ul> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 5pt;"> <span style="font-family: "times new roman" , "serif"; font-size: 12pt;">#sidebar {<br /> width: 226px;<br /> float: $endSide;<br /> <span style="color: magenta;">background-color : #CCCCCC ;</span><br /> color: $sidebarTextColor;<br /> word-wrap: break-word; /* fix for long text breaking sidebar float in IE */<br /> overflow: hidden; /* fix for long non-text content breaking IE sidebar float */<br /> }</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpwJAd0E0L8NfdYUDv7qvvBLQJ4xy1E3X3aXz9O4SPvtwubigc8eL5k8m0wo3-kYGhPJqEGw96ijhiqUEHommxwlWE27eZZUKj0eABtoZZjj1_GWqAmzP-apZ6G5oVD-E6MaAw_tZ4HQ0i/s1600/daftar+warna+html.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="265" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpwJAd0E0L8NfdYUDv7qvvBLQJ4xy1E3X3aXz9O4SPvtwubigc8eL5k8m0wo3-kYGhPJqEGw96ijhiqUEHommxwlWE27eZZUKj0eABtoZZjj1_GWqAmzP-apZ6G5oVD-E6MaAw_tZ4HQ0i/s320/daftar+warna+html.PNG" width="320" /></a></div> <br /></div> <ul type="disc"> <li class="MsoNormal" style="line-height: normal;"><span style="font-family: "times new roman" , "serif"; font-size: 12pt;">Silakan Anda ubah Kode warna backgrgroundnya, sesuaikan dengan keinginan anda (untuk kode warna HTML silakan anda lihat <a href="http://informasianyar.blogspot.com/2010/04/kode-warna-html-lengkap-tinggal-klik.html"><span style="color: blue;">DISINI</span></a>)</span></li> <li class="MsoNormal" style="line-height: normal;"><span style="font-family: "times new roman" , "serif"; font-size: 12pt;">Kalau warna background sdh sesuai dengan keinginan, klik simpan template </span></li> <li class="MsoNormal" style="line-height: normal;"><span style="font-family: "times new roman" , "serif"; font-size: 12pt;">Selesai</span></li> <li class="MsoNormal" style="line-height: normal;"><span style="font-family: "times new roman" , "serif"; font-size: 12pt;">Semoga sukses.</span></li> </ul> <br /> <br /></div>

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

Baca selengkapnya »