Tampilkan postingan dengan label Blogging stuff. Tampilkan semua postingan
Tampilkan postingan dengan label Blogging stuff. Tampilkan semua postingan

Mengembalikan jati diri bangsa

Sabtu, 11 Juli 2009
Mengembalikan Jati Diri Bangsa adalah salah cara untuk mengembalikan kekuatan semula yang pernah dimiliki oleh bangsa indonesia agar tetap berjaya sepanjang masa, apalagi ini sudah mulai PILPRES dan siapapun yang akan menjadi PRESIDEN DAN WAKIL PRESIDEN diharapkan mampu untuk membangun NEGARA INDONESIA menjadi negara lebih baik dari yang sekarang untuk menuju masa depan yang terwujud dan terarah. Maka dalam PILPRES tahun ini janganlah untuk GOLPUT / tidak mencontreng, karena satu suara yang anda contreng bisa mengubah BANGSA INDONESIA untuk Mengembalikan Jati Diri Bangsa ini yang sudah mulai menurun drastis sejak zaman kemerdekaan. Bangsa Indonesia yang sekarang sedang diserbu / dijajah oleh berbagai masalah – masalah yang cukup untuk bisa menghilangkan sedikit JATI DIRI BANGSA kita yaitu berbagai masalah POLITIK, LUAR NEGERI maupun Dalam Negeri, Perkelahian antar suku / adat, Pelecehan oleh berbagai kalangan, Perkelahian pelajar dan masih banyak masalah-masalah lainnya yang harus cepat diatasi agar INDONESIA tetap eksis dalam Segala Sesuatunya tentunya yang POSITIF.

Banyak yang bilang atau bahkan saya sendiripun mengakuinya bahwa INDONESIA adalah Negara Kepulauan yang diberikan kekayaan alam yang melimpah ruah, baik itu Dari SDM maupun SDA yang ada dan dengan Letak Geografis yang strategis yaitu antara Lautan Pasifik dan Lautan Hindia juga antara Benua Australia dan Benua Asia (yang dahulu di masa kerajaan dijadikan sebagai Jalur Perdagangan. Tapi coba lihat sekarang, Kekayaan yang sebanyak itu kurang bisa diolah oleh SDM dalam negeri maupun Pemerintah.

Dari tadi sudah banyak disinggung tentang Mengembalikan Jati Diri Bangsa, tapi apa sekarang jati diri kita? Jati Diri Bangsa kita menurut saya pribadi yaitu Bahasa (Bahasa Indonesia), Kebudayaan (mencakup semua Suku dan adat Seluruh INDONESIA), PANCASILA, UUD 1945 (Undang-Undang Dasar) dan yang terakhir BHINEKA TUNGGAL IKA (berbeda-beda tetapi tetap satu jua).

Dengan Bhineka tunggal ika / dengan semua perbedaan kita mari berbuatlah sesuatu untuk Mengembalikan Jati Diri Bangsa kita yang sudah mulai menurun jangan biarkan NEGARA INDONESIA yang tercinta ini menghilang dari Pandangan Dunia gara-gara masalah JATI DIRI BANGSA.

Pasang status G-talk di blog

Selasa, 26 Mei 2009
Bagi anda para blogger yang suka chatting,apalagi chating ma cewek.Yang salah satunya merupakan fasilitas google yaitu G-talk.Nah Bagaimana jika status online atau gak nya kamu bisa diketahui para pengunjung blog kamu.Nah jika kawan - kawan blogger ingin pasang status g-talk di blog silahkan saja beberapa langkah mudah di bawah ini



Pertama silahkan lagi ke akun blogger kamu.Pilih tata letak halaman kamu,lalu tambahkan widget.Kemudian pilih tabah HTML atau Java Script.




Tambahkan kode di bawah ini


<iframe width="234" frameborder="0" src="http://talkgadget.google.com/talkgadget/client?fid=gtalk0&relay=http%3A%2F%2Fwww.google.com%2Fig%2Fifpc_relay" height="350">
</iframe><p style="margin:-8px 0">


Setelah itu simpan.

Horizontal menu black blogger

Minggu, 24 Mei 2009
Menu navigasi merupakan hal yang essensial bagi para blogger,Apalagi menu navigasi juga merupakan informasi link yang ditujukan untuk para pengunjung blog agar tahu tentang bagian - bagian blog lainnya.Nah diantaranya ada menu navigasi,yaitu horizontal navigation menu.Jika anda seorang bloger yang menggunakan template yang ber bakground black,maka tak ada salahnya untuk mencoba pasang menu navigasi black blogger kali ini.




Nah tertarik untuk pasang menu navigasi ini?jika anda tertarik untuk memasangnya di blog anda sangat mudah.Pertama silahkan login dulu ke akun blogger anda lalu pilih edit HTML karena kita akan mulai utak - atik template kita.Cari tag ]] lalu tambahkan kode di bawah ini pada bagian atasnya.

