CARA MEMASANG JAM DIGITAL DI FACEBOOK

Cara Memasang Jam Digital di Blog >> Cara Memasang Jam Digital di Blog, Jam digital yang terpasang di sidebar blog akan membuat pembaca tahu secara otomatis waktu saat dia membaca artikel kamu, blog layaknya sebuah rumah, dan jam pada blog sama halnya jam yang terpasang dirumah, jadi denganmemasang jam digital di blog akan membuat blog kamu lebih terlihat cantik.



Infonetmu kali ini akan memberi script untuk jam digital di blog,Selain cantik, jam nya juga berbunyi. Buat yang mau masang jam cantik ini di blognya, silahkan salin kode berikut ini dan silahkan paste di tempat yang ingin kamu pasang. inilah scriptnya.

<embed height="40" pluginspage="http://www.macromedia.com/go/getflashplayer" src="https://sites.google.com/site/myedithtml/swf/edit-html.clock-7.swf" type="application/x-shockwave-flash" width="120" wmode="transparent"></embed>

nah, silahkan pasang di blog kamu. semoga tambah keren blogmu, demikian sedikit tutorial cara memasang jam digital di blog, agar tambah bagus silahkan download template blog keren juga sesuai. semoga berguna!

CARA MEMBUAT TAB VIEW DI BLOG

Cara Membuat Tab View di Blog >> Cara Membuat Tab View di Blog, Tab View di blog yang satu ini sering digunakan oleh parablogger,namun tab view yang satu ini sangat mudah cara membuat maupun mengeditnya,karena dengan tab view ini kamu tidak perlu mengotak-atik html yang ada pada template kamu.

Dengan tab view ini kamu hanya perlu menambahkan gadget atu widget pada blog kamu,jadi kamu bisa sangat mudah menghapusnya jika tidak diperlukan, nah dibawah ini adalah kode untuk tab view yang bisa kamu modifikasi warna juga bentukkya sesuai blog kamu. berikut kode tab viewtersebut:

<style type="text/css">
div.TabView div.Tabs
{height: 30px;overflow: hidden}
div.TabView div.Tabs a {float:left; display:block; width: 90px; /* Lebar Menu Utama Atas */
text-align:center ; height: 26px; /* Tinggi Menu Utama Atas */
padding-top:8px; vertical-align:middle; border:1px solid #555555; /* Warna border Menu Atas */
border-bottom-width:0; text-decoration: none; font-family: "Verdana",Arial; /* Font Menu Utama Atas */
font-weight:bold; color:#fff; /* Warna Font Menu Utama Atas */ -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {background-color: #E6E6E6; /* Warna background Menu Utama Atas */ }
div.TabView div.Pages {clear:both; border:1px solid #BDBDBD; /* Warna border Kotak Utama */ overflow:hidden; background-color:#E6E6E6; /* Warna background Kotak Utama */ }
div.TabView div.Pages div.Page {height:100%; padding:0px; overflow:hidden}
div.TabView div.Pages div.Page div.Pad {padding: 5px 5px}
</style>
<script type='text/javascript'>
//<![CDATA[
function tabview_aux(TabViewId, id)
{
var TabView = document.getElementById(TabViewId);
// ----- Tabs -----
var Tabs = TabView.firstChild;
while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
var Tab = Tabs.firstChild;
var i = 0;
do
{
if (Tab.tagName == "A")
{
i++;
Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
Tab.className = (i == id) ? "Active" : "";
Tab.blur();
}
}
while (Tab = Tab.nextSibling);
// ----- Pages -----
var Pages = TabView.firstChild;
while (Pages.className != 'Pages') Pages = Pages.nextSibling;
var Page = Pages.firstChild;
var i = 0;
do
{
if (Page.className == 'Page')
{
i++;
if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
Page.style.overflow = "auto";
Page.style.display = (i == id) ? 'block' : 'none';
}
}
while (Page = Page.nextSibling);
}
// ----- Functions -------------------------------------------------------------
function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
//]]>
</script>
<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 300px;" class="Tabs">
<a>Title 1</a>
<a>Title 2</a>
<a>Title 3</a>
</div>
<div style="width:300px; height:250px; " class="Pages">
<div class="Page">
<div class="Pad">
Isi menu tab view 1
</div>
</div>
<div class="Page">
<div class="Pad">
Isi menu tab view 2
</div>
</div>
<div class="Page">
<div class="Pad">
Isi menu tab view 3
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script>

Atur warna dan lebarnya sesuai yang kamu inginkan. demikian sedikit tutorial cara membuat tab view di blog, baca juga artikel infonetmutentang membuat tab view dengan jQuery, semoga berguna! 

CARA MEMBUAT RECENT POST BERJALAN

Cara Membuat Recent Post Berjalan >>Banyak cara untuk menampilkan recent post pada blog kita, agar blog kita tampil cantik kita bisa juga membuat recent post kita dengan recent post bergambar. selain dapat mempermudah pengunjung untuk lebih banyak membaca artikel kita yang lainya,sama halnya dengan artikel terkait atau related post,recent post juga bisa dengan tampilan thumbnail,nah kali ini infonetmu akan memberi tutorial tentangcara membuat recent post Berjalan lihat gambar dibawah ini:

Sebelumnya saya juga telah posting cara membuat recent post dengan gambar,lalu bagaimana agar gambar tersebut bisa tampil dengan slide show? ikuti tutorial dibawah ini:

1. Login ke akun Blogger sobat
2. Klik Rancangan >> Elemen haLaman
3. Klik Tambah Gadget
4. Pilih HTML/Javascript
5. Masukan kode berikut :
   

   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
   </script>
   <style media="screen" type="text/css">
   <!--
   #spylist {
   overflow:hidden;
   margin-top:5px;
   padding:0px 0px;
   height:350px;
   }
   #spylist ul{
   width:220px;
   overflow:hidden;
   list-style-type: none;
   padding: 0px 0px;
   margin:0px 0px;
   }
   #spylist li {
   width:208px;
   padding: 5px 5px;
   margin:0px 0px 5px 0px;
   list-style-type:none;
   float:none;
   height:70px;
   overflow: hidden;
   background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
   border:1px solid #ddd;
   }
   #spylist li a {
   text-decoration:none;
   color:#4B545B;
   font-size:11px;
   height:18px;
   overflow:hidden;
   margin:0px 0px;
   padding:0px 0px 2px 0px;
   }
   #spylist li img {
   float:left;
   margin-right:5px;
   background:#EFEFEF;
   border:0;
   }
   .spydate{
   overflow:hidden;
   font-size:10px;
   color:#0284C2;
   padding:2px 0px;
   margin:1px 0px 0px 0px;
   height:15px;
   font-family:Tahoma,Arial,verdana, sans-serif;
   }
   .spycomment{
   overflow:hidden;
   font-family:Tahoma,Arial,verdana, sans-serif;
   font-size:10px;
   color:#262B2F;
   padding:0px 0px;
   margin:0px 0px;
   }
   -->
   </style>
   <script language="JavaScript">
   imgr = new Array();
   imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
   imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
   imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
   imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
   imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
   showRandomImg = true;
   boxwidth = 255;
   cellspacing = 6;
   borderColor = "#232c35";
   bgTD = "#000000";
   thumbwidth = 70;
   thumbheight = 70;
   fntsize = 12;
   acolor = "#666";
   aBold = true;
   icon = " ";
   text = "comments";
   showPostDate = true;
   summaryPost = 40;
   summaryFontsize = 10;
   summaryColor = "#666";
   icon2 = " ";
   numposts = 20;
   home_page = "http://infonetmu.blogspot.com/";
   limitspy=4
   intervalspy=4000
   </script>
   <div id="spylist">
   <script src="http://infonetmu.googlecode.com/files/recentpostthumbslideshow.js" type="text/javascript">
   </script></div>

6. Simpan

Note :

• Url yang berwarna merah ganti dengan Url sobat
• Angka yang berwarna biru jumlah post yang ingin di tampilkan

Nah demikain cara membuat recent post berjalan pada blog, semoga bermanfaat! 

CARA MEMASANG GOOGLE TRANSLATE BENDERA DI BLOG

Cara Memasang Google Translate di Blog >> Cara Memasang Google Translate pada Blog,Pasang Google translate di Blogspot,Pasang Google Translator pada Blogger,Google translate membantu pembaca untuk menterjemah artikel suatu blog sesuai bahasa yang diinginkan.

Dengan Memasang widget ini membantu dan mempermudah pengunjung dari berbagai negara bisa membaca dan mengerti atau memahami postingan yang kita tulis pada blog kita setelah di terjemahkan dengan widget google translate ini.

Ada bebarapa hal perlu diperhatikan dalam penulisan pada blog bahasa Indonesia yaitu penulisanya di usahakan menggunakan bahasa Indonesia yang baku, baik dan benar ejaanya, sehingga tidak salah dalam terjemahanya.

Memang menterjemahkan menggunakan google translate ini tidak lah sempurna, namun setidaknya jika ada pengunjung dari luar negara lain mengerti dan memahami isi postingan pada blog kita dengan bantuan widget ini.

Nah bagi yang ingin memasang google translate pada blog silahkan ikuti tutorial INFONETMU dibawah ini!
Copy kode dibawah ini!

<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'id',
layout: google.translate.TranslateElement.InlineLayout.SIMPLE
}, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Silahkan paste di sidebar yang kamu inginkan dengan cara tambah gadget,terus pilih HTML/JavaScript paste disitu simpan selesai.
Cukup Mudah kan memasang google translate pada blog, Nah kamu juga bisa memasang google translate dengan bendera,untuk tutorialnya silahkan baca artikel yang terdahulu di cara memasang google translate berbenderapada blog. semoga bermanfaat.