Gadget

Showing posts with label dasar blog. Show all posts

Cara menghilangkan kalimat langgan: entri (atom) [ Subscribe to: Post (Atom) ] pada postingan blog :

Labels: aksesoris blog, dasar blog

Apa sih kalimat yang saya maksud? Dibawah ini adalah screenshot untuk kalimat yang saya maksud

Gambar 1.1. Langgan Entri Atom

Mau menghilangkannya agar blog kalian terlihat lebih segar?

1. Masuk ke Dashboard ~> Blog Sobat ~> Template ~> Edit HTML ~> Lanjutkan ~> Centang Expand Template Widget

2. Cari kode <b:include name='feedLinks'/> (Gunakan CTRL+F atau F3 Untuk mempercepat pencarian)

3. Setelah ketemu hapus kode yang tadi

Gambar 1.2. Menghapus kode yang tadi

4. Simpan templatenya

Untuk kalimat simpannya tak terlihat

hapus kotak pencariannya

5. Cek blog anda dengan cara merefresh blog anda

Gambar 1.3. Menghilangkan kalimat Langgan Entri Atom

Read User's Comments(0)

Cara mengganti tulisan komentar pada kotak komentar

Labels: dasar blog

1. Pertama masuklah ke Dasboard sobat, lalu klik salah satu blog sobat
2. Pilih Tata Letak , lalu pilih tulisan edit pada posting blog

Gambar 1.1. Pilih menu pada Blogger

3. Setelah itu muncul jendela pop up baru

4. Ganti kalimat komentar dengan kalimat lain (Contoh: Orang Menanggapi Artikel Ini)

Gambar 1.2. Mengganti Kalimat Komentar

5. Setelah kalian ganti, silakan kalian simpan edit-an tersebut

6. Cek blog anda dengan merefresh blog tersebut

Gambar 1.3. Tampilan baru pada kalimat komentar

Read User's Comments(0)

Cara menyembunyikan judul blog

Labels: dasar blog

1. Masuk ke Dashboard ~> Blog Sobat ~> Template ~> Edit HTML ~> Lanjutkan ~> Centang Expand Template Widget

2. Cari kode #Header h1 (Gunakan CTRL+F atau F3 Untuk mempercepat pencarian)

3. Setelah ketemu letakan kode di bawah ini tepat dibawah kode yang tadi

display:none;

4. Simpan templatenya

Untuk kalimat simpannya tak terlihat

hapus kotak pencariannya

Read User's Comments(0)

Cara mengetahui / mengecheck artikel (postingan) blog yang masuk di google

Labels: dasar blog, posting

Cara ini mungkin akan mempermudah kita untuk mengetahui seberapa banyak artikel kita yang telah masuk di google. Mau tahu caranya?

1. Masuk dulu ke Google
2. Setelah itu tuliskan kalimat " site:http://alamatbloganda.blogspot.com " (tanpa kutip)
3. Enter

Nah muncul artikel sobat yang muncul di google. Salam Blogger :D

Read User's Comments(0)

Cara mengetahui / mengecheck pagerank (pr) blog kita

Labels: dasar blog

Siang sobat, kali ini saya akan mengajarkan cara mengecheck pagerank blog. Tapi sebelumnya saya minta maaf karena saya tidak bisa memberi screenshotnya

1. Pertama kunjungi p r checker
2. Masukan URL blog sobat pada kotak yang tersedia
3. Setelah itu akan ada kode chaptca, tulis kode chaptca tersebut pada kolom yang ada
4. Sudah deh, pagerank blog sobat kelihatan

Biasanya kalau blog baru pageranknya 0 jadi jangan panik atau Frustasi
hehehe

Read User's Comments(0)

Cara menghilangkan tulisan Powered by blogger [ Diberdayakan oleh blogger ] pada blog

Labels: aksesoris blog, dasar blog

Tak asing rasanya jika sobat menemukan Powered by blogger [ Diberdayakan oleh blogger ] pada bagian footer blog anda, Biasanya tulisan ini akan muncul jika sobat menggunakan template bawaan dari blogger. Tampilannya seperti dibawah ini

Gambar 1.1. Kalimat pada bagian footer

Untuk tutorial kali ini saya akan mengajarkan cara untuk menghapus kalimat tersebut