/*credits : http://konsultasiblogger.blogspot.com -------*/
#tabs11
{
float:left;
width:100%;
font:normal 13px sans-serif;
height:61px;
padding:24px 0 0 0;
background:url('http://i654.photobucket.com/albums/uu264/mastegar/css%20gambar/main-button-tile.jpg') repeat-x;
}
#tabs11 ul
{
margin:0;
list-style-type:none;
padding:0;
}
#tabs11 li
{
display:inline;
margin:0;
padding:0;
}
#tabs11 a
{
float:left;
background:url('http://i654.photobucket.com/albums/uu264/mastegar/css%20gambar/gallerybuttons_07.png') no-repeat;
height:37px;
width:109px;
margin:0;
text-decoration:none;
padding:12px 0 0 0;
color:#fff;
text-align:center;
}
#tabs11 a:hover
{
background:url('http://i654.photobucket.com/albums/uu264/mastegar/css%20gambar/gallerybuttons_08.png') no-repeat;
color:#ffff00;
}

Kemudian simpan template kamu.

Setelah tersimpan kembali lagi ke tata letak halaman untuk tambah widget untuk menambahkan menu navigasi horizontal tersebut.setelah itu klik tambah widget,lalu pilih saja tambah HTML tau Java Script









Jika sudah silahkan simpan menu pada navigasi berikut


<div id="tabs11">
<ul>
<li><a href="http://www.konsultasiblogger.blogspot.com/">Home</a></li>
<li><a href="http://www.konsultasiblogger.blogspot.com">Menus</a></li>
<li><a href="http://www.konsultasiblogger.blogspot.com">Relax</a></li>
<li><a href="http://www.konsultasiblogger.blogspot.com">SEO</a></li>
</ul>
</div>






.Selamat menikmati menu navigasi baru anda

Domain gratis hosting di blogger

Minggu, 17 Mei 2009
Domain gratis memang menarik yah,nah kemarin bagi teman - teman blogger yang telah daftar di co.cc dan telah menunggu maksimal 2 X 24 jam dan telah di setujui domain - nya.Kini domain itu bisa kita hosting di blogspot.Atau bisa juga dengan migrasi domain dari blogspot ke Co.cc nah bila permintaan domain teman - teman sudah diterima maka sekarang sudah saatnya setting untuk host di blogger nah caranya mudah saja.Pertama login dulu ke akun co.cc kamu,



Setelah login silahkan klik setup domain


Untuk host di blogger pakai add record dengan mengisikan keterangan sebagai berikut :




host : Nama blog yang sudah di setujui ( www.namakamu.co.cc )
TTl : 1D
Type : Cname
Value : Ghs.google.com



Simpan record yang telah diisi

Setelah selesai mengisi add record pada co.cc silahkan lanjut masuk ke akun blogger kamu.Nah pilih Pengaturan lalu pilih pengaturan lanjut.Nah tinggal masukkan nama domain gratis yang telah disetujui tadi






Tinggal di Save maka jadi Domain baru anda dengan hosting di blogger.Selamat menikmati domain gratisan anda

Domain gratis dari Co.CC

Sabtu, 16 Mei 2009
Beruntung bagi kita semua para blogger,Sudah ada domain gratisan yang bisa kita gunakan.Yang dulunya kita hanya menggunakan sub-domain dari blogger yang bersambungan dengan blogspot.Kini kita bisa di ubah menjadi Namakamu.co.cc .Seperti mimpi saja punya domain sendiri,apalagi domain ini tidak berbayar alias gratis.Dulu saya sempat kaget mendengar kabar ini.Tapi ternyata benar Domain gratisan dari Co.cc ini 100 % benar.Tapi jangan kaget bila nama domain yang anda pesan sudah tidak ada,namanya juga gratisan jadi banyak yang langsung pesan.Keuntungan lainnya dari domain gratisan ini adalah kita juga bisa mendapat google aplication yang diantaranya kita mempunyai email khusus untuk blog kamu contohnya seperti admin@namakamu.co.cc



Semakin lama waktu bergulir,domain gratisan ini sampai ratusan ribu orang yang memesan.Tapi bila teman - teman ingin segera punya domain sendiri apa salahnya bila kita daftar,apalagi domainnya tidak bayar,seperti ketiban durian runtuh saja.he he he :)



Bila teman - teman blogger ada yang tertarik mendapatkan domain gratisan ini bisa langsung daftar saja di www.co.cc


Langsung saja cek nama domain kamu ,jika gratis langsung sikat saja biar tidak keduluan ama yang lainnya.




CO.CC:Free Domain


Cara daftar di CO.CC


1. Kunjungi CO.CC (aff).

