Cara Membuat Scroll Bar di Posting Blog

Sedikit penjelasan dan pengetahuan untuk sobat tentang definisi Fungsi dan kegunaanyaScroll Bar adalah untuk memudahkan kita apabila ada kode atau tulisan yang sangat panjang agar tidak memakan terlalu banyak tempat, intinya tampilan posting blog kita jadi singkat dan dinamis.

 Cara Membuat scroll bar di posting blog sangatlah mudah, Caranya hampir sama seperti saat kita menulis postingan blog. Namun yang paling penting adalah jangan lupa sobat copy/paste atau Tulis Kode script di bawah ini pada mode Edit HTML di bagian posting blog.

 Berikut Kode Script Scroll Bar Posting Blog:



<div style='padding: 5px; overflow: auto; width: auto; height:200px;border:1px solid #000000'>

LETAKKAN TULISAN SOBAT ATAU APAPUN DISINI.
(Tulisan ditulis di COmpose, sedangkan Kode di Tulis pada mode Edit HTML)

</div>

---

Catatan:

• Ingat, Sobat Tulis  pada mode Edit HTML, bukan Compose.!!!
• Untuk melihat dan mengecek berhasil atau tidak, silahkan sobat klik Compose.
• height:200px; adalah ukuran lebar atas bawah kotak scroll, silahkan sobat ganti nilainya, seperti keinginan sobat.
• width: auto; adalah ukuran otomatis lebar samping kotak scroll, silahkan sobat ganti nilainya, seperti keinginan sobat.
• border:1px solid adalah ukuran tebal garis kotak scroll, silahkan sobat ganti nilainya, seperti yang sobat inginkan.
• #000000 adalah Kode warna pada garis kotak scroll, silahkan sobat ganti Kode warnanya seperti yang sobat inginkan.

sumber

Membuat Efek Zoom Pada Gambar di Blog Anda

Di dalam blog terutama pada postingan Anda, akan sangat menarik dan identik jika terdapat sebuah gambar atau image, hal ini penting untuk membuat suatu postingan menjadi lebih menarik. Berikut ini Saya ingin memberikan sedikit trik untuk membuat gambar / image pada blog Anda menjadi lebih menarik dengan menambahkan efek zoom in dan zoom out menggunakan kodeCSS, berikut langkah-langkah nya.

• Silahkan Anda login ke blogger Anda masing-masing
• Masuk kebagian Rancangan, dan klik bagian Edit HTML, kemudian beri tanda centang pada bagian Expand Template Widget
• Cari kode ]]></b:skin>, gunakan shortcut keyboard Ctrl + F
• Setelah ketemu copy paste kode CSS berikut tepat diatas kode tadi

.post img:hover { 
-o-transition: all 0.3s; 
-moz-transition: all 0.3s; 
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3); }

• Simpan Template Anda, dan lihat perubahan nya

Selamat Mencoba...

sumber

Cara Membuat Scroll pada Popular Post (Pos Populer)

Caranya adalah sebagai berikut:

1. Login ke blog anda

2. Pilih rancangan kemudian klik Edit HTML
beri centang pada Expand Template Widget

3. Cari kode berikut:


<div class='widget-content popular-posts'> 

jika sudah, ganti kode tersebut menjadi seperti di bawah:

<div class='widget-content popular-posts' style='overflow:auto;width:ancho;height:300px'>
klik simpan..

ket: height:300px: 300px adalah tinggi scroll, bisa di ganti dan sesuai kebutuhan.

sekian semoga bermanfaat...


sumber

Cara Membuat Dan Memasang Scroll Pada Label Kategori Blog

