Sabtu, 22 September 2012

Cara Memasang Playlist Mp3 di Blog

Pada postingan kali ini saya sedikit akan menjelaskan bagaimana cara memasang Playlist Mp3 di Blog. Dimana dengan adanya Mp3 ini akan membuat sebagian pengunjung akan terhibur. . . .
Untuk Mp3 yang di gunakan saya menggunakan Link Hypster, dimana dia menyediakn beberapa Skin yang dapat kita gunakan sesuai dengan selera para Sobat semua. Untuk lebih Jelas nya Lansung aja ke Tutorial nya:

1. Registrasi dulu, Link nya ada Disini


2.Isi Form Profile

3.Setelah itu pilih Search, dan klik Submit untuk memasukkan lagu yang akan kita pilih

4.
Ketikan nama lagu atau penyanyi ditempat pencarian,lalu klik add

5.Klik player Skin, dan sesuaikan dengan selera kita

6.
Setelah itu Copy Kode Widget nya dan Pastekan di Sidebar Blog Sobat. Untuk pengaturan Playlist nya juga bisa di atur sebelum mengcopy kode widget nya melalui Configure setting...

Usai sudah Pemasangan Mp3 nya, , Dan selamat Mencoba. . .

Cara Membuat Widget Like Facebook Melayang Di Samping Blog

Pada pembahasan tentang Tutorial Blog kali ini. Saya akan membahas Bagaimana Cara Membuat Widget Like Fan Page Facebook Melayang di samping Blog. Mungkin tutorial ini sudah banyak yang membahas nya, tapi Saya akan mencoba menulis ulang kembali agar bisa memberikan mamfaat bagi yang belum mengetahui nya terutama bagi yang masih tahap pembelajaran seperti Saya ini dan juga sebagai pelengkap artikel tutorial blog pada Blog Saya ini. Ok, Sob. Cara proses pembuatan nya sangat mudah sekali. Dimana, Anda cukup mengcopy Code yang akan Saya berikan di bawah ini dan pastekan pada Blog Anda. Untuk Langkah- langkah nya, silahkan Anda perhatikan pada berikut ini :

1.Silhakan Login ke Blogger.com, kemudian klik Design >> Add Gadget >> pilih HTML/Javascript

2.Kemudian copy paste script widget Like Facebook melayang di bawah ini:
<script src="http://my-blog-droni.googlecode.com/files/slidboxordinary.js" type="text/javascript"></script>
<div id="fbslidebox" style="position: fixed; width: 310px; overflow: hidden; bottom: 5px; right: 5px; background: url(&quot;http://www.scri8e.com/white.gif&quot;) repeat scroll 0% 0% transparent; -moz-border-radius: 15px 15px 15px 15px; border: 3px solid rgb(54, 51, 0); display: block;"> <div style="width: 295px; padding: 10px; margin: 0pt auto; overflow: hidden;">
<a id="fbcloseslidebox" style="float: right; color: rgb(153, 153, 153); padding: 0pt 2px; border: 1px solid rgb(102, 102, 102); text-decoration: none; font-size: 9px; font-family: Verdana,Geneva,sans-serif;" href="#">Exit</a> <strong style="color: rgb(0, 0, 0);"><blink>Jangan lupa klik Like/Suka ya..Biar selalu mendapatkan update terbaru..</blink></strong>
<a href="URL Twitter Anda" title="Nama Akun Twitter Anda" class="twitter-follow-button" data-button="grey" data-text-color="#000000" data-link-color="#ffffff">Follow @Nama Akun Twitter Anda</a><script src="//platform.twitter.com/widgets.js" type="text/javascript"></script>CODE EMBED LIKE FAN PAGE ANDA<span style="font-size: x-small;">widget by : <a href="http://ahmad-roni.blogspot.com/" target="_blank" title="sofilmendo"><b><span style="color: black;">My Blog|D'roni</span></b></a></span></div></div>


Note:
* Ganti url yang warna kuning dengan url URL Akun Twitter Anda sendiri.
* Ganti Nama Akun yang berwarna hijau dengan Nama Akun Twitter Anda.
* Masukkan Code Embed Fan Page Facebook Anda pada yang berwarna Merah.

3. Silahkan di Save.

Dengan selesai nya cara pembuatan Widget Like Fan Page Facebook Melayang di samping Blog. Maka dari itu selesai juga Saya untuk berbagi kepada Anda. Sekali lagi Saya ucapkan semoga Tutorial ini bermamfaat untuk Anda. Jika Anda menemukan beberapa kendala, mohon di tanyakan di Kotak Komentar di bawah ini.