2. Di kotak yang tersedia (lihat gambar 1), isi alamat yang diinginkan. Contoh. namasaya.co.cc. Klik “Check Availability”. Kalau “Available” (belum ada yang punya), teruskan prosesnya. Kalau sudah ada yang pakai, ulangi lagi dengan mengisi nama yang lain.






3. Klik “Continue to Registration” (lihat gambar 2)




4. Klik “Create an Account Now” di bagian paling bawah (lihat gambar 3).






5. Isi formulir (lihat gambar 4). Jangan lupa kasih tanda tik (centang) di bagian paling bawah pada “I accept the Terms of Service”





6. Klik “Create an account now.”

7. Proses daftar domain selesai (gambar 5).










Pasang daftar isi blog

Kamis, 14 Mei 2009
Daftar isi bukan hanya ada pada buku atau majalah saja,tapi di blog pun juga ada daftar isinya yang tentunya fungsinya sama dengan daftar isi pada buku atau blog.Yaitu untuk mempermudah pembaca ataupun pengunjung blog kita untuk mengetahui apa saja sih yang ada di dalam blog kita.Jadi para pengunjung blog kamu bisa lebih cepat mengetahui info maupun hal lainnya dengan lebih cepat.Tampilnnya pun juga lumayan bagus,apalagi sudah serasi denan label,jadi jika ada pengunjung blog yang mengklik label maka seluruh postingan yang termasuk dari label itu akan keluar dengan tampilan hanya judul postingan saja,tapi banyak juga orang yang menyebut ini dengan read more hanya judul.



Bagi kamu para blogger yang merasa tertarik dengan pemasangan daftar isi blog,silahkan lanjutkan baca yang di bawah ini.





Okey langsung saja yah...seperti biasa kita masuk akun blogger dulu lalu otak -atik template kita,kalu tidak mau resiko ya lebih baik template di back up dulu.Nah jangan lupa tuh di klik expand widget templatenya..langsung saja meluncur pasang daftar isi blog kamu dengan pencarian tag berikut




]]>


kalau sudah ketemu bisa langsung kamu tambahkan tag berikut di atasnya




#titleonly {
padding:6px 0 6px 5px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
margin-bottom:2px;
background:#EAE9E9;
color:#B8002E;
}


Nah kalau sudah cari lagi tag ini :

<b:include data='post' name='post'/>



Ganti saja tag itu dengan ini :


<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<a expr:href='data:post.url'>
<div id='titleonly'>
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

kalau sudah tinggal di save,kalau mau pasang daftar isinya tinggal tambahkan link berikut di halaman blog kamu untuk melihat semua isi dari blog kamu



http://AlamatBlogAnda.blogspot.com/search?max-results=200




Menghilangkan format tanggal

Rabu, 13 Mei 2009
Judul yang aneh?,memang blogger kok tanggalnya dihilangkan.Apa kata dunia jika blog gak punya tanggal.Nah bukan menghilangkan tanggal yang di posting kali yah,tapi yang jelas bagi kamu blogger yang juga menggunakan read more yang hanya judul saya rasa perlu deh untuk membaca lebih lanjut.


Pada saat saya menggunakan daftar isi yang banyak digunakkan para master blogger seperti mas agus ramdani.saat saya coba klik daftar isinya terasa ada yang janggal dikarenakan ada tanggal posting yang menurut saya mengganggu pandangan mata,sekaligus membuat blog saya terasa tidak maknyus.Nah dari itu saya utak -atik template blog saya untuk menghilangkan format tanggal yang muncul.Bagi kamu yang juga telah pasang daftar isi blog ataupun read more blog yang hanya judul dan ternyata muncul format tanggal yang dimana kamu ingin menggantinya bisa dilihat cara di bawah ini.


Coba dulu masuk ke akun blogger kamu sampai kamu masuk ke Edit template blog.Nah tinggal di expand widget template kamu lalu cari kode berikut



h2.date-header {
margin:0 28px 0 43px;
font-size:85%;
line-height:2em;
text-transform:uppercase;
letter-spacing:.2em;
color:#881100;
}




Lalu tambahkan kode sampai seperti ini :


h2.date-header {
margin:0 28px 0 43px;
font-size:85%;
line-height:2em;
text-transform:uppercase;
letter-spacing:.2em;
color:#881100;
display: none;
}



Nah bila mau di coba silahkan.:)

Auto hide navbar

Selasa, 12 Mei 2009
Cara yang lebih aman bagi para blogger untuk menghilangkan navbar yang selalu muncul di bagian kepala blog selain dengan "menghilangkan navbar" yang tentunya kurang disukai oleh blogger.com dan sepertinya untuk penghilangan navbar blog itu sendiri juga melanggar TOS blogger,apakah anda siap bila sewaktu - waktu blog kesayangan anda di banned oleh blogger.com?



