Edy Sofiah
0 komentar

Menyembunyikan Buku Tamu di Pojok


Edy Sofiah
Menyembunyikan Buku Tamu di pojok sangat praktis dan efektif buat blogger yang mempunyai banyak widget, bukan begitu??
Postingan kali ini saya akan menuliskan bagaimana Menyembunyikan Buku Tamu di Pojok.



Berikut adalah langkah-langkahnya:
1. Bila anda belum mempunyai Shoutbox, maka silahkan untuk melihat tutorial Membuat Shoutbox di Blog ini terlebih dahulu. Bila anda sudah mempunyai Shoutbox, silahkan ke www.shoutmix.com

2.  Klik Settings












3. Klik Customize size











4. Masukkan Lebar(width) dan Panjang(Height) sesuai selera






5. Copy code yang ada di dalam kotak Generated Codes







6. Paste Kode Shoutmix anda di bagian "Kode Shoutbox Anda!!" di dalam kode berikut:

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;} 
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style> 
<script type="text/javascript"> 
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script> 
<div id="gb"> 
<div class="gbtab" onclick="showHideGB()"> </div> 
<div class="gbcontent">
KODE SHOUTBOX ANDA!! 
<br /><a href="" title="">Loadingxloading</a><br />
<div style="text-align:right">
<a href="">
</a>|<a href="javascript:showHideGB()">
[tutup]

</a>
</div> 
</div><script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

NB:
- Kata buku tamu tidak dapat diganti karena itu merupakan gambar
- Kata tutup dapat diganti dengan close dan sebagainya

7. Login ke akun blogger anda
8. Pilih Tata Letak(Rancangan) -> Tambah Gadget
9. Kemudian pilih HTML/JavaScript  
10. Kosongkan bagian Judul dan paste kode diatas di dalam tempat gadget.
11. Klik Simpan dan lihat perubahannya.
Terima kasih,

Jika anda ingin copas (copy-paste) artikel ini, silahkan saja, namun harus disertai catatan kaki ini ya..
Sumber: http://loadingxloading.blogspot.com
Category: 1 komentar

Mengganti Domain .blogspot.com Menjadi .co.cc


Edy Sofiah
Biasanya ketika membuat blog di blogger, kita akan mendapat nama blog http://namablog.blogspot.com, kita bisa merubah nama domain blog dengan yang lebih bagus. Salah satu layanan penyedia domain gratis yaitu co.cc. Jadi nantinya nama domain blog kita akan menjadi http://namablog.co.cc.


Namun, ada beberapa orang yang tidak terlalu suka dengan .co.cc, mungkin ada alasan mereka sendiri. Seperti saya, kurang suka dengan .co.cc karena tidak bagus didengarnya. ^^



Ok, marilah kita mulai saja, caranya adalah sebagai berikut : 
1. Langkah pertama yang perlu dilakukan adalah mendaftar pada layanan co.cc ini.
2. Dapatkan nama domain terlebih dahulu dengan mengisi pada kotak yang tersedia, dan
klik Check Availability.

3. Setelah mendapatkan nama domain, selanjutnya Masuk pada menu Domain setting >>
Manage Domain dan klik Setup
4. Abaikan Menu 1>> manage DNS / kosongkan name servernya anda langsung klik menu
2>> Zona Record
5. Isi add record dengan isian sebagai berikut :
Host : isi dengan nama domain yang sudah anda daftarkan misal : www.namablog.co.cc
TTL : 1 D (tidak perlu dirubah)
Type : cname
Value : ghs.google.com
6. Kemudian klik Setup

Kita telah selesai setting pada co.cc, kemudian tinggal setting di blogger:
1. Masuk / login ke blogger.com.
2. Masuk menu setting >>> Publishing
3. Kemudian pilih “Switch to: • Custom Domain”
4. Klik already “Already own a domain? Switch to advanced settings”
5. Isikan pada kolom “Your Domain” dengan domain co.cc yang anda daftarkan tadi.
6. Use a missing files host? pilih No.
7. Masukan Word Verivication dan klik Save setting.

Yuupsss..., sudah selesai, mudah bukan. Blog kita sekarang sudah berganti nama domain menjadi co.cc, tinggal menunggu proses sinchronisasinya dari co.cc ke Blogspot maksimal 24 jam setelah itu kita sudah bisa mengakses url blogspot.com anda dengan nama domain co.cc yang telah kita buat tadi.

Selamat mencoba,


Referensi: VCJ Forever
Category: 0 komentar

Membuat Like Box/Fan Page Di Blog


