Membuat menu drop down blogspot –Bagian 2

      Akhirnya setelah sekian lama mencari dapat juga ini merupakan tutorial yang paling mudah saya kiraa
hehehehhe

         Kepingin membuat menu drobdown seperti disamping sob ??
 Caranya gampang kok tggl mengikuti trik yang akan saya berikan ini

Cara membuat menu drop down di blogspot adalah sebagai berikut:

• Sign ke Blogger > Design > Page Elements 
• Pilih dan tambahkan Gadget HTML/JavaScript yang berada di bawah Header blog anda dan tambahkan kode dibawah ini:

     <div id='mbtnavbar'>
              <ul id='mbtnav'>
                <li>
                  <a href='#'>Beranda</a>
                </li>
                <li>
                  <a href='#'>Tentang saya</a>
               </li>
                <li>
                  <a href='#'>Produk</a>
                </li>
          <li>
                   <a href='#'>Kontak</a>

                    <ul>
                        <li><a href='#'>Facebook</a></li>
                        <li><a href='#'>Twitter</a></li>
                        <li><a href='#'>Yahoo</a></li>
                      </ul>
                </li>

              </ul>
            </div>  

Keterangan: 

1. Ganti tanda # dengan lamat url yang diinginkan

2. Apabila ingin menambah menu anda tinggal menambahkan kode di-bawah sebelum kode </ul> 

<li>
          <a href='#'>Tab Name</a>
        </li> 

•     Sekarang masuk ke Design > Edit HTML

•     Untuk jaga-jaga apabila ada kesalahan, silahkan anda download dulu template anda sebagai back up.

•     Cari kode ]]></b:skin>

•     Tambahkan kode di-bawah tepat sebelum kode ]]></b:skin>

      /*----- MBT Drop Down Menu ----*/<br><br><br>        #mbtnavbar {<br>            background: #000000;<br>            width: 880px;<br>            color: #FFF;<br>                margin: 0px;<br>                padding: 0;<br>                position: relative;<br>                border-top:0px solid #000000;<br>                height:35px;<br><br>        }<br><br><br>        #mbtnav {<br>            margin: 0;<br>            padding: 0;<br>        }<br>        #mbtnav ul {<br>            float: left;<br>            list-style: none;<br>            margin: 0;<br>            padding: 0;<br>        }<br>        #mbtnav li {<br>            list-style: none;<br>            margin: 0;<br>            padding: 0;<br>                border-left:1px solid #DDD;<br>                border-right:1px solid #DDD;<br>                height:35px;<br>        }<br>        #mbtnav li a, #mbtnav li a:link, #mbtnav li a:visited {<br>            color: #000;<br>            display: block;<br>           font:normal 12px Helvetica, sans-serif;<br>           margin: 0;<br>            padding: 9px 12px 10px 12px;<br>                text-decoration: none;<br>              <br><br>        }<br>        #mbtnav li a:hover, #mbtnav li a:active {<br>            background: #809FFE;<br>            color: #FFF;<br>            display: block;<br>            text-decoration: none;<br>                margin: 0;<br>            padding: 9px 12px 10px 12px;<br>              <br>          <br>              <br>        }<br><br>        #mbtnav li {<br>            float: left;<br>            padding: 0;<br>        }<br>        #mbtnav li ul {<br>            z-index: 9999;<br>            position: absolute;<br>            left: -999em;<br>            height: auto;<br>            width: 160px;<br>            margin: 0;<br>            padding: 0;<br>        }<br>        #mbtnav li ul a {<br>            width: 140px;<br>        }<br>        #mbtnav li ul ul {<br>            margin: -25px 0 0 161px;<br>        }<br>        #mbtnav li:hover ul ul, #mbtnav li:hover ul ul ul, #mbtnav li.sfhover ul ul, #mbtnav li.sfhover ul ul ul {<br>            left: -999em;<br>        }<br>        #mbtnav li:hover ul, #mbtnav li li:hover ul, #mbtnav li li li:hover ul, #mbtnav li.sfhover ul, #mbtnav li li.sfhover ul, #mbtnav li li li.sfhover ul {<br>            left: auto;<br>        }<br>        #mbtnav li:hover, #mbtnav li.sfhover {<br>            position: static;<br>        }<br><br>        #mbtnav li li a, #mbtnav li li a:link, #mbtnav li li a:visited {<br>            background: #809FFE;<br>            width: 120px;<br>            color: #000;<br>            display: block;<br>            font:normal 12px Helvetica, sans-serif;<br>            margin: 0;<br>            padding: 9px 12px 10px 12px;<br>                text-decoration: none;<br>        z-index:9999;<br>        border-bottom:1px dotted #333;<br><br>          <br>        }<br>        #mbtnav li li a:hover, #mbtnavli li a:active {<br>            background: #2646A6;<br>            color: #FFF;<br>            display: block;<br>            margin: 0;<br>            padding: 9px 12px 10px 12px;<br>                text-decoration: none;<br>        }   

Keterangan:
Silahkan Ganti kode  sesuai dengan keinginan anda.