Perintah Shortcut Keyboard Pada Windows 8

Kembali lagi Auto Komputer mengulas tentang shortcut keyboard windows 8 terbaru yang mana merupakan perintah kombinasi tombol pada keyboard pada interface metro style. Selain perintah-perintah kombinasi tombol keyboard yang sering digunakan pada windows 7 dan 8, pada metro style windows 8 memiliki perintah tambahan.

Perintah Shortcut Keyboard Pada Windows 8


Berikut adalah perintah shortcut keyboard pada windows 8 :

Win + H  ===> Membuka panel Metro Share

Win + F  ===> Menampilkan layar Metro File search

Win + D  ===> Membuka tampilan Windows Desktop (classic)


Win + B  ===> Berpindah ke Windows desktop yang lama dan memilih tray notification area.

Win + C  ===> Membuka menu Charms dimana anda dapat mencari, share dan merubah setting.

Win + E  ===> Menjalankan Windows Explorer dengan tampilan default.
Win + I   ===> Membuka panel Setting, dimana user dapat merubah setting untuk applikasi, mengatur volume, wireless networdk, mematikan komputer, atau merubah kontras monitor.

Win + J  ===> Berpindah fokus antar applikasi Metro.

Win + K  ===> Membuka panel Devices (untuk menghubungkan dengan projektor atau device lain)

Win + L  ===> Mengunci (lock) PC dan kembali ke Lock screen.

Win + M  ===> Minimize semua Windows yang terbuka di desktop

Win + O  ===> Mengunci orientasi layar device / pc.

Win + P  ===> Memilih antara display yang tersambung ke PC.

Win + Q  ===> Menampilkan Metro App Search screen.

Win + R  ===> Berpindah ke Windows Desktop (classic) dan menampilkan Run box.

Win + U  ===> Berpindah ke Windows Desktop (classic) dan menjalankan Ease of Access Center.

Win + V  ===> Berpindah antar tuts.

Win + W  ===> Menampilkan Metro Settings search screen.

Win + X  ===> Menjalankan Start Menu.

Win + Y  ===> Melihat tampilan desktop sekilas.

Win + Z  ===> Membuka App Bar untuk applikasi Metro yang sedang dijalankan.

Win + Page Up/Down  ===> Berpindah tiles (kotak) ke kiri / kanan.

Win + Tab  ===> Membuka menu Metro application switcher, berpindah antar applikasi.

Win + , (koma)  ===> Aero Peek desktop.

Win + . (titik)  ===> Menaruh applikasi Metro yang berjalan ke-sisi kanan layar.

Win + Shift + . (.)  ===> Menaruh applikasi Metro yang berjalan ke-sisi kiri layar.

Win + Space (spasi)  ===> Berpindah mode input bahasa dan layout keyboard.

Win + Shift + V  ===> Berpindah antar toasts dengan posisi berlawanan arah.

Win + Enter  ===> Menjalankan applikasi Narrator.

Win + Arrow Keys  ===> Berpindah ke Windows Desktop (classic) dan mengaktifkan Aero Snap.

Baik sobat sampai disini sobat bisa mencoba menerapkan pada windows 8 sobat. Semoga artikel windows ini bermanfaat.

Cara Memasang Tool Menghitung Kata Dalam Postingan

Sebelumnya saya sudah memperlihatkan tool menghitung kata pada postingan terdahulu, tool ini sangat berguna ketika kita mengikuti kontes seo yang menuntut kita menulis artikel dengan jumlah kata yang telah ditentukan. Untuk mempermudah hal tersebut tentunya dengan memasang tool ini pada blog kita sendiri.