Edy Sofiah
Apakah anda ingin menampilkan seberapa banyak fans blog anda di facebook? Saat ini facebook menyediakan berbagai macam aplikasi dan widget yang dapat anda gunakan di website atau blog anda. Tapi kali ini saya akan membahas bagaimana cara membuat like box (dulu disebut fan box) dan menampilkannya di blog anda. 
Pengertian Like Box:  
Like box adalah sebuah widget yang dapat anda tampilkan di blog atau website anda, berupa kotak yang berisi foto-foto dari profile facebook yang menyukai, atau meng-like blog kita dengan mengklik tombol like yang terdapat di kotak tersebut. Like box dahulu bernama fan box dan tombol like di dalam kotak itu dulu ditulis become a fan. Gak tahu kenapa facebook menggantinya dengan like, namun memang sih, menurut saya kata-kata become a fan agak sedikit terlalu berlebihan, tidak seperti kata like yang lebih familiar dan lebih ringan didengar.

Keuntungan dari Like Box:
Ada banyak keuntungan menggunakan like box, disamping dapat mendatangkan traffic dari facebook, akan ada kepuasan tersendiri jika banyak yang menyukai blog kita. Tentu saja untuk menampilkan sebuah like
box kita harus membuat sebuah page di facebook. Page adalah fasilitas dari facebook, penggunaannya sama seperti halnya profil pribadi facebook kita, kita dapat menuliskan status, dan sharing apapun disana.

Lalu bagaimana cara membuat page di facebook?

  1. Setelah login, klik link ini Create Facebook Page
  2. Pilih yang dibagian Official Page Create Page
  3. Di section Brand, Products or Organization pilih Website
  4. Kemudian isi Pagename sesuai dengan nama page yang anda inginkan.
  5. Setelah selesai klik Create Official Page
  6. Dan Official Page anda telah selesai dibuat. Facebook Page
  7. Selanjutnya anda dapat menambahkan foto atau mengedit profil sesuai dengan keinginan anda.

Cara Membuat Like Box

  1. Setelah selesai membuat Official Page pribadi anda di facebook, langkah selanjutnya adalah membuatLike Box.
  2. Klik Edit page. Edit Page
  3. Lalu klik Promote with a Like Box Promote Like Box
  4. Pada Facebook Page ID isikan dengan Facebook Page ID anda
  5. ID ini dapat anda temukan di address bar browser Anda. ID Browser
  6. Maka akan Like Box anda akan muncul. Anda tinggal mengatur saja Width, Height, Connections, Stream, Header nya. Like Box
  7. Width : lebar dari like box, Height : tinggi dari like box, Connections : Jumlah orang yang meng-like pageanda (sesuaikan dengan header dan width), Stream : aktivitas live terbaru dari page anda, Header : opsi untuk menampilkan Find us on Facebook atau tidak.
  8. Setelah selesai anda setting, klik Get Code
  9. Dan akan muncul 2 macam code yang dapat anda pilih. Code Page
  10. Saya menyarankan anda gunakan XFBML, karena kelebihan dari XFBML adalah lebih flexible dibandingkan dengan iframe.
  11. Kelebihan lain dari XFBML adalah Like Box yang anda pasang nanti tidak akan menghalangi loading element lain di blog anda. Berbeda dengan iframes, contoh : like box anda taruh di sidebar bagian atas, jika loading like box ini belum complete, maka widget atau elemen lain di bawah like box tersebut tidak akan di-load sebelum like box anda di-load secara utuh.
  12. Namun ada code yang harus anda tambahkan agar anda dapat menambahkan code XFBML ini. Lebih repot dan tidak terlalu penting, jadi saya tidak membahas tentang ini.
  13. Selesai..Mudah kan??
Category: 0 komentar

Mempercepat Loading Blog


Edy Sofiah
Pertama-tama, cara mempercepat loading blog itu ada 2 :
1. Cara yang biasa
2. Cara yang tidak biasa (bingung nggak?)
Memang cara yang kedua tidak biasa. Untuk tahu lebih lanjutnya akan aku jelasin.

1. Cara yang Biasa
- Kurangi widget-widget yang tidak begitu penting di blog mu itu. Kecuali kamu merasa widget itu penting ya tidak usah dihapus.
- Gunakan template yang simpel (karena terlanjur sayang template di blog ku ini, jadi tidak aku ganti deh..).
- Buat label di blog mu sedikit mungkin.
- Hilangkan gambar-gambar di blog yang tidak penting.
- Sebisa mungkin buat read more pada setiap artikel blog kamu. Ini bisa mengantisipasi jika artikel di blog mu terlalu panjang.
-Buat jumlah postingan yang tampil di halaman awal blog kamu jika bisa 4 atau 5.