Cara Membuat Animasi Gambar Bergerak di Samping Blog

       Saya ingin share bagaimana cara memasang gambar bergerak di pojok blog dan di samping blog seperti gambar di atas. Menghias blog terkadang sangat sekali dibutuhkan bagi para blogger untuk membuat website/blognya menjadi keren. Untuk itu saya ingin memberi tips untuk menghias blog anda dengan animasi - animasi yang sudah saya buatkan untuk para blogger. Silahkan melihat animasi tersebut dengan meng-klik "widget" pada bagian navigasi di atas
Jika anda sudah memilih animasi yang diinginkan, selanjutnya mengikuti cara pemasangan animasi tersebut dengan tutorial dibawah ini.

1.  Login Blogger.
2.  Pilih Tata Letak.
3.  Tambah Gadget, Pilih HTML/Java Script.
 4.  Copy kode animasi yang anda pilih

  <div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"> <br><a href="http://adybakom.blogspot.com/2012/06/membuat-gambar-bergerak-di-sudut-blog.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center> <br><a href="http://adybakom.blogspot.com/2012/06/membuat-gambar-bergerak-di-sudut-blog.html" target="_blank">Animasi Blog</a></center> <br></small></div> <br>  

5.  Klik Simpan.

Keterangan Kode

  *Di setiap Gambar Animasi yang Saya sediakan, terdapat kode seperti berikut yang merupakan posisi gambar animasi berada. Jika ingin mengganti posisi silahkan lihat dibawah ini untuk penjelasannya.

<div style="position: fixed; bottom: 0px; right: 10px;width:110px;height:130px;"><a href=  blablabla........

Ganti Kode berwarna merah dengan kode dibawah ini.

  *>> fixed; bottom: 0px; right: << berarti berada di bawah kanan blog.

  *>> fixed; bottom: 0px; left: << berarti berada di bawah kiri blog.

  *>> fixed; top: 0px; right: << berarti berada di atas kanan blog.

  *>> fixed; top: 0px; left: << berarti berada di atas kiri blog. 

 

Demikian tutorial dari saya, semoga berhasil dan selamat mencoba.

sumber
  http://adybakom.blogspot.com/2012/06/membuat-gambar-bergerak-di-sudut-blog.html

Converter java Scrib agar bisa diposting

           Nah, Untuk menampilkan sebuah scrib, kita perlu mengcovernya dulu sob, agar nantinya tidak langsung dproses oleh komputer.

 Berikut ini Saya sediakan Cara convernya :
langsung coba aja gan

Cara Menampilkan Kode/Script HTML di Postingan Blog

          Berhubung waktu yang semakin malam (chie),langsung aja ya gan,kali ini hanya informasi kecil seputar parse kode html.
Sekali lagi untuk penjelasan lebih detil,sobat baca dulu ya di artikel saya sebelumnya:
klik di
http://pelajaran-blog.blogspot.com/2010/11/menampilkan-kode-html-parse-kode-html.html

Saya kira sudah sangat jelas ya sob,yuk kita cari tahu bagaimana sih contoh script parse html code ini.
Penjelasan singkatnya,kita mencoba menerapkan script dari http://www.donatofurlani.it/ideas,yang kurang lebih fungsi dari script ini seperti parse tool yang sudah banyak kita tahu di www.blogcrowds.com.

Caranya hanya letakkan kode berikut diposting blog sobat dan publikasikan.

  I<center> <script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/102462998830435293579/post-Code.xml&up_grows=10&up_conv1=1&up_conv2=1&up_conv3=1&up_conv4=1&up_conv5=1&synd=open&w=315&h=200&title=Post-Code%3A+code+converter&border=http%3A%2F%2Fwww.gmodules.com%2Fig%2Fimages%2F&output=js"> </script></center>

Maka Hasilnya akan seperti ini sobb :




Gimana? keren kn ??? 

Membuat Icon Share di letakan di samping blog

Setiap postingan dan artikel yang telah kita terbitkan kadang ada keinginan di hati kita untuk sharing ke situs jejaringan lain nya seperti facebook,twitter,google maupun lain nya..sebenar nya banyak berbagai macam bentuk gadget share namun di postingan ini kita coba belajar membuat share icon berada di posisi samping kanan pada blog kita seperti terlihat pada gambar di bawah ini

 

Membuat share Icon untuk berbagi ke facebook ,twiter,google,maupun digg yang rencana kita letakan di samping blog kita seperti contoh di web ini cara nya cukup praktis,,

1. Anda login ke blogger.
2. Pergi ke RANCANGAN / Element laman
3. Tambahkan GADGET terserah di posisi sidebar mana aja yang anda pilih.
4. klik tambahkan HTML/JavaScript

