Cara Posting Artikel dan Masukan gambar

Gini.....setelah Sobat menciptakan atau membuat blog maka langkah selanjutnya yang Sobat ambil ialah membuat atau memunculkan tulisan-atau ide-ide kita agar bisa di baca orang lain atau tepatnya agar tulisan yang akan kita buat muncul di blog

langkah-langkah adalah
1. seperti biasa kita log in ke acount blogger kita seperti biasanya

2. Pilih posting dan akan ada tampillan seperti ini


langkah selanjutanya adalah kita menuliskan judul postingan dan konten yang akan kit tampilkan, setelah kita selesai menulis di kotak bawah ada terbitakan entri utuk menapilkan postingan dan ada label itu bisa kita tuliskan tulisan kita itu tentang masalah yang tertentu dan apabila kita posting bahas masalah tersebut lagi maka kita tingal memasukan ke label yang kita buat dulu.

3.dan apabila kita akan memsukan gambar kita bisa klik icon dibawah juduk yang bentuknya seperti gambar pemandangan

kemudian akan muncul gambar

kemudain klik brows apabila kita mau memasukan gambar dari kompuer kita setelah itu ada pilihanya gambar mau di tengah, disamping kanan ataupun disamping kiri, dan ada format kecil menengah dan besar itu untuk ukuranya,
langkah selanjutanya adalah klik unggah gambar atau upload gambar, untuk tata letak tulisan di blog hampir sama dengan di MS world
Selengkapnya...

Cara Membuat Page Number-Navigasi Halaman

Page Number atau Navigasi Halaman dengan menggunakan nomor atau angka adalah sebagai alat navigasi yang berfungsi selain dapat mempercantik tampilan halaman utama juga dapat memudahkan pengunjung dalam menjelajahi content sebuah website atau blog. Lihat contohnya pada halaman blog saya ini,

Apakah Sobat Sekalian ingin mencobanya? Jika iya, maka berikut ini adalah langkah-langkah Cara Membuat Page Number-Navigasi Halaman Blog khususnya blogspot.com :

1. Masuk dahulu ke Dashboard blogspot Anda, selanjutnya pilih Rancangan (Layout) dan pilih Edit HTML, seperti biasa contreng option Expand Widget Templates, selanjutnya cari kode berikut: ]]></b:skin>;
2. Setelah ketemu, di atas kode ]]></b:skin> letakkan kode di bawah ini :
   
   
   
   
   .showpageArea a {
   
   text-decoration:underline;
   
   }
   
   .showpageNum a {
   
   text-decoration:none;
   
   
   border: 1px solid #cccccc;
   
   margin:0 3px;
   
   padding:3px;
   
   }
   
   .showpageNum a:hover {
   
   border: 1px solid #cccccc;
   
   background-color:#cccccc;
   
   }
   
   .showpagePoint {
   
   
   color:#333;
   
   text-decoration:none;
   
   border: 1px solid #cccccc;
   
   background: #cccccc;
   
   margin:0 3px;
   
   padding:3px;
   
   }
   
   .showpageOf {
   
   text-decoration:none;
   
   
   padding:3px;
   
   margin: 0 3px 0 0;
   
   }
   
   .showpage a {
   
   text-decoration:none;
   
   border: 1px solid #cccccc;
   
   padding:3px;
   
   }
   
   .showpage a:hover {
   
   
   text-decoration:none;
   
   }
   
   .showpageNum a:link,.showpage a:link {
   
   text-decoration:none;
   
   color:#333333;
   
   }
3. Lalu cari lagi kode seperti ini: </body>;
4. Jika sudah ketemu, di atas kode </body> letakkan script di bawah ini:
   
   
   
   
   <b:if cond='data:blog.pageType != &quot;item&quot;'>
   
   <script type='text/javascript'>
   
   var pageCount=5;
   
   var displayPageNum=5;
   
   var upPageWord =&#39;Previous&#39;;
   
   
   var downPageWord =&#39;Next&#39;;
   
   </script>
   
   <script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
   
   </b:if>
5. Selanjutnya carilah kode berikut ini : 'data:label.url';
6. Hapus kode ini : 'data:label.url' dan gantilah dengan kode di bawah ini:
   
   
   
   
   
   'data:label.url + &quot;?&amp;max-results=5&quot;'
7. Terakhir Simpan Templates dan lihat hasilnya.

Selengkapnya...

Cara Membuat Kotak Terpisah Pada Blog

Membuat kotak posting terpisah sebagian banyak yang menyukai, karena kelihatan lebih rapi disamping dapat mengatur border warna yang lebih menarik kemudian dikombinasikan dengan warna background membuat kolom post lebih cerah.
Kali ini saya mencoba untuk berbagi informasi, bagaimana membuat kotak posting terpisah-pisah disetiap judul dengan cara 2 pilihan :