2. Cara yang Tidak Biasa
Pasti ingin tahu kan tentang cara yang tidak biasa ini. Yap, dengan cara yang tidak biasa ini sepertinya cocok deh bagi kamu yang tidak ingin terlalu merubah tampilan blog. Cara ini dilakukan dengann cara melakukan compress CSS pada blog. Dengan cara ini setidaknya dapat mengurangi beban loading blog yang berat. Langsung aja, ikuti langkah-langkah dibawah ini :
1. login ke blogger.
2. Pilih rancangan dan pilih edit html.
3. Copy kode di antara kode <b:skin><![CDATA[ dan ]]></b:skin>
4. Buka situs cssdrive. Bagi pemula yang sering disarankan adalah memilih compression mode 'Light' dan comments handling 'Don't strip any comments' .
5. Lalu taruh kode yang sudah dicopy tadi pada Insert CSS code. Kalau sudah pilih compress-it.
6. Kalau sudah copy hasil kode itu, lalu taruh diantara kode <b:skin><![CDATA[ dan ]]></b:skin> (sebelumnya kode diantara <b:skin><![CDATA[ dan ]]></b:skin> ini dihapus dulu, baru digantikan kode yang telah di compress tadi).
7. Jangan lupa simpan template.
8. Selesai deh.
Category: 0 komentar

Membuat Banner Ads Sendiri


Edy Sofiah
Tertarik untuk mencoba membuat mini banner ads anda sendiri?? Langsung aja yuk caranya..


1. Login ke blogger.com
2. Pilih Rancangan --> Edit HTML
3. Masukkan kode di bawah di atas kode ]]></b:skin>

4. Ok. Klik Simpan Template
5. Sekarang kita akan menancapkan gambar banner beserta linknya.
6. Rancangan --> Elemen Laman
7. Klik Tambah Gadget --> HTML/Java Script
8. Masukkan judul dan script di bawah (Saya tidak kotakkan scriptnya agar pembaca lebih mudah melakukan modifikasi)

<b:includable id="main">
<div id="loadingxloading">

<!-- loadingxloading1 start -->
<a class="loadingxloading1" href="http://www.loadingxloading.blogspot.com/"><img width="125" src="http://dc202.4shared.com/img/wnuQ2e9g/POST.jpg" height="125"/></a>

<!-- loadingxloading2 start -->
<a class="loadingxloading2" href="http://www.loadingxloading.blogspot.com/"><img width="125" src="http://dc202.4shared.com/img/wnuQ2e9g/POST.jpg" height="125"/></a>

<!-- loadingxloading3 start -->
<a class="loadingxloading3" href="http://www.loadingxloading.blogspot.com/"><img width="125" src="http://dc202.4shared.com/img/wnuQ2e9g/POST.jpg" height="125"/></a>

<!-- loadingxloading4 start -->
<a class="loadingxloading4" href="http://www.loadingxloading.blogspot.com/"><img width="125" src="http://dc202.4shared.com/img/wnuQ2e9g/POST.jpg" height="125"/></a>

<!-- loadingxloading5 start -->
<a class="loadingxloading5" href="http://www.loadingxloading.blogspot.com/"><img width="125" src="http://dc202.4shared.com/img/wnuQ2e9g/POST.jpg" height="125"/></a>

<div class="clearer"/>
</div>
</div></b:includable>

Link merah adalah link yang akan dituju dari mini banner
Link biru adalah link dari mini banner anda
Jika anda belum bisa melakukan upload dan mendapatkan link ber-extension .jpg, silahkan baca dulu tutorial berikut: Cara Mendapatkan Link Gambar Ber-extension .jpg
Category: 0 komentar

Membuat Kotak Komentar dengan IntenseDebate


Edy Sofiah
Keuntungan memasang kotak komentar Intensedebate:   
1. Kotak komentar yang lebih menarik dan mudah digunakan.

2. Kita dapat mengetahui komentar terbaru dari account intensedebate kita (meskipun sekarang blogger telah menyediakan fasilitas untuk melihat komentar).

3. Ada beberapa template di blogger yang tidak memiliki bagian untuk mengisi URL (Website) mereka, sehingga pengunjung malas untuk memberi komentar.
Salah satu templatenya adalah template blog ini.^^

Kerugian memasang kotak komentar menggunakan intensedebate:
Kita tidak dapat memasang emoticon di kotak komentar
 
Inilah gambar kotak komentar intensedebate:

Membuat Kotak Komentar IntenseDebate

Tertarik?? Langsung aja menuju cara pembuatannya..^^

Membuat Kotak Komentar IntenseDebate :

1. Langkah awal adalah lakukan SignUp disini.

2. Langkah selanjutnya adalah memasukkan data-data yg diperlukan.

Membuat Kotak Komentar IntenseDebate

3. Kemudian, buka email sobat, dan verifikasi account anda.







4. Tuju halaman verifikasinya dan masukkan alamat blog sobat.

Membuat Kotak Komentar IntenseDebate

5. Klik Install IntenseDebate

Membuat Kotak Komentar IntenseDebate

6. Selanjutnya, lakukan setting widgetnya, dan setelah itu Sobat bisa mendapatkan kodenya untuk dipasang diblog sobat


Membuat Kotak Komentar IntenseDebate

NB:
- Only on new posts untuk memasang kotak komentar pada entri baru anda, entri lama tidak terpasang
- On all blog posts untuk memasang kotak komentar pada seluruh entri anda

Selesai..^"^
Category: 1 komentar
Langganan: Postingan (Atom)