Tampilkan postingan dengan label Tutorial Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blogger. Tampilkan semua postingan

Jumat, 05 November 2010

Setting Custom Domain Co.tv ke Blogger

Posted by Unknown | Jumat, 05 November 2010 | Category: | 1 komentar


 




Ada 3 pilihan yang bisa kita lakukan setelah kita membuat domain co.tv yaitu :
a. Manage DNS dan name servers.
b. URL forwading
c. Setting Zone Records.

Bagaimana cara custom domain co.tv ke blogger?

Caranya sangat mudah masuk saja ke “setting zone records” di domain co.tv. Lalu masukkan setting seperti ini :

Host : www
AUX : 1D
Type : CNAME
Value : ghs.google.com












Sesudah itu Klik setup sampai muncul gambar seperti dibawah.





Lalu masuk ke www.blogger.com  pilih:
a. Setting ---> publishing .
b. Lalu switch ke custom domain. Masukkan nama domain anda dari co.tv lalu save setting.

Tunggu 1x24 jam, biasanya kurang dari 1 hari domain co.tv sudah parkir ke blogger.
Contohnya seperti ini blog saya klo pengen liat   http://www.indovideo.co.tv / Url sudah tidak aktif

Selamat mencoba semoga bermanfa'at.

 

Tongkat Ali 100%

Ad


Sarang Semut Papua

Ad

Minggu, 15 Agustus 2010

Cara Membuat Recent Post dengan Thumbnail Widget di Blogger

Posted by Unknown | Minggu, 15 Agustus 2010 | Category: | 0 komentar

Kali ini saya akan menjelaskan bagaimana cara menambahkan widget Posting
Terbaru di Blogger dengan thumbnail gambar:



Langsung saja mari kita lihat bagaimana menginstal
widget keren ini di blog Anda ..













1. Masuk ke Blogger dashboard
2. Go to »Layout Tambah html» gadget / javascript


Cukup copy dan paste kode di bawah ini :



<script language="JavaScript">

imgr = new Array();


imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 298;

cellspacing = 8;

borderColor = "#ffffff";

bgTD = "#000000";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 5;

home_page = "http://schemar-mag.blogspot.com/";

</script>

<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>



Penjelasan:



Edit nilai-nilai yang sesuai dengan blog Anda:



boxwidth - Lebar widget


cellspacing - Ruang antara sel (default adalah baik)


borderColor - warna Perbatasan (menambahkan warna latar belakang

template Anda untuk berbaur sempurna di template)


thumbwidth & thumbheight - Lebar dan Tinggi dari thumbnail (default yang baik)


fntsize - Ukuran font judul


acolor - Warna judul


aBold - Anda ingin judul berani? (Benar atau salah)


numposts - Berapa banyak postingan yang ingin Anda tampilkan?


home_page: http://schemar-mag.blogspot.com/ (Ganti dengan  url blog Anda)





SELESAI...

Sabtu, 14 Agustus 2010

Cara Membuat Blogger Supaya Bisa di Akses Lewat Ponsel

Posted by Unknown | Sabtu, 14 Agustus 2010 | Category: | 0 komentar


 


Seperti yang Anda ketahui, jutaan orang menggunakan ponsel mereka untuk akses internet.
Internet mobile berkecepatan tinggi  sangat cepat dengan 3G , mobile apps, gprs,dsb
Dari ini, kita bisa mengatakan banyak pembaca yang datang ke blog kita melalui ponsel .. Tapi, jika kita tidak membuat blog kita bisa di akses lewat mobile/handphone ,. Anda mungkin kehilangan semua pembaca blog Anda yang menggunakan ponsel, sebuah blog yang normal dibutuhkan banyak waktu untuk membuat dan ada kendala lain bahwa situs Anda tidak bisa di buka dengan layar ponsel, mungkin karena tampilannya terlalu besar.
Jadi,bagaimana untuk membuat  Blogger
anda(blogspot) bisa di akses dengan blog mobile internet ..

Masuk ke account Blogger Anda: pilih > Rancangan --> Edit HTML

Cari kode di bawah ini :


<b:include data='blog' name='all-head-content'/>

  
Sisipkan kode di bawah ini, tepat di bawah kode di atas :

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>

<b:if cond='data:blog.isMobile'>

<meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/>

<b:else/>

<meta content='width=1100' name='viewport'/>

</b:if>


Lalu Simpan Template .

Selesai

Sekarang pengunjung Anda dapat mengakses blogger Anda melalui ponsel dengan kecepatan tinggidan tampilan layar ponsel mendukung.
Smoga bermanfaat buat blogger pemula..