1. Masuk ke Dashboard ~> Blog Sobat ~> Template ~> Edit HTML ~> Lanjutkan ~> Centang Expand Template Widget

2. Cari kode  (Gunakan CTRL+F atau F3 Untuk mempercepat pencarian)

3. Setelah ketemu hapus kodeyang ada dibawah kalimat tersebut

<b:section class='foot' id='footer-3' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
<b:includable id='main'>
<b:if cond='data:feedbackSurveyLink'>
<div class='mobile-survey-link' style='text-align: center;'>
<data:feedbackSurveyLink/>
</div>
</b:if>

<div class='widget-content' style='text-align: center;'>
<b:if cond='data:attribution != ""'>
<data:attribution/>
</b:if>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>

Gambar 1.2. Hapus kode yang ada dibawah kalimat tersebut

4. Simpan templatenya
5. Lalu akan muncul kalimat peringatan, klik saja tombol hapus widget

Read User's Comments(0)

Cara membuat Text Area Pada Blog

Labels: dasar blog, posting

Text Area sering digunakan oleh para blogger sebagai kotak untuk menyisipkan kode tukar link maupun tukar banner, namu ada juga yang mengunakan ini untuk menyisipkan kode HTML. Sebenarnya untuk membuat text area itu sangat mudah, contohnya seperti ini

Cara membuatnya sangat mudah kok, sisipkan saja kode dibawah ini pada Edit HTML yang ada di postingan

<textarea rows="5" cols="15" onfocus="this.select()" onmouseover="this.focus()" style="display: inline;" name="txt" onclick="this.focus();this.select()">~~Hai Sekarang kalian sedang membaca postingan berjudul Cara membuat Text Area pada blog, selamat membaca ya :D~~ </textarea>

Belum tahu letak kode Edit HTML?

Read User's Comments(0)

Cara Membuat Recent Post dengan Tumbnails pada blog

Labels: aksesoris blog, dasar blog, gadget, posting

Screenshot:

Gambar 1.1. Recent Post dengan Tumbnails

Mau buat seperti itu, mudah kok

1. Pertama masuklah ke Dasboard sobat, lalu klik salah satu blog sobat
2. Pilih Tata Letak , lalu Tambah Gadget
3. Setelah itu akan muncul tab baru, pilih gadget Html Javascript
4. Lalu muncul halaman baru lagi
5. Isi Judul, dan isikan kode berikut pada kontennya

<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 = "Alamat Blog";

</script>

<script src="http://tutorialblogger.googlecode.com/files/recentposttumbanail.js" type="text/javascript"></script>

6. Simpan Elemen Tersebut

Read User's Comments(0)

Cara menyisipkan link pada kotak komentar

Labels: dasar blog, posting

Sebenarnya cara menyisipkan link pada kotak komentar itu sama saja dengan cara menyisipkan link pada postingan. Cuma kalau cara menyisipkan link pada kotak komentar menggunakan kode HTML, contohnya seperti di bawah ini

Gambar 1.1. Contoh Link yang saya tinggalkan pada blog teman

Mau buat link seperti itu? Caranya mudah kok

Pada saat nulis sisipkan kode di bawah ini

<a href='http:/~~/rizved.blogspot.com~~'>~~Tutorial Blogger~~</a>

Contohnya saya menulis seperti ini

Kunjungi balik ya sob di <a href='http://rizved.blogspot.com'>Tutorial Blogger</a>

Setelah jadi akan seperti ini

Kunjungi balik ya sob di Tutorial Blogger

Read User's Comments(0)

Cara membuat form login pada blog

Labels: dasar blog, gadget

Silakan Login melalui blogger <br/><br/><form action="https://www.google.com/accounts/ServiceLoginBoxAuth" method="post" onsubmit="onlogin()"><input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden"/><input value="blogger" name="service" type="hidden"/><input value="8" name="nui" type="hidden"/><input value="8" name="naui" type="hidden"/><input value="2" name="fpui" type="hidden"/><input value="3" name="uilel" type="hidden"/><input value="true" name="skipvpage" type="hidden"/><input value="false" name="rm" type="hidden"/><input value="true" name="alwf" type="hidden"/><input value="http://www.blogger.com/login.g" name="roeu" type="hidden"/><input value="0" name="alinsu" type="hidden"/><input value="WbQ8QiJfUvA" name="GA3T" type="hidden"/><div><label for="Email"> Username: <br/><input id="Email" tabindex="1" value="" name="Email" size="20" type="text"/></label></div><div><label for="Passwd"> Password: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>) <br/></label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"/></div><br/><input id="signin-btn-ns" tabindex="0" value="Sign in" class="ubtn ubtn-block" name="submit" type="submit"/></form>