Setelah sekian lama saya tidak pernah update posting, Kali ini saya akan share posting dan berbagi trik yang ringan tentang Cara Membuat Dan Memasang Scroll Pada Label Categori Blog.


 Mungkin jika sobat ingin blognya kelihatan rapi dan bersih, Maka sobat bisa menggunakan trik yang akan saya share ini. Karena fungsi dari memasang scroll adalah untuk menyingkat pada bagian widget maupun gadget agar kelihatan rapi dan enak di pandang. Intinya tampilan blog kita jadi simpel, karena biasanya kalau label atau kategori di blog kita sangat banyak maka akan memakan banyak tempat di template blog kita. Jadi kita bisa memasang scroll pada label atau kategori blog, agar tampilan blog kita jadi menarik dan singkat.


 Seperti contohnya sobat bisa lihat di blog ini , Pada bagian Label atau kategori di samping (Sidebar) sudah saya pasang scroll. Kelihatan sangat simpel kan sobat??? Namun tetap bisa menampilkan semua label atau kategori, Karena dengan adanya scroll.




 Jika sobat tertarik ingin Membuat Dan Memasang Scroll Pada Label Kategori Blog, Silahkan sobat ikuti langkah-langkahnya sebagai berikut:


1. Silahkan sobat >>"Masuk/Login" ke Blog sobat.

2. Pilih >> Menu >> "Template" >> "Edit Html" >> Lanjutkan >> Jangan lupa sobat Centang kotak kecil "Expand Template Widget".

3. Kemudian Cari kode ]]></b:skin> , Gunakan CTRL + F untuk mempercepat dan memudahkan pencarian.

Lihat Gambar berikut:

KETERANGAN:

• No 1 adalah pencarian cepat menggunakan CTRL + F. Jika sobat sudah sampai pada >> Menu >> Template >> centang Expand Template Widget, Maka gunakan CTRL + F , dan isikan  ]]></b:skin>pada kotak seperti gambar no 1 diatas, guna untuk mempercepat pencarian.
• No 2 adalah letak kode  pada kode Html template sobat.
• No 3 adalah kode Scroll yang akan kita tambahkan.

4. Langkah yang selanjutnya silahkan sobat Copy/salin semua Kode Html di bawah ini dan Paste/tempel tepatdiatas/sebelum Kode ]]></b:skin> , seperti pada gambar di atas.

---

#Label1 .widget-content{
height:200px;
width:auto;
overflow:auto;
}

---

CATATAN:

• height:200px; adalah Nilai Tinggi Kotak Scroll, Silahkan sobat ganti seperti keinginan sobat.
• #Label1 adalah Id Html Gadget blog sobat. tidak perlu diganti.

5. Langkah yang terakhir jangan lupa sobat klik >> "Pratinjau" untuk menghindari kesalahan waktu Edit Html Template sobat.
Jika hasilnya sudah seperti yang sobat inginkan, Silahkan sobat klik >> "Save/Simpan Template".


 Sampai di sini mungkin sobat sudah mengerti Cara Membuat Dan Memasang Scroll Pada Label Kategori Blog, Jika sobat belum jelas, silahkan bertanya. Dan saya akan menjelaskanya secara detail.

sumber

Cara Menambahkan Scroll Pada Arsip Blog atau Blog Archive (Blog List in Carater-66)

Scroll pada Blog Archive

Plug in Blog Archive telah terpasang kembali pada Blog Carater-66 ini, nah agar tampiannya tidak terlalu panjang ke bawah maka saya mencoba dengan membuat scroll (contohnya ada di side bar blog ini), sehingga tampilannya lebih minimalis dan tidak membuat loading blog menjadi lelet. Tertarik untuk membuatnya? Berikut langkah - langkah Cara Menambahkan Scroll Pada Arsip Blog atau Blog Archive (Blog List in Carater-66) :

1.      Sign In di Bloggermu

2.      Klik Menu Rancangan

3.      Klik Menu Edit HTML

4.      Beri Tanda Centang Pada Kotak "Expand Widget Template"

5.      Cari Kode <div id='ArchiveList'> dengan Control F

6.      Lalu Tambahkan Kode Berikut di Atasnya:

<div style='overflow:auto; width:ancho; height: 150px;'>

7.      Ganti 150px dengan ukuran kesukaanmu