1. Kotak Posting terpisah dengan bentuk garis kotak
   
   
   
   1. Login ke"Blogger" dengan user ID Anda
   2. Pilih "Tata Letak"
   3. Pilih "Edit HTML"
   4. Cari Kode berikut .post {
   5. Copy "kode dibawah" ini dan letakan dibawah kode tersebut
      
      
      
      
      
      
      
      Padding:10px; /* Jarak text post dengan garis pinggir */
      Border-top: 2px solid #D8D8D8; /* warna garis pinggir atas */
      Border-bottom: 2px solid #D8D8D8; /* warna garis pinggir bawah */
      Border-left: 2px solid #D8D8D8; /* warna garis pinggir kiri */
      Border-right: 2px solid #D8D8D8; /* warna garis pinggir kanan */
      Margin-bottom: 30px; /* jarak antara post yang satu dengan yang lainnya */
   6. Simpan Template

Contoh kotak posting terpisah garis lurus

KOTAK POSTING I bentuk garis kotak

KOTAK POSTING II bentuk garis kotak

Kotak Posting terpisah dengan garis melengkung disetiap sudut

1. Login ke Blogger dengan user ID Anda
2. Pilih Tata Letak
3. Pilih Edit HTML
4. Cari kode h2.date-header {
5. Letakan kode dibawah ini tepat dibawah kode tersebut
   
   
   
   
   
   
   
   border-left:3px solid #A9D0F5;
   border-right:3px solid #A9D0F5;
   border-top:3px solid #A9D0F5;
   border-bottom:0px solid #A9D0F5;
   -moz-border-radius-topleft:15px;
   -moz-border-radius-topright:15px;
   
   
6. Kemudian Anda cari kode .post-body {
7. Letakan kode dibawah ini tepat dibawah kode tersebut
   
   
   
   
   
   
   
   border-right:3px solid #A9D0F5;
   border-left:3px solid #A9D0F5;
   
   
8. Berikutnya cari kode .post-footer {
9. Letakan kode dibawah ini tepat dibawah kode tersebut
   
   
   
   
   
   
   
   
   
   
   
   border-left:3px solid #A9D0F5;
   border-right:3px solid #A9D0F5;
   border-top:0px solid #A9D0F5;
   border-bottom:3px solid #A9D0F5;
   -moz-border-radius-bottomleft:15px;
   -moz-border-radius-bottomright:15px;
   
   
10. Simpan Template

Selengkapnya...

Cara Membuat Scrool Otomatis Ke Atas

Mau Buat Yang Seperti Ini DiBlog AndaUntuk Membuat Scrool Otomatis Keatas


Caranya gampang ko....

Kalian  Copy Paste aja script di bawah ini :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

<script src="http://raezen.fileave.com/scrolltop.js" type="text/javascript"></script>

kalau sudah di "Copy",, kamu "Paste" persis dibawah kode : <head>

Selesai ^_^

Selengkapnya...

Cara Membuat Animasi Status Loading

Disini Impian Relugais12 Akan membagikan artikel mengenai cara membuat animasi saat sedang loading di blog anda...caranya pun cukup mudah...

biar tidak panjang lebar ge,saya akan memberitahukan cara langkah-langkahnya:>>>>>>

Login ke account blogger anda.
Klik Layout --> Edit HTML.
Cari kode <body> di dalam template anda dan ganti dengan kode di bawah ini :

<body onLoad='init()'&gt<div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'> <img border='0' src='http://URL Lokasi Simpan.Image'/></div><script src='http://h1.ripway.com/ichal13/preloader.js' type='text/javascript'/></script>

Keterangan :
>> Ganti huruf yang berwarna merah sesuai dengan Punya sobat.
>> Untuk peletakkanya anda bisa mengatur pada tulisan text:align center mau diletakkan ditengah atau disamping terserah.

4. Simpan Template dan selesai.

Selamat mencobanya Gan ...

Selengkapnya...

Cara Membuat Gambar Bisa Berputar

Posted by Impian Relugais12

Photo Cube Generator
By : Gaga Adi Lesmana Putra
Mat salam damai Semuanya kita berjumpa dengan saya disini untuk memberikan satu buah ilmu yang mudah-mudahan dapat memberikan kepada anda yang anda cari selama ini, disini gambar akan berputar-putar seperti lampion segi empat yang digantung kena tiupan angin baik tidak perlu berlama-lama akan saya beritahukan caranya

1. Klik situs Satisfaction.com, tidak perlu login atau konfirmasi email.
2. Setelah halaman terbuka, arahkan perhatian pada kotak dialog yang muncul dengan gambar berputar. Di bawah gambar tadi tertulis "PUT YOUR IMAGE ON A CUBE",
3. Klik tombol "BROWSE" yang terdapat di bawah tulisan yang berwarna merah, setelah muncul kotak dialog, cari file gambar yang telah tersimpan, setelah ketemu klik tombol "Open". Kotal 'File' akan terbaca.
4. Setelah selesai, klik tombol "UPLOAD". Pada tahap ini, gambar yang telah di-upload tersebut akan muncul dengan berputar-putar.
5. Kemudian langkah terakhir klik tombol "Copy HTML code" yang berlatar warna kuning dan selesai.

Selengkapnya...

Cara Menampilkan Facebook kita diblog

Caranya gampang banget kok lihatlah langkah-langkah mudah berikut ini:
1. Silakan login ke Facebook



2. Klik Profil



3. Perhatikan layar sebelah kiri paling bawah, cari "Create A New Badge" untuk fb dalam b.inggris atau "buat lencana profil" untuk fb b.Indo



4. Kemudian akan sampai ke sebuah halaman dimana disitu bisa memilih tampilan ataupun mengeditnya

pilih lencana profil:



edit lencana profil:



5. Tamilanya bisa di seting atau diatur sesuai keinginan



6. Jika sudah silakan disimpan dan dicopi ke blog/web



contoh tampilan fbnya yang punya blog ini:

Impian Relugais | Buat Lencana Anda


gimana para sibat sexalian gampangkan.....mlahan ada 3 jenis tampilan ada yang tegak ,mndatar, dan 2 kolom
semoga berhasilnya.....impian relugais12....selalu mendukung anda Selengkapnya...

Cara Membuat Widget Sms Gratis

Hai kita jumpa lagi dengan saya impian relugais12 disini 2 hari  baru ngga posting nih udah lain rasanya maklum lagi sibuk di dunia nyata kali ini saya sempatkan untuk menemui sobat sekalian pengunjung blog ini untuk memberikan ilmu sebuah code script SMS gratis untuk dipasang di blog sobat caranya adalah sbb :

1. Klik Rancangan terus
2. Klik tambah gadget
3. Pilih HTML/Java Script Paste code script dibawah ini :
4. Sebelum disimpan atur dulu panjang dan tinginya widget yang berwana merah setelah itu simpan
   

<iframe name="I2" src="http://sms-online.web.id/widget"
width="270" height="350"> not support
</iframe>
<a href='http://www.seiparing.co.cc/2010/06/membuat-widget-sms-gratis.html' rel='nofollow'>Make Widget</a>

Selesai silakan anda SMS ke Teman, sahabat atau ke pacar anda tapi sayang tida bisa menerima pesan SMS tapi ada caranya dibawah pesan SMS tersebut kita ketik balas pesan ke No HP saya 087815 xxx misalnya kemudian kita membalas SMS lewat Internet begitu seterusnya maka pulsa kita tidak terpakai alias gratis.

Selengkapnya...

Cara membuat link yang ditunjuk membesar dan berpijar

Selamat bergabung lagi sobat-sobat sekalian di blog impian relugais12....
Relugais12 Akan langsung saja menyampaikan
berikut sedikit cara dari saya tentang link yang kita tunjuk akan bersinar dan membesar
mau tahu apa aja yang harus sobat-sobat sekalian kerjakan ???!!!!
berikut langkah-langkah dan tutorialnya ....

1.login dahulu ke blogger anda
2.buka tata letak
3.edit html
4.expand template widget
cari aja kode yang ini

/* global link attributes */>

atau kalau ga ada cari yang ini

a {color: $mainLinkColor; text-decoration: underline;}
a:hover {color: $mainHoverLinkColor; text-decoration: underline;}
a:visited {color: $mainVisitedLinkColor; text-decoration: underline;}
a:hover {

kemudian tambahkan kode ini

color: #000fff; text-transform: uppercase; font-weight: bolder; font-size: 15px; background-image: url(http://i909.photobucket.com/albums/ac297/heryymanjala/th_stars1.gif); }

sehingga menjadi seperti ini

a {color: $mainLinkColor; text-decoration: underline;}
a:hover {color: $mainHoverLinkColor; text-decoration: underline;}
a:visited {color: $mainVisitedLinkColor; text-decoration: underline;}
a:hover {
color: #000fff; text-transform: uppercase; font-weight: bolder; font-size: 15px; background-image: url(http://i909.photobucket.com/albums/ac297/heryymanjala/th_stars1.gif); }

ingat...jangan dulu disave yah....
pratinjau dulu ...kalau dipratinjau sudah oke apakah (link berpijar dan membesar)
baru sobat save.
gimana mudahkan...
saya percaya sobat sekalian pasti bisa.....gak ada yang gak bisa di dunia nhe,org sangat sederhana kok Selengkapnya...