Ad

Minggu, 08 Agustus 2010

Cara Membuat Favicon

Posted by Unknown | Minggu, 08 Agustus 2010 | Category: | 0 komentar


Ad

Baiklah saya jelaskan tentang Favicon,
Favicon adalah singkatan dari Favorite Icon, logo icon di samping alamat Blog,website,atau Url kita.
lihat pada contoh gambar Favicon di bawah ini:



Favicon Standar dari Blogger




Dan jika sudah di rubah maka Faviconnya akan jadi seperti ini:




Langkah-langkah pembuatan Favicon :

1.} Buatlah gambar logo atau image seperti di bawah ini contoh:














Untuk pembuatan Logo download saftwarenya di sini 

2.}  Setelah pembuatan logo salesai, maka ubahlah logo image tersebut menjadi Icon,
      Gunakan Favicon Generator  klik disini
3.}  Pilih Browse cari logo yang sudah di buat tadi untuk di jadikan  icon
4.}  Pilih tombol  Generate Favicon
5.}  Setelah proses selesai, klik tombol Click Here to Download your favicon
       Kemudian save di hardisk drive komputer anda.
6.}  Selanjutnya anda harus mengupload Favicon tadi ke tempat hosting gambar
       Seperti picturetrail  daftar di sini
7.}  Setelah terbuka klik tombol free sign up
       Isi data-data pada kotak yang disediakan. Setelah terisi semua klik Submit Registration.
8.}   Setelah join jadi membernya, klik Upload Photos.
9.}   Klik browse kemudian pilih foto dari komputer anda yang ingin di upload
        Lalu Klik next kemudian pilih My Album, Klik upload.
10.} Kemudian pilih menu Image URLs
11.} Copy kode icon yang telah di upload tadi pada kolom Direct Image Link
12.} Sekarang anda sudah mempunyai alamat URL dari Favicon anda.
        Sebagai contoh  alamat URL image saya seperti ini :


        http://pic80.picturetrail.com/VOL1951/13141586/23384649/390273372.jpg
     

13.} Lalu anda harus menambahkan kode tersebut jadi seperti dibawah ini:

     

        <link rel="shortcut icon" href="http://pic80.picturetrail.com/VOL1951/13141586/23384649/390273372.jpg">

       Perhatikan Huruf yang berwarna biru diganti dengan alamat URL Favicon anda.


14.} Langkah seterusnya  login ke blogger.com
        Pilih Layout/Tata Letak lalu  Edit HTML
15.} Cari kode </head> biar cepat tekan Ctrl+F
16.} lalu simpan kode favicon tadi persis di atas kode </head>
        dan simpan template. 
        Untuk melihat hasilnya sebelum anda menyimpan Template silahkan klik Pratinjau
        terlebih dahulu,klo sudah oke.. baru di simpan.

      Selesailah sudah pembuatan Favicon untuk blog anda, dan Smoga bermanfaat buat blogger pemula.








Ad

Sabtu, 07 Agustus 2010

Cara Menambahkan Status Yahoo Messenger

Posted by Unknown | Sabtu, 07 Agustus 2010 | Category: | 0 komentar


Image Hosting by PictureTrail.com





 Ingin punya Status Yahoo Mesengger Seperti ini di Blogger



Lakukan langkah-langkah di bawah ini :

1.) Login ke: blogger.com
2.) Pilih :Layout/Tata Letak,  lalu  Elemen Halaman
3.) Kemudian klik: Add Gadget/Tambah Gadget, lalu pilih HTML/Javascript
4.) Masukkan kode di bawah ini :

<a href="ymsgr:sendIM? xxxxxxxxx"><img src="http://opi.yahoo.com/online?u=xxxxxxxxx&m=g&t=6&l=us" /></a>


Gantilah kode text xxxxxxxxx dengan id YM anda.
Contohnya seperti ini :  id YM anda misal { mitra_usaha@yahoo.com }
maka id yang di masukkan adalah { mitra_usaha }lihat contoh di bawah :

<a href="ymsgr:sendIM? mitra_usaha"><img src="http://opi.yahoo.com/online?u=mitra_usaha&m=g&t=6&l=us" /></a>


Robahlah angka 6, itu bisa anda  ganti dengan angka yang lain  sampai dengan  14 angka dan hasil gambarnya  yang akan ditampilkan bermacam-macam,ini adalah sebagian contoh icon yahoo yang akan tampil.