8.      Kemudian cari kode dibawah ini:

<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>

9.      Lalu ganti dengan kode berikut (anda juga bisa hanya menambahkan kode yang bercetak merah) :

<b:if cond='data:style == &quot;FLAT&quot;'>

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

</b:if>

<b:if cond='data:style == &quot;MENU&quot;'>

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

</b:if>

</div>

</div></div>

10. Setelah selesai kodenya jadi seperti di bawah ini, lalu save.

<div style='overflow:auto; width:ancho; height:150px;'>

<div id='ArchiveList'>

<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>

<b:if cond='data:style == &quot;HIERARCHY&quot;'>

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

</b:if>

<b:if cond='data:style == &quot;FLAT&quot;'>

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

</b:if>

<b:if cond='data:style == &quot;MENU&quot;'>

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

</b:if>

</div>

</div></div>

<b:include name='quickedit'/>

Demikianah tutorial Cara Menambahkan Scroll Pada Arsip Blog atau Blog Archive (Blog List in Carater-66). Semoga bermanfaat....

sumber

Pasang Widget Alexa Rank Di Blog

Seperti diketahui bahwa alexa rank akan membuat peringkat berdasarkan banyaknya pengunjung blog atau web, semakin banyak pengunjung terhadap suatu blog atau web maka alexa rank akan semakin baik dan ini ditandai dengan nilai Alexa Rank yang semakin sedikit . Jadi kalau semakin hari Alexa Rank kita akan terlihat seperti menurun jangan panik karena itu bagus . Darimana alexa mengetahui jumlah kunjungan terhadap suatu web atau blog? alexa akan mengetahui jumlah kunjungan terhadap suatu web atau blog berdasarkan informasi dari komputer yang browser internetnya memasang alexa toolbar. Oleh karena itu bagi pemilik blog atau web yang ingin mendapatkan data akurat tentang banyaknya pengunjung yaitu dengan memasang alexa widget pada blog atau webnya . Singkatnya dengan memasang alexa widget di blog, maka mesin alexa akan mengetahui secara akurat berapa pengunjung serta Page view (halaman yang di lihat) pada web atau blog kita.

Bagi yang berminat memasang widget alexa rank tersebut caranya, adalah sbb. :

1. Masuk ke situs www.alexa.com

2. Klik menu for site Owners , Kemudian Pilih Side Widgets yg dikehendaki
3. Ketikkan URL blog anda, lalu klik Build Widget, maka akan muncul gambar sbb.:

4. Pilih widget yang akan dipakai dari 3 pilihan yang tersedia , yaitu:
Button (120 x 95 )
Vertical Banner ( 120 x 240 )
Banner ( 468 x 60 )

5. Copy/paste code html dari widget yang dipilih tersebut kedalam blog anda
6. Cara memasang Alexa Rank ke blog :

• Login ke "www.blogger.com"
• Masuk ke "Tata Letak atau Lay Out “
• Pilih "Tambah Gadget"
• Pilih yang "HTML/JavaScript"
• Masukkan script dari www.alexa.com tadi, kemudian klik "Simpan"

7. Selesai... Selamat mencoba...

sumber

Tutorial Cara Membuat Widget Icon Burung Terbang Twitter

Cara mebuat widget Burung Twitter terbang  di blog. Agan-agan cuma perlu tambah widget aja, tapi yang bingung itu kode scriptnya itu apa.hehe. Langsung saja caranya sebagai berikut :

1. Login ke blogger.Dashboard.
2. Buka Rancangan - Elemen Laman
3. Tambah Widget - Html/javascript
4. Copy Paste Kode Dibawah ini

<script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script>
    <script type="text/javascript">
    var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgITQtcVYyLI0IB_GRScLN8ey0LmNCtRZf3VoepAjtGKXWWxs0WZJzMa79GRd5e-nXY_0WphOThSrdoALn5e3QclKhfTSKN-yt_cXhp1cu155PS22DguhrqlZIH2U_7PXfTXfzyqc3F22U/s1600/birdsprite+copy+copy.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/TwitterKamu";var tweetThisText = "Twitter - Twitter kamu https://twitter.com/TwitterKamu/";tripleflapInit();</script>