Dalam postingan kali ini dan atas permintaan sobat blogger saya akan membahas cara memasang tool menghitung kata dalam postingan dengan memperlihatkan kode tool tersebut. berikut langkah-langkahnya :

  1. Login ke dasbor blogger sobat disini, kemudian pilih Entry Baru
  2. Copy kode berikut, kemudian pastekan pada halaman postingan yang sudah diberi judul :

    <b>Tool Penghitung Jumlah Kata</b>
    <form method="POST" name="wordcount">
    <script language="JavaScript">
    function countit(){

    /*Word count script
    By JavaScript Kit (http://javascriptkit.com)
    Over 400+ free scripts here!
    */

    var formcontent=document.wordcount.wordcount2.value
    formcontent=formcontent.split(" ")
    document.wordcount.wordcount3.value=formcontent.length
    }
    </script>
    <br />
    <table border="0" cellpadding="0" cellspacing="0">
    <tbody>
    <tr>
    <td width="100%"><textarea cols="60" name="wordcount2" rows="12" wrap="virtual"></textarea></td>
    </tr>
    <tr>
    <td width="100%"><div align="right">
    <input onclick="countit()" type="button" value="Jumlah kata" /> <input name="wordcount3" size="20" type="text" /><br />
    <div align="center">
    <br />
    <center><span style="font-family: arial;">2012@</span>
    <span style="font-family: arial,helvetica;"><a href="http://www.andisyam.web.id/2012/01/tool-mengitung-jumlah-kata-dan-karakter.html">Belajar Komputer</a></span><br />

    </center></div>
    </div>
    </td>
    </tr>
    </tbody></table>
    </form>

  3. Langkah terakhir adalah pilih Terbitkan Entri
Mudah bukan, sekian dulu, soalnya udah jam ngantor telat nanti :). Semoga artikel kali ini bermanfaat.

Cara Memasang Artikel Terkait Berdampingan RSS Feed