5. Terus Copy seluruh  kode di bawah ini 
6.simpan
<style type="text/css"><br>*{margin:0;padding:0;}<br><br>* html #z33sHare{<br>position: absolute;<br>}<br><br>#z33sHare{<br>right:1%;width: 70px;background:transparant;border:0px solid #E7E7E7;-moz-border-radius:3px;-webkit-border-radius:3px;<br>position:fixed;<br>top: 20%;<br>}<br><br>#z33sHare div{<br>padding:6px 6px 6px 5px;<br>}<br><br>#stw{<br>margin-left:-2px;<br>}<br><br>#sfs{<br>margin-left:-5px;<br>}<br><br></style><br><div id="z33sHare"> <br><div id="ssl-box"> <br><div id="stw"> <br><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script><br></div> <br><div> <a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count"></a><script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script><br></div> <br><div> <br><script type="text/javascript"><br>(function() {<br>var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];<br>s.type = 'text/javascript';<br>s.async = true;<br>s.src = 'http://widgets.digg.com/buttons.js';<br>s1.parentNode.insertBefore(s, s1);<br>})();<br></script><br><a class="DiggThisButton DiggMedium"></a><br></div> <br></div> <br><div> <a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div> <div style="clear:both;"> </div> </div>

Cara Mudah Pasang Radio Online diblog

Kembali lagi bersama saya di sini, hehehe,, kemaren ada yang tanya gimana sih pasang radio streaming di blog!!
menurut saya tutornya uda banyak di bahas di blog/web lain dan di goog    le, okelah kali ini kita akan membahas tutorial memasang radio online di blogger.
kalau teman-teman ingin juga memasang widget yg lainnya bisa juga seperti cara mudah membuat modus hemat energy , cara memasang widget logo indonesia di pojok kanan atas , mengganti icon bloger di address bar ,  dan cara memasang widget hitstats diblog .


cara pasang widget radio streaming online di blog cukup mudah ikuti langkah nya ya:
1. seperti biasa gan,, senyum dulu.
2. Loggin ke dashbor anda.
3. pilih rancangan/design.
4. laluh pilih tambah widget/gadget lalu akan muncul jendela baru, scroll kebawah pilih html/javascript.
5. isi kan script di bawah ini dan simpan.

<center><p><img src="https://lh4.googleusercontent.com/_9W8681AXnyo/TW9AUSl_OKI/AAAAAAAAAQ8/nQzsIeLacQY/equalizer.gif" width="150" border="0" /></p><p><embed height="20" width="150" flashvars="type=mp3&file=http://202.59.205.250:8300/;stream.nsv&backcolor=0xe6e6e6&autostart="true" allowfullscreen="false" quality="high" name="streambaby" id="streambaby" style="" src="http://r22afm.com/jw/player.swf" type="application/x-shockwave-flash"/></embed></p><p><strong><a href="http://202.59.205.250:8300/listen.pls">Dengar di WINAMP</a></strong></p><p><a href="http://www.herihalik.com/2011/08/cara-mudah-pasang-radio-online.html" target="_blank">Pasang Seperti Ini</a></p></center>
6. text yang bewarna biruh bisa di ganti gan, karna itu adalah alamat radio online yang akan kita dengar di blog kita nantinya, di bawah ini alamat radio yang saya tau untuk saluran lainnya bisa cari sendiri gan:
->  http://91.121.151.197:8018/ <<-- BlackXXX Radio radio RnB luar negeri jd loading nya lemot,,
->  http://119.110.87.62:7900/ <<-- SKIPFM Radio 94.3 Palu, radio online palu
->  http://202.6.239.11:10925/ <<-- radio maestro, bandung
->  http://202.78.195.115:8050/ <<-- radio R22A Kediri
7. di pilih- pilih terus di save gan untuk pengaturan tempatnya terserah agan,,
8. selesai dan tinggal lihat hasil nya di blog agan,,
semoga bermanfaat. jika ingin memasang widget lainnya silahkan kan di klik cara mengganti cursor blog , menambah emoticon pada komentar blog ,mengganti dan merubah tulisan posting lama  
NB: jangan lupa komentar nya sob, kalau saya ada kekurangan silahkan ditambahkan.

Blog Counter |Cara Install Pasang Blog Counter Hitstat

Blog counter harus anda pasang pada blog anda. Karena dengan memasang blog- counter, maka jumlah pengunjung pada blog anda dapat diketahui jumlahnya. Data pengunjung ini dapat merupakan jumlah pengunjung harian, dan total jumlah pengunjung sampai jumlah pengunjung yang online pada saat itu. Salah satu blog counter yang populer adalah Hitstat atau Histats.

Langkah-langkah membuat blog counter histats adalah sebagai berikut |
1. Masuklah ke situsnya blog counter histats yaitu http://histats.com.

2. Masukkan alamat URL website anda lalu klik tombol Register.

3. Tampil halaman Create new account. Isikan data yang diminta yaitu alamat email , password , nama anda, surname .
4. Pada kolom Time Zone, tentukan current time dan time zone tempat domisili anda. Bila tidak ada pilih saja Asia/Jakarta.
5. Isikan captcha. Lalu centang I have read and agree Publisher Agreement Terms. Lalu klik tombol Register.
6. Muncul permintaan untuk konfirmasi email. Masuklah ke alamat email anda dan lakukan konfirmasi email.
7. Bila konfirmasi email, berhasil, maka akan ada tulisan : Your account is now active, please login now and start using Histats (blog counter).