5. Yang berwarna biru url gambarnya. bisa kamu upload sendiri atau pakai yang sudah saya sediakan

Kalau mau pakai ini pakai kode ini

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl5MlYulDTJw_FN9u58hkSv356_zNdh-1xrKcppaDmzKo4fgkALpgCdhxqw4hGnYqTxI4evoixHF0Psw520gBQE4JLavslQ3spa9Xj6OVQcDDWw17I-qiHfUXr7Lj9ZXOrm5Osk1W79Rg/s1600/birdsprite.png






Atau

Atau pakai ini

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjus_555cUyoecT5aZN8z-I0Qw0tDhIi4vzgiOjYRdEHRe1DwFRux-G8YWnIuvnxyBIiwVcxPw0a7k1VKbOlqO4IvXidCo3LAIX8kmAC-X-FNG1pXGH4Cy8vpTju4334LR3aC0qo_B1ZyU/s1600/birdsprite+copy+copy.png







6. Kode yang merah ganti nengan Url rwitter Kamu

Selamat mencoba.

sumber

Cara Membuat Chat Box ( Buku Tamu )

 

 Cara membuat chatbox di blogspot. Membuat chatbox sangat mudah sekali, kalian hanya tinggal mendaftar di situs website yang menyediakan sarana Chatbox seperti Shoutmix, cbox dan lain-lain.tapi aku sarankan untuk memakai Cbox, karena lebih di sukai oleh para blogger. langsung saja caranya sebagai berikut.

1. Buka website cbox.ws .
2. Setelah itu klik pilihan Signup. Isi semua form yang telah di sediakan
3. Sekarang anda tinggal log in dengan e-mail yang anda daftarkan
4. Pilih Look & Feel - Style Presets
5. Pilih tampilan yang anda sukai
6. Setelah itu buka publish
7. Copy Paste Script (CSS) Chatboxnya.
8. Login ke Blog anda di blogger.com
9. Buka Rancangan - Elemen Laman . Lalu Tambah widget - Html/javascript
10. Paste Script tadi di situ lalu simpan.
Nah sekarang blog anda sudah ada chatboxnya. selamat mencoba

sumber

Cara Menyembunyikan Widget Follow

Bagi teman-teman yang tertarik untuk menerapkan trik ini ke blognya, silahkan untuk memperaktekkannya melalui langkah-langkah berikut:

LANGKAh 1

1. Silahkan surfing ke akun Google Friend Connect milik anda (usahakan anda dalam keadaan online/login akun Google atau Blogger anda)
2. Selanjutnya anda akan dibawa ke halaman utama akun Google friend connect milik anda. Perhatikanlah nama-nama blog anda di bagian kiri (untuk poin yang ini khusus bagi anda yang memiliki blog lebih dari satu dalam satu akun Blogger, bagi anda yang hanya memiki satu blog - silahkan langsung ke poin "tiga") => 
Pilihlah blog mana yang hendak anda pasang widget Followers-nya.
3. Pilih Gadget yang bernama "Tambahkan Gadget Anggota"
4. Maka anda akan dibawa ke halaman pengambilan kode script "Widget Followers". Di halaman ini anda bisa mengatur berapa lebar widget followers anda nantinya, lalu berapa jumlah sederetan wajah followers anda, juga bisamengatur warna tampilan widget followers anda (background, garis tepi, dll). Sebagai catatan: Usahakan lebar widget anda benar-benar cocok dengan bagian pojok blog anda, ini bertujuan agar tampilan blog anda terlihat lebih bagus
5. Seusai pengaturan dan anda merasa ukuran widget yang telah anda setting sudah benar-benar cocok dengan ukuran pojok template blog anda, maka segeralah untuk mengambil kode scriptnya dengan cara mengklik tombol "Buat Kode"
6. Ambillah kode tersebut, lalu paste-kan ke "notepad" atau di mana pun untuk digunakan di langkah tahap 2

