Popular Post

Popular Posts

Recent post

Contoh Gambar




Pasang Logo Page Feel HTC ( Layar Menggulung Pada Blog Anda, Tidak Berat Saya Yang Jamin Namun Mempercantik Blog ini Juga Memperkuat Rasa Persatuan Dan Persahabatan Antar Bloggers )


Pasang Kodenya Di Bawah ini di atas kode </head> :


<SCRIPT type='text/javascript'>var tujuan ='http://ojelhtc.blogspot.com/'</SCRIPT><SCRIPT src='http://ojel88.googlecode.com/files/fellhtc.js' type='text/javascript'></SCRIPT>

Dan kalau  sobat  mau tampilan gambar yang lain silahkan ikuti langkah langkah berikut ini:
  1. Login ke blogger dengan ID anda.
  2. Klik Tata Letak.
  3. Klik Edit HTML.
  4. Klik Expand widget template.
  5. Cari kode <b:skin><![CDATA[
  6. Kalau sudah ketemu copy kode dibawah ini diatas kode <b:skin><![CDATA[
<script src='http://sites.google.com/site/software2iqbalinc/javascript/script_ditunjuk_ngelipet_t4belajarblogger.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$("#pageflip").hover(function() {
$("#pageflip img , .msg_block").stop()
.animate({width: '307px',height: '319px'}, 500);
} , function() {
$("#pageflip img").stop()
.animate({width: '50px',height: '52px'}, 220);
$(".msg_block").stop()
.animate({width: '50px',height: '50px'}, 200);
});
});
</script>

7.Lalu cari lagi kode ]]></b:skin> Dan letakkan kode berikut tepat di atasnya.  


#pageflip {
position: relative;
}
#pageflip img {
border: none;
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
position: absolute;
right: 0; top: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiltdg9-PxGlVGtgm28fibTcz_GhTGkTqn5mRw0gaTuDCThZ3z8cPc3CO49-8HdGsCRWuOEhb92JK5oWTWzdX6Iwac7KIFOBKpC2iVRk5ov_UcQeVaMPw13R3NfrALrPEMSG8UhyphenhyphenyrNf95W/) no-repeat right top;
text-indent: -9999px;
}

8. Lalu cari lagi kode <body> Dan letakkan kode berikut tepat di dibawahnya. <div id='pageflip'>

<a href='http://feedburner.google.com/fb/a/mailverify?uri=tutorialbloggingdiblogger'target='_blank'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjVkvxGZ5pHQ8QtIIWZsGEb1KctQweIpO6Ec4g74Z6pjLHFSRRNmkZYWxMZzHwETMd93Tje-tnfR89i2s9c0u1g7P3WjaGr0Akb6U7R0dYnay2oqL1q7rlBVvhMVBGmmDduyPAsqq_24YX/'/>
<span class='msg_block'/>
</a>
</div>


9. Anda bisa mengganti warna  merah dengan Link yang anda inginkan. Saran saya Link RSS atau link berlangganan.
10 Simpan template.

1.Selesai
Untuk mengganti gambar dinding, sobat bisa mengganti URL berikut :
#pageflip .msg_block {
width: 50px; height: 50px;
position: absolute;
right: 0; top: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiltdg9-PxGlVGtgm28fibTcz_GhTGkTqn5mRw0gaTuDCThZ3z8cPc3CO49-8HdGsCRWuOEhb92JK5oWTWzdX6Iwac7KIFOBKpC2iVRk5ov_UcQeVaMPw13R3NfrALrPEMSG8UhyphenhyphenyrNf95W/) no-repeat right top;
text-indent: -9999px;
}
Kali ini saya membahas Cara Pasang Mivo Tv Di Blog or Cara Pasang Tv Streaming Online.
Berikut Pembahasannya...



  • Login ke akun blogger kalian.
  • Buat "Entri Baru". Bisa juga "Laman"./ Posting Baru
  • Lalu klik yang "Edit HTML"
    Masukkan script di bawah ini.

<iframe src="http://mivo.tv/promoteus.php" width="275" align="middle" scrolling="no" frameborder="0" height="140"></iframe>
Tunggu, baru LOADING.
<embed allowfullscreen="true" allowscriptaccess="sameDomain" bgcolor="#ffffff" devicefont="false" menu="true" name="MivoTV" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" scale="noscale" scroll="auto" src="http://id.imediabiz.com/MivoTV.swf?r=%27%20+%20Math.round%28Math.random%28%29%20*%2099999%29%20+%20%27" type="application/x-shockwave-flash" wmode="transparent" width="100%" align="top" height="860"></embed>


Selesai mudah kan..

Semoga Artikel Cara Pasang TV Online ini bermanfaat buat sobat semua
Ternyata ada cara yang mudah untuk menghilangkan tanggal posting di blog. Anda tidak perlu mengetikkan script css atau sebagainya. 