8. Klik lagi alamat situs www.histats.com. Lalu login menggunakan alamat email dan password yang anda buat tadi.

9. Klik tombol Add a website. Keluar tampilan Control Panel.

10. Isikan semua data yang diminta. Lalu klik Continue.

11. Tampil lagi halaman control panel. Klik pada tulisan alamat website anda untuk masuk ke halaman admin Histats anda.

12. Klik tombol Counter Code. Lalu klik tulisan add new counter.

13. Keluar halaman Select a counter style.


14. Lalu pilih menu 4 lines spada menu bar agar keluar tampilan blog counter Histats 4 baris. Pilih dan klik salah satu gambar Hittats yang anda inginkan.
15. Keluar tampilan dengan tulisan Choose which informations will be displayed on your counter. Centang semua pilihan yaitu visitors today, total visitors, page views today, total page views sama users online. Lalu klik tombol Save.


16. Tampil halaman Counter. Klik tulisan angka pada kolom counter id. sehingga keluar kode counter dan contoh tampilan di sebelah kanan. Kode counter ini anda copy dan paste-kan ke dalam widget text di halaman admin dashboard anda .

17. Masuk ke halaman admin dashboard WordPress anda. Lalu klik Appearance – Widgets. Pilih Text widget. Lalu copy paste kan kode counter tandi ke dalam body text. Beri judul text widget ini , contoh : Pengunjung (atau bisa juga dibiarkan tanpa judul). Lalu Save.
18. Sekarang masuklah ke halaman website anda dan sekarang website anda sudah terisi Histats. Tunggu beberapa saat sampai Histats selesai melakukan proses koneksi dengan website anda.

19. Selesai.

Membuat Google Translate Bendera (Flag Icon)

Cara buat Google Translate Bendera

Fungsi nya tetap sama untuk menerjemahkan , tapi cara buat google translet bendera ini juga bertujuan mempermanis / memperindah tampilan blog anda
tutorial nya cukup sederhana

 Translate Bendera

Sebelum kalian membuat google translate bendera ini silahkan masuk ke blog anda --> biasa tambah gadget --> tambah javascript --> lalu copy paste kode ini

<style> .translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; padding-left:0px; } .translate:hover img { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; border:0; } </style> <div style="text-align:center"> <a class="translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj09N6lcXgTkW-s3h3_zZsoQA41TUI7KiT6CKOYPHE0oq6xOIia6KF2S5BVZNOSmKjCki4INqSXPQQzVTUfnTD2R7F6_gYZnpOh927TrXisByuu6bcmvmvITJ_HYNfQl-_eOeJSlhXd2UQh/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz-dqVsHEuZ7JhPeJtb-sooOJB164090IKUunZtot7dHaQjW5pBtnjGVHnejolUVjsKrv3FatOQa6ak_nZDXJViSWB5MmmD6AjCjHjB73bKbuHrfFV9bfuOm9cqCVvBxKp-E5q6dKFNAC-/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOQNSHFyN5oicYmT6DUPUCb-hCmDp8lAX0_YPZfaLO1UWXBJxFDNTKJUnKRDXc-ehHzj-3gdh1skveGCtv073XAXmCJlFbTAnAsvg96pXK84FVS-dXnSQi301XQj0TvoZU-2WSLji7GpgF/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdbfHrQKJ4BPkpJ_DsYHq_O8_NXmrKNjPPffgcg5lxi7GUJAYUPIs-eaWEVpr5u-SpkSJLyvCSXVLqpWkCGh9XtdIWk12td-hIYHfDyks1An0PKJNQYZ1vlNQLYodzZffoyYFXRoZud6GA/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje5xGEEDHaW-xOYXP52ab4Zn7QqEkSrsWPFHwbHcxXSEqZoEKpWeI-NKO3FZFLMtmb6eO7s7TKU3OOY7mKObY-OrF9J4PIE0C79WWpMOASSBVwq7woNNXTELjp-0-lrkZ3ivjVOiRcQCyD/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3r2zfthaV0f9y7cg3tv9fBf3QRxqT7VAOgGDq2ETW1tYfKs2j88NJox_E4yDeSuOlN-gSCqzP6neVo5ky708zdM4n80BsARSvLD4-AHycK-q72Wtz7z0n4CrcBrL37XvnQh3ZMOyKKUM0/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <br/><br/> <a class="translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEkJ7vbf-pXnlUZ4-RNKA4yFgrVSpe2CqOT2Kl8JrD_6xCL_VF3OGajL3fngd49yIQwWYz38U4X0wcN53ghyRxAQnnWeawuSAzQbH-BvzMCED3ALDnK8cRM3dniAmsI6JoiAuvMorBW9MQ/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMhxz716MKeu6SLECWHHyF-lCkq1QO8tcerve8zRFZzjE1JBpMGVfmaJk7RrlJmqlMLA9T5T3eLPHmr2hc4rvgPjOJuB0nOmRwKHV83FSIU-lrBGp70zr1pBCmRLPBQwvETLwoX6BbfIIN/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitVwl_0xpLJfgdvIkmINCcjUp-KB7MG5lx0Jk6J_FACe0Ak8b5N63cnvl2d-YJyatYj30PoT8HOB3bTiJTYapLpz2nnqeQhTsWJ0SELxAN8pmRoQbljOFlzEAq-EAiWsE374HxZ54W8j-3/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBNehc4YmDiTGpKeQMV8c4I8kxRDm-CRazEPPDmJwGdS9wHozLN4lwTuW2pDrxNeoD9MqH0aJPQigtsYcaOKMxQ1VJQV3jW4h49G4HQL_9Svmc5rnFqO2Bvqigy5TEjPhfUNN4IG3PguO-/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi7osa5943xdGPegRg5Pgk7MosPlhNMZpd0yP73zVr3HOROaBWhRkbTLOmpAITrZg8o2bpWUOMoIbwBp-lxaZAEohi02lr4PN4DZOY4BPnrYrj2TyLtMnE3liMK5rN79lKJUiSzfdcB4mf/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlvtbCKBuszDNyVXJCo3-O0vovzr46Npx8rg9VA57uFUcj45WB4FHweDEnivQmF-ryQRM6kDv0h3-oCjEQz-lY2srlj19zPbvQkYUqyGUvh2bASS_hc-2UZwC3rRIgjdZffIX44omDEd1c/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <div style="font-size:9px; padding:8px 0px 0px 0px"> <a href="http://juntenxblog.blogspot.com" title="translate widget"/>Translate Widget</a> by Google </div></div>

