Gadget

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 menambah google Page Rank pada blog

Labels: gadget, Index

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 src="http://www.mypagerank.net/services/pagerankbutton/servicepr_js.php"></script>

6. Simpan Elemen Tersebut

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

<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 memasang widget share multi fungsi dan multi guna pada blog

Labels: desain, gadget

Bukankah menarik jika pada blog sobat memiliki widget yang memiliki fungsi multi guna? Gambarnya seperti ini

Gambar 1.1. Tampilan widget

Menarik bukan? Untuk membuatnya cukup mudah kok, ikuti aja langkah-langkah di bawah 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 </head> (Gunakan CTRL+F atau F3 Untuk mempercepat pencarian)

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

<style type="text/css">
.subbox{width:305px;border:0 solid #141414;overflow:hidden}
.addthis_toolbox{padding:15px 0 5px 0;text-align:center}
.addthis_toolbox .custom_images a{width:32px;height:32px;margin:0 4px 0 4px;padding:0}
.addthis_toolbox .custom_images a:hover img{opacity:1}
.addthis_toolbox .custom_images a img{opacity:0.85}
.rssbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.rssbox:hover{border:1px solid #92aed1}
.rssbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.rssbox a:hover{color:#7c8a9b;text-decoration:underline}
.emailsbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.emailsbox:hover{border:1px solid #92aed1}
.emailsbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.emailsbox a:hover{color:#7c8a9b;text-decoration:underline}
.twitterbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.twitterbox:hover{border:1px solid #92aed1}
.twitterbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.twitterbox a:hover{color:#7c8a9b;text-decoration:underline}
.facebookbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.facebookbox:hover{border:1px solid #92aed1}
.facebookbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.facebookbox a:hover{color:#7c8a9b;text-decoration:underline}
#search{width:290px;padding:2px 2px;background:#f7f6f6;border:1px solid #ccd1d7;height:28px;margin-top:0;margin-left:5px;display:inline;float:left}
#search:hover{border:1px solid #92aed1}
#search form{margin:0;padding:0}
#search fieldset{margin:0;padding:0;border:none}
#search p{margin:0;font-size:85%}
#s{width:200px;margin:0 0 0 0;padding:5px 5px 5px 5px;border:none;font:normal 80% "Tahoma",Arial,Helvetica,sans-serif;color:#000;float:left;background:#f7f6f6;display:inline}
input#searchsubmit{float:right;display:inline;margin:0 0 0 0;height:28px;background:#b2b2b2;color:#000;border:0 solid #222}
</style>

4. Simpan templatenya

Untuk yang kalimat simpannya tidak terlihat, hilangkan dulu kotak pencariannya

5. Masuk ke Dashboard -> Blog Sobat -> Tata Letak -> Tambah Gadget -> HTML/JavaScript

6. Masukan script dibawah ini pada konten elemen tersebut

<div class="subbox">
<div id='search' style='display:inline;'>
<form action='/search' id='searchform' method='get'>
<input id="s" name="q" onblur="if (this.value == "") {this.value = "Search...";}" onfocus="if (this.value == "Search...") {this.value = "";}" type="text" value="Search..." />
<input id="searchsubmit" type="submit" value="Search" />
</form>
</div>
<table><tr>
<td><div class="rssbox">
<a href="http://feeds.feedburner.com/FEEDBURNER-ID" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5bUWNplvVdDjG4iTJ_AYVWcM_kNB-SzmpMjXHPjjNEt7wNqb9Wst1tWskjYaILWKeEljC5E_jbL7mhgIIrlmg69RJONbisgA5T61JNenfwUNCsFq8s2hCiBwEGpmvJZ_Vrsl9fDgY0PIr/" alt="RSS Feed" title="RSS Feed" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://feeds.feedburner.com/FEEDBURNER-ID" target="_blank" rel="nofollow">RSS Feed</a>
</div></td>
<td><div class="emailsbox">
<a href="http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV9Y076Gv7QxOnqNZF8-fMPQCcDwgIwJZ-0wZJ8TeOW662uT7bJMPn1EEiWass8pbkvFVEdcJuHQ-KyXLhAESqnWdbaZudGFVL9c1cvmQCjXiUJw6gjB8-Tw21lGpet4gjfax3H2bZ-to8/" alt="EMail Feed" title="EMail Feed" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID" target="_blank" rel="nofollow">EMail Feed</a>
</div></td>
</tr><tr>
<td><div class="twitterbox">
<a href="http://twitter.com/TWITTER-USERNAME" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6_ofbLVOhYgAHCZ6P6Wj9VVI8FRms1rOEf8LynY27U4Z94YMIDeP0fLHeheH2_VL_vL-vzvZAm0vrHC2nwoww6PqTBvMlP11so-Koc79G0QTUSTDxaY8edT7q3hGpl_cKitEOWYbsEZCt/" alt="Twitter" title="Twitter" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://twitter.com/TWITTER-USERNAME" target="_blank" rel="nofollow">Twitter</a>
</div></td>
<td><div class="facebookbox">
<a href="http://www.facebook.com/FACEBOOK-USERNAME" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsCVUM1g6DBZh2sWg3O5-MWVYFrcubF6TwSH5kW3hIKTOF4Il2wTgxurgeIA3AUZKyeziwpQIyYA0wBgBfIKZEH-YflH8AQTsZyk0MuXIZzZR6OBJyK3sCPuq9_MtSbNxfBNVrJjqi2v4U/" alt="Facebook" title="Facebook" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://www.facebook.com/FACEBOOK-USERNAME" target="_blank" rel="nofollow">Facebook</a>
</div></td>
</tr></table>
<p style="display:none;" align="center">Widget by <a href="http://rizved.blogspot.com/" target="_blank">Tutorial Blogger</a></p>
<div class='addthis_toolbox'>
<div class='custom_images'>
<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX_RRTa_Ysu0nRrhjoU0dkYGm5IgnEA6bUvAo3RrrZ2zMuPZW7CeU0Ha0E2L_d-useXQ5KPioAyuy9N6XfxB0U1aqiy0Vu5AT0GkVvIv5I2guAoZj7g-ZUR0OeqG20zRFQSIMrS-hpLDY/' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO8y33wYmHdMWM3J4WEtsFahl_Sj6IVzAXYjANoqQUqiE2Vm6YEETSs26W9v0ERWqkv3CT3pTrGkzO4RW04cbuxlaB0Rx4uZyxrZuXyP7CY0YBxx3WDeWgjedZ1JdBkhKCoBwgrtfxXYw/' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq7Tm-ilcdIQ9uOKuxsUmjwNDfNU1eCfL8-IaUxohfERfiyq5X4fLkb9nw_hhrapEZksbE70pHDoTT8WssozuZawgrS10TvKc-KmjbMWnySfSlF3sITDZ3q1EMYKQ1YQqqBCIDyYSbLoc/' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4Z7QWLLDFHPngRLgesAtHJFF8LQVQHiA7reIZZbBDHhH2HFw_gPd5IQL935eY7c-7W-aTsPZEFgQY4OCU6rCpxN7eKCBYyaD4JjF_axuVXE_Bhtavxoxxzi-tM8Squ9qa_869WiiWZgI/' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCWJoz5hnc67-_QUgXLC-64HWqikc_vE2Kon-QwtXo8aW-l9Gw9z-jsfOBsU3ZUnMQwpFZsdLIvpk-4MQLTGebXeDRbZc1QHgtZ-_Idi9Pg5p9N2vdy-Z-9V4wJAO3VntPtDEsr6cPdC0/' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjua0KYDCoqDWPrjiQMCRClj8CzdaGO_eJvCpUz4SKmrOuthCYG9mFvFNyaTjC3DEh6GlbGrqowK3DTWbEgbLqYQhzVugtmg2P0zDKygzdBdRyEH0JuxV5ySXWYWm1AyBOOJEu0NvEvojY/' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5FH6GA1d_-ZzmGivPK1q42DwzNrImIHx2KZDULyBBcO1iM3qwfE964jUyoh4gVfC5bPJoBEKXmo48LKzXIpkmCW4U3NaVdRJ2W93skQmGO07UCtpdRZ2uTzsQrNplUHhyjIuNyWAC_iE/' width='32'/></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
</div></div>

7. Simpan

Artikel ini saya kuti daari http://pelajari-selengkapnya.blogspot.com/2012/03/widget-blog-multi-fungsi-dan-multi-guna.html

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 Menambahkan Status Yahoo Messenger (YM) di Blog

Labels: desain, gadget

Siapa yang tak kenal dengan yahoo messenger (YM)? Yahoo Messenger atau YM adalah dunia chatting sebelum datangnya Facebook. Tetapi yahoo messenger tetap tidak tergoyahkan untuk urusan chatting dengan seseorang di halaman blog atau web, hebat kan? Ya meskipun reputasinya masih berada jauh di bawah si Facebook, tetapi menurut saya sama saja kok

Kali ini saya akan mencoba membahas tentang “Bagaimana cara menampilkan status Offline / Online Yahoo Messenger pada blog” (Panjang juga ya?). Jadi kalau ada status tombol Yahoo Messenger ini pengunjung blog sobat dapat secara langsung melakukan chatting dengan sobat (Bisa Dikatakan Mirip FB)

Langsung saja ikuti langkah-langkah di bawah ini

1. 1. Masuk ke Dashboard -> Blog Sobat -> Tata Letak -> Tambah Gadget -> HTML/JavaScript
Image

2. 2. Masukan script dibawah ini ke dalam konten HTML/JavaScript, ganti teks yang bercetak tebal dan bercoret tengah dengan user account Yahoo Messenger anda. Untuk angka yang bercetak tebal silakan ganti dengan angka lain sob (1-4) dan hasilnya, gambar ikon yang akan ditampilkan berbeda-beda

<a href=”ymsgr:sendIM?~~user~~”><img src=http://opi.yahoo.com/online?u=~~user~~&m=g&t=2&l=us/></a>

3. 3. Simpan elemen tersebut, lau refresh blog sobat. Munculkan status YM-nya? Apabila account YM sedang online maka icon akan berubah dengan sendirinya, begitu juga sebaliknya

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 menambah google Page Rank 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 memasang widget share multi fungsi dan multi guna pada blog

Cara membuat Dropcap pada postingan blog

Cara menyisipkan video Youtube di postingan Blog

Cara Menambahkan Status Yahoo Messenger (YM) di Blog