6. Lalu simpan Elemen tersebut

Hasil akhirnya ada dibawah ini

Silakan Login melalui blogger

Read User's Comments(0)

Cara membuat kotak pencarian multi pada blog

Labels: dasar blog, desain, gadget

Langsung saja ya tutorialnya

1. Masuk ke Dashboard ~> Blog Sobat ~> Template ~> Edit HTML ~> Lanjutkan ~> Centang Expand Template Widget

Gambar 1.1. Edit HTML

Gambar 1.2. Lanjutkan

2. Cari kode ]]></b:skin> (Gunakan CTRL+F atau F3 Untuk mempercepat pencarian)

3. Setelah ketemu letakan kode dibawah ini tepat diatas kode yang tadi

/** css for the search box */
div#pm-search ul { /* unordered list */
margin-top: 0;
margin-right: 0;
margin-left: 0px;
margin-bottom: 5px;
padding: 0;
}
div#pm-search li { /* each list element */
list-style-type: none; /* don't edit this */
display: inline; /* don't edit this */
cursor: pointer; /* don't edit this */
margin-top: 0;
margin-bottom: 0;
margin-right: 5px;
margin-left: 0px;
text-indent: 0px;
padding: 0;
}
div#pm-search form { /* the search form */
margin: 0;
padding: 0;
}
div#pm-search-h {
display: block; /* don't edit this */
}
div#pm-search-g,
div#pm-search-b,
div#pm-search-t {
display: none; /* don't edit this */
}
div#pm-search input { /* the textbox and submit button */
background-color: transparent;
border: 1px dotted #999;
color: #999;
}
.pm-search-selected { /* which search service is currently selected */
color: #999;
border-bottom: 1px dotted #999;
}
.pm-search-unselected { /* which search services are not selected */
color: #777;
border-bottom: 1px dotted #777;
}

4. Sekarang cari kode </head>
5. Letakan kode yang tadi tepat diatas kode </head>
6. Simpan template tersebut
7. Setelah itu masuklah ke Dasboard sobat, lalu klik salah satu blog sobat
8. Pilih Tata Letak , lalu Tambah Gadget
9. Setelah itu akan muncul tab baru, pilih gadget Html Javascript
10. Lalu muncul halaman baru lagi
11. Kosongkan Judul, dan isikan kode berikut pada kontennya lalu simpan

<div id="pm-search">
<ul>
<li id="li-h" class="pm-search-selected" onclick="selectH()">here</li><li id="li-g" class="pm-search-unselected" onclick="selectG()">google</li><li id="li-b" class="pm-search-unselected" onclick="selectB()">blogger</li><li id="li-t" class="pm-search-unselected" onclick="selectT()">technorati</li>
</ul>
<div id="pm-search-h">
<form action="http://YOURBLOG.blogspot.com/search" method="get">
<input id="pm-f-h" value="" name="q" size="15" type="text"/>
<input value="Search" type="submit"/>
</form>
</div>
<div id="pm-search-g">
<form action="http://blogsearch.google.com/blogsearch" method="get">
<input id="pm-f-g" value="" name="as_q" size="15" type="text"/>
<input value="Search" type="submit"/>
<input value="YOURBLOG.blogspot.com" name="bl_url" type="hidden"/>
</form>
</div>
<div id="pm-search-b">
<form action="http://search.blogger.com/" method="get">
<input id="pm-f-b" value="" name="as_q" size="15" type="text"/>
<input value="Search" type="submit"/>
<input value="YOURBLOG.blogspot.com" name="bl_url" type="hidden"/>
</form>
</div>
<div id="pm-search-t">
<form action="http://www.technorati.com/search.php" method="post">
<input id="pm-f-t" maxlength="255" name="s" size="15" type="text"/>
<input value="Search" type="submit"/>
<input value="searchlet" name="sub" type="hidden"/>
<input value="YOURBLOG.blogspot.com" name="from" type="hidden"/>
<input value="n" name="authority" type="hidden"/>
<input value="n" name="language" type="hidden"/>
</form>
</div>
</div>

Ingat ganti kode YOURBLOG.blogspot.com

Dibawah ini adalah gambar dari hasil html yang tadi

Gambar 1.3. Hasil akhir

Read User's Comments(0)

Membuat auto refresh pada blog

Labels: aksesoris blog, dasar blog

Refresh dalam bahasa indonesia dapat dikatakan adalah penyegaran, tapi apa yang dimaksud refresh pada blog? Mungkin sama saja yang berarti penyegaran / muat ulang. Sekarang auto refresh dapat kita masukan kedalam dunia blog sehingga para pengunjung / visitor sobat tidak perlu repot-repot menekan tombol F5

Berikut cara Membuat auto refresh pada blog

1. Masuk ke Dashboard ~> Blog Sobat ~> Template ~> Edit HTML ~> Lanjutkan ~> Centang Expand Template Widget

Gambar 1.1. Edit HTML

Gambar 1.2. Lanjutkan

2. Cari kode <head> (Gunakan CTRL+F atau F3 Untuk mempercepat pencarian)

3. Setelah ketemu letakan kode dibawah ini tepat dibawah kode yang tadi

<meta http-equiv="refresh" content="10"/>

Untuk angka yang bewarna merah adalah waktu auto refresh

4. Simpan templatenya

Untuk yang kalimat simpannya tidak terlihat, hilangkan dulu kotak pencariannya

Read User's Comments(0)

Cara membuat Dropcap pada postingan blog

Labels: dasar blog, posting

Pasti kawan-kawan semua sudah mengerti apa itu dropcap? Kalau ada yang belum mengerti akan saya jelaskan secara rinci apa itu dropcap. Drop cap adalah huruf besar pada awal kalimat, biasanya dropcap ini sering ditemukan saat kita sedang membaca surat kabar sebagai awal kalimatnya. Bukan hanya itu dropcap juga biasa dipakai pada MS. Word (Microsoft Word). Sekarang fasilitas dropcap ini bisa kita gunakan untuk awal kalimat pada postingan blog (blogger), ya meskipun caranya agak sedikit susah/rumit. Dibawah ini adalah contoh dropcap pada postingan blog

utorial Blogger adalah blog yang bisa dibilang cukup berteman dan tidak sombong

Untuk membuat dropcap pada postingan blog, ikuti langkah dibawah ini
1. Masuk ke Dashboard ~> Blog Sobat ~> Template ~> Edit HTML ~> Lanjutkan ~> Centang Expand Template Widget

Gambar 1.1. Edit HTML

Gambar 1.2. Lanjutkan

2. Cari kode ]]></b:skin> (Gunakan CTRL+F atau F3 Untuk mempercepat pencarian)

3. Setelah ketemu letakan kode dibawah ini tepat diatas kode yang tadi

/* Drop Cap
----------------------------------------------- */
.dropcap {
float:left;
color: #000000;
line-height:35px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:70px;
}

4. Simpan templatenya

Untuk yang kalimat simpannya tidak terlihat, hilangkan dulu kotak pencariannya

Menggunakan Dropcap Pada Postingan

1. Buatlah sebuah postingan

2. Klik Edit HTML

3. Ketik <div class="dropcap">Huruf Besar</div>

Contohnya seperti ini

<div class="dropcap">H</div>ai nama saya Andreano Calvin

Setelah jadi akan seperti ini

ai nama saya Andreano Calvin

Semoga Berhasil

Read User's Comments(0)

Cara menyisipkan video Youtube di postingan Blog

Labels: dasar blog, posting

Youtube merupakan sebuah situs yang memiliki fasilitas video sharing (membagi video). Tahukah kalian asal mula Youtube? Pada bulan Februari 2005 Youtube didirikan oleh 3 orang mantan karyawan Paypal yang bernama Chad Hurley, Steve Chen, dan Jamed Karim. Dan pada tahun 2006 youtube akhirnya telah resmi dibeli oleh Google Inc. Senilai 1,65 Milyar US (Matanya pada hijau tuh :p)

Dengan adanya Youtube ditangan Google akhirnya Youtube digandeng dengan Blogger, artinya setiap video Youtube bisa kita bagikan melalui postingan Blogger (Sebagai perangkat pendukung). Untuk menyisipkan video Youtube tidak terlalu sulit atau bisa dikatakan sangat mudah, mari kita bahas bersama-sama

1. Kunjungi www.youtube.com kemudian pilih video yang ingin kalian sisipkan (pastikan video tersebut cocok dengan tema posting)

2. Setelah telah kalian memilih video perhatikan bagian bawah dari video tersebut, ada tombol Bagi lalu Sematkan. Klik tombol tersebut dan akan muncul sebuah kotak teksarea dengan kode HTML. Copy semua kode tersebut dengan menekan CTRL+C atau Klik kanan -> Copy

Gambar 1.1. Kode yang saya dapatkan

3. Setelah kode kalian salin, buatlah sebuat postingan. Lalu klik Edit HTML
Tampilan baru: Edit HTML berada di sisi kiri atas (sebelah kalimat compose)
Tampilan lawas: Edit HTML berada di sisi kanan atas (sebelah kalimay compose)
Paste kode HTML pada tersebut pada akhir postingan atau bisa anda letakan di bagian tengah maupun awal postingan. Jika sudah kalian paste klik compose kembali

4. Sebelum kalian terbitkan, kalian bisa mem-previewnya terlebih dahulu. Setelah kalian sudah mantap pada letak video tersebut silakan kalian terbitkan postingan tersebut

Read User's Comments(0)

Cara Memasang Google Translate dalam bentuk bendera kotak pada Blog

Labels: dasar blog, gadget, posting

Pada tutorial yang lalu sebenarnya saya telah membahas postingan yang memiliki tema yang sama. Yaitu “Cara memasang google translate pada blog (Drop Down)” dan “Cara memasang google translate pada blog (Bendera bulat)”, untuk siang hari ini kita akan membahas postingan yang hampir mirip dengan sebelumnya cuma ada sedikit saja yang berbeda. Sudah tahukan apa yang akan kita bahas? (Baca aja tuh judulnya). Postingan ini sengaja saya bagikan buat anda yang menyukai ikon penerjemah dalam bentuk bendera seperti di bawah ini

Gambar 1.1. Tampilan Google Translate dalam bendera

Bagaimana ikonnya? Keren, biasa, tidak tertarik atau apa?
Oke deh kalau begitu kita mulai tutorialnya
1. Masuk ke Dashboard -> Blog sobat -> Tata letak -> Add Gadget -> HTML/JavaScript
2. Masukan kode yang di bawah ini pada konten elemen tersebut

<form action="http://www.google.com/translate">
<script language="JavaScript">

</script>
<input value="en" name="hl" type="hidden"/>
<input value="UTF8" name="ie" type="hidden"/>
<input value="" name="langpair" type="hidden"/>
<center>
<input onclick="this.form.langpair.value=this.value" title="Chinese Simplified" value="ro|zh-CN" type="image" height="20" src="http://www.google.com/images/flags/cn_flag.gif" width="30" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="English" value="ro|en" type="image" height="40" src="http://www.google.com/images/flags/uk_flag.gif" width="50" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Greek" value="ro|el" type="image" height="20" src="http://www.google.com/images/flags/gr_flag.gif" width="30" name="langpair"/>
<br/>
<input onclick="this.form.langpair.value=this.value" title="Hindu" value="ro|hi" type="image" height="20" src="http://www.google.com/images/flags/in_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="German" value="ro|de" type="image" height="20" src="http://www.google.com/images/flags/de_flag.gif" width="30" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="Dutch" value="ro|nl" type="image" height="20" src="http://www.google.com/images/flags/nl_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Russian" value="ro|ru" type="image" height="20" src="http://www.google.com/images/flags/ru_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Bulgarian" value="ro|bg" type="image" height="20" src="http://www.google.com/images/flags/bg_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Polish" value="ro|pl" type="image" height="20" src="http://www.google.com/images/flags/pl_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Czech" value="ro|cs" type="image" height="20" src="http://www.google.com/images/flags/cz_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Croatian" value="ro|hr" type="image" height="20" src="http://www.google.com/images/flags/hr_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="French" value="ro|fr" type="image" height="20" src="http://www.google.com/images/flags/fr_flag.gif" width="30" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="Italian" value="ro|it" type="image" height="20" src="http://www.google.com/images/flags/it_flag.gif" width="30" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="Portuguese" value="ro|pt" type="image" height="20" src="http://www.google.com/images/flags/pt_flag.gif" width="30" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="Spanish" value="ro|es" type="image" height="20" src="http://www.google.com/images/flags/es_flag.gif" width="30" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="Arabic" value="ro|ar" type="image" height="20" src="http://www.google.com/images/flags/sa_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Japanese" value="ro|ja" type="image" height="20" src="http://www.google.com/images/flags/ja_flag.gif" width="30" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="Korean" value="ro|ko" type="image" height="20" src="http://www.google.com/images/flags/kr_flag.gif" width="30" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="Chinese (traditional)" value="en|zh-TW" type="image" height="20" src="http://www.google.com/images/flags/tw_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Danish" value="ro|da" type="image" height="20" src="http://www.google.com/images/flags/dk_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Finnish" value="ro|fi" type="image" height="20" src="http://www.google.com/images/flags/fi_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Norwegian" value="ro|no" type="image" height="20" src="http://www.google.com/images/flags/no_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Swedish" value="ro|sv" type="image" height="20" src="http://www.google.com/images/flags/se_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Catalan" value="ro|ca" type="image" height="20" src="http://www.google.com/images/flags/cl_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Filipino" value="ro|tl" type="image" height="20" src="http://www.google.com/images/flags/ph_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Hebrew" value="ro|iw" type="image" height="20" src="http://www.google.com/images/flags/il_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Indonesian" value="ro|id" type="image" height="20" src="http://www.google.com/images/flags/id_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Latvian" value="ro|lv" type="image" height="20" src="http://www.google.com/images/flags/lv_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Lithuanian" value="ro|lt" type="image" height="20" src="http://www.google.com/images/flags/lt_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Serbian" value="ro|sr" type="image" height="20" src="http://www.google.com/images/flags/rs_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Slovak" value="ro|sk" type="image" height="20" src="http://www.google.com/images/flags/sk_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Slovenian" value="ro|sl" type="image" height="20" src="http://www.google.com/images/flags/si_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Ukrainian" value="ro|uk" type="image" height="20" src="http://www.google.com/images/flags/ua_flag.gif" width="30" name="langpair2"/>
<input onclick="this.form.langpair.value=this.value" title="Vietnamese" value="ro|vi" type="image" height="20" src="http://www.google.com/images/flags/vn_flag.gif" width="30" name="langpair2"/>
<h6>Widget By <u><a href='http://rizved.blogspot.com/2012/04/cara-memasang-google-translate-dalam.html'>Tutorial Blogger</a></u></h6>
</center>
</form>

1. 3. Setelah itu simpan elemen tersebut

Read User's Comments(0)

Cara Memasang Tombol Share To Facebook Di Blog

Labels: aksesoris blog, dasar blog, posting

Memasang gadget share facebook pada blog ini bertujuan untuk mempublikasikan atau sharing posting atau artikel blog kita ke teman blogger dan memperluas jaringan blog sobat (Meningkatkan reputasi blog), serta dapat juga mendatangkan banyak pengunjung (Apa bedanya sama reputasi?)/ Untuk membuatnya ikuti langkah dibawah ini

1. Masuk ke Dashboard ~> Blog Sobat ~> Template ~> Edit HTML ~> Lanjutkan ~> Centang Expand Template Widget

Gambar 1.1. Edit HTML

Gambar 1.2. Lanjutkan

2. Cari kode <span class='post-author vcard'> (Gunakan CTRL+F atau F3 Untuk mempercepat pencarian)

3. Setelah ketemu letakan kode dibawah ini tepat dibawah kode yang tadi

<b:if cond='data:post.url'>
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'><img alt='This Share Facebook' border='0' src='http://img32.imageshack.us/img32/5742/sharefacebook.jpg'/></a>
</b:if>

Gambar 1.3. Peletakan kode HTML

4. Simpan Templatenya

Untuk yang kalimat simpannya tidak terlihat, hilangkan dulu kotak pencariannya

Gambar 1.4. Hasil Akhir kode tersebut Klik Disini

Read User's Comments(0)

Cara Jitu Agar Blog Cepat Dikenali oleh Google

Labels: dasar blog, Index

Banyak orang terbiasa mencari sesuatu di Google. Situs ini menyediakanproses index otomatis terhadap setiap web/blog, tetapi tidak akan di index kalau kita tak mendaftarkan situs kita ke Mbah Google. Untuk itu setiap blogger Wajib medaftarkan situs webnya ke Mbah google, agar situs sobat masuk ke google. Caranya sebagai berikut

1. Buka https://www.google.com/webmasters/tools/submit-url, lalu isi formulir yang telah disediakan oleh google. Klik Add URL

Gambar 1.1 Mendaftarkan Blog ke Google

2. Setelah itu akan muncul pemberitahuan bahwa permintaan sobat telah terkirim

Gambar 1.2 Permintaan telah terkirim

Tunggu beberapa hari sampai blog kita terindex. Lamanya proses tidak bisa kita prediksi. Kadan cepat tapi juga sering lama. Jadi kunci utama agar blog cepat terindex adalah Sabar

hehehe :D

Read User's Comments(0)

Cara Membuat Forum Di Blog

Labels: dasar blog, gadget

Saat ini ajang untuk berinteraksi sosial secara online bisa dilakukan dengan banyak cara sebut saja blog, situs jejaring sosial, YM (Yahoo Messenger), dan salah satu media yang sudah cukup lama ada yaitu Forum (online tentunya) contohnya: Kaskus. Bagi seseorang yang ingin memiliki sebuah situs yang murni berisi forum tentunya cukup membungungkan, terutama bagi sobat yang masih belajar

Cara memasang forum itu sangat mudah, bahkan bisa dibilang paling mudah, karena kita hanya perlu memasukan kode script tertentu dan memasangnya pada sebuah halaman/ artikel blog. Untuk memasangkan Widget ini ikuti langkah di bawah ini

1. Kunjungi alamat nabble di http://n6.nabble.com/free-forum.html
2. Masukan username sobat, email sobat, password, centang I have read and I agree to Nabble's, Nama Forum, Deskripsi forum, dan masukan kode captcha

Gambar 1.1 Contoh Biodata yang saya isi

3. Apabila semua data yang sobat masukan benar, maka forum telah sukses dibuat. Setelah itu sobat akan melihat tulisan yang berlatar belakang bewarna kuning, Klik Go to next message

Gambar 1.2 Tulisan yang saya maksud

4. Setelah sobat klik akan muncul code HTML/JavaScript, copy kode tersebut

Gambar 1.3 Kode yang saya terima

5. Masuk ke Dasboard -> Blog Sobat -> Tata Letak -> Tambah Gadget -> HTML/JavaScript -> Paste Kode nya -> Save/Simpan

Gambar 1.4 Menambah Elemen baru pada blog

Gambar 1.5 Paste Kode nya

6. Posisikan forum tersebut di posisi yang srategis sehingga pengunjung bisa melihat forum ini di halaman utama dan melakukan posting pesan pada forum sobat

Gambar 1.6 Hasil Preview forum pada blog

Bagi pengunjung yang akan posting pesan cukup mudah kok, tanpa harus register terlebih dahulu. Cukup dengan klik New Topic dan mengisi nama, subjek, dan pesan yang dikirim lalu Post Message. Posting akan muncul.

Jangan memasang forum pada bagian footer (Seperti Gambat Diatas) karena para pengunjung jarang memerhatikan bagian footer blog. Jangan lupa kunjungi forum saya di sini

Read User's Comments(0)

Gadget

Gadget Unik Menarik

About

Archives

Categories

Cara menghilangkan kalimat langgan: entri (atom) [ Subscribe to: Post (Atom) ] pada postingan blog :

Cara mengganti tulisan komentar pada kotak komentar

Cara menyembunyikan judul blog

Cara mengetahui / mengecheck artikel (postingan) blog yang masuk di google

Cara mengetahui / mengecheck pagerank (pr) blog kita

Cara menghilangkan tulisan Powered by blogger [ Diberdayakan oleh blogger ] pada blog

Cara membuat Text Area Pada Blog

Cara Membuat Recent Post dengan Tumbnails pada blog

Cara menyisipkan link pada kotak komentar

Cara membuat form login pada blog

Cara membuat kotak pencarian multi pada blog

Membuat auto refresh pada blog

Cara membuat Dropcap pada postingan blog

Cara menyisipkan video Youtube di postingan Blog

Cara Memasang Google Translate dalam bentuk bendera kotak pada Blog

Cara Memasang Tombol Share To Facebook Di Blog

Cara Jitu Agar Blog Cepat Dikenali oleh Google

Cara Membuat Forum Di Blog