Memang ada dua cara yang dapat dilakukan untuk menghilangkan tangggal posting. Cara yang pertama dengan mengtikkan dua kalimat kedalam template (visiability dan hidden). Cara ini tidak akan saya jelaskan karena ada cara yang lebih mudah…ikuti saya.
Masuk ke blogger menggunakan account anda. setelah itu klik Tata Letak>Elemen Halaman



Fokuskan dibagian “Posting Blog” lalu klik “Edit”. Anda akan dibawah kehalaman baru.



Hilangkan tanda centang dibagian



Dan,



Selesai, dengan demikian tanggal posting telah lenyap dari blog anda. jika anda ingin menghilangkan yang lainnya silahkan hilangkan tanda centang disemua menunya. Jangan lupa untuk berkomentar ya.
- Tentukan / Pilih widget yang ingin di sembunyikan.
- Catat judul widget tersebut.
- Cari judul widget tersebut di template kamu ( Gunakan Ctrl + F atau F3 )


Strukturnya seperti di bawah ini:


<b:widget id='HTML14' locked='false' title='widget saya' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- only display title if it's non-empty -->
<b:if cond="data:title != """>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
<b:include name="quickedit">
</b:includable>
</b:widget>


Huruf yang berwarna merah adalah judul widget anda. Huruf yang berwarna Hijau adalah kode yang akan menyembunyikan widget di home page.
Setelah selesai, Simpan template.


Jika anda tidak memberikan nama  judul widget, maka bloger akan menamai widget tersebut dengan Html 1 , Html 2  dan seterusnya. untuk widget Html/Javascript . Text 1 , Text 2 , dan seterusnya untuk widget text. Sebaiknya Anda memberikan nama pada judul setiap widget agar tidak pusing.


Catatan :

Dibawah ini kode id pada setiap widget biasanya terdapat kode b:includable seperti ini.

<b:includable id='main'>

 Jika anda ingin menampilkan widget hanya pada halaman home page, letakkan kode ini setelah kode di atas.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

Jangan lupa untuk memberikan tag penutup kode di atas.

</b:if>


Setelah disimpan sekarang coba anda lihat hasilnya pada awal halaman dan coba lihat artikel anda sendiri dan widget tersebut akan hilang tersembunyi.

- Tentukan / Pilih widget yang ingin di sembunyikan.
- Catat judul widget tersebut.
- Cari judul widget tersebut di template kamu ( Gunakan Ctrl + F atau F3 )


Strukturnya seperti di bawah ini:


<b:widget id='HTML14' locked='false' title='widget saya' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond="data:title != """>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
<b:include name="quickedit">
</b:includable>
</b:widget>


Huruf yang berwarna merah adalah judul widget anda. Huruf yang berwarna Hijau adalah kode yang akan menyembunyikan widget di saat pengunjung sedangmembaca artikel.
Setelah selesai, Simpan template.


Jika anda tidak memberikan nama  judul widget, maka bloger akan menamai widget tersebut dengan Html 1 , Html 2  dan seterusnya. untuk widget Html/Javascript . Text 1 , Text 2 , dan seterusnya untuk widget text. Sebaiknya Anda memberikan nama pada judul setiap widget agar tidak pusing.




Catatan :

Dibawah ini kode id pada setiap widget biasanya terdapat kode b:includable seperti ini.

<b:includable id='main'>

 Jika anda ingin menampilkan widget hanya pada halaman home page, letakkan kode ini setelah kode di atas.

<b:if cond='data:blog.url == data:blog.homepageUrl'>

Jangan lupa untuk memberikan tag penutup kode di atas.

</b:if>


Setelah disimpan sekarang coba anda lihat hasilnya pada awal halaman dan coba lihat artikel anda sendiri dan widget tersebut akan hilang tersembunyi.

Tutorial kali ini Saya Akan Membahas Tentang Bagaimana Membuat Widget Menghilang Dan Berpindah Di Blog . Maksud Artikel Ini Adalah.. Bagaimana Menghilangkan Salah satu sidebar atau Menghilangkan semua sidebar.. dan ataupun menghilangkan widget-widget lainnya dengan css dan beberapa HTML, Dan Juga Memindahkan Letakknya/Posisi Si Widget Tersebut.


Nah Kita mulai Penjelasannya :


<b:if cond='data:blog.pageType != &quot;index&quot;'>
<style>#sidebar-leftwrap{float:right;}#sidebarright{display: none ;}#main-wrapper {width:712px}.post {width:712px}.main .Blog{float:left; margin:0 5px;padding:0;width:739px !important}</style>
</b:if>