LANGKAH 2  
Berikut langkah-langkahnya :
1. Login ke Blogger
2. Masuk Rancangan - Elemen Laman
3. Tambah Gadget Html/Java Script
4. Copy -  Paste kode berikut :

<style type="text/css">
#fl{
position:fixed;
right:190px;
z-index:+1000;
}
* html #fl{position:relative;}

.fltab{
height:32px;
width:270px;
float:top;
cursor:pointer;
background:url(#) no-repeat;
}
.flcontent{
float:right;
border:2px solid #33e104;
background:url(http://i846.photobucket.com/albums/ab26/arifins/fire.gif)#000000 repeat-x bottom center scroll;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideFL(){
var fl = document.getElementById("fl");
var w = fl.offsetWidth;
fl.opened ? moveFL(0, -100-w) : moveFL(20-w, 0);
fl.opened = !fl.opened;
}
function moveFL(x0, xf){
var fl = document.getElementById("fl");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
fl.style.bottom = x.toString() + "px";
if(x0!=xf){setTimeout("moveFL("+x+", "+xf+")", 10);}
}
</script>
<div id="fl">
<div class="fltab" onclick="showHideFL()">
</div>
<div class="flcontent">


LETAKAN DISINI  KODE SCRIPT  WIDGET FOLLOWERS YANG TELAH ANDA AMBIL DI GOOGLE FRIEND CONNECT TADI!


<div style="text-align: right;">

<a href="javascript:showHideFL()">
[close]
<span style="font-size:85%;"><a href="http://mania-xp.blogspot.com/2011/11/cara-menyembunyikan-widget-follow.html"><div style="color: rgb(68, 68, 68);">
<span style="font-size:xx-small;">Get This Gadget</span></div></a></span>
</div>
</div>
<script type="text/javascript">
var fl = document.getElementById("fl");
fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";
</script>


5. Setelah itu,bika rancangan - edit Html.cari code <body> dengan cara tekan Ctrl + F, copy paste kode di atas <body>

<a href='javascript:showHideFL()' style='display:scroll;position: fixed; bottom:65px;left:5px;' title='Follow'><img src='http://i846.photobucket.com/albums/ab26/arifins/Follow.png'/></a>


sumber

Cara Bikin Banner

Bagi sobat-sobat blogger mungkin sudah lihai dalam memodifikasi blognya. Tapi buat newbie newbie mungkin masih awam dalam hal ini. Disini saya mau jelaskan tentang cara membuat banner di blog supaya bisa diklik, supaya lebih keren dan temen temen lainnya bisa langsung copas aja. Ada beberapa macam situs layanan membuat banner gratis, salah satunya dan yang sering saya gunakan adalah cooltext.com karena sangat mudah sekali. Oke langsung aja ya langkah langkah cara membuat banner supaya bisa diklik, sebagai berikut:



1.Kunjungi cooltext.com
2.Pilih contoh contoh banner lalu klik
3.Pada kolom Logo Text ganti dengan judul blog anda
4.Pada kolom Text Size ganti ukuran textnya sesuai keinginan anda
5.Pada Text Color ganti warna textnya sesuai keinginan anda
6.Background Image silahkan jika anda ingin menggantinya
7.kalo sudah selsai semua klik "render logo"
8.lalu klik "download image"
9.Simpan di PC anda
10.Lalu buka http://www.photobucket.com
11.daftar dulu klo sudah langsung login
12.Lalu klik "album & upload" lalu "choose file" pilih "from my computer" lalu pilih banner anda tadi
13. kalo proses upload sudah selsai arahkan mousenya ke gambar banner tadi lalu copy script yang ada di kolom HTML CODE ke notepad menjadi 2
14.tambahkan code ini <textarea cols="20" name="textarea"> sebelum kode banner anda yang ke 2 ke notepad tadi
15.lalu tambahkan kode ini </textarea> setelah kode banner anda yang ke 2 ke notepad tadi

kayak gini contohnya
CODE BANNER ANDA <textarea cols="20" name="textarea">CODE BANNER ANDA</textarea>

Setelah itu copy semua kode yang ada di notepad tadi lalu simpan di blog anda

Untuk blogspot anda masuk ke "LAYOUT"---->"ADD GADGETS"---->"HTML / Java Script" lalu SAVE. Selsai ;)

UPDATE!
Supaya banner jika diklik bisa langsung ke alamat situs maka, ganti URL pertama menjadi URL blog anda. CODE BANNER ANDA kan ada 2, misal : CODE BANNER ANDA (<a href="http://s385.photobucket.com/albums/oo293/tyo041084/?action=view&current=globe.gif" target="_blank"><img src="http://i385.photobucket.com/albums/oo293/tyo041084/globe.gif" border="0" alt="globe"></a>) <textarea cols="20" name="textarea">CODE BANNER ANDA (<a href="http://s385.photobucket.com/albums/oo293/tyo041084/?action=view&current=globe.gif" target="_blank"><img src="http://i385.photobucket.com/albums/oo293/tyo041084/globe.gif" border="0" alt="globe"></a>) </textarea>

Huruf yg dicetak tebal adalah CODE BANNER ANDA
Huruf yg berwarna merah adalah URL gambar anda. Ganti warna kode yg berwarna merah ini menjadi URL situs anda, misalnya:http://muhammadyogapratama.blogspot.com/

Nanti jadinya akan seperti di gadget 'My Banner'


sumber

Cara Mencari Blogger di suatu Negara dan Daerah Tertentu

Sebagai seorang blogger yang baru nyubie mungkin penasaran ingin melihat blogger-blogger kota lain atau bahkan blogger dari negara lain dengan tujuan untuk menambah pengetahuan,kenalan,atau hanya sekedar blogwalking aja dan yang paling gue demeni yaitu sangat jitu untuk memperkenalkan blog dikancah internasional (hehe...kayak seni tradisional aje).


Oke langsung aja kita praktekkan,sebagai contoh caranya yaitu masukkan alamat berikut di address bar browser sobat.


1.ALAMAT BLOGGER SELURUH INDONESIA
http://www.blogger.com/profile-find.g?t=l&loc0=ID


2.ALAMAT BLOGGER DALAM SATU PROVINSI 
http://www.blogger.com/profile-find.g?t=l&loc0=ID&loc1=Jawa+Tengah


3.ALAMAT BLOGGER DALAM SATU KOTA
http://www.blogger.com/profile-find.g?t=l&loc0=ID&loc1= Jawa+Tengah&loc2=Ungaran


Ket: Silahkan sobat ganti huruf yang berwarna merah sesuai dengan kodeNegara,nama provinsi dan nama kota yang sobat ingin segera meluncur.
ID adalah kode untuk Indonesia.
Jawa+Tengah adalah nama Provinsi.
Tanda + berfungsi sebagai spasi pada nama Provinsi dengan dua kata atau lebih.
Ungaran adalah nama kota.

Dan jangan lupa kode Negara harus ditulis dengan huruf besar.

DAFTAR KODE UNTUK NEGARA NEGARA DIDUNIA


A
.ac – Pulau Ascension *
.ad – Andorra
.ae – Uni Emirat Arab
.af – Afganistan
.ag – Antigua dan Barbuda *
.ai – Anguilla
.al – Albania
.am – Armenia *
.an – Antillen Belanda
.ao – Angola
.aq – Antartika
.ar – Argentina
.as – Samoa Amerika *
.at – Austria *
.au – Australia
.aw – Aruba
.ax – Ã…land
.az – Azerbaijan


B
.ba – Bosnia Herzegovina
.bb – Barbados
.bd – Bangladesh
.be – Belgia *
.bf – Burkina Faso
.bg – Bulgaria
.bh – Bahrain
.bi – Burundi *
.bj – Benin
.bm – Bermuda
.bn – Brunei Darussalam
.bo – Bolivia *
.br – Brasil *
.bs – Bahama *
.bt – Bhutan
.bv – Pulau Bouvet (tidak dipakai dan tidak terdaftar)
.bw – Botswana
.by – Belarus
.bz – Belize *


C
.ca – Kanada
.cc – Pulau Cocos *
.cd – Republik Demokratik Kongo (dulunya .zr – Zaire) *
.cf – Republik Afrika Tengah
.cg – Republik Kongo *
.ch – Swiss *
.ci – Côte d’Ivoire (Pantai Gading)
.ck – Kepulauan Cook *
.cl – Chili
.cm – Kamerun
.cn – Republik Rakyat Tiongkok *
.co – Kolombia
.cr – Kosta Rika
.cs – Serbia dan Montenegro (dulunya .yu – Yugoslavia; Catatan: pada tanggal 3 Juni, 2006, Montenegro mendeklarasikan kemerdekaannya, sehingga domain ini tidak dipakai lagi.) (kode domain .cs tidak dipakai, tidak ada DNS) (kode domain .cs dulunya dipakai untuk Cekoslowakia)
.cu – Kuba
.cv – Tanjung Verde
.cx – Pulau Natal *
.cy – Siprus
.cz – Republik Ceko


D
.de – Jerman
.dj – Djibouti *
.dk – Denmark *
.dm – Dominika
.do – Republik Dominika
.dz – Aljazair (Algeria)


E
.ec – Ekuador
.ee – Estonia
.eg – Mesir
.eh – Sahara Barat (tidak dipakai; tidak ada DNS)
.er – Eritrea
.es – Spanyol *
.et – Ethiopia
.eu – Uni Eropa (kode domain yang “dikhususkan” oleh ISO 3166-1)


F
.fi – Finlandia
.fj – Fiji *
.fk – Kepulauan Falkland
.fm – Federasi Mikronesia *
.fo – Kepulauan Faroe
.fr – Perancis


G
.ga – Gabon
.gb – Britania Raya (Reserved domain by IANA; deprecated – see .uk)
.gd – Grenada
.ge – Georgia
.gf – Guyana Perancis
.gg – Guernsey
.gh – Ghana
.gi – Gibraltar
.gl – Greenland *
.gm – Gambia
.gn – Guinea
.gp – Guadeloupe
.gq – Guinea Khatulistiwa
.gr – Yunani *
.gs – Georgia Selatan dan Kepulauan Sandwich Selatan *
.gt – Guatemala
.gu – Guam
.gw – Guinea Bissau
.gy – Guyana


H
.hk – Hong Kong *
.hm – Pulau Heard dan Kepulauan McDonald *
.hn – Honduras *
.hr – Kroasia
.ht – Haiti
.hu – Hongaria *


I
.id – Indonesia
.ie – Republik Irlandia
.il – Israel *
.im – Pulau Man *
.in – India *
.io – Teritorial Britania di Samudra Hindia *
.iq – Irak
.ir – Iran *
.is – Islandia
.it – Italia


J
.je – Jersey
.jm – Jamaika
.jo – Yordania
.jp – Jepang


K
.ke – Kenya
.kg – Kirgizstan
.kh – Kamboja
.ki – Kiribati
.km – Komoro
.kn – Saint Kitts dan Nevis
.kp – Korea Utara (tidak dipakai; tidak ada DNS)
.kr – Korea Selatan
.kw – Kuwait
.ky – Kepulauan Cayman
.kz – Kazakhstan *


L
.la – Laos *
.lb – Lebanon
.lc – Saint Lucia
.li – Liechtenstein *
.lk – Sri Lanka
.lr – Liberia
.ls – Lesotho
.lt – Lituania
.lu – Luxemburg
.lv – Latvia *
.ly – Libya *


M
.ma – Maroko
.mc – Monako
.md – Moldova *
.me – Montenegro
.mg – Madagaskar
.mh – Kepulauan Marshall
.mk – Republik Makedonia
.ml – Mali
.mm – Myanmar
.mn – Mongolia *
.mo – Makau
.mp – Kepulauan Mariana Utara *
.mq – Martinique
.mr – Mauritania
.ms – Montserrat *
.mt – Malta
.mu – Mauritius *
.mv – Maladewa
.mw – Malawi *
.mx – Meksiko *
.my – Malaysia
.mz – Mozambik


N
.na – Namibia *
.nc – Kaledonia Baru
.ne – Niger
.nf – Pulau Norfolk *
.ng – Nigeria
.ni – Nikaragua
.nl – Belanda * (ccTLD terdaftar pertama)
.no – Norwegia
.np – Nepal
.nr – Nauru *
.nu – Niue *
.nz – Selandia Baru *


O
.om – Oman


P
.pa – Panama
.pe – Peru
.pf – Polinesia Perancis
.pg – Papua Nugini
.ph – Filipina *
.pk – Pakistan *
.pl – Polandia *
.pm – Saint-Pierre dan Miquelon
.pn – Kepulauan Pitcairn *
.pr – Puerto Riko *
.ps – Otoritas Nasional Palestina *
.pt – Portugal *
.pw – Palau
.py – Paraguay


Q
.qa – Qatar


R
.re РR̩union
.ro – Rumania *
.rs – Serbia
.ru – Rusia *
.rw – Rwanda


S
.sa – Arab Saudi
.sb – Kepulauan Solomon *
.sc – Seychelles *
.sd – Sudan
.se – Swedia *
.sg – Singapura
.sh – Saint Helena *
.si – Slovenia
.sj – Svalbard dan Jan Mayen (tidak dipakai; tidak terdaftar)
.sk – Slowakia
.sl – Sierra Leone
.sm – San Marino *
.sn – Senegal
.so – Somalia *
.sr – Suriname *
.st – Sao Tome dan Principe *
.su – Uni Soviet (terdepresiasi; digantikan; kode domain “dipakai untuk pergantian” oleh ISO 3166-1)
.sv – El Salvador
.sy – Suriah *
.sz – Swaziland *


T
.tc – Kepulauan Turks dan Caicos
.td – Chad
.tf – Teritorial Perancis Selatan
.tg – Togo *
.th – Thailand
.tj – Tajikistan *
.tk – Tokelau *
.tl – Timor Leste (dulunya .tp) *
.tm – Turkmenistan *
.tn – Tunisia
.to – Tonga *
.tp – Timor Timur (terdepresiasi – gunakan .tl; kode domain “dipakai untuk pergantian” oleh ISO 3166-1)
.tr – Turki
.tt – Trinidad dan Tobago *
.tv – Tuvalu *
.tw – Republik China (Taiwan) *
.tz – Tanzania


U
.ua – Ukraina
.ug – Uganda *
.uk – Inggris (kode domain yang “dikhususkan” oleh ISO 3166-1) (lihat pula .gb)
.us – Amerika Serikat *
.uy – Uruguay
.uz – Uzbekistan


V
.va – Vatikan
.vc – Saint Vincent dan Grenadines *
.ve – Venezuela
.vg – Kepulauan Virgin Britania Raya *
.vi – Kepulauan Virgin Amerika Serikat
.vn – Vietnam
.vu – Vanuatu *


W
.wf – Wallis dan Futuna
.ws – Samoa (dulunya Samoa Barat) *


Y
.ye – Yaman
.yt – Mayotte
.yu – Yugoslavia (kemudian berganti nama menjadi Serbia dan Montenegro)
(kode domain secara resmi digantikan oleh .cs (lihat di atas) namun tetap dipakai; kode domain “dipakai untuk pergantian” oleh ISO 3166-1)


Z
.za – Afrika Selatan *
.zm – Zambia
.zw – Zimbabwe

Selamat Mencari Blogger di suatu Negara dan Daerah Tertentu.

sumber