Kali ini admin Auto Komputer memenuhi permintaan sobat Teaktear Media tentang  cara memasang artikel terkait (realated post) berdampingan dengan rss feed seperti yang saya miliki di blog ini. Memang cara ini tidak menyita banyak ruang template agar lebih efesien dan enak dipandang mata cara ini juga banyak jadi pilihan bagi sobat blogger pada umumnya.
Cara Memasang Artikel Terkait Berdampingan RSS Feed
Ok Sobat langsung saja pada penerapannya, berikut langkah-langkahnya :


  1. Login ke akun blogger sobat disini, kemudian pilih menu dropdown Opsi lainnya selanjutnya pilih Template dilanjutkan dengan memilih Edit Template, jangan lupa beri tanda centang pada Expand Template Widget.

  2. Sebelum melakukan edit template, ada baiknya sobat melakukan beckup template terlebih dahulu, agar jika terkadi kesalahan dapat dikembalikan kesemula.

  3. Cari kode ]]></b:skin>, kemudian copy kode css berikut dan pastekan tepat diatas kode ]]></b:skin> tadi, berikut kode css-nya :
  4. /*Artikel Terkait*/
    #related{background:#eee url(http://vbcomp.googlecode.com/svn/trunk/img/dot_thumb.gif) 45% 0 repeat-y;
    border:1px solid #ddd;
    color:#000;
    margin:0 0 10px;
    padding:15px
    }
    #related .related-posts{
    font-weight:400;
    width:53%;
    float:right
    }
    #related .related-posts p{
    margin:0
    }
    #related .related-posts h3,#related .related-posts h2,#related .related-posts h1{
    font-size:12pt;
    letter-spacing:0;
    margin:0
    }
    #related .related-posts ol{
    font-weight:400;
    margin:2px 0 0
    }
    #related .subscribe{
    width:43%;
    float:left;
    color:#000
    }
    #related .subscribe p.intro{
    font-weight:400
    }
    #related .subscribe p.feed{
    margin-bottom:10px;
    font-weight:700;
    padding-left:21px;
    background:url(http://vbcomp.googlecode.com/svn/trunk/img/rssfeed-box.png) 0 50% no-repeat;
    vertical-align:middle
    }
    #related .subscribe form{
    margin:0;
    padding:0
    }
    .clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden
    }
    .clearfix{
    display:inline-block
    }


  5. Setelah langkah pertama selesai, lanjutkan dengan mencari kode <p><data:post.body/></p>, setelah ketemu copy dan pastekan kode berikut tepat dibawah kode tadi, berikut kodenya :
  6. <!--panggil artikel terkait-->
    <div class='clearfix' id='related'>
    <div class='subscribe'>
    <p class='feed'>
    <a href='http://auto-komputer.blogspot.com/feeds/posts/default'>Berlangganan via RSS Feed</a></p><p class='intro'><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=auto-komputer&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='border:1px solid #ccc;padding:3px;text-align:center;' target='popupwindow'><p>Jika Sobat menyukai artikel Blog ini, masukan alamat email Sobat untuk mendapatkan posting terbaru dari saya langsung ke email sobat.</p><p><input name='email' style='width:140px' type='text'/></p><input name='uri' type='hidden' value='auto-komputer'/><input name='loc' type='hidden' value='en_US'/><input type='submit' value='Langganan'/><p>Delivered by <a href='http://feedburner.google.com/' target='_blank'>FeedBurner</a></p><p><a href='http://feeds.feedburner.com/auto-komputer'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/auto-komputer?bg=99CCFF&amp;fg=444444&amp;anim=1&amp;label=listeners' style='border:0' width='88'/></a></p></form></p>
    </div>
    <div class='related-posts'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><div class='rbbox'><b>Baca juga artikel ini :</b><div style='overflow:auto;width:280px;height:260px;padding:10px;border:1px solid #D4D4D4'>
    <div style='margin:0; padding-left:10px;'><div id='albri'/>
    <script type='text/javascript'>var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;var maxNumberOfPostsPerLabel = 2;var maxNumberOfLabels = 8;maxNumberOfPostsPerLabel = 12;maxNumberOfLabels = 3;function listEntries10(json) {var ul = document.createElement(&#39;ul&#39;);var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?json.feed.entry.length : maxNumberOfPostsPerLabel;for (var i = 0; i &lt; maxPosts; i++) {var entry = json.feed.entry[i];var alturl;for (var k = 0; k &lt; entry.link.length; k++) {if (entry.link[k].rel == &#39;alternate&#39;) {alturl = entry.link[k].href;break;}}var li = document.createElement(&#39;li&#39;);var a = document.createElement(&#39;a&#39;);a.href = alturl;if(a.href!=location.href) {var txt = document.createTextNode(entry.title.$t);a.appendChild(txt);li.appendChild(a);ul.appendChild(li);}}for (var l = 0; l &lt; json.feed.link.length; l++) {if (json.feed.link[l].rel == &#39;alternate&#39;) {var raw = json.feed.link[l].href;var label = raw.substr(homeUrl3.length+13);var k;for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);var txt = document.createTextNode(label);var h = document.createElement(&#39;b&#39;);h.appendChild(txt);var div1 = document.createElement(&#39;div&#39;);div1.appendChild(h);div1.appendChild(ul);document.getElementById(&#39;albri&#39;).appendChild(div1);}}}function search10(query, label) {var script = document.createElement(&#39;script&#39;);script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;+ label +&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);document.documentElement.firstChild.appendChild(script);}var labelArray = new Array();var numLabel = 0;<b:loop values='data:posts' var='post'><b:loop values='data:post.labels' var='label'>textLabel = &quot;<data:label.name/>&quot;;var test = 0;for (var i = 0; i &lt; labelArray.length; i++)if (labelArray[i] == textLabel) test = 1;if (test == 0) {labelArray.push(textLabel);var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?labelArray.length : maxNumberOfLabels;if (numLabel &lt; maxLabels) {search10(homeUrl3, textLabel);numLabel++;}}</b:loop></b:loop></script>
    </div></div><script type='text/javascript'>RelPost();</script></div></b:if>
    </div>
    </div>
    </b:if><br/>

    Kemudian ganti baris kode diatas yang berwarna biru dengan feed default blog sobat misalkan http://alamat_blog_sobat/feeds/posts/default. dan yang berwana merah silahkan sobat sesuaikan dengan feed burner sobat, jika belum punya feed burner silahkan sobat daftar disini


  7. Save template sobat

Sampai disini Cara Memasang Artikel Terkait Berdampingan RSS Feed selesai, perlu diketahui bahwa tidak semua template sama, olehnya untuk lebih mudahnya cari kode yang mirip pada bagian template sobat. Bagi sobat yang ingin menerapkan seperti yang saya miliki dan mengalami kendala bisa memberi komentar disini, akhir kata semoga artikel singkat ini bermanfaat bagi sobat-sobat sekalian.

Efek hujan salju s60 v3

Salam buat pengunjung setia Auto Komputer.
langsung saja tapi sebelumnya saya minta maaf buat para master2 blog yang mungkin sudah pada banyak tahu.

dynamic dekstop
adalah aplkasi untuk menambah cantik tampilan hp dengan efek salju yang turun.
untuk pengaturanya cukup mudah tinggal jalankan saja dan untuk mengaktifkan cukup tekan angka 5 atau bisa jg lewat menu ''static gif'.
'
scr000003.jpg

dan untuk hasilnya maaf Auto Komputer gak bisa tampilkan, karena app ini tak bisa kena screnshoot.
Buat yang berminat silahkan di coba dan buat yang sudah tahu silahkan lewati saja.

DOWNLOAD:
dynamic-desktop-v0-2-s60v.sis