Berikut Penjelasaannya :

  • Untuk KOde Yg Berwarna Merah  Itu Adalah HTML Yg Menandakan Pada Halaman Posting Jadi Dihalaman Situ Sobat Bisa Memberinya Style css yg sobat inginkan Ataupun Javascript yg sobat inginkan.

  • Untuk KOde Yg Berwarna Orange , Itu Kode Untuk Membuat Sidebar yg disebelah kiri Berpindah Menjadi Sebelah Kanan.. (artinya Sidebar sebelah kiri akan dipindahkan disebelah Kanan Hanya Dalam Halaman Posting) .. ingat Nama sidebar ( #sidebar-leftwrap ) Bisa Berubah-ubah Tergantung Pada Templatenya ,KLo di Template Gradient Red And Black (Template Blog Ini ) baru menggunakan Css Tsb.. Tapi Klo Di Template  Blog lain Saya tidak Jamin Cssnya Sperti itu.. Jadi Sobat Harus Mencari Css sidebar Kirinya dulu..

  • Untuk KOde Yg Berwarna Hijau Tua ,itu Kode Untuk Membuat Sidebar yg disebelah kanan menghilang artinya (Sidebar sebelah kanan akan menghilang Hanya Dalam Halaman Posting)     ingat Nama sidebar ( #sidebarright ) Bisa Berubah-ubah  Tergantung Pada Templatenya ,KLo di Template Gradient Red And Black (Template Blog Ini ) baru menggunakan Css Tsb.. Tapi Klo Di Template  Blog lain Saya tidak Jamin Cssnya Sperti itu.. Jadi Sobat Harus Mencari Css sidebar Kirinya dulu..

  • Untuk KOde Yg Berwarna Merah Tua , ituAdalah KOde Widget Posting Maksud KOde Tsb adalah Widget Posting Blog Akan Berubah Ukuran Menjadi 712 px Pada Halaman POsting

  • Dan Untuk KOde Yg Terakhir Atau KOde Yg Berwarna Biru Itu Adalah KOde Widget Hlaman  Blognya Jadi Maksud Dari KOde itu Adalah  Widget Blog (Widget Sesudah Posting )  Akan Berubah Ukuran Menjadi 739 px Pada Hlaman Posting


CATATAN :

  • Taruh/Letakan/Copas  KOde/css Dan HTML Tersebut Diatas KOde </head>
  • ingat Disetiap Template Berbeda2 Css Sidebarnya,Footernya,atau apapun Widgetnya Kecuali Css Posting ( .posting ) dan Css Lapisa Posting/Widget Blog
      Artikel Kali Ini Saya Akan membahas Cara Membuat Link Blog Mengeluarkan Cahaya Berwarna Kuning.Membuat Link Seperti Itu Cukuplah mudah Karna Sobat Hanya Memodifikasi Css Hovernya Saja.Css A:Hover itu Adalah Css Yg apabila Kita Kita Menyorotkan Mouse Kita Pada Link Pada Apa Saja ...
Contoh nya Saya Ingin Membuat Judul Sidebar Saya Berubah Saat Mouse Menyorotnya..Saya Cukup Menambahkan Css .Sidebar h2:hover{disini url backgroundnya}..
Y Udh Kalo Sobat Semua Sudah Megerti Apa Itu A:hover.
Saya Akan Langsung Memulai Topik Kita..Baiklah Sobat Hanya Mengikuti Langkah Berikut :

  1. Login Ke Akun Blog Sobat
  2. Pilih Rancangan /Tata Letak --> Edit HTML 
  3. Kemudian Sobat Tambahkan Atau Sisipkan  CSS Berikut Ini Tepat Di Samping Kode a:hover{ yg Berdekatan Dengan a:visited{ dan a:link{ 

          text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40,   2px -10px 10px #f10; 
 


    4.  Simpan Templatenya Dan Lihat Hasilnya
Langsung Ke TKP

Masuk ke blog sobat
Klik tata letak
Pilih edit HTML
Cari kode yang hampir mirip di bawah ini:
a:link {
color:#0000cc;
text-decoration: underline;
}
a:hover {
color:#ff0000;
text-decoration: underline;
}
a:visited {
color:#006600;
text-decoration: underline;
}

Jika sebelumnya menghilangkan garis di bawah link kita merubah underline menjadi none, maka untuk merubah warna link di blogspot kita tinggal merubah kode warna yang di cetak biru di atas.

Jika sudah selesai mengganti jangn lupa Simpan perubahan

Sedikit keterangan:

a:link {
color:#0000cc;
text-decoration: underline;
}
Link ini akan berwarna biru.

a:hover {
color:#ff0000;
text-decoration: underline;
}
Jika mouse kita arahkan pada link maka akan berubah menjadi warna merah.

a:visited {
color:#006600;
text-decoration: underline;
}
Jika link selesai diklik pengunjung maka link akan berubah menjadi hijau.


Semoga bermanfaat.

- Copyright © 2013 Baso Selalu - Devil Survivor 2 - Powered by Blogger - Designed by Johanes Djogan -