Lalu save template anda , sangat mudah cara buat translate google bergambar bendera .. silahkan nikmati tampilan translate google bendera ini selamat menikmati .

Membuat Teks Area Cantik Di Blog

Pada Trik Blogspot Sebelumnya Saya sudah Menjelaskan Bagaimana cara membuat Tombol home,back to top,dan bottom...dan pada trik blogspot kali ini saya akan menjelasakan tentang bagaimana cara membuat Teks Area Yg cantik Buat Blog.teks area sangat berguna untuk blog! karna dengan teks area kita dapat memodifikasi pesan/kata kata/atau juga berguna untuk menaruh kode html pada setiap posting artikel tentang blog.

dibawah ini sudah tersedia macam macam teks area for blog,Tinggal kalian pilih sesuai keinginan anda:

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"> </div><div align="center"></div><p align="center"><textarea style="width: 300px; height: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Text atau kode yang ingin di masukan di kotak text area di sini</div><div style="text-align: center;"><br></div><div style="text-align: center;"><br></div><div style="text-align: center;"><textarea name="code" rows="3" cols="20" style="background: #000; color: #fff; border: 2px inset #ccc; line-height: 1.5em; padding: 0 7px; -moz-border-radius: 5px;"> <textarea name="code" rows="3" cols="20" style="background: #000; color: #fff; border: 2px inset #ccc; line-height: 1.5em; padding: 0 7px; -moz-border-radius: 5px;"> ISI TEKS AREA SOBAT DISINI </textarea>   

<textarea name="code" rows="3" cols="20" style="background: #FBEFFF; color: #CA3DD9; border: 1px solid #CA3DD9; border-left: 20px solid #CA3DD9; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px;"> ISI TEKS AREA SOBAT DISINI</textarea>  

<textarea name="code" rows="3" cols="20" style="background:#BFFAFF; color:#FF0000; border-bottom: 4px solid #40FF1F; border-right: 4px solid #40FF1F; border-top: 4px solid #FFE900; border-left: 4px solid #FFE900; line-height:1.5em; padding:5px; -moz-border-radius:10px;"> ISI TEXT/KODE </textarea>

Cara Membuat Tulisan Berkedip dan Link Berkedip di Blog

Cara Membuat Tulisan dan Link Berkedip di Blog. Ketika berkunjung ke suatu blog atau website kadang kita menemukan tulisan atau link yang berkedip. Salah satu tulisan atau link yang sering dibuat berkedip di blog adalah Klik Disini atau Download Disini. Tulisan atau link yang berkedip bermanfaat menarik perhatian para pengunjung.

Sekarang bagaimana membuat tulisan atau link berkedip di blog atau web kita? Cara membuat link atau tulisan brekedip ternyata gampang sekali. Karena ada tulisan yang ingin dibuat berkedip, dan ada link yang ingin dibuat berkedip, maka akan dijelaskan satu persatu.

1. Membuat tulisan atau teks agar berkedip:

• Anda harus berada di mode posting Edit HTML, maka kalau belum berada di mode tersebut maka pindahlah dulu ke mode tersebut
• Tambahkan kode Blink pada teks atau tulisan yang ingin dibuat berkedip

• Contonya adalah : <blink> Tulisan Berkedip </blink>

• Makanya jadinya akan seperti ini:  Tulisan Berkedip

2.  Membuat link berkedip:

• Sama dengan di membuat tulisan berkedip, maka Anda perlu pindah ke mode Edit HTML