Tapi apakah ada cara aman selain menghilangkannya tetapi blog tetap kelihatan cantik dan kelihatan profesional?.Tentunya pasti ada jalan.Nah,sobat guru besar "kang rohman" kita juga melakukan hal ini,yaitu dengan meng autohide navbar.Blog yang diperkirakan menyumbang jutaan rupiah milik kang rohman saja meng autohide blog navbar-nya.Tentu saya tertarik.Kenapa navbar di butuhkan oleh kita para blogger?selain sebagai link login ke blogger home,navbar juga bisa sebagai sarana pencarian blog yang tentunya berhubungan dengan search engine terbesar di dunia yaitu google.



Bila anda merasa tertarik untuk mengauto hide blog navbar anda,tinggal masukkan kode berikut di atas /* Variable definitions pad template anda.




#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

download favicon gratis

Minggu, 10 Mei 2009
Sebenarnya sebuah blog yang original tanpa sentuhan apapun sudah terdapat sebuah favicon yang dilihat lumayan daripada favicon lainnya,favicon tersebut berlambang blogger yang tentunya logo yang telah mendunia.Tapi bagi anda yang ingin mengganti favicon tersebut tentunya sangat mudah.Apalagi fasilitas yang diberikan oleh blogger juga bisa disebut fasilitas yang mumpuni,karena kita diperbolehkan utak-atik blog layaknya web yang pro.dan tentunya juga termasuk mengganti favicon dari blog tersebut.Nah bagi kamu yang ingin download favicon gratis disini saya ada link nya.Jadi silahkan download favicon di link di bawah ini.

agar mudah di mengerti apa yang di maksud dengan favicon bisa dilihat pada gambar di bawah ini




ingin mengganti favicon blog anda?sudah menjadi sifat manusia bila merasa bosan dan ingin mengganti tampilan terutama tampilan favicon blog kamu.Nah jika kamu mau mengganti favicon tersebut silahkan saja download gambar dengan extensi .ico di bawah ini.







Untuk penghostingan dan penambahan favicon pada blog bisa dilihat di cara hosting file di geocities

hosting favicon di geocities plus pasang di blog

Tentang pemasangan favicon di blog mudah pada dasarnya,tapi sebelumnya anda harus mempunyai gambar image yang berextensi .ico kalo tidak mau membuatnya bisa mudah ditemukan favicon gratisan yang tentunya juga menarik untuk dipasang di blog.Tapi bila anda sudah mempunyai sebuah gambar ber-extensi .ico maka tinggal host gambar tersebut lalu tinggal kita pasang di blog kita.Untuk hosting favicon salah satunya bisa dengan yahoo geocities yang tentunya sudah banyak dikenal oleh para blogger.


Syarat untuk host di geocities adalah kamu harus mempunyai akun yahoo.bila belum punya silahkan klik di sini untuk membuatnya terlebih dahulu.

tapi jika sudah mempunyai akun yahoo bisa langsung menuju geocities untuk mulai daftar dan mulai hosting.


Silahkan sign up dulu ke geocities.sesudah itu masuk ke geocities control panel




klik link easy upload










setelah itu upload favicon






untuk pemasangan favicon di blog taruh scropt di bawah ini di atas kode </head>



<link rel="shotcut icon" href="Nama URL Favicon Kamu"/>



Tambah emoticon kucing di Kolom komentar

Sabtu, 09 Mei 2009
Sebagaimana mestinya tentang blogger,Pasti di setiap blog sudah ada kolom komentar untuk para pengunjung blog,yang asyiknya kolom komentar para blogger ini bisa di pasang emoticon - emoticon yag asyik banget.Nah Bagi kamu para pengunjung yang nyasar di blog ini dan tentunya tertark untuk pasang emoticon kucing di blog kamu,Pada dasarnya pemasangan-nya sama dengan pemasangan emoticon yahoo di kolom komentar.Yang berbeda cuma gambar doank.


Bagaimana???Apakah anda tertarik untuk memasang emoticon kucing di blog anda???,Jika anda tertarik silahkan saja ikuti langkah- langkah berikut:


Pertama - tama silahkan login dulu ke akun blogger kamu


Setelah itu pilih tata letak halaman lalu pilih Edit template.Nah centang dulu tanda Expand widget template-nya.









Sekarang coba di cari kode </body>




Nah tuh,Sekarang pasang script emoticon kucing di kolom komentar sebagai berikut di atasnya :


<script src='http://www.geocities.com/mastegarwae/kucing.js' type='text/javascript'/>




Sudah???,berikutnya cari lagi kode <p class='comment-footer'>


Tambahkan kode berikut di bawahnya...



<b>
<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/capek.gif'/> :f

<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/bigsmile.gif'/> :D

<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/hi.gif'/> :)

<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/kagum.gif'/> ;;)

<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/love.gif'/> :x

<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/malu.gif'/> :$

<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/marah.gif'/> x(

<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/bingung.gif'/> :?

</b>
<br/>
<b>

<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/mumet.gif'/> :@

<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/muntah.gif'/> :~

<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/mentok.gif'/> :|

<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/ngakak.gif'/> :))

<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/sedih.gif'/> :(

<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/senang.gif'/> :s

<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/tolong.gif'/> :((

<img border='0' src='http://i654.photobucket.com/albums/uu264/mastegar/kucing%20gif/wow.gif'/> :o

</b>





Nah,Tinggal di Save.Dan bisa dilihat blog kamu...
Happy blogging:)

Page rank checker

Selasa, 03 Februari 2009
Untuk memudahkan anda untuk mengetahui page rank dari blog atau web anda,di sini telah di sediakan page rank checker yang mungkin anda ingin untuk mengetahui page rank dari blog anda,Silahklan masukkan alamat blog atau web anda di form di bawah ini.



Contoh : http://konsultasiblogger.blogspot.com









Check Page Rank of any web site pages instantly:




This free page rank checking tool is powered by Page Rank Checker service




Untuk meningkatkan page rank anda,usahakan mempunyai backlink yang banyak dengan cara bertukar link dengan teman sesama blogger atau yang lainnya.

Menu navigasi Fox

Minggu, 01 Februari 2009
Navigasi menu banyak jenis dan namanya tergantung siapa pembuatnya,bila tampilan menu navigasi semakin bagus dan terlihat rapi tentunya pengunjung blog juga akan semakin nyaman untuk lihat - lihat blog anda.Tampilan menu navigasi ini terlihat rapi dan cocok dengan warna background yang putih,,menu navigasi ini berbentuk tab horizontal dengan warna merah.coba lihat gambar di bawah ini





Untuk melihat demo-nya kamu bisa lhat di sini

bagaimana?apakah masih tertarik?
kalau kamu tertarik untuk membuatnya silahkan ikuti beberapa langkah berikut :


1. Kamu download dulu script berikut






2. Simpan script itu lalu extract dengan klik kanan lalu pilih extract here


3. Buka file tersebut menggunakan NOTEPAD


4. Setelah itu silahkan Login ke akun blogger kamu dulu,pilihlah tata letak lalu pilih edit HTML



5. Salin kode CSS yang telah kamu download tadi


6. Paste di atas kode ]]></b:skin>

cari lagi kode




<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='your blog title (Header)' type='Header'/>
</b:section>




ubah kode tersebut menjadi




<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='your blog title (Header)' type='Header'/>
</b:section>






7. Simpan template anda



8. Klik tata letak,lalu pilih elemen halaman


9. Pilih tambah widget lalu pilih tambah HTML / JAVA SCRIPT,tambahkan kode berikut


<div id="foxmenucontainer">
<div id="foxmenu">
<ul>
<li><a href="http://www.konsultasiblogger.blogspot.com" title="css menus"class="current"><span>Home</span></a></li>
<li><a href="http://www.konsultasiblogger.blogspot.com" title="css menus"><span>About Us</span></a></li>
<li><a href="http://www.konsultasiblogger.blogspot.com" title="css menus"><span>Services</span></a></li>
<li><a href="http://www.konsultasiblogger.blogspot.com" title="css menus"><span>Our Work</span></a></li>
<li><a href="http://www.konsultasiblogger.blogspot.com" title="css menus"><span>Contact Us</span></a></li>
</ul>
</div>
</div>





10. Ganti alamat URL dan nama link sesuai kebutuhan anda


11. Simpan,lalu lihat hasilnya

Selamat berkreasi...




Ingin mendapat artikel seperti ini langsung ke Email anda? Silahkan masukan alamat email anda untuk berlangganan. Atau jika ingin membaca melalui feed reader anda, silahkan klik di sini!


Delivered by FeedBurner



Membuat background postingan

Sabtu, 31 Januari 2009
Blogging semakin lama semakin asyik,yah sekalian cari pengalaman surfing gituh.Sebagai penambah rasa nikmatnya blogging bagi kamu para blogger bisa menambahkan background di setiap postingan kamu.Untuk pemberian backgroud postingan bisa dengan memberi background berupa gambar dan bisa juga dengan background berupa warna.untuk lebih jelasnya tentang membuat background silahkan lihat di bawah ini


#1 ( background postingan dengan gambar )

Untuk membuat background dengan gambar kamu tinggal menambahkan kode berikut pada setiap postingan kamu



<div style="background:url( URL gambar yang akan di jadikan background ) no-repeat right top; text-align:justify; font-size:110%; padding:10px">


Tulisan kamu yang akan diberi background gambar



</div>




Contoh alamat gambar saya

http://i654.photobucket.com/albums/uu264/mastegar/02copy.png

alamat ini merupakan background dari postingan di bawah ini

Dari hasil penambahan kode di atas maka akan menghasilkan sebagai berikut


Ini adalah contoh gambar yang menggunakan gambar sebagai background,Selain menambah
In the SEO world there are a few things you need to consider. First you need to make sure that you write your site naturally and in a very compelling way to the reader. Entice your readers with compelling content and they are sure to tell a friend, link back to your site from theirs or other blogs they write to, and if your site is interesting enough they will bookmark it or even write their own social network hub talking about your site.


Once your site is written and looks good, you will want to go back over it to set it up for on page optimization. This is only 10-20% of seo but if you think about it all your off page seo tactics depend on the on site value. It's a lot like how a site promoting a meditation CD is the most important part in getting them to purchase it but if your site hypes them up and the product itself doesn't deliver then they will never trust you again even tell their friends how you promise and don't deliver.

Setting up your on page optomization is simple, just sprinkle a keyword people will most likely use when searching for your site in search engines about 6-8 times within the page, working it in NATURALLY to the content itself. Keep your page under 800 words in length, people like to read compelling articles but don't over do it.



Silahkan mengganti alamat URL gambar sesuai dengan selera



#2 ( membuat background postingan dengan warna )

Untuk membuat sebuah background dengan warna kamu tinggal menambahkan kode berikut



<div style="background:#DED6C1; text-align:justify; font-size:110%">


Tulisan postingan kamu


</div>



Dari keterangan kode di atas maka akan menghasilkan background gambar sebagai berikut




In the SEO world there are a few things you need to consider. First you need to make sure that you write your site naturally and in a very compelling way to the reader. Entice your readers with compelling content and they are sure to tell a friend, link back to your site from theirs or other blogs they write to, and if your site is interesting enough they will bookmark it or even write their own social network hub talking about your site.


Once your site is written and looks good, you will want to go back over it to set it up for on page optimization. This is only 10-20% of seo but if you think about it all your off page seo tactics depend on the on site value. It's a lot like how a site promoting a meditation CD is the most important part in getting them to purchase it but if your site hypes them up and the product itself doesn't deliver then they will never trust you again even tell their friends how you promise and don't deliver.

Setting up your on page optomization is simple, just sprinkle a keyword people will most likely use when searching for your site in search engines about 6-8 times within the page, working it in NATURALLY to the content itself. Keep your page under 800 words in length, people like to read compelling articles but don't over do it.


Silahkan ganti warna sesuai selera anda,untuk penggantian warna anda tinggal mengganti kode warna yang telah ada ( #DED6C1 ) dengan kode warna yang lain.Kamu bisa melihat kode warna di postingan saya kode warna online




Ingin mendapat artikel seperti ini langsung ke Email anda? Silahkan masukan alamat email anda untuk berlangganan. Atau jika ingin membaca melalui feed reader anda, silahkan klik di sini!


Delivered by FeedBurner



Kode warna ( online )

Kamis, 29 Januari 2009
Untuk mempermudah anda dalam pencarian kode warna disini saya sedaiakan kode - kode warna yang mungkin diperlukan dalam pembuatan template maupun dlam kostumisasi background blog.








Silahkan menambah tanda # untuk penggunan kode gambar





















Ingin mendapat artikel seperti ini langsung ke Email anda? Silahkan masukan alamat email anda untuk berlangganan. Atau jika ingin membaca melalui feed reader anda, silahkan klik di sini!


Delivered by FeedBurner



Membuat menu D-Tree

Menu D-tree adalah tampilan menu yang sepert pohon danmemiliki cabang - cabang yang berdasarkan postingan - postingan yang telah di buat besertaserta bulan - bulan posting.Bila anda pernah melihat gambar yang seperti di bawah ini maka itula dia menu D-tree.Untuk membuatny silahkan ikuti langkah - langkah berikut.








1. Silahkan login dulu ke akun bloger anda

2. Pilih Elemen halaman lalu pilih edit HTML

4. ari kode <head>

5. Taruh kode di bawah ini di atasnya


<link rel="StyleSheet" href="http://www.geocities.com/uddin_81/dtree.css" type="text/css" />
<script type="text/javascript" src="http://www.geocities.com/uddin_81/dtree.js"></script>



6. Save tempolate

7. Lalu tambahkan widget ini dengan menambah HTML / Java Script








Ganti link html dengan ink kamu


8. Kemudian simpan


SELAMAT MENCOBA...












Membuat teks area ( pilih semua )

Pstingan ini merupakan terusan dari postingan yang kemarin tentang membuat teks area,tapi teks area yang ini berbeda,kenapa?karena di teks area ini kamu bisa menambahkan tab pilih semua sehingga para user anda bisa mengkopi semua teks yang ada di dalam teks area yang telaha anda buat.untuk seterusnya silahkan ikuti langkah - langkah yang telah saya postingkan untuk anda


Untk membuat teks area yang lengkap dengan tombol copy semua tinggal menambahkan kode berikut




<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Copy Semua"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">

Tulis teks atau java script atau mungkin link ke blog anda di sini

</textarea></p></div></form>





Maka akan menghasilkan sebagai berikut



Silahkan mencoba...



Ingin mendapat artikel seperti ini langsung ke Email anda? Silahkan masukan alamat email anda untuk berlangganan. Atau jika ingin membaca melalui feed reader anda, silahkan klik di sini!


Delivered by FeedBurner



membuat drop down menu ( top tabs )

Untk membuat drop down menu yang berada di bawah header berikut langkah - langkahnya :


1. Log in dulu ke akun blog anda

2. Pilih elemen Halaman

3. Pilih Edit HTML

4. Berikan cheklist pada expand widget template

5. Tunggu sebentar agar proses selesai

6. Cari kode ]]></b:skin>

7. Copy kode berikut di atasnya

/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_definition2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
#menu {list-style-type:none; margin:5px; padding:0;}
#menu li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:150px; height:3em; z-index:100;}
#menu li dl {position:absolute; top:0; left:0;padding-bottom:5px;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dd {display:none;}
#menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:10px;}
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menu dl {width: 150px; margin: 0; padding: 0; background: #c9ba65;}
#menu dt {margin:0; padding: 5px 5px 5px 20px; font-size: 1.1em; color: #fff; border-bottom:1px solid #fff; border-top:1px solid #fff;}

#menu .one {background: #827b6b; border-top:5px solid #dca;}
#menu .two {background: #646e4c; border-top:5px solid #bb9;}
#menu .three {background: #a4a88d; border-top:5px solid #eec;}
#menu .four {background: #a29f68; border-top:5px solid #f8f8b8;}

#menu .one dt {background: #b2ab9b;}
#menu .two dt {background: #949e7c;}
#menu .three dt {background: #d4d8bd;}
#menu .four dt {background: #e2dfa8;}

#menu dd {margin:0; padding:0; color: #fff; font-size: 1em; text-align:left;}
#menu .one dd {border-bottom:1px solid #aaa;}
#menu .two dd {border-bottom:1px solid #e8e8e8;}
#menu .three dd {border-bottom:1px solid #eee;}
#menu .four dd {border-bottom:1px solid #999;}
#menu dd.last {border-bottom:1px solid #fff;}

#menu dt a, #menu dt a:visited {display:block; color:#444;}

#menu dd a, #menu dd a:visited {color:#fff; text-decoration:none; display:block; padding:4px 5px 4px 20px; width:125px;}

#menu .one dd a {background:#949e7c; color:#eee;}
#menu .two dd a {background:#d4d8bd; color:#346;}
#menu .three dd a {background:#e2dfa8; color:#654;}
#menu .four dd a {background:#b2ab9b; color:#ff8;}

#menu .one dd a:hover {background: #b2ab9b; color:#345;}
#menu .two dd a:hover {background: #949e7c; color:#543;}
#menu .three dd a:hover {background: #d4d8bd; color:#123;}
#menu .four dd a:hover {background: #e2dfa8; color:#534;}



8. Cari lagi kode berikut


<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>


9. Hapus kode tersebut lalu ganti dengan kode di bawah ini


<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>

<ul id="menu"><!-- drop menu start -->
<li>
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<dl class="one">
<!-- Alter the links with your own -->
<dt><a href="../menu/index.html">DEMOS</a></dt>
<dd><a href="../menu/zero_dollars.html" title="The zero dollar ads page">zero dollars</a></dd>
<dd><a href="../menu/embed.html" title="Wrapping text around images">wrapping text</a></dd>
<dd><a href="../menu/form.html" title="Styling forms">styled form</a></dd>
<dd><a href="../menu/nodots.html" title="Removing active/focus borders">active focus</a></dd>
<dd><a href="../menu/shadow_boxing.html" title="Multi-position drop shadow">shadow boxing</a></dd>
<dd><a href="../menu/old_master.html" title="Image Map for detailed information">image map</a></dd>
<dd><a href="../menu/bodies.html" title="fun with background images">fun with backgrounds</a></dd>
<dd><a href="../menu/fade_scroll.html" title="fade-out scrolling">fade scrolling</a></dd>
<dd class="last"><a href="../menu/em_images.html" title="em size images compared">em sized images</a></dd>
</dl>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li>
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<dl class="two">
<dt><a href="index.html">MENUS</a></dt>
<dd><a href="spies.html" title="a coded list of spies">spies menu</a></dd>
<dd><a href="vertical.html" title="a horizontal vertical menu">vertical menu</a></dd>
<dd><a href="expand.html" title="an enlarging unordered list">enlarging list</a></dd>
<dd><a href="enlarge.html" title="an unordered list with link images">link images</a></dd>
<dd><a href="cross.html" title="non-rectangular links">non-rectangular links</a></dd>
<dd><a href="jigsaw.html" title="jigsaw links">jigsaw links</a></dd>
<dd class="last"><a href="circles.html" title="circular links">circular links</a></dd>
</dl>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->

</li>
<li>
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<dl class="three">
<dt><a href="../layouts/index.html">LAYOUTS</a></dt>
<dd><a href="../layouts/bodyfix.html" title="Cross browser fixed layout">Fixed 1</a></dd>
<dd><a href="../layouts/body2.html" title="Cross browser fixed layout">Fixed 2</a></dd>
<dd><a href="../layouts/body4.html" title="Cross browser fixed layout">Fixed 3</a></dd>
<dd><a href="../layouts/body5.html" title="Cross browser fixed layout">Fixed 4</a></dd>
<dd class="last"><a href="../layouts/minimum.html" title="A simple minimum width layout">minimum width for Internet Explorer</a></dd>
</dl>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li>
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<dl class="four">
<dt><a href="../mozilla/index.html">MOZILLA</a></dt>
<dd><a href="../mozilla/dropdown.html" title="A drop down menu">drop down menu</a></dd>
<dd><a href="../mozilla/cascade.html" title="A cascading menu">cascading menu</a></dd>
<dd><a href="../mozilla/content.html" title="Using content:">content:</a></dd>
<dd><a href="../mozilla/moxbox.html" title=":hover applied to a div">mozzie box</a></dd>
<dd><a href="../mozilla/rainbow.html" title="I can build a rainbow">rainbow box</a></dd>
<dd><a href="../mozilla/snooker.html" title="Snooker cue">snooker cue made using border art</a></dd>
<dd class="last"><a href="../mozilla/target.html" title="Target Practise">target practise</a></dd>
</dl>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->

</li>
</ul><!-- end of drop down menu -->


10. Lalu simpan

11. Silahkan lihat hasilnya

SELAMAT MENCOBA...



















Membuat tulisan bergaya koran

Apakah anda tau dengan Drop cap,jika anda lihat di Microsoft Word,di MS Word ada sebuah fasilitas yang bisa digunakan untukmembuat huruf besar di awal kalimat,yaitu Drop cap.efek Drop cap dapat dijadikan sebagai salah satu alternatif agar postingan pada blog anda terlihat lebih menarik dan bergaya seperti majalah atau koran.seperti pada postingan ini huruf A diawal kalimat lebih besar dibandingkan huruf yang lainnya,lalu bagaimanajika kita ingin menerapkan hal serupa pada postingan di blog?apakah bisa dilakukan!tentu saja hal tersebut bisa dilakukan,lagi pula membuat Drop cap di blog juga cukup mudah yaitu dengan menambahkan Style CSS pada halaman Edit HTML .


Berikut langkah-langkahnya:


1. Login di blogger dengan ID anda

2. Klik menu Layout

3. Klik Tab Edit HTML

4. Pada kotak Edit HTML paste kan kode berikut persis di atas kode ]]></b:skin>


/* kode untuk hurup awal
----------------------------------------------- */
.awal {
float:left;
color: #000000;
background:#ffffff;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;
}



