Tampilkan postingan dengan label Tutor Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tutor Blog. Tampilkan semua postingan

Cara Masang Winamp Di Blog

Cara memasang atau membuat winamp di blog adalah dengan hanya memasukkan kode-kode script dibawah ini ke blog anda.

Pertama : Masuk Tata Letak -> Add Gadget -> HTML/Java Script-> Copas Code / script Dibawah ini:


<div class="codeview"><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNzk*NjQ1NDE3NTAmcHQ9MTI3OTQ2NDU*NjU5MyZwPTE4MDMxJmQ9Jmc9MSZvPTJjN2M4OWU3MTk3NjRlODZhNjk*/MTdlMTgwZDkxMTEz.gif" /><center><p style="visibility:visible;"><object type="application/x-shockwave-flash" data="http://assets.mixpod.com/swf/mp3/mixpod.swf" height="311" width="410" style="width:410px;height:311px"><param name="movie" value="http://assets.mixpod.com/swf/mp3/mixpod.swf" /><param name="quality" value="high" /><param name="scale" value="noscale" /><param name="salign" value="TL" /><param name="wmode" value="transparent"/><param name="flashvars" value="myid=60951839&path=2010/07/18&mycolor=222222&mycolor2=77ADD1&mycolor3=FFFFFF&autoplay=true&rand=0&f=4&vol=100&pat=0&grad=false"/></object><br><a href="http://www.mixpod.com/playlist/60951839"><img src="http://assets.myflashfetish.com/images/btn-get-tracks.gif" alt="Music" title="Get Music Tracks!" border="0"></a><a href="http://www.mixpod.com" target="_blank"><img src="http://assets.myflashfetish.com/images/btn-create.gif" alt="Playlist" title="Create Your Free Playlist!" border=0></a><a href="http://www.mixpod.com/ringtones/60951839"><img src="http://assets.myflashfetish.com/images/btn-get-ringtones.gif" alt="Ringtones" title="Get Ringtones From This Playlist!" border="0"></a><br />Create a <a href="http://mixpod.com">MySpace Music</a> <a href="http://mixpod.com">Playlist</a> at <a href="http://mixpod.com">MixPod.com</a></p></center></div>
Kedua : Save/Simpan
Ketiga Liat Hasilnya
Hasilnya akan jadi seperti ini :


Pada Judul/Title silahkan dikasih nama, misal Winamp Saya

"Agan-Agan bisa menambah lagu sendiri, Buat Playlist"
Diposting oleh di Tidak ada komentar :
Label:

Cara Membuat Scroll

Kali Ini Ane akan Share Cara Bikin Scroll

Ikutin Caranya ya dibawah Ini :
1. Masuk Akun Blogger Agan agan
2. Masuk Tata Letak
3. Tambah Gadget
4. Copy Script Di bawah Ini
5. Ganti Link Di Bawah Dengan Link Dan Namanya Sendiri


<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
isi halaman
</div>
Contoh :

<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
<ol>
<li><a href="http://kolom-tutorial.blogspot.com/2007/04/bikin-blog.html"> Panduan membuat blog</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/04/cara-setting-blog.html">Cara setting blog</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/04/memilih-template.html">Memilih template</a> </li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/04/mengatur-hurup-dan-warna.html">Mengatur huruf dan warna</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/04/cara-memposting-artikel.html">Cara memposting artikel</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/04/membuat-read-more-1.html">buat Read more pada template klasik</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/04/membuat-text-area.html">Cara membuat Text Area</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/04/membuat-menu-dropdown.html">Cara membuat menu dropDown</a><li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/04/upload-gambar-dan-foto-profile.html">cara Upload foto</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/04/membuat-link-1.html">Cara membuat Link(1)</a> </li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/04/membuat-link-2.html">Cara membuat Link(2)</a> </li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/04/membuat-marquee.html">Cara membuat marquee (text berjalan)</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/04/membuat-refresh.html">Cara membuat efek Refresh</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/04/kode-html-tampil-di-posting.html">Kode HTML tampil pada postingan</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/05/masalah-posting-artikel.html">Masalah posting artikel</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/04/yahoo-messenger-emoticons.html">Simbol Yahoo! Emoticons</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/04/blogger-emoticons.html">Simbol Blogger Emoticons</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/05/pasang-jam-blog-di-sidebar.html">Cara Pasang jam </a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/05/membuat-banner-animasi.html">Cara membuat banner animasi</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/05/pasang-buku-tamu-di-sidebar.html">Cara membuat buku tamu</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/05/tutorial-html.html">HTML Tutorial</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/04/download-gratis.html">Free Download</a> </li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/05/membuat-foto-animasi.html">Foto animasi</a> </li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/05/pasang-statistik-tarcker.html">Cara pasang Statistik &amp; Tracker</a></li>
<li><a href="http://kolom-tutorial.blogspot.com/2007/05/ie-firefox-dalam-satu-komputer.html">Perlunya IE dan FireFox</a></li>
</ol>
</div>
  
Maka Lihat Hasilnya,Tapi Maaf Pakai Link nya orang lihat Dibawah Ini :

 
Tolong Like Fanpage Please ya  
 
 
 
Diposting oleh di 1 komentar :
Label:

Cara Bikin Judul Tulisan Berjalan

Nah Saya Ada postingan keren nih agan-agan,langsung aja yuk

Pertama tama yah seperti biasa Masuk Ke dalam Blogger dengan account agan agan sendiri...

Kedua Bikin entri baru
 Ketik di judul        (<marquee>..>Tulisan-judul-agan<..</marquee>) 

Huruf yang Merah Dihapus saja
Huruf yang Biru Diganti aja
 ketiga liat hasilnya
Liat hasilnya
<marquee>..>Tulisan-judul-agan<..</marquee>


Ketik Isi Postingan ......
Selesai Save

Jika Postingan Bermanfaat bisa komentar kok Dan Please Like Fanpage nya OK! ....
Diposting oleh di Tidak ada komentar :
Label:

Cara Membuat Kotak Bingkai di Blog



AchsanBlog - Cara Membuat Kotak Bingkai di Blog. sobat, kali ini akan membahas gimana caranya membuat bingkai pada postingan, widget, dll pada blog kita. oke, nggak usah lama-lama langsung saja disimak. Berikut cara membuat variasi membuat bingkai. :

1. Bingkai Garis Lurus
Ini Contoh Bingkainya

Berikut scriptnya:
<div style="overflow:no; width:100%px; height:100%px; border:6px solid #00FFFF; padding: 5px;">Ini Contoh Bingkainya</div>

2. Bingkai Titik-titik
Ini Contoh Bingkainya

Berikut scriptnya:
<div style="overflow:no; width:100%px; height:100%px; border:6px dotted #00FFFF; padding: 5px;">Ini Contoh Bingkainya</div>

3. Bingkai Garis Putus-putus
Ini Contoh Bingkainya

Berikut scriptnya:
<div style="overflow:no; width:100%px; height:100%px; border:6px dashed #00FFFF; padding: 5px;">Ini Contoh Bingkainya</div>

4. Bingkai Garis Double
Ini Contoh Bingkainya

Berikut scriptnya:
<div style="overflow:no; width:100%px; height:100%px; border:6px ridge #00FFFF; padding: 5px;">Ini Contoh Bingkainya</div>


Diposting oleh di Tidak ada komentar :
Label:

cara bikin dropdown di blog

Bagi yang gk tw dropdown dropdown tuh kayak gini loo:


Dengan dropdown menu kita bisa menghemat space/ruang di blog kita, karena dengan ukuran yang kecil seperti itu bisa menyimpan link dan text yang banyak. Itu bisa diisi dengan arsip, blogroll dll.
Gimana? Mau mencobanya?
Gini nih caranya :


Login ke blogger, trus masuk ke menu "Page Element" trus pilih Add page elements --> HTML/JavaScript. Kemudian masukkan script berikut ini di kocat "Content"

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="Links 1">Text 1</option>
<option value="Links 2">Text 2</option>
</select>

Text yang berwarna merah adalah link. ganti text2 tersebut dengan link2 kamu.
Text yang berwarna biru adalah tulisan yang ditampilkan. Itu juga harus km ganti.

Contohnya seperti ini :

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="http://kinglot123456.blogspot.com/2013/01/cara-bikin-judul-tulisan-berjalan.html"> Cara Bikin judul tulisan berjalan</option>
<option value="http://kinglot123456.blogspot.com/2013/01/cara-membuat-scroll.html"> Cara Membuat Scroll  </option>
</select>

NB:
Tulisan Berwarna Merah Silahkan Agan Ganti Dengan link Agan Sendiri
Tulisan Berwarna Biru Silahkan Agan Ganti Dengan Judul Link Agan Sendiri 


untuk menambahkan menu lagi, tambahkan kode seperti ini :

<option value="Links 2">Text 2</option>

sebelum kode </select>

Link dalam dropdown menu di atas jika di klik akan membuka link di halaman yang sama. Ini cocok untuk Arsip dan link-link yang masih berhubungan dengan blog tsb.

Ada satu tipe lagi yang jika diklik linknya maka akan membuka window baru tanpa menutup blog kamu. Yang ini cocok untu Blogroll atau Friend link.
Cara mambuatnya seperti diatas tapi ganti kode berikut

<select onChange="document.location.href=this.options[this.selectedIndex].value;">

ganti dengan kode ini :

<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">
Diposting oleh di Tidak ada komentar :
Label:

Cara membuat tombol share FB,TWITTER,GOGGLE di blog

CARA MEMBUAT TOMBOL SHARE FB,TWITTER,GOOGLE+

Cara Membuat Tombol Share Facebook, Twitter dan Google + buat yang ingin menambahkan tombol share di social media di blognya silahkan mengikuti langkah langkah berikut ini, penempatan tombol share facebook twitter g+ dan lainya ini adalah tepat di bawah judul posting

Cara Menambahkan tombol Share di blog

  • Pertama silahkan login blog anda 
  • Klik menu Design > Edit HTML > centang expand widget templates 
  • Cari kode <div class='post-body entry-content'> atau class='post-body entry-content' dan biasanya ada 2 kode tersebut, pakailah kode yang pertama 
  • Jika sudah ketemu, copy kode dibawah ini dan paste tepat diatas kode <div class='post-body entry-content'>


<b:if cond='data:blog.pageType == &quot;item&quot;'> <div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'> <div style='float:left;padding-left:0px;font:normal 12px Georgia;'> Share on : </div> <div style='float:left;padding-left:10px;'> <a name='fb_share' type='button_count'/> <script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'> </script></div> <div style='float:left;padding-left:10px;'> <a class='DiggThisButton DiggCompact'/> <script type='text/javascript'> (function() { var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0]; s.type = &#39;text/javascript&#39;; s.async = true; s.src = &#39;http://widgets.digg.com/buttons.js&#39;; s1.parentNode.insertBefore(s, s1); })(); </script> </div> <div style='float:left;padding-left:10px;'> <a class='twitter-share-button' data-count='horizontal' data-via='User Name' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/> </div> <div style='float:left;padding-left:10px;'> <!-- Place this tag where you want the +1 button to render --> <g:plusone size="medium"></g:plusone> <!-- Place this render call where appropriate --> <script type="text/javascript"> (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> </div> </div> </b:if>


Untuk blog yang sudah menggunakan read more biasanya bukan menggunakan kode <div class='post-body entry-content'> melainkan kode di bawah ini
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
Diposting oleh di 3 komentar :
Label:
Langganan: Postingan ( Atom )