• Beri kode Blink pada teks linktersebut sehingga menjadi seperti ini:<a href="http://google.co.id/"> <blink> Link Berkedip </blink> </a>

• Dan jadinya akan seperti ini:

Link Berkedip

3.  Selamat!!! Anda sudah bisa membuat tulisan dan link berkedip di blog

Mau Pasang Google Pagerank Button?

Google pagerank button merupakan salah satu widget yang sering digunakan para blogger.

Widget google pagerank ini di gunakan untuk menampilkan pagerank suatu blog atau situs yang di ukur oleh google.

Bagaimana Google Pagerank Button di Blog Kita?

Cara Menampilakan Google Pagerank Button sangat mudah, teman cukup mengunjungi situs www.prchecker.info dan kemudian masukkan alamat lengkap blog teman di sana lengkap dengan http://

Letaknya ada di bawah.

Setelah itu teman diminta untuk mengisi kolom verifikasi dengan cara memasukkan angka/huruf yang ada di gambar, setelah itu kode google pagerank button akan keluar.

Silakan pilih kode sesuai button yang ingin dipasang di blog teman. Di sana ada 3 macam button yang bisa teman pilih.

Membuat Read More Tanpa Script

Panduan Cara Membuat Read More Di Blogger Tanpa Menggunakan Script Read More

Hari ini saya ingin menuliskan cara membuat read more tanpa script atau cara membuat posting yang ada tulisan baca selengkapnya tanpa harus menutak-atik template yang kita gunakan, tanpa harus repot-repot menambahkan kode/script lagi. Bagi yang ingin mencoba membuat Auto Read More (Read More Otomatis menggunakan script) silakan baca Cara Membuat Auto Read More di Blogger.

Saya rasa ini bisa di jadikan alternatif yang sangat tepat/JITU bagi siapa saja yang ingin menampilkan sebagian tulisan di home page yang ada tulisan Read More atau Baca Selengkapnya. Cara ini juga sangat aman, karena tidak ada RESIKO EROR.

Ingin tahu Cara Membuat Read More Tanpa Script???

Silakan baca terus ,,,
Oh ia ... bagi yang sudah tahu cara ini silakan tegur jika ada yang salah.

Cara Membuat Read More/Baca Selengkapnya tanpa edit template sangat mudah!!!

1. Silakan tulis artikel seperti biasanya (tulis saja dulu sampai selsai)
2. Letakkan korsur pada tulisan (sesudah kalimat) yang ingin di masukkan Read More.

CARA MEMBUAT BERITA BERJALAN ATAU NEWSTICKER DI BLOGSPOT

Baru beberapa hari ini Blog juli mansen gurning memiliki berita berjalan atau sering disebut dengan NewsTicker. berita berjalan atau news ticker ini mirip dengan berita yang ada pada televisi swasta di Tanah air.

berita berjalan atau newsticker ini berisi tentang cuplikan berita pendek yang mewakili berita secara keseluruhan sehingga bisa memberikan informasi terbaru kepada pengunjung blog arbakid tentang peristiwa yang sedang terjadi saat ini dan pada akhirnya pengunjung dari blog arbakid tidak akan ketinggalan informasi terbaru.

Cara membuat berita berjalan pun sangat mudah, untuk membuat berita berjalan atau newsticker diblogspot tinggal ikuti saja langkah-langkah dibawah ini :

    login ke blogger
    masuk ke edit HTML dan cari kode berikut ini : ]]></b:skin>
    Copast script dibawah ini dan letakkan di atas kode tersebut
    #berita {
    position:fixed;_position:absolute;bottom:0px; center:0px;
    clip:inherit;
    _top:expression(document.documentElement.scrollTop+
    document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
    langkah berikutnya, pada Edit HTML cari kode berikut ini : </body>
    Copast script dibawah ini dan letakkan di atas kode tersebut
    <div id=' berita '>
    <iframe allowtransparency='true' frameborder='0' height='17' id='NewsWindow' marginheight='0' marginwidth='0' scrolling='no' src='http://www.elshinta.com/v2003a/scrolling.htm' style='background-color: transparent;' width='1200'/>
    </div>
    secara otomatis berita ini akan tampil di posisi bawah blog
    untuk merubahnya tinggal diganti saja script pada langkah ke 4 dengan script berikut ini
    #berita {
    position:fixed;_position:absolute;top:0px; center:0px;
    clip:inherit;
    _top:expression(document.documentElement.scrollTop+
    document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
 
  finish





cara membuat berita berjalan ini sangat mudah, tinggal copast ke blog anda semua jadi beres...namun perlu diketahui juga sumber berita yang di ambil pada script diatas adalah dari salah satu radio swasta nasional yang sudah terpercaya dan terjamin beritanya.

semoga berhasil

Cara Membuat Semua Link Otomatis Terbuka Di Tab Baru

Cara Membuat Semua Link Terbuka Otomatis Di Tab Baru. Tutorial ini mengulas sebuah trik rekayasa link yang apabila diclick, maka link akan otomatis terbuka di tab baru, tanpa harus repot menambahkan kode-kode disetiap link yang kita buat.  Dahulu kang salman pernah membahasnya disini namun itu hanya merubah link secara satu persatu. Namun dengan menerapkan trik ini maka semua link aktif di blog kita akan membuka tab baru secara otomatis.

Untuk menerapkan ini sangat mudah 3 detik pun jadi. :) kita hanya tinggal menaruh kode <base target='_blank' /> di bawah kode </head>

Berikut langkah-langkahnya:
1.  Login Blogger > Rancangan > Edit HTL

2.  Cari kode   <head>

3.  Kemudian tambahkan kode berikut ini di bawahnya

    <base target='_blank' />

Sehingga keseluruhan kodenya akan tampak seperti berikut:

    <head>
    <base target='_blank' />

4.  Save template

Blog Cara Membuat Tombol Share Facebook dan Twitter Di Postingan Blog

Tombol fb share dan twitter
Membuat tombol fb share dan twitter di postingan blog - Jejaring sosial merupakan media yang paling banyak dikunjungi dan Facebook merupakan jejaring sosial yang menempati peringkat pertama paling banyak dikunjungi di seluruh dunia setelah itu disusul oleh twitter di peringkat ke 2. Banyaknya pengunjung yang menggunakan jejaring sosial merupakan kesempatan baik bagi para blogger untuk membagikan setiap artikelnya kedalam situs jejaring sosial dengan harapan semakin banyak pengunjung yang datang untuk membaca-baca blog kita, tentunya hal ini sangat berpengaruh terhadap posisi blog kita di mata mesin pencari.

Namun jika kita sendiri yang membagikan artikel demi artikel dari blog kita ke situs jejaring sosial, maka para pengunjung yang akan datang ke blog kita hanya sejumlah teman-teman yang ada pada jejaring kita saja. Untuk itu menambahkan tombol atau link yang berfungsi untuk membagikan artikel kita ke situs jejaring sosial sangat bermanfaat bagi kita, agar para pengunjung blog kita dapat membagikan link artikel kita ke jejaring mereka. Nah berangkat dari situ kang salman dengan blog tutorial nya akan mengulas sebuh trik lagi tentang tombol share facebook dan twitter. sebelumnya terima kasih untuk kang hendriono atas ilmu yang disebarkannya..

LIVE DEMO

Langsung aja ke tutorial membuat tombol share facebook dan twitter di blogspot
1. Login ke Blogger  » Rancangan Edit  » Template
2. Ceklis Expend Template
3. Cari kode ini ]]></b:skin>
4. Masukan kode berikut tepat sebelum (diatas) kode ]]></b:skin>

    .sharesoc {display:inline-block;float:right;height:125px;margin:5px 0;width:60px;}

5. Cari kode <data:post.body/>
(Tips : tekan F3 untuk mempermudahnya, masukan kode di atas dan tekan enter)
6. Masukan (copy-paste) kode berikut tepat di atas kode <data:post.body>

    <span class='sharesoc'> <div style='float: right; margin-right: 0px;'> <a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/> </div> <div style='float: right; margin: 8px 0px 0pt 0pt;'> <script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/> </div>  </span>

Terakhir simpan template dan lihat hasilnya. Oke semoga bermanfaat.

Cara membuat banner iklan di blog

Selamat pagi sahabatku, berjumpa lagi pada tulisan sederhana saya, Kali ini saya akan membahas cara membuat banner sederhana,jd kita tidak perlu daftar jadi bisa langsung membuat nya. pertama-tama masuklah kedalam situs http://www.flashvortex.com/ , setelah masuk situs itu, maka kemudian sahabat bisa melihat tampilan seperti dibawah ini :

pilihlah tulisan banner, kemudian akan muncul banyak pilihan baner. pilih sesuai keinginan hati sahabat semua, kemudian klik edit this ad, maka akan muncul form isian untuk kata-kata yang akan di tampilkan.

first text line : isi kalimat yang akan keluar pertama
second text line : isi kalimat yang akan keluar kedua
dan seterusnya
Enter Separator Title Here : isi link menuju URL yang di iklankan misal http://ras-eko.blogspot.com/

kemudian Flashvortex.com link back control (members only) : biarkan saja

langsung generate animation, tidak perlu cek list dibawahnya, setelah itu akan muncul tampilan seperti ini :

pilih yang easy copy kemudian paste di blogmu dengan widget HTML atau sejenisnya.
ohnya di flas fortek kamu juga bisa membuat menu blog, text blog dan sebagainya. enjoy it. semoga bermanfaat :)

Cara Membuat Iklan Melayang dengan Tombol Close

   1. Login Ke Blogger.com dengan Akun anda masing-masing Pastinya
   2. Masuk ke Tab Tata Letak
   3. Pilih Elemen Halaman
   4. Tambah Gadget Pilih HTML / JAVASCRIPT
   5. Dan Copy kode di bawah ini kedalamnya yah



<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>

Masukan Kode iklan atau Gambar yang anda inginkan di sini

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>

    6. Simpan

Semoga BERHASIL :) 

Kode HTML sms online

Layanan SMS gratis online kini banyak sekali terdapat di internet. Salah satunya adalah sms-online.web.id. SMS online yang berkarakter 150 huruf ini hanya bisa mengirim SMS saja secara gratis ke seluruh operator GSM ataupun CDMA. Namun tidak bisa membalas SMS tersebut.
Alangkah baiknya dalam mengirim SMS ini di cantumkan nama pengirim kamu. Nah bagi pemilik blog yang ingin memasang Form SMS Gratis ini, aku cantumkan Kode Script SMS Gratis Online. Biar visitor bisa berkirim SMS secara gratis. Ini Kode Script HTMLnya :

<iframe name="I2"src="http://sms-online.web.id/widget"width="270"height="350 ">not
support</iframe>

Bagaimana ? Menarik kan. Selamat mencoba.

Hitung Jumlah Pengunjung Blog Anda Dengan Widgeo

Mungkin teman – teman Blogger sudah banyak yang mengetahui beberapa situs penyedia tools untuk menghitung jumlah visitor anda,mulai dari statscounter,flagscounter dan masih banyak lagi.
Namun,apakah teman – teman sudah mengetahui dengan sebuah situs bernama Widgeo ?? Mungkin ada beberapa blogger yang menganggap postingan saya ini sudah terlalu lama,dan sudah “Basi” istilah kereeenya..
Ya,saya adalah salah seorang yang menganut prinsip “Sebarkan Ilmu Mulai Dari Dasar,dan tidak menyimpannya sendiri” seperti itulah kira – kira prinsip dalam dunia blogging atau apapun.Selalu menyebarkan ilmu yang dianggap orang lain sudah “Basi”.
Namun,Tidak semua orang mengetahui cara – cara tersebut..Jadi,saya selalu membagikan hal sekecil apapun itu.Baiklah,sekarang saya akan memberitahu bagaimana cara memasang Widget ini di Website atau Blog teman – teman Blogger sekalian.

<p>Your browser does not support iframes.</p>

Ikut Langkah Berikut ini :

• Pertama,Kalian kunjungi Website resmi dari Widgeo disini : Widgeo.Net
• Pilih Tampilan dari Widget yang kalian inginkan
• Akan Muncul Sebuah PopUp Screen yang menyuruh anda untuk mengisi keterangan dari Website teman – teman sekalian.
• Setelah mengisinya dengan sempurna,Teman – teman akan dikasih sebuah script.Copy Script tersebut dan Paste didalam Widget kalian kemudian Save.

Yup,gampang bukan mendaftarkan di Widgeo ?? Tidak serumit mendaftarkan di situs seperti flagcounter dan statscounter.Mungkin ini adalah salah satu solusi untuk teman – teman semua yang ingin menggunakan penhitung jumlah pengunjung anda semuanya.
Semoga,Informasi yang saya berikan untuk teman – teman dapat berguna dikemudian hari untuk membangun sebuah penghitung pengunjung Website atau blog teman – teman semuanya..

Cara membuat penghitung pengunjung blog

Semakin Banyak Jumlah Pengunjung di Blog kita, akan membuat hati semakin bangga… Artinya Tulisan Kita diminati oleh banyak orang. Nah… Gimana caranya ???
Ikutin nih Tips BErikut :

1. Aktif di Dasbor kamu
2. Klik website berikut ini http://www.easycounter.com/ masih banyak web counter lainnya, tapi saya menggunakan yang ini saja. sehingga tampil seperti gambar dibawah ini :
   
3. Isi data pada create account, karena kita adalah pendaftar baru
   Username : isi dengan username kamu (jika sudah ada yang menggunakan, ganti dengan username yang lain
   Password : isi dengan password kamu
   Email : masukkan alamat email kamu (bila suatu saat lupa password, kamu bisa konfirmasi)
4. Jika sudah disebelah kanan pilih jenis counter yang kamu mau
5. beri tanda centang (√) pada  i agree to the terms and conditions
6. Klik Create My Account, sehingga tampil kode seperti dibawah ini, sesuai dengan kode milik kamu sendiri
   
7. Copy lah kode diatas, dengan cara blog seluruh kode, klik kanan mouse kamu, dan klik copy
8. Sekarang Aktif di Dasbor Blogdetik Kamu
9. Pilih  Widget
10. Pada Kumpulan Widget kamu, pilih Text dan klik Tambah, sehingga disebelah kiri tampil Widget Text yang sudah kamu tambahkan
    
11. pada Text klik Sunting
12. pada bagian kotak Sunting klik kanan mouse kamu dan klik Paste, jika belum aktif paste, coba copy kembali kode dari counter kamu tadi, dan paste kembali di kotak sunting Text
    
13. jika telah terpaste, maka klik selesai pada bagian bawah
14. Tahap Akhir, silahkan klik  Save Changes (untuk menyimpan perubahan blog widget kita)
15. Pengunjung diblog kamu akan mulai dihitung sejak counter di letakkan pada blogdetik kamu

(giatlah menulis di blog kamu, agar semakin sering dikunjungi oleh dblogger/blogger lainnya, selamat mencoba dan tetap semangat)