6.jika anda ingin memakai/memasangkan drop cap pada postingan,maka diawal anda harus mengetikan: <span class="awal">hurup awal </span>


Selamat mencoba....



Ingin mendapat artikel seperti ini langsung ke Email anda? Silahkan masukan alamat email anda untuk berlangganan. Atau jika ingin membaca melalui feed reader anda, silahkan klik di sini!


Delivered by FeedBurner



Link dengan efek pelangi

Rabu, 28 Januari 2009
Membuat link tentunya sudah banyak yang tahu tetapi bagaimana jika kita membuat link yang apabila mouse diarahkan ke link maka link itu akan bergradasi seperti pelangi?,yah memang menyenangkan jika kita mamu membuat blog kita seperti itu.Jika para sohib ingin blog yang linknya berganti - ganti warna saat di klik,coba ikuti saja beberapa langkah berikut..


1. Silahkan masuk terlebih dahulu ke akun blog anda

2. Pilih elemen halaman,lalu pilih Edit HTML

3. Jangan lupa beri tanda cek pada expand widget template

4. Cari kode <body> dengan menggunakan ctrl + F jika anda pengguna mozilla

5. Tambahkan kode berikut di atasnya









6. Simpan template

Selamat Mencoba...















 
Adformat designed by Simon Pilkington