Pages

Friday 30 December 2011

Bikin Saving Mode di Blogger

 
Sebelum saya menuliskan cara bikin saving mode di blogger mungkin ada sebagian blogger yang belum tahu apa sih saving mode itu.

Saya akan coba jelaskan sedikit apa itu saving mode yang saya maksud di sini.

Saving mode yang saya maksud di sini adalah sebuah script yang yang akan membuat sebuah blog atau website menjadi gelap (saving mode) apa blog bila tidak melakukan aktivitas (maksudnya apa bila pengunjung blog/situs tersebut tidak melakukan aktivitas apa pun, termasuk tidak menggerakkan kursor)

Berikut Gambar Demo Saving Mode
Untuk lebih jelasnya silakan lihat langsung Demo Saving Mode di Blogger


Setelah melihat demo saving mode ini mungkin teman pernah melihatnya di blog lain dan ada keinginan untuk membuatnya juga.
Next ...

Tutorial Cara Membuat Saving Mode di Blogger
  1. Login ke Blogger
  2. Klik Menu Rancangan / Design
  3. Klik Menu Edit HTML
Sekararang cari kode </head>

Agar lebih mudah mencari kode tersebut silakan tekan Ctrl + F (Baca :Cara Mudah + Cepat Mencari Kode Html di Blogger)

Jika kode </head> sudah ditemukan, silakan pasang script berikut tepat di atasnya
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'></script>
Kemudian klik Simpan / Save

Jika script di atas tidak bisa disimpan silakan gunakan yang ini
<script src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>
Selesai ...
Selamat mencoba dan semoga berhasil

Tuesday 27 December 2011

Recent Post by Label Tanpa Thumbnail & Script

 
Pada artikel terdahulu saya telah menuliskan tutorial membuat recent post by label with thumbnail di Blogger dan cara bikin recent post by label with thumbnail saja.

Nah pada artikel kali ini saya akan menuliskan cara mudah membuat recent post by label tanpa thumbnail dan tanpa menggunakan script.

Lho ... emangnya di blogger kita bisa bikin recent post by label tanpa script?

Ternyata kita bisa membuat recent post by label tanpa thumbnail di blogger tanpa harus menggunakan script (hanya menggunakan alat yang sudah disediakan blogger), cara ini saya temukan karena coba-coba dan ternyata berhasil.

Oke lanjut ....
Panduan Membuat Recent Post by Label Tanpa Thumbnail dan Tanpa Script
Sebagaimana tutorial blogger lainnya, langkah yang harus kita lakukan adalah sebagai berikut:
  1. Login ke blogger
  2. Klik menu Rancangan / Design
  3. Kemudian klik Tambah Gadget / Add Gadget
  4. Pilih Gadget Feed
  5. Masukkan url Feed Kategori di sana setelah itu klik Lanjutkan
  6. Jika url Feed Kategori yang di masukkan benar maka teman akan melihat daftar artikel terbaru yang berada pada kategori tersebut.
  7. Jika sudah oke silakan klik tombol simpan.
Contoh url Feed Kategori
Kategori blogger tutorial : http://blog.ahmadrifai.net/feeds/posts/default/-/blogger%20tutorial
Kategori blogger template : http://blog.ahmadrifai.net/feeds/posts/default/-/blogger%20template
Silakan ganti blog.ahmadrifai.net dengan alamat blog teman.
Ganti juga blogger%20tutorial atau blogger%20template dengan nama kategori yang ingin di tampilkan artikel ter barunya.

Catatan:
Pisahkan nama kategori yang menggunakan spasi dengan kode %20

Selamat mencoba, semoga bermanfaat

Friday 23 December 2011

Tutorial Bikin Footer Footer Bar + Random Post Berjalan

 
Kali ini saya akan menuliskan tutorial blog yaitu Tutorial Bikin Footer Footer Bar yang sudah saya sisipkan script Random Post Berjalan serta forum berlangganan dari feedburner.

Tutorial kali ini sengaja saya tuliskan karena ada salah satu pengunjung yang meminta kepada saya agar saya menuliskan tutorial membuat footer bar Baca Juga (maksudnya seperti yang ada di footer blog ini).

Bagi teman-teman yang belum tau apa yang saya maksud footer bar di sini, silakan lihat gambar berikut
Footer Footer Bar + script Random Post Berjalan + forum berlangganan dari feedburner

Nah itulah yang saya maksud Tutorial Bikin Footer Footer Bar yang sudah saya sisipkan script Random Post Berjalan serta forum berlangganan dari feedburner.

Next ...

Tutorial Bikin Footer Footer Bar + Script Random Post Berjalan serta forum berlangganan dari feedburner

Pertama silakan login ke Dasbor blogger, kemudian klik Rancangan / Design

Cara Membuat Read More Di Posting Blogger
Setelah itu klik menu Edit HTML
Cara Bikin Read More Di Posting Blogger
Untuk memasang kode footer bar ini silakan pilih salah satu cara berikut yang menurut teman lebih mudah.

(Cara 1 pasang kode Footer Bar + Script Random Post Berjalan + Forum Berlangganan)

Cari kode </body> dan letakkan semua kode berikut ini tepat di atasnya (Agar lebih cepat menemukan kode tersebut silakan baca Cara Mudah + Cepat Mencari Kode Html di Blogger)
<style type='text/css'>
/* --------------------------------------- */
/* Bottom Bar */
/* --------------------------------------- */
#bot-bar img {
/* margin: 0px 0px -8px 0px; */
vertical-align: middle;
}
#bot-bar .right {
width:34%;
float: right;
padding-right:20px;
line-height: 1.5;
font-size:12px;
height: 100%;
text-align:right;
}
#bot-bar .left {
width:60%;
float: left;
margin: 0px;
padding-top:4px;
padding-left:5px;
line-height: 1.2;
vertical-align: bottom;
}
#bot-bar a {
color:#666;
text-decoration:none;
}
#bot-bar a:hover{
color: #fff;
cursor:hand;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC6E-6VHnIAwj3xXjMfqsRS0o754PZ1cg4exLcerv8iqYsGMs83c0NEwLcMqrkPP0eyuDO0656idO-gahoUK8fnn-4efJ_lv2yT4YYZXxEcTjU5i6-xLQ8tlZD6LcEo9Fh4D-Ls-DGacU/s1600/linkwarnawarni.jpg);
}
#bot-bar {
padding:5px 0 5px 0;
align: center;
position: fixed;
background: #000;
width: 100%;
left: 0px;
text-align: left;
color: #666;
font-size:12px;
z-index:10000;
bottom:0;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
}
</style>
<div id='bot-bar'>
<div class='left'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
  <tr>
    <td width='13%'>Baca Juga:</td>
    <td width='87%'>
&lt;script type=&quot;text/javascript&quot;&gt;
var randarray = new Array();var l=0;var flag;
var numofpost=10;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i &lt;   numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j   in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&amp;&amp;l!=0){randarray[i++]=l;}}document.write(&#39;&lt;marquee onmouseover=&quot;this.stop()&quot; onmouseout=&quot;this.start()&quot; scrollamount=&quot;4&quot;&gt;&#39;);
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k &lt; entry.link.length;   k++){if(entry.link[k].rel==&#39;alternate&#39;){var item =&quot;(&lt;a href=&quot; + entry.link[k].href + &quot;&gt;&quot; + entry.title.$t + &quot;&lt;/a&gt;)&quot;;
document.write(item);}}
}document.write(&#39;&lt;/marquee&gt;&#39;);}
&lt;/script&gt;
&lt;script src=&quot;/feeds/posts/default?alt=json-in-script&amp;start-index=1&amp;max-results=1000&amp;
callback=randomposts&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
    </td>
  </tr>
</table>
</div>
<div class='right'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
  <tr>
    <td>Langganan </td>
    <td> &lt;form id=&quot;subscribe&quot; action=&quot;http://feedburner.google.com/fb/a/mailverify&quot; target=&quot;popupwindow&quot; method=&quot;post&quot; onsubmit=&quot;window.open(&#39;http://feedburner.google.com/fb/a/mailverify?uri=Blog-AhmadRifai-Net&#39;, &#39;popupwindow&#39;, &#39;scrollbars=yes,width=550,height=520&#39;);return true&quot;&gt;&lt;input id=&quot;subbox&quot; onfocus=&quot;if (this.value == &#39;Masukan Email anda...&#39;) {this.value = &#39;&#39;;}&quot; value=&quot;Masukan Email anda...&quot; name=&quot;email&quot; onblur=&quot;if (this.value == &#39;&#39;) {this.value = &#39;Masukan Email anda...&#39;;}&quot; type=&quot;text&quot;&gt;&lt;input value=&quot;Blog-AhmadRifai-Net&quot; name=&quot;uri&quot; type=&quot;hidden&quot;&gt;&lt;input  value=&quot;en_US&quot; name=&quot;loc&quot; type=&quot;hidden&quot;&gt;&lt;input id=&quot;subbutton&quot; value=&quot;Langganan&quot; type=&quot;submit&quot;&gt;&lt;/form&gt; </td>
    <td> <a href='http://blog.ahmadrifai.net/2011/12/tutorial-bikin-footer-footer-bar-random.html'>Get It</a></td>
  </tr>
</table>
</div>
</div>
(Cara pasang kode Footer Bar + Script Random Post Berjalan + Forum Berlangganan)

Cari kode ]]></b:skin> dan letakkan semua kode berikut ini tepat di atasnya
/* --------------------------------------- */
/* Bottom Bar */
/* --------------------------------------- */
#bot-bar img {
/* margin: 0px 0px -8px 0px; */
vertical-align: middle;
}
#bot-bar .right {
width:34%;
float: right;
padding-right:20px;
line-height: 1.5;
font-size:12px;
height: 100%;
text-align:right;
}
#bot-bar .left {
width:60%;
float: left;
margin: 0px;
padding-top:4px;
padding-left:5px;
line-height: 1.2;
vertical-align: bottom;
}
#bot-bar a {
color:#666;
text-decoration:none;
}
#bot-bar a:hover{
color: #fff;
cursor:hand;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC6E-6VHnIAwj3xXjMfqsRS0o754PZ1cg4exLcerv8iqYsGMs83c0NEwLcMqrkPP0eyuDO0656idO-gahoUK8fnn-4efJ_lv2yT4YYZXxEcTjU5i6-xLQ8tlZD6LcEo9Fh4D-Ls-DGacU/s1600/linkwarnawarni.jpg);
}
#bot-bar {
padding:5px 0 5px 0;
align: center;
position: fixed;
background: #000;
width: 100%;
left: 0px;
text-align: left;
color: #666;
font-size:12px;
z-index:10000;
bottom:0;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
}
Dan cari kode </body> kemudian letakkan semua kode berikut ini tepat di atasnya
<div id='bot-bar'>
<div class='left'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
  <tr>
    <td width='13%'>Baca Juga:</td>
    <td width='87%'>
&lt;script type=&quot;text/javascript&quot;&gt;
var randarray = new Array();var l=0;var flag;
var numofpost=10;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i &lt;    numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j    in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&amp;&amp;l!=0){randarray[i++]=l;}}document.write(&#39;&lt;marquee  onmouseover=&quot;this.stop()&quot;  onmouseout=&quot;this.start()&quot;  scrollamount=&quot;4&quot;&gt;&#39;);
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k &lt; entry.link.length;    k++){if(entry.link[k].rel==&#39;alternate&#39;){var item  =&quot;(&lt;a href=&quot; + entry.link[k].href +  &quot;&gt;&quot; + entry.title.$t +  &quot;&lt;/a&gt;)&quot;;
document.write(item);}}
}document.write(&#39;&lt;/marquee&gt;&#39;);}
&lt;/script&gt;
&lt;script src=&quot;/feeds/posts/default?alt=json-in-script&amp;start-index=1&amp;max-results=1000&amp;
callback=randomposts&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
    </td>
  </tr>
</table>
</div>
<div class='right'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
  <tr>
    <td>Langganan </td>
    <td> &lt;form id=&quot;subscribe&quot;  action=&quot;http://feedburner.google.com/fb/a/mailverify&quot;  target=&quot;popupwindow&quot; method=&quot;post&quot;  onsubmit=&quot;window.open(&#39;http://feedburner.google.com/fb/a/mailverify?uri=Blog-AhmadRifai-Net&#39;,  &#39;popupwindow&#39;,  &#39;scrollbars=yes,width=550,height=520&#39;);return  true&quot;&gt;&lt;input id=&quot;subbox&quot;  onfocus=&quot;if (this.value == &#39;Masukan Email  anda...&#39;) {this.value = &#39;&#39;;}&quot;  value=&quot;Masukan Email anda...&quot;  name=&quot;email&quot; onblur=&quot;if (this.value ==  &#39;&#39;) {this.value = &#39;Masukan Email  anda...&#39;;}&quot;  type=&quot;text&quot;&gt;&lt;input value=&quot;Blog-AhmadRifai-Net&quot;  name=&quot;uri&quot;  type=&quot;hidden&quot;&gt;&lt;input   value=&quot;en_US&quot; name=&quot;loc&quot;  type=&quot;hidden&quot;&gt;&lt;input  id=&quot;subbutton&quot; value=&quot;Langganan&quot;  type=&quot;submit&quot;&gt;&lt;/form&gt; </td>
    <td> <a href='http://blog.ahmadrifai.net/2011/12/tutorial-bikin-footer-footer-bar-random.html'>Get It</a></td>
  </tr>
</table>
</div>
</div>
Keterangan :
Silakan ganti tulisan Blog-AhmadRifai-Net (yang ada di line 78 [kode 1] dan line 28 [kode 2] dengan Id FeedBurner teman


Cara mengetahui Id FeedBurner yaitu dengan melihat url lengkap FeedBurner teman, contohnya url FeedBurner saya http://feeds.feedburner.com/Blog-AhmadRifai-Net nah yang di belakang itulah yang saya maksud Id FeedBurner (Blog-AhmadRifai-Net)


Nah itu lah tutorial cara membuat footer bar + random post + forum berlangganan.


Selamat mencoba dan semoga berhasil

Update 17 Januari 2012

Karena tidak semua template bisa menggunakan cara di atas akhirnya saya mencoba untuk mencarikan solusi agar foterbar + random post bisa di pasang.

Caranya penggunaan script ini hampir sama dengan cara di atas, cuma bedanya script ini tidak dipasang di bagian Edit Html, tapi ditambahkan pada widget

Klik tambah Widget / Gadget, kemudian pilih widget Html/JavaScript

Setelah itu masukkan kode berikut :
<style type='text/css'>
/* --------------------------------------- */
/* Bottom Bar */
/* --------------------------------------- */
#bot-bar img {
/* margin: 0px 0px -8px 0px; */
vertical-align: middle;
}
#bot-bar .right {
width:34%;
float: right;
padding-right:20px;
line-height: 1.5;
font-size:12px;
height: 100%;
text-align:right;
}
#bot-bar .left {
width:60%;
float: left;
margin: 0px;
padding-top:4px;
padding-left:5px;
line-height: 1.2;
vertical-align: bottom;
}
#bot-bar a {
color:#666;
text-decoration:none;
}
#bot-bar a:hover{
color: #fff;
cursor:hand;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC6E-6VHnIAwj3xXjMfqsRS0o754PZ1cg4exLcerv8iqYsGMs83c0NEwLcMqrkPP0eyuDO0656idO-gahoUK8fnn-4efJ_lv2yT4YYZXxEcTjU5i6-xLQ8tlZD6LcEo9Fh4D-Ls-DGacU/s1600/linkwarnawarni.jpg);
}
#bot-bar {
padding:5px 0 5px 0;
align: center;
position: fixed;
background: #000;
width: 100%;
left: 0px;
text-align: left;
color: #666;
font-size:12px;
z-index:10000;
bottom:0;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
}
#subbox{background:#fff;width:150px;color:#000;font-size:12px;font-family: Arial, Tahoma, Verdana;font-weight: normal;margin: 0;padding: 2px;border-top:1px solid #666;border-right:1px solid #ddd;border-left:1px solid #666;border-bottom:1px solid #ddd;display: inline;    -moz-border-radius:3px;-webkit-border-radius:3px;}
#subbutton{background: #ddd;color:#111;width:70px;font-size: 11px;font-family: Arial, Tahoma, Verdana;margin:0 0 0 5px;padding:2px;border: 1px solid #ccc;font-weight: bold;-moz-border-radius:3px;-webkit-border-radius:3px;color:#111;}
#subbutton:hover{background: #000;color:#fff;border: 1px solid #333;}
</style>
<div id='bot-bar'>
<div class='left'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
  <tr>
    <td width='13%'>Baca Juga:</td>
    <td width='87%'>
<!-- Alphabetical/chronological Post Title Listing with comment count Start -->
<script type="text/javascript">
function getYpipeTL(feed) {
document.write('<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="3">');
var i;
for (i = 1; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title + "</a> | ";
var pComment = " \(" + feed.value.items[i].commentcount + " comments\)";
var pList = "</a>" + "<a href="+ href + '">' + pTitle;
document.write(pList);
document.write(pComment);
document.write('</a></li>');
}
document.write('</marquee>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=Isi Dengan Alamat Blog Kamu
&Order=alphabet
&_id=401e43055731c1a29f1e1d3eb5e8e13f
&_callback=getYpipeTL
&_render=json"
type="text/javascript"></script>
<!-- Alphabetical Post Title Listing End -->
    </td>
  </tr>
</table>
</div>
<div class='right'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
  <tr>
    <td>Langganan </td>
    <td>
<form id="subscribe" action="http://feedburner.google.com/fb/a/mailverify" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Isi Dengan Id FeedBurner Kamu', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input id="subbox" onfocus="if (this.value == &#39;Masukan Email anda...&#39;) {this.value = &#39;&#39;;}" value="Masukan Email anda..." name="email" onblur="if (this.value == &#39;&#39;) {this.value = &#39;Masukan Email anda...&#39;;}" type="text" /><input value="Isi Dengan Id FeedBurner Kamu" name="uri" type="hidden" /><input value="en_US" name="loc" type="hidden" /><input id="subbutton" value="Langganan" type="submit" /></form>   
    </td>
    <td> <a href='http://blog.ahmadrifai.net/2011/12/tutorial-bikin-footer-footer-bar-random.html'>Get It</a></td>
  </tr>
</table>
</div>
</div>
Note :
Ganti tulisan Isi Dengan Alamat Blog Kamu dengan alamat blog kamu (jangan lupa pakai http:// ya)
Ganti tulisan Isi Dengan Id FeedBurner Kamu dengan id feed burner kamu.

Wednesday 21 December 2011

cara buat link di postingan biar bisa di-klik

 
Link yaitu mengetik link URL yang dituju dibumbui dengan kode sedikit, lalu diberi judul, terakhir diberi tutup kode. Ini merupakan kode HTML sederhana dan wajib dikuasai oleh setiap blogger. ;-)

Kode yang digunakan sangat sederhana kok, coba perhatikan kode berikut:

<a href="http://ibnuhabibi.blogspot.com/" title="i-Habibi">i-Habibi</a>

Untuk link yang pertama, nanti yang bisa dilihat adalah tulisan “i-Habibi“, yang kedua adalah “i-Habibi” (tanpa tanda petik). Intinya link tulisan yang akan muncul adalah yang di depan kode </a>. Jangan lupa juga untuk meletakkan tanda petik dengan benar.

Perlu diingat, penulisan kode HTML tersebut wajib ditulis pada postingan blog mode HTML, bukan mode Composel!!

Saturday 17 December 2011

Bikin Link Hover Berpijar Di Bawahnya

 
Kali ini saya akan menuliskan tutorial bagaimana cara membuat link berkedip-kedip dibawahnya menggunakan CSS buka pakai JavaScript

Maksud saya link di sini adalah tulisan yang tertanam link di dalamnya, sehingga ketika corsur diarahkan ke tulisan yang ada linknya tadi maka tulisan tersebut akan berpijar-pijar / berkelip-kelip dibawahnya.

Demo Link Berpijar / Berkelap-kelip yang saya maksud

Blogger Tutorial

Ok Ga Perlu Panjang Lebar ....
Bikin Link Hover Berpijar Berkelip-kelip Di Bawahnya
Langkah-langkah yang harus di lakukan:
  1. Login ke dashboard blogger
  2. Klik menu Rancangan / Design
  3. Klik lagi menu Edit HTML
Jika sudah berda di Rancangan => Edit HTML silakan cari kode yang mirip seperti ini:
a:hover{
color:......;
text-decoration:.....;
}
Jika sudah menemukan kode seperti itu, silakan tambahkan sedikit kode berikut sebelum kode }
cursor:hand;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC6E-6VHnIAwj3xXjMfqsRS0o754PZ1cg4exLcerv8iqYsGMs83c0NEwLcMqrkPP0eyuDO0656idO-gahoUK8fnn-4efJ_lv2yT4YYZXxEcTjU5i6-xLQ8tlZD6LcEo9Fh4D-Ls-DGacU/s1600/linkwarnawarni.jpg);
Sehingga jadi seperti ini:
a:hover{
color:......;
text-decoration:.....;
cursor:hand;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC6E-6VHnIAwj3xXjMfqsRS0o754PZ1cg4exLcerv8iqYsGMs83c0NEwLcMqrkPP0eyuDO0656idO-gahoUK8fnn-4efJ_lv2yT4YYZXxEcTjU5i6-xLQ8tlZD6LcEo9Fh4D-Ls-DGacU/s1600/linkwarnawarni.jpg);
}
Silakan simpan perubahan dan cek blog teman apakah linknya sudah berpijar.

Catatan :

Saran saya sebaiknya gunakan cara ini juga warna latar blog / artikel teman berwarna gelap, seperti hitam. Jika menggunakan warna terang seperti putih kayak nya kurang bagus.

Selesai Tutorial Cara Membuat Link Hover Berkedip Warna Warni / berpijar-pijar.

Selamat mencoba dan semoga bermanfaat

Sunday 11 December 2011

Status Ym Widget Untuk Blogger

 
Kali ini saya ingin menuliskan tutorial cara pasang status ym online widget untuk blogger.

Sebagian blogger menganggap status ym online perlu ada di blog nya, karena melalui widget Status Ym pengunjung blog bisa langsung menghubungi admin blog melalui ym, dan pengunjung pun bisa dengan mudah mengetahui apakah admin sedang online atau tidak melalui status ym widget tersebut

Cara Pasang Status Ym Widget Untuk Blogger
Seperti biasa, langkah yang harus dilakukan adalah
  1. Login ke blogger
  2. Klik Rancangan / Design
  3. Klik Tambah Gadget / Add Gadget (Pilih Gadget HTML/JavaScript)
  4. Masukkan kode status ym di sana
  5. Simpan
  6. Selesai
Nah itulah cara pasang widget status ym di blogger.


Kode Status Ym Widget
<a href="ymsgr:sendIM?id_ymkamu"> <img src="http://opi.yahoo.com/online?u=id_ymkamu&amp;m=g&amp;t=1&amp;l=us"/></a>
<a href="ymsgr:sendIM?id_ymkamu"> <img src="http://opi.yahoo.com/online?u=id_ymkamu&amp;m=g&amp;t=2&amp;l=us"/></a>
<a href="ymsgr:sendIM?id_ymkamu"> <img src="http://opi.yahoo.com/online?u=id_ymkamu&amp;m=g&amp;t=3&amp;l=us"/></a>
<a href="ymsgr:sendIM?id_ymkamu"> <img src="http://opi.yahoo.com/online?u=id_ymkamu&amp;m=g&amp;t=4&amp;l=us"/></a>
<a href="ymsgr:sendIM?id_ymkamu"> <img src="http://opi.yahoo.com/online?u=id_ymkamu&amp;m=g&amp;t=5&amp;l=us"/></a>
<a href="ymsgr:sendIM?id_ymkamu"> <img src="http://opi.yahoo.com/online?u=id_ymkamu&amp;m=g&amp;t=6&amp;l=us"/></a>
<a href="ymsgr:sendIM?id_ymkamu"> <img src="http://opi.yahoo.com/online?u=id_ymkamu&amp;m=g&amp;t=7&amp;l=us"/></a>
<a href="ymsgr:sendIM?id_ymkamu"> <img src="http://opi.yahoo.com/online?u=id_ymkamu&amp;m=g&amp;t=8&amp;l=us"/></a>
<a href="ymsgr:sendIM?id_ymkamu"> <img src="http://opi.yahoo.com/online?u=id_ymkamu&amp;m=g&amp;t=9&amp;l=us"/></a>
<a href="ymsgr:sendIM?id_ymkamu"> <img src="http://opi.yahoo.com/online?u=id_ymkamu&amp;m=g&amp;t=10&amp;l=us"/></a>
<a href="ymsgr:sendIM?id_ymkamu"> <img src="http://opi.yahoo.com/online?u=id_ymkamu&amp;m=g&amp;t=11&amp;l=us"/></a>
<a href="ymsgr:sendIM?id_ymkamu"> <img src="http://opi.yahoo.com/online?u=id_ymkamu&amp;m=g&amp;t=12&amp;l=us"/></a>
<a href="ymsgr:sendIM?id_ymkamu"> <img src="http://opi.yahoo.com/online?u=id_ymkamu&amp;m=g&amp;t=13&amp;l=us"/></a>
<a href="ymsgr:sendIM?id_ymkamu"> <img src="http://opi.yahoo.com/online?u=id_ymkamu&amp;m=g&amp;t=14&amp;l=us"/></a>
<a href="ymsgr:sendIM?id_ymkamu"> <img src="http://opi.yahoo.com/online?u=id_ymkamu&amp;m=g&amp;t=15&amp;l=us"/></a>
<a href="ymsgr:sendIM?id_ymkamu"> <img src="http://opi.yahoo.com/online?u=id_ymkamu&amp;m=g&amp;t=16&amp;l=us"/></a>
Selamat Mencoba, dan semoga bermanfaat

Saturday 10 December 2011

WP-Polaroid Blogger Template

 
WP-Polaroid Blogger Template is a free blogger template adapted from WordPress with 3 columns, right sidebar, magazine-styled and web 2.0 design.

Excellent layout for blogs about entertainment, internet, people or photography..
WP-Polaroid Blogger Template
Note:
  • WP-Polaroid Blogger Template is FREE LICENSE, GPL License, and Creative Commons Attribution 3.0 License. Please be RESPECTFULL Blogger Template Makers and Do Not Remove Credit Footer Link
  • Some file dowload link is Paid To Download and we not change the download link
  • We not change all or some part of the template including not change and add links footer. File template still same from original resource blog's template maker

Friday 9 December 2011

Mencari Link Label Posting

 
Bagaimana ya mencari link label posting kita ?

Sebagaimana yang sudah pernah saya jelaskan dulu pada artikel Mengenal Fungsi Label Blogger. Label memang perlu kita buat di setiap posting yang kita tulis, bahkan menurut saya ini sangat penting.

Lantas bagaimana cara mengetahui link label yang sudah kita buat ?

Artikel ini sengaja saya buat karena ada salah satu pengunjung blog ini yang menanyakan tentang bagaimana cara mencari link label, karena link labelnya mau di pasang di menu horizontal blogger yang sudah dibuatnya.

Ok langsung saja ya.

Untuk mengetahui link label posting blog blogger kita mudah kok. Kita hanya perlu mengunjungi blog blogger kita kemudian melihat posting yang sudah kita buat. Biasanya di bawah judul posting atau di akhir posting tersebut ada tulisan
Posted by Ahmad Rifai on 06:40 in | 5 comments 
Itu cuma contoh lho.
 
Nah jika sudah ketemu yang seperti ini silakan arahkan cursor ke link label posting teman (saya yakin teman-teman ingat nama labelnya). contohnya posting saya menggunakan label blogger tutorial.
Jika cursor sudah berada dilink label tersebut silakan klik kanan pada link label tersebut kemudian pilih Salin Lokasi Tautan / Copy Link Location.

Bagaimana jika di posting blog kita tidak ada labelnya ???? 
Hmmmm, gimana ya ???
 
Jika labelnya tidak ada dipostingan blog blogger teman maka teman bisa menampilkannya dengan cara mensetting Gadget blog post letaknya di bagian Rancangan / Design, atau bisa juga dengan cara memasang kumpulan label di sidebar blog kita menggunakan Gadget / Widget Label yang sudah disediakan pihak blogger (letaknya juga di Rancangan).
 
Untuk Gadget blog post dan Gadget Label ini nanti akan saya jelaskan di posting yang berbeda. 
 
Salah satu cara mudah untuk mengetahui link label blog blogger kita yaitu dengan menuliskan link sendiri, misalnya label tersebut namanya blogger tutorial. Maka kita cukup menambahkan namanya di belakang link:
http://blog.ahmadrifai.net/search/label/tambahkan link label di sini
Ganti blog.ahmadrifai.net dengan alamat blog teman . Pada tulisan tambahkan link label di sini silakan masukkan nama label yang sudah teman buat.
 
Contoh :
Nama Label blogger tutorial (bukan Blogger Tutorial), maka yang kita tambahkan adalah tulisan blogger tutorial, sehingga menjadi seperti ini
http://blog.ahmadrifai.net/search/label/blogger tutorial
Jika nama label tersebut menggunakan spasi, maka yang harus kita lakukan adalah mengganti spasi dengan %20 sehingga jadi seperti ini hasilnya
http://blog.ahmadrifai.net/search/label/blogger%20tutorial
Note : tulisa sesuai nama labelnya, jika menggunakan huruf besar maka harus pakai huruf besar jua.

Saturday 3 December 2011

Widget SMS Gratis Untuk Blogger

 

Widget sms gratis ini adalah sebuah widget yang bisa di gunakan untuk kirim-kirim SMS secara gratis kepada siapa pun.

Cara penggunaannyapun sangat mudah, kita cukup masukkan no Hp tujuan dan isi sms yang akan kita kirim. Sebenarnya saat ini ada terdapat banyak situs penyedia sms gratis, namun di sini saya hanya ingin menuliskan 1 saja, yang lainnya bisa teman cari lewat Google :-)

Website yang saya maksud adalah www.sms-online.web.id

Next ....

Cara Pasang Widget SMS Gratis Di Blogger
Langkah Pertama
Login Ke dashboard blogger

Langkah Kedua
Klik Menu Rancangan / Design

Langkah Ketiga
Klik Tambah Gadget / Add Gadget (pilih HTML/JavaScript)

Kemudian Masukkan kode berikut di dalamnya
<iframe name="widgetsms" src="http://www.sms-online.web.id/widget/" width="270" height="350" frameborder="0"></iframe>

Nah itulah cara pasang widget sms gratis di blogger

Oh ia. Widget SMS Gratis Untuk Blogger ini tidak hanya bisa di pasang di widget (sidebar) saja lho. kita juga bisa memasangnya di post atau page.

Contoh ada di halaman Kirim SMS Gratis

Selamat mencoba dan semoga berhasil
Get updates in your email box

Complete the form below, and we'll send you our recent update.

Deliver via FeedBurner
© Copyright 2016 i-Habibi. Designed by Bloggertheme9. Distributed by Free Blogger Templates