Free Domain CO.CC Untuk Blogger / Wordpress

Ok.... Sobat sekalian, pada kesempatan saat ini saya akan sedikit membahas tentang Free Domain CO.CC. Domain ini menawarkan Free or Premium....... nah sekarang saya akan mengajak anda kepada domain yang Free saja, karena yang premium sama saja cara Registrasinya. Tetapi lebih banyak keunggulan dari Domain yang Free. Dan perlu di ingat jika kita memakai Free Domain, itu berarti kita harus mempunyai blog terlebih dahulu baik di blogger.com ataupun di wordpres.com. Setelah itu baru anda dapat membuat Domain. 

Ok..... langsung saja karena saya juga tidak mau berpanjang lebar. Sobat Tinggal mengikuti langkah-langkah di bawah ini.

1.  Anda Kunjungi Websitenya di  http://www.co.cc

2.  Kemudian anda pilih Create an account now

3.  Kemudian isi Formulirnya.

4.  setelah selesai mengisi formulir dengan benar centang tulisan I accept the Terms of Service

 
5.  lalu tekan tombol Create an account now 
6.  Klik Getting A New Domain

7.  Setelah itu anda akan diminta untuk menuliskan URL yang anda inginkan, misalnya aseprustandi.co.cc  maka teman-teman tinggal menetikan aseprustandi (ganti sesuai yang anda inginkan). jika anda berhasil maka akan ada tulisan seperti di bawah ini. Tetapi jika tidak ada itu berarti URL yang anda ketikan tadi sudah ada yang memakai. Teman-teman tinggal mengklik tombol Back zaja pada Firefox / browser yang teman gunakan.

8.  Setelah itu teman-teman klik tombol SETUP > Please domain setup now
9.  Nah.... disini lumayan bingung juga bagi anda yang baru mengetahuinya. jika anda ingin  mengganti URL blog anda dengan Domain CO.CC maka teman tinggal memilih URL Forwarding. Kemudian isi http:// dengan URL blog yang anda punya, jaangan lupa Title nya juga ya. Lalu kilk SETUP.

10.  jika ada tulisan Your change has been submitted. itu berarti anda telah sukses membuat Domain. Klik OK.

SELESAI ....... :D 

Selamat Mencoba Tutorial yang sederhana ini, semoga ini dapat bermanfaat khusunya bagi saya dan umumnya untuk Teman-teman sekalian. Salam semangat untuk Teman semua. Saya sebagai admin sangat mengaharapkan Kritik dan saran dari teman-teman semua.

Atas kunjungannya say ucapkan terima kasih !!!

Cara Membuat Daftar Isi

Sedikit saya akan membahas tentang Daftar isi pada blogspot. Daftar isi tersebut menggunakan javascript, sehingga agak sedikit membebani loading blog tetapi ini juga membantu pembaca untuk mencari artikel yang diinginkan.... Baiklah tidak usah berpanjang lebar kita mulai dengan langkah - langkah di bawah ini :

Langkah #1

1. Sign in di blogger dengan ID anda
2. Bilsa sudah berada di halaman dashboard, klik Tata Letak / Layout.
3. Klik tab Edit HTML
4. Klik link bertuliskan Download Template Lengkap. Silahkan di save dulu untuk backup (penting) untuk mengantisipasi agar bila terjadi kegagalan anada dapat mengembalikannya seperti semula.
5. Beri tanda tik/cek pada kotak kecil di samping tulisan Expand Widget Template. Tunggu beberapa saat. 

 

6 Lihat ke bagian body template, lalu cari kode seperti ini :

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

7. Delete / hapus kode tersebut, lalu ganti dengan kode berikut ini :


<b:if cond='data:blog.homepageUrl != data:blog.url'>
     <b:if cond='data:blog.pageType != "item"'>
         <a expr:href='data:post.url'>
   <div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">
         <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>


8.Klik tombol Simpan Template

untuk langkah peratama selesai....
 

Langkah #2

1. Klik tab Elemen Halaman.
2. Klik tulisan Tambahkan sebuah Elemen Halaman.
3. Setelah muncul window baru, klik tombol TAMBAHKAN KE BLOG untuk yang HTML/JavaScript.
4. Copy lalu paste kode berikut :

<a href="http://aseprustandi.blogspot.com/search?max-results=200">Daftar isi&raquo;</a> 


5. Ganti text yang berwarna merah dengan URL blog anda
6. lalu klik tombol simpan.

maka hasilnya akan seperti di bawah ini.

 

selamat mencoba !!!

Cara Merubah Favicon

Untuk mengganti favicon tersebut, anda bisa melakukan langkah-langkah seperti berikut :

 Pertama buatlah sebuah gambar yang akan di jadikan sebagai favicon, contoh seperti gambar di bawah ini : 

Menjadi

1.  Anda bisa cari atau buat favicon seperti di atas atau anda inginkan yang lain.
2. Setelah itu anda harus mengubah gambar tersebut kedalam bentuk gambar icon. Untuk hal tersebut, anda bisa menggunakan tool Favicon Generator, silahkan kunjungi situs http://www.favicongenerator.com  tapi sebenar nya menggunakan .gif dan yang lainnya juga bisa sih.
   
3. Klik pada tombol Browse...
   
4. Masukan gambar yang tadi dibuat untuk di ubah menjadi format icon
   
5. Klik pada tombol Generate Favicon.
   
6. Setelah proses selesai, klik pada Click Here to Download your favicon.
   
7. Save ke komputer anda.
   
8. Langkah selanjutnya adalah anda harus meng upload Favicon yang tadi ke tempat hosting gamabar, contoh adalah ke Yahoo! Geocities atau Photobucket. Belum tahu bagaimana cara meng upload gambar ke Yahoo! Geocities atau Photobucket.
9. Sekarang saya asumsikan bahwa anda sudah mempunyai alamat URL dari favicon anda. sebagai contoh, saya mempunyai sebuah alamat URL seperti ini :
10. 
    http://i585.photobucket.com/albums/ss291/aseprustandi/icon/download.ico
    
11. Anda harus mengubah alamat URL favicon anda menjadi seperti ini : 

<link rel="shortcut icon" href="http://i585.photobucket.com/albums/ss291/aseprustandi/icon/download.ico"/>

11. Langkah selanjutnya adalah silahkan login ke blogger dengan ID anda.
12. Klik pada Tata Letak.
13. Klik Edit HTML.
14. Silahkan cari kode </head> (posisinya hampir paling atas, jadi jangan jauh-jauh nyari kebawah).
15. Simpan kode favicon yang tadi persis di atas kode </head> .

17. Klik tombol Simpan Template.

Selesai.....


Selamt Mencoba !!!

ColectionsTemplate

Untuk anda yang mendambakan mempunyai blog dengan tampilan template yang cool dan terkesan Profesional, free template yang mungkin layak untuk anda pertimbangkan. 

Download Smart Shadow Template

 Download stubbornblogger template

 

Download awesomegallery template

menambahkan Footer 3 Kolom

Mengedit template blogger untuk memiliki footer 3 kolom untuk template blogger ternyata bukan perkara yang sulit, namun sangatlah mudah, hanya butuh beberapa menit waktu anda. Mungkin rekan-rekan blogger menganggap ini perkerjaan rumit, yah silahkan saja menganggap begitu, namun tunggu dulu baca tutorial ini, pasti anda akan heran.

Pemberitahuan jika anda akan mengedit blog anda maka di sarankan anda harus menyimpan template anda dengan cara Download Template Lengkap. Pada submenu Edit HTML. Agar bila terjadi kegagalan anda dapat mengembalikannya seprti semula dengan mengunggahnya kembali.


ok !!! langsung saja ke pokok pembahasan???

1. Login pada Blog anda
2. Pilih Tab Tata Letak
3. Pilih Sub Menu Edit HTML
4. Kemudian klik “Expand Widget Template”
5. Lantas save template anda kalau-kalau terjadi kesalahan
6. Kemudian temukan ini.

<div id='footer-wrapper'>

<b:section class='footer' id='footer'/>

</div>

5. Ganti kode yang berwarna merah dengan kode berikut:

<div id='footer-column-container'>

<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>

<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>

<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>

<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>

<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>

</div>
<div style='clear:both;'/>

</div>

6. Save template anda!
Selamat anda telah mempunyai footer 3 kolom di blogger anda. Untuk melihat hasilnya, anda kembali ke “page element” lalu lihat bagian footer, pasti ada 3 tempat untuk menempatkan page element. Nah silahkan anda taruh page element yang anda inginkan di footer 3 kolom blogger blogspot anda.

Semoga bermanfaat dan selamat mencoba.

Update Kolom tidak rata Template Magazine

Hiks… sudah beberapa hari tidak hadir di blog ini karena berbagai kesibukan, hasil cek ‘n ricek banyak laporan bahwa pada template magazine buatan kang Rohman terdapat masalah seperti kolom yang tidak rata dan link navigasi next previous hilang.
Sepertinya baru-baru ini blogger sedikit melakukan perubahan pada templatenya, ini terlihat pengaruhnya terhadap template magazine yang dahulu tidak bermasalah sekarang menjadi bermasalah, untuk itu diperlukan sedikit modifikasi pada template magazine tersebut.
Perlu diketahui sebelumnya bahwa artikel ini khusus untuk pengguna magazine template buatan kang Rohman yang kolom sebelah kiri tidak rata dengan kolom yang lain.

Agar kolom tersebut kembali sejajar dan navigasi next serta previous kembali muncul, silahkan lakukan langkah-langkah berikut ini :

• Silahkan login ke blogger dengab ID anda.
• Klik Tata Letak.
• Klik tab Edit HTML.
• Cari kode seperti berikut :

#main-wrapper

• Kode tadi terdapat dua kode yang sama pada posisi yang berbeda, ganti kedua kode tersebut menjadi

#main-wrapper, #blog-pager

• Klik tombol SIMPAN TEMPLATE.
• Selesai.

Seharusnya sekarang template anda sudah kembali sejajar dan link navigasi next previous akan kembali muncul.


Selamat mencoba!

The Best Accordion Untuk Blogger

Banyak dari para blogger mandambakan bahwa blog yang dimilikinya tampil menarik, elegan serta profesional. Banyak cara untuk mewujudkan itu semua, salah satunya adalah dengan menggunakan The Best Accordion untuk blogger yang di rancang oleh sahabat kang Rohman yaitu Abu Farhan.
Dengan menggunakan The best Accordion by Abu Farhan maka sidebar anda akan tampak rapih dan hemat tempat karena isi dari widget sidebar akan disembunyikan ( Hide ) dan akan tampil ( Show ) ketika judul sidebar di klik oleh pengunjung, namun tidak hanya itu saja, gerakan yang halus saat membuka dan menutup ( Show / Hide ) menjadikan The best accordion terlihat profesional.


Live Demo
Untuk  membaca tutorial lengkap tentang pemasangan The best Accordion, silahkan di baca disini!

Cara Memasang Icon Ym Pada Blog

jika anda ingin menambahkan status online pada blog ketika kita membuka yahoo mesengger anda bisa ikuti langkah - langkah ini.

1.  login ke Blog anda
2. pilih tab Tata letak 
3. Lalu Element Halaman
4. Kemudian pilih Tambah Gadget yang anda inginkan.
5. Masukan Kode di bawah ini. 

<a target="_blank" href="http://ymgen.com/chat.php?idne=YAHOO ID ANDA">
<img border="0" src="http://ymgen.com/ym.php?id2=YAHOO ID ANDA&s2=1"></a>

 Ket :

tulisan YAHOO ID MU pada kode di atas silakan ganti dengan ID / alamat email yahoo kamu, maka icon tersebut akan menjadi seperti di bawah ini.

atau anda ingin icon yang lain yang lebih kecil dan praktis anda tinggal mengganti kode yang berwarna biru / link dengan masing - masing link di bawah ini. 

Style ID 1                      Style ID 2                       Style ID 3         Style ID 4     Style ID 5






masing-masing gambar mempunyai URL adddress sendiri yaitu :

http://opi.yahoo.com/online?u=YahooID&m=g&t=1
Untuk Style ID 1

http://opi.yahoo.com/online?u=YahooID&m=g&t=2
Untuk Style ID 2

http://opi.yahoo.com/online?u=YahooID&m=g&t=3
Untuk Style ID 3

http://opi.yahoo.com/online?u=YahooID&m=g&t=4
Untuk Style ID 4

http://opi.yahoo.com/online?u=YahooID&m=g&t=5
Untuk Style ID 5


itu tadi adalah URL address masing-masing Style ID, maka agar tampil menjadi gambar, kita harus menambah kode yaitu :

Sehingga untuk menampilkan URL address di atas menjadi sebuah gambar, maka kodenya akan seperti ini :

&m=g&t=1" border="0">
Untuk Style ID 1

&m=g&t=2" border="0">
Untuk Style ID 2

&m=g&t=3" border="0">
Untuk Style ID 3

&m=g&t=4" border="0">
Untuk Style ID 4

&m=g&t=5" border="0">
Untuk Style ID 5 

atau anda ingin Icon yang lebih Fantasi lagi seperti Icon di bawah ini

maka anda harus menggantinya dengan link di bawah  ini

http://opi.yahoo.com/online?u=YAHOO ID ANDA&m=g&t=14

  6. Simpan Lalu lihat hasilnya.
 

Tambahan :

  Ganti YahooID dengan ID anda (email),Tapi jika anda masih bingun klik disini, maka anda akan menemukan seperti pada gambar di bawah ini.

 


setelah terbuka jendela seperti diatas anda dinggal memasukan ID anda (email) kedalam kotak yang sudah di tunjukan. Kemudian Klik Submit maka akan muncul kode seperti di bawah ini, yang akan anda salin ke dalam widget/Gadget yang anda miliki.





 

 



simpan pada Element Halaman lalu pilih letak Gadget dimana anda akan menaruhnya...

bagaimana serukan, semoga bermanfaat bagi anda.


selamat mencoba!!!