Cara Mendapatkan URL Fedd Burner

Ada teman saya yang bertanya apa itu feed burner. Dari pada saya jelasin panjang lebar, mending saya upload aja artikel ini walaupun sudah malam tapi saya akan tetap berusaha meng share info menarik .

Kegunaan

Kegunaan dari feed burner adalah : jika kita tapilkan gadget feed burner di blog kita maka orang yang meng sumbit emailnya akan selalu terhubung di blog kita. Contoh anda bisa coba di side bar saya follow by email, anda masukkan e-mail anda di situ lalu anda sumbit. maka di email anda akan ada artikel dari blog saya terkirim ke e-mail anda. Jadi fungsinya adalah berlanggan artikel blog melalui e-mai.

Cara Mendapatkan URL

cara mendapatkan url / link  feed burner:

1. Login ke blog anda
2. Pilih menu tata letak --> tambah gadget --> pilih ikuti lewat email

3. Maka anda akan melihat kotak di bawah ini

4. Judul bisa anda edit dengan judul gadget anda
5. URL Feed burner adalah URL yang kita pakai nanti untuk feed bunner kita,
6. Setelah kita simpan maka URL Feed Burner kiat akan berfungsi

Setelah berfungsi bisa kita coba , dan bisa juga kita pasang di gadget lainnya contoh bisa kitapasang di gadget Cara Membuat Widget Social Media Melayang dan Tersembunyi 
 7. Selelsai




Seomoga berhasil silahkan di LIKE yaaa :)

Read More...

Cara Membuat Recent Coment

Udah lama sekali nih saya ndak pernah upload artikel di diandiki blogspot. Bagi pengunjung diandiki blogspot maaf yah karena sudah lama ndak upload, ini dikarenakan saya lagi sibuk dengan sekolah. Kali ini saya tidak akan mengecewakan pengunjung diandiki blogspot, kali ini saya akan mengupload artikel tentang bagaiman Cara Membuat Resent Coment ( komentar terbaru ) untuk screen shoot anda bisa lihat di atas, untuk demo silahkan lihat di sidebar diandiki blogspot.

Cara Memasang

Baiklah saya akan langsung menunjukkan caranya :

1. Login ke blogger.com
2. Tata letak --> tambah Gadget --> edit HTML

3. copy paste code di bawah ini :

<div style="overflow:auto;width:100%;">
<style type="text/css">

ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
.w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: none;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 40,
roundAvatar = true,
characters = 100,
defaultAvatar = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://tipstrikblogging.googlecode.com/files/RecentComment-W-Gravatar.js"></script>
<script type="text/javascript" src="http://diandiki.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=6"></script>
</div>

Ket:

• Warna Biru ganti dengan junmlah coment yang ditampilkan
• Warna Kuning ganti untuk mengubah ukuran  Foto 
• Warna Merah ganti dengan nama blog anda

4. Langkah terakhir simpan, dann selesai :)

Good Luck

Read More...

Cara Membuat TV Online di Blog

Cara Membuat TV Online di Blog ~ Pernahkah anda melihat tv online ???, biasanya orang melihat tv online di beberapa blog yang menyediakan tv online. Saya pun sering menonton TV online ini di karenakan tv saya lagi rusak.

Baiklah untuk kali ini saya menunjukkan 2 cara bagaiman cara memasang TV online :
1. Cara memsang TV online di Halaman Blog
2. Cara memasang mini widget TV online di blog.

 1. Cara memsang TV online di Halaman

Widget kali ini adlah widget yang bisa kita pasang di halaman , dan layr yang di tampilkan pun luas shingga dapat memberikan kenyamanan menonton pada penonton :

Cara Memasang

1. Login ke blog
2. Pilih menu laman
3. Laman baru --> Laman Kosong
4. Pilih HTML
5. Copy paste kode di bawah ini :

 <!-- TV Online diandiki blogspot -->
<div style="border: 10px solid #868e89; height: 558px; overflow: hidden; width: 450px;">
<div style="margin-left: -34px; margin-top: -227px; text-align: center;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="860" width="100%"><param name="wmode" value="transparent" /><param name="src" value="http://id.imediabiz.com/MivoTV.swf?r=' + Math.round(Math.random() * 99999) + '" /><param name="scale" value="noscale" /><param name="quality" value="high" /><param name="pluginspage" value="http://www.macromedia.com/go/getflashplayer" /><param name="menu" value="true" /><param name="devicefont" value="false" /><param name="allowscriptaccess" value="sameDomain" /><param name="allowfullscreen" value="true" /><param name="scroll" value="auto" /><a href="http://blogseo-tutorial.blogspot.com"></a><embed width="100%" height="860" type="application/x-shockwave-flash" src="http://id.imediabiz.com/MivoTV.swf?r=' + Math.round(Math.random() * 99999) + '" wmode="transparent" scale="noscale" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" menu="true" devicefont="false" allowscriptaccess="sameDomain" allowfullscreen="true" scroll="auto" /></object></div>
</div>
<!-- TV Online diandiki blogspot selesai -->

6. Ket :

• Warna Merah anda ganti dengan ukuran TV online 

7. Untuk Demo lihat gambar di atas

 2. Cara memasang mini widget TV online di blog.

Widget ini bisa kita taruh di mana saja bisa di side bar di postinan blog, pokoknya di mana saja deh. Tetapi layar yang di tampilkan sangat kecil. Walaupun layar nya kecil TV ini ada menu tampilkan layar lebih besar.

Cara memasang

1. Anda pasang kode di bawah ini sesuai keingan anda

<iframe frameborder="0" height="300" scrolling="no" src="http://miniwidget.gudang.tv? format=embed&player_autoplay=true" width="200"></iframe>

2. Warna merah anda ganti dengan ukaran TV mini
3. Ini demonya :

Kekurangan

Diantara kelebihan di atas pasti ada kekurangan nya yaitu :

• Jika ingin menonton TV ini penonton harus memiliki jaringan yang stabil, tapi menurut saya lebih banya kekurangan nya 

Read More...

Cara Membuat Widget Social Media Melayang dan Tersembunyi di Blog

Cara Membuat Widget Social Media Melayang dan Tersembunyi di Blog ~ Jika sebelumnya saya telah menunjukkan Cara Memasang Gadget Facebook Fans Page Tersembunyi ( Auto Hidden ) di blogger 
kali ini saya akan menunjukkan cara mebuat social media tersembuny, jika sebelumnya haya facebook ,namun widget kali ini adalah social profile semuanya, hingga dari faceboo, twitter, G +, hingga feed.

 Untuk contoh anda bisa melihat gambar di bawah in :

Cara Memasang

1. Masuk ke blogger anda
2.Pilih menu tata letak --> tambah gadget --> HTML / java scrip
3. Copy paste kode di bawah ini :

<style>

.fixedmenu{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVqICmztmKkcocsLXMswOcEk4hehtN4n7MYa7LaBODgMO-6_6oVp-UbUqBE7QCp9g763akqUfNrsAxlCysOKX9yQL6sAGxuZZLJlFiS3dWw6sK7zCNi-QPLc4cJu7JJ1ocDMvD8KeWls4/s1600/facebook.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:160px; z-index:1000;}

.fixedmenu1{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS5NSOaBzJqCjM2qTmdbIAyMDhHt89Am5tnQYrx2tt3wI3OQ5CFuwv_Y7ZB_d_xcvDKFq_bUZ8IGGIjxfWdgDYE93P8fbKyIaep99npK7u5GIPl67mKhgt6s4kDE4c8-AFaxdF1k7fEnA/s1600/facebook-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:160px; z-index:1100;}

.fixedmenu_1{margin:0px 0 0 43px}

.fixedmenutw{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHpEu9PRv2DgVzVUJyJtwiCjwS2UE1Nrn-9V3BS3KXuMDupjFRpowJskBSw91PHiyTr-ZtwvLtOoaFs8AW_VbzJXgqVGsjwVWVc4UxYaXlLhsKfJGs3YA09l_FWtfnashKXt4B-eF0JSE/s1600/twitter.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:205px;z-index:1000;}

.fixedmenutw1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLRmLbWlonNKFKzoNzVANReo7YNZR1HvjlKRV9G8gimyk3AtANaHlHFYN9CN5uBSpbys6-6sa1afJyjNNXZ9G6SjaBSdH1u7B3mGcwAyf_TDDk_0CcFFfbJjQeUtnk_VFlyU9Z9yHWbiw/s1600/twitter_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:205px; z-index:1100;}

.fixedmenutw_1{margin:0px 0 0 43px}

.fixedmenufb{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2SH9RtuYcnxb7u1VrnX0gybrHaWLNcvbfPQVX3vIgd9b83puj6KzzTMjJuoIl7tj1dLlfiRTSs3z0CCsLYaQGfauesfeV35rljjXdyGDjwXTBPRo2kj6N4F5oI3-8C7uGyP26WpBa414/s1600/Gplus.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:250px; z-index:1000;}

.fixedmenufb1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4x3RIxPEnmFmRPi3ZgTMclk52aE7qfD5D4ha2OnNIxNoku1xiqqRQai4ePmmCVS2yX7G3WSChtGQUeG4VbEo41iGZkeg5jA1up_GrPXrD_zMcL1lt33W4r-zOPBUlWiK0wgAFqykC10k/s1600/Gplus_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:250px; z-index:1100;}

.fixedmenufb_1{margin:0px 0 0 43px}

.fixedmenurss{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhggeXIeEiWOfyhu8feFCY2URKQnbUfRBQG730uIypP6MfAjPeN7CvgCl-ZXNYWEjM1rWfzSaW0gJmgE9nIpBFtg_OS0VZfmgzzblwyapuvI1s9U3nyVJns1olZTYrhvofgk1xHimhU6Jo/s1600/rss.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:295px; z-index:1000;}

.fixedmenurss1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2gBfd6LhagdAt4lhku2Uk5R1nbK7WJoZQeGxk3crri8SAlrnmBFSgk_h6wS53votF3y9PibcJO5VCt4bdhL6qxOfK58QEHjHvKhtslI8ZyMT-LzOmOKOGjY3Q-b4zF3Yx4z0xoczVRps/s1600/RSS-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:295px; z-index:1100;}

.fixedmenurss_1{margin:0px 0 0 43px}

</style>

<div class='fixedmenu' onmouseout='this.className=&apos;fixedmenu&apos;' onmouseover='this.className=&apos;fixedmenu1&apos;'><div class='fixedmenu_1'>

<a href='https://www.facebook.com/ErdianRahmanaPutra' target='_blank'><img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglxc2WdOO_In-99U02vX0rqc_JeB5Yvjow2gTsJ5UYoHyskZboQ-ipQDzh_njviFBGIpn-xfQZQPHz0ee4ytVb7wYmNFQt3uYM9LCH6CYHc39q_wtFS6AZBixxSXb_w5jmkbVBfKaZRNg/s1600/facebook-hover1.png' title='Like us on Facebook'/></a><br/>

</div></div><div class='fixedmenutw' onmouseout='this.className=&apos;fixedmenutw&apos;' onmouseover='this.className=&apos;fixedmenutw1&apos;'><div class='fixedmenutw_1'>

<a href='https://twitter.com/erdianrahmana' target='_blank'><img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ62GmVz0yc2gTfM1uXUdUqM7E-2QwhLU_qVuU7kwkTD4wvqKPrZxb_xxHQn7jnLZj-wu_oPa1FjwMuH6hFfUbHfRVywf9DCHV7s6MduiuvTp-YEqBk36v0ubzYgU17iUCZ3DdXX39uqQ/s1600/twitter_hover1.png' title='Follow us on Twitter'/></a><br/>

</div></div><div class='fixedmenufb' onmouseout='this.className=&apos;fixedmenufb&apos;' onmouseover='this.className=&apos;fixedmenufb1&apos;'><div class='fixedmenufb_1'>

<a href='https://plus.google.com/u/0/110005497910605593707' target='_blank'><img alt='Recommend us on Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBwBhyDBAbAcEDxuiU9UrcEDlmLqUCESEmN1b95UF5IH3q4Ab_mECGaECXUkz1RpCjdgJ2gSfURj177A0yDxzLAYZtrL8YCziACfjWOPaJ4GLoxZa8yCZWkO0QgOptvEFu9rBxXIgUgFo/s1600/Gplus_hover1.png' title='Recommend us on Google Plus'/></a><br/>

</div></div><div class='fixedmenurss' onmouseout='this.className=&apos;fixedmenurss&apos;' onmouseover='this.className=&apos;fixedmenurss1&apos;'><div class='fixedmenurss_1'>

<a href='http://feeds.feedburner.com/diandikiblogspot' target='_blank'><img alt='Subscribe me on RSS' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-BxYHGZYukz-YUVk6MP_d3uQS_BbF4dcNkbmdUhGi1nVlU3cdqhiA3etyMuASUYWAbxTN5h73dsaNxdhYxMxsTxpP913U_gEZKARQ1BXSdMPTBllyurcJtc2doLcaWBrzX_zEghKnUNo/s1600/RSS-hover1.png' title='Subscribe me'/></a><br/>

</div></div>

3. Ket :

• Warna Biru Tua anda ganti dengan Link profile facebook anda
• Warna Biru Muda anda ganti dengan link profile twitter
• Warna Merah anda ganti denag Link profile Google + anda
• Warna Orange anda ganti dengan link feed bunner anda

4. Simpan
5. lihat hasilnya :)

Read More...

Cara Memperbaikki Pesan Komentar yang Turun Ke Bawah

Cara Memperbaikki Pesan Komentar yang Turun Ke Bawah~ Blog saya pernah mengalami kejadian, dimana pesan komentar yang tertulis di atas kotak komentar malah turun di bawah komentar. yang bisa anda lihat pada gambar di bawah ini.

Mungkin diantara anda semua pasti ada juga yang mengalami hal yang serupa pada blog anda, hal ini sebagian besar terjadi karena kita memasang emoticons di blog. Tetapi dengan merubah beberapa kode di edit HTML, maka kita akn melihat kembali pesan komentar menjadi di atas kotak komentar.

Cara Memperbaiki

 Tahap Pertama

1. Login ke blog anda terlebih dahulu
2. Pilih menu template --> edit HTML
3. Cari kode <b:includable id='threaded-comment-form' var='post'> atau kode yang lebih panjannya yaitu:

<b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>

4. Setelah anda berhasil mencari kode tersebut ganti dengan kode di bawah ini :

 <b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
<div id='form-wrapper'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
</div>
    <b:else/>
<div id='form-wrapper'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</div>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable

Tahap Kedua

1. Tetap di edit HTML

2. Cari kode di bawah ini:

document.getElementById(domId).insertBefore(replybox, null);

3. Ganti Dengan kode di bawah ini :

document.getElementById(domId).insertBefore(document.getElementById('form-wrapper'), null);

4. Simpan

Read More...