Pasang Widget Penghitung Kata Dalam Artikel/Postingan Pada Blog

Info informasi Pasang Widget Penghitung Kata Dalam Artikel/Postingan Pada Blog atau artikel tentang Pasang Widget Penghitung Kata Dalam Artikel/Postingan Pada Blog ini semoga dapat bermanfaat, dan menambah wawasan. Selamat Membaca! Jangan lupa dishare juga! Jika merasa artikel ini bermanfaat juga untuk orang lain.

    Menghitung Jumlah Kata Dalam Artikel Atau Postingan sering dilakukan oleh para blogger yang sering mengikuti kontes blog. Kebanyakan kontes blog yang diadakan sangat memperhatikan jumlah kata dalam artikel atau postingan yang dilombakan(*Seperti kontes blog AdRewa yang sedang saya ikut). Menghitung Jumlah Kata Dalam Artikel Atau Postingan secara manual sungguh sangat merepotkan(*Lama kali mass/mbaa, puyeng juga nihh mata kalo harus melototin banyaknya kata dalam artikel). Nah, pada postingan kali ini saya akan membagikan tutorial(*Bukan hanya caranya, tetapi juga alat/widgetnya) Menghitung Jumlah Kata Dalam Artikel Atau Postingan. Untuk menghitung jumlah kata dalam postingan silahkan menuju halaman awal blog ini atau klik disini untuk praktisnya. Dan jika ada yang ingin pasang di blognya seperti punya saya ini.

    Silahkan klik disini untuk melihat kode widgetnya, kemudian letakan di blog yang kamu punya. Gampangkan?? Jika ada yang belum mengerti silahkan berkomentar di kotak komentar yang ada dibawah postingan ini. Sekian dari saya, kurang lebihnya mohon maaf. Permios..

Demikian artikel tentang Pasang Widget Penghitung Kata Dalam Artikel/Postingan Pada Blog ini dapat kami sampaikan, semoga artikel atau info tentang Pasang Widget Penghitung Kata Dalam Artikel/Postingan Pada Blog ini, dapat bermanfaat. Jangan lupa dibagikan juga ya! Terima kasih banyak atas kunjungan nya.

Bersponsor
👉 Penerbit Content Placement Indonesia
👉 Artikel Kami Terbitkan Harga Terjangkau
👉 Jasa Content Placement
👉 Pasang Backlink Blogroll Premium
👉 Content Placement 50 Jaringan Backlink
👉 Jadi Agen Hanya 100 Ribu Selamanya
👉 Laptop Gaming Terbaik

Memasang Social Bar Google Friend Connect

Info informasi Memasang Social Bar Google Friend Connect atau artikel tentang Memasang Social Bar Google Friend Connect ini semoga dapat bermanfaat, dan menambah wawasan. Selamat Membaca! Jangan lupa dishare juga! Jika merasa artikel ini bermanfaat juga untuk orang lain. Apakah yang dimaksud dengan Social Bar Google Friend Connect. Social Bar Google Friend Connect adalah widget semacam toolbar yang menampilkan pengikut dari blog kita dan juga pengguna Google Friend Connect yang terakhir kali menjadi pengikut blog kita. Di toolbar ini juga kita bisa menuliskan komentar dan membalas komentar. Penasaran mau mencobanya.? Silahkan ikuti langkah - langkah dibawah ini.
-    Pertama, masuk atau Log in di http://www.google.com/friendconnect

-   Setelah itu lihat sidebar sebelah kiri, apakah ada nama dari judul blog yang kamu punya. Jika ada klik     disitu, jika nama blog kamu belum ada di sidebar sebelah kiri, maka isi formulir yang ada.

-   Kemudian, klik gadget yang ada di sebelah kiri, dan pilih social bar.

-   Untuk Opsi, silahkan atur sesuai dengan keinginan kamu sendiri. Jika sudah, klik buat kode.

-   Nahh kode yang muncul kemudian copy dan taruh diantara kode <body> atau dibawah kode     </head> saja.
-   Jika tidak bisa, coba tambah gadget, kemudian pilih HTML/Javascript
-   Lalu taruh disana, dan klik simpan.

Oke, saatnya bilang SEMPOA. hehehehe







Demikian artikel tentang Memasang Social Bar Google Friend Connect ini dapat kami sampaikan, semoga artikel atau info tentang Memasang Social Bar Google Friend Connect ini, dapat bermanfaat. Jangan lupa dibagikan juga ya! Terima kasih banyak atas kunjungan nya.

Bersponsor
👉 Penerbit Content Placement Indonesia
👉 Artikel Kami Terbitkan Harga Terjangkau
👉 Jasa Content Placement
👉 Pasang Backlink Blogroll Premium
👉 Content Placement 50 Jaringan Backlink
👉 Jadi Agen Hanya 100 Ribu Selamanya
👉 Laptop Gaming Terbaik

Cara Pasang UvumiTools Dropdown Menu

Info informasi Cara Pasang UvumiTools Dropdown Menu atau artikel tentang Cara Pasang UvumiTools Dropdown Menu ini semoga dapat bermanfaat, dan menambah wawasan. Selamat Membaca! Jangan lupa dishare juga! Jika merasa artikel ini bermanfaat juga untuk orang lain.

    Apa itu UvumiTools Dropdown Menu.? UvumiTools Dropdown Menu adalah menu navigasi horizontal yang memiliki efek halus dalam menampilkan sub menu atau cabang dari menu utama (Seperti yang digunakan blog saya ini). Ketika saya sedang blogwalking ke tempat teman blogger yang lain, saya melihat menu ini terpasang di salah satu blog dari teman saya itu. Langsung terpikir dalam otak saya untuk bisa memasangnya di blog saya. Sangat mudah untuk bisa mendapatkan deretan kode dari menu tersebut, hanya tekan CTRL+U dan cari kata kunci yang di pakainya, dan Taraaaaa kita bisa melihat kode-kode tersebut. Namun cara memasang dan menyesuaikannya yang sedikit memakan waktu (Maklum, saya masih pemula hehe). Bagi yang ingin memasang menu tersebut silahkan ikuti langkah-langkah berikut.

- Pertama log in dulu ke blogger
- Kemudian klik Rancangan atau Design dan klik Edit HTML (Biasakan untuk memback up template   sebelum melakukan pengeditan, klik Download Template Lengkap).
- Lalu Coppas kode script dibawah ini ke dalam tag head atau dibawah kode <head>

<br /> <script src='http://uvumitools.googlecode.com/files/mootools-for-dropdown.js' type='text/javascript'/><br /> <script src='http://uvumitools.googlecode.com/files/UvumiDropdown-compressed.js' type='text/javascript'/><br /> <script type='text/javascript'> <br /> var myMenu = new UvumiDropdown(&quot;dropdown-menu&quot;); <br /> </script><br /> <script type='text/javascript'><br /> if (window.jstiming) window.jstiming.load.tick(&#39;headEnd&#39;);<br /> </script><br />

- Kemudian coppas kode dibawah ini diatas kode ]]></b:skin>
<br /> .NavbarMenu {<br /> background:#191B1D url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4nSzdz33C44RaQz027gQNX6FMdqjk9YXHUEkWPMgtxRKcjRSam4UFTLjT_IIrAF2_j-VOiKjkA5X9F2t1SssGSr5boJp1_-at2T4j-_kc5r6KmxuaHuYqeM_z_qMzdxG9h5waAkodtcI/s400/button1.gif) repeat-x top left;<br /> width: 100%;<br /> height: 37px;<br /> color: #FFFFFF;<br /> margin: 0 auto;<br /> padding: 0;<br /> font: bold 8px Arial, Tahoma, Verdana;<br /> clear:both;<br /> border-left:1px solid #333;<br /> border-right:1px solid #333<br /> }<br /> .NavbarMenuleft {<br /> width: 75%;<br /> float:left;<br /> margin:0;<br /> padding:0;<br /> }<br /> .nav {<br /> margin:0;<br /> padding:0;<br /> }<br /> .nav ul {<br /> float: left;<br /> list-style:none;<br /> margin:0;<br /> padding:0;<br /> }<br /> .nav li {<br /> list-style:none;<br /> margin:0;<br /> padding:0;<br /> }<br /> .nav li a, .nav li a:link, .nav li a:visited {<br /> color:#fff;<br /> display:block;<br /> text-transform:capitalize;<br /> margin:0;<br /> padding:11px 10px 8px;<br /> font:normal 12px Georgia, Times New Roman;<br /> text-decoration: none;<br /> }<br /> .nav li a:hover, .nav li a:active {<br /> background:#102427 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi94BY-CbIGOEiPpYIPAbKpQsKEkjjhMa6lkJdocl_csFiH-w-CbdbDa-OsfyiVbpxPnkGnGtmqDs6EM-yABHAkcZfkGPm9u8qqPVHVdB20k9UswZv8bthRstFdF9VJGsx2FA74n2y4qIk/) repeat-x top left;<br /> ;<br /> color:#FFF;<br /> margin: 0;<br /> text-decoration: none;<br /> }<br /> .nav li li a, .nav li li a:link, .nav li li a:visited {<br /> background:#2C5F24 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4nSzdz33C44RaQz027gQNX6FMdqjk9YXHUEkWPMgtxRKcjRSam4UFTLjT_IIrAF2_j-VOiKjkA5X9F2t1SssGSr5boJp1_-at2T4j-_kc5r6KmxuaHuYqeM_z_qMzdxG9h5waAkodtcI/s400/button1.gif) repeat-x top left;<br /> width:200px;<br /> color:#fff;<br /> text-transform:capitalize;<br /> float:none;<br /> margin:0;<br /> padding:7px 10px;<br /> border-bottom:1px solid #0d2601;<br /> border-left:1px solid #0d2601;<br /> border-right:1px solid #0d2601;<br /> font: normal 14px Georgia, Times New Roman;<br /> }<br /> .nav li li a:hover, .nav li li a:active {<br /> background:#102427 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi94BY-CbIGOEiPpYIPAbKpQsKEkjjhMa6lkJdocl_csFiH-w-CbdbDa-OsfyiVbpxPnkGnGtmqDs6EM-yABHAkcZfkGPm9u8qqPVHVdB20k9UswZv8bthRstFdF9VJGsx2FA74n2y4qIk/) repeat-x top left;<br /> color:#fff;<br /> }<br /> .nav li {<br /> float:left;<br /> padding:0;<br /> }<br /> .nav li a.enclose, .nav li a.enclose:visited {<br /> border-top:1px solid #000;<br /> }<br /> .nav li ul {<br /> z-index: 9999;<br /> position:absolute;<br /> left:-999em;<br /> height:auto;<br /> width:170px;<br /> margin:0;<br /> padding:0;<br /> }<br /> .nav li ul a {<br /> width: 140px;<br /> }<br /> .nav li ul ul {<br /> margin: -1px 0 0 220px;<br /> }<br /> .nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul {<br /> left:-999em;<br /> }<br /> .nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul {<br /> left:auto;<br /> }<br /> .nav li:hover, .nav li.sfhover {<br /> position:static;<br /> }<br /> #search {<br /> width: 25%;<br /> font-size: 11px;<br /> float: right;<br /> margin: 0;<br /> padding:0;<br /> }<br /> #searchform {<br /> margin:0;<br /> padding:0;<br /> overflow:hidden;<br /> display:inline;<br /> }<br /> #searchbox {<br /> background:#ddd;<br /> padding:0;<br /> margin:0;<br /> }<br /> #search input {<br /> background:transparent;<br /> color:#fff;<br /> float:left;<br /> font-size:12px;<br /> margin: 7px 0 0 10px;<br /> width: 110px;<br /> padding:3px 7px;<br /> border: 1px solid #fff;<br /> font: normal 10px arial, verdana, Times New Roman;<br /> }<br /> #search .btn {<br /> margin:7px 0 0;<br /> padding:0;<br /> width:auto;<br /> border:0;<br /> } <br />

- Kemudian cari kode yang mirip seperti ini (Saya katakan mirip, karena sedikit berbeda kodenya untuk setiap blog).

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
</b:section>
</div>


- Lalu coppas kode dibawah ini, tepat dibawah kode tadi
<br /> <div class='NavbarMenu'><br /> <div class='NavbarMenuleft'><br /> <ul class='nav' id='dropdown-menu'><br /> <li><a href='http://deafile.blogspot.com/'>Home</a></li><br /> <li><a href='#'>Page &#160;&#160;&#8595;</a><br /> <br /> <ul><br /> <li><a href='#'>Sub Page 1&#160;&#160;&#187;</a><br /> <ul><br /> <li><a href='http://deafile.blogspot.com/'>Dea Punya | Blogger Ciamis</a></li><br /> <li><a href='http://deafile.blogspot.com/'>Dea Punya | Blogger Ciamis</a></li><br /> <li><a href='http://deafile.blogspot.com/'>Dea Punya | Blogger Ciamis</a></li><br /> <li><a href='http://deafile.blogspot.com/'>Dea Punya | Blogger Ciamis</a></li><br /> <li><a href='http://deafile.blogspot.com/'>Dea Punya | Blogger Ciamis</a></li><br /> </ul></li><br /> <li><a href='#'>Sub Page 2&#160;&#160;&#187;</a><br /> <br /> <ul><li><br /> <a href='#'>Sub sub Page 1</a></li><br /> <li><a href='http://deafile.blogspot.com/'>Sub sub Page 2</a></li><br /> <li><a href='http://deafile.blogspot.com/'>Sub sub Page 3</a></li><br /> <li><a href='http://deafile.blogspot.com/'>Sub sub Page 4</a></li><br /> <li><a href='http://deafile.blogspot.com/'>Sub sub Page 5</a></li><br /> </ul></li><br /> <li><a href='#'>Sub Page 3</a></li><br /> </ul><br /> </li><br /> <li><a href='#'>Edit Me</a></li><br /> <br /> </ul></div><br /> <div id='search'><br /> <form action='/search/' id='searchform' method='get' style='display:inline;'><br /> <input id='searchbox' maxlength='160' name='q' onblur='if (this.value == "") {this.value = "Search...";}' onfocus='if (this.value == "Search...") {this.value = ""}' type='text' value='Search...'/><br /> <input class='btn' name='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuoewQ9kLWh9sHsrZDlnFVKo-QDbUDoFvkCe-VD3t8Z0YLew6WOzTd6v5ya4ZlRrteLshBVwqt8jrMjeYRnT2waraMcHGOJVaJljAxgaTP_WwjpEEMduh0vSu83-wXU3wJugGqMNbiLAw/?imgmax=800' type='image' value='Go'/><br /> </form><br /> </div></div><br />

- Dan klik save..


    Jika ingin lebih enak dilihat, sesuaikan dengan template blog yang kamu punya. Jangan lupa untuk mengganti setiap link yang ada sesuai dengan yang kamu inginkan. Dan jika kamu menghargai artikel ini, sertakan link blog saya kemudian beri komentar pada artikel ini, maka saya akan memasang kembali link blog kamu (Sekalian tukeran link gituu, hehe). Semoga artikel ini bermanfaat bagi yang membutuhkannya.


Demikian artikel tentang Cara Pasang UvumiTools Dropdown Menu ini dapat kami sampaikan, semoga artikel atau info tentang Cara Pasang UvumiTools Dropdown Menu ini, dapat bermanfaat. Jangan lupa dibagikan juga ya! Terima kasih banyak atas kunjungan nya.

Bersponsor
👉 Penerbit Content Placement Indonesia
👉 Artikel Kami Terbitkan Harga Terjangkau
👉 Jasa Content Placement
👉 Pasang Backlink Blogroll Premium
👉 Content Placement 50 Jaringan Backlink
👉 Jadi Agen Hanya 100 Ribu Selamanya
👉 Laptop Gaming Terbaik

Reply Komentar Seperti Facebook

Info informasi Reply Komentar Seperti Facebook atau artikel tentang Reply Komentar Seperti Facebook ini semoga dapat bermanfaat, dan menambah wawasan. Selamat Membaca! Jangan lupa dishare juga! Jika merasa artikel ini bermanfaat juga untuk orang lain.

Sekarang ini para blogger tengah gencar mencari tutorial untuk membuat Reply Komentar Seperti di Facebook. Sebenarnya hal ini telah terlintas dalam benak saya semenjak saya membuat postingan Edit Template dan ada Sahabat Blogger yang mengirimkan kode templatenya yang menginginkan tampilan blognya ada perubahaan terutama pada kotak komentar. Dan salah satunya ingin agar pada kotak komentarnya ada Reply Komentar Seperti di Facebook. Untuk itu saya mencoba untuk dapat memenuhi permintaannya. Nah saat ini sudah ada kode untuk membuat Reply Komentar, mau tau bagaimana caranya? Silahkan ikuti langkah-langkah dibawah ini.
- Pertama kamu harus login ke blog tentunya
- Lalu klik Design dan klik Edit HTML
- Biasakan untuk memback up template sebelum melakukan pengeditan.

- Setelah itu centang Expand Widget Templates
( atau tambahkan &tpl=true pada address bar )

- Kemudian cari kode dibawah ini
<b:include data='comment' name='commentDeleteIcon'/>
</span>

- Kalau sudah ketemu silahkan copy kode dibawah ini dan letakkan dibawah kode tadi.

<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=LETAKKAN ID BLOG KAMU DISINI&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'>Tanggapi Komentar</a></span>

- Setelah itu ganti tulisan LETAKKAN ID BLOG KAMU DISINI dengan ID Blog kamu. Untuk melihat ID Blog, silahkan klik posting dan lihat address bar.
Disitu tertera blogID=ID Blog kamu

- Dan ganti Tanggapi Komentar dengan kata-kata yang kamu suka

- Setelah itu save dan hasilnya seperti gambar dibawah ini.



Catatan :
- Reply komentar ini belum mirip seperti Facebook yang letak komentar/tanggapannya berada tepat dibawah status. Tanggapan kamu akan muncul dibawah komentar sebelumnya. Dengan tambahan link dari komentar yang kamu tanggapi. Jika di klik akan langsung menuju komentar tersebut.
- Jika komentar yang ada di blog kamu terlalu banyak, disarankan untuk memakai scroll. Untuk menghemat tempat. Klik disini untuk mengetahui cara memasang scroll di kotak komentar.

Demikian artikel tentang Reply Komentar Seperti Facebook ini dapat kami sampaikan, semoga artikel atau info tentang Reply Komentar Seperti Facebook ini, dapat bermanfaat. Jangan lupa dibagikan juga ya! Terima kasih banyak atas kunjungan nya.

Bersponsor
👉 Penerbit Content Placement Indonesia
👉 Artikel Kami Terbitkan Harga Terjangkau
👉 Jasa Content Placement
👉 Pasang Backlink Blogroll Premium
👉 Content Placement 50 Jaringan Backlink
👉 Jadi Agen Hanya 100 Ribu Selamanya
👉 Laptop Gaming Terbaik

Pasang Scroll Di Kotak Komentar

Info informasi Pasang Scroll Di Kotak Komentar atau artikel tentang Pasang Scroll Di Kotak Komentar ini semoga dapat bermanfaat, dan menambah wawasan. Selamat Membaca! Jangan lupa dishare juga! Jika merasa artikel ini bermanfaat juga untuk orang lain. Memasang scroll pada kotak komentar, berguna agar dapat menampung komentar yang banyak di lahan yang sempit. Hal ini akan sangat terasa manfaatnya jika komentar yang ada cukup banyak. Sehingga membuat halaman blog menjadi lebih efisien.

Langsung saja. Kita menuju ke TKP.
- Pertama masuk ke blog kamu, lalu klik Design
- Kemudian klik Edit HTML dan centang Expand Widget Templates atau tambahkan &tpl=true pada kotak alamat di atas


- Lalu cari kode dibawah ini
<ul expr:class='data:post.avatarIndentClass' id='comments-block'>

- Kemudian copy kode dibawah ini. Dan taruh diatas kode tadi.

<div class='widget-content'>
<div style='border: 1px solid rgb(230, 230, 230); padding: 10px; overflow: auto; width: 550px; height: 400px;'>

- Nah setelah itu, cari penutup kode tadi. Memang agak sulit sih. :-)
- Kalau sudah ketemu, silahkan copy kode dibawah ini. Dan taruh dibawah kode penutup tersebut.
- Save deh....

Dan inilah contoh hasilnya

Keterangan :

- Untuk mengubah ukuran lebar, silahkan ganti 550px dengan ukuran yang sesuai dengan blog kamu.
- Untuk mengubah ukuran tinggi, silahkan ganti 400px dengan ukuran yang sesuai dengan blog kamu.












Bagi yang gag mau ribet, silahkan kirim kode template blog kamu.
Klik Disini Dan Klik SKIP ADD Untuk Mengisi Formulir





Demikian artikel tentang Pasang Scroll Di Kotak Komentar ini dapat kami sampaikan, semoga artikel atau info tentang Pasang Scroll Di Kotak Komentar ini, dapat bermanfaat. Jangan lupa dibagikan juga ya! Terima kasih banyak atas kunjungan nya.

Bersponsor
👉 Penerbit Content Placement Indonesia
👉 Artikel Kami Terbitkan Harga Terjangkau
👉 Jasa Content Placement
👉 Pasang Backlink Blogroll Premium
👉 Content Placement 50 Jaringan Backlink
👉 Jadi Agen Hanya 100 Ribu Selamanya
👉 Laptop Gaming Terbaik

Membuat Screensaver Untuk Blog

Info informasi Membuat Screensaver Untuk Blog atau artikel tentang Membuat Screensaver Untuk Blog ini semoga dapat bermanfaat, dan menambah wawasan. Selamat Membaca! Jangan lupa dishare juga! Jika merasa artikel ini bermanfaat juga untuk orang lain. Hmm sekarang lagi musim nih, blog pake screensaver. Mau,? ga usah pusing - pusing, lanjutin aja bacanya. Di postingan kali ini saya akan membagi tahu (bukan temennya tempe) cara membuat screensaver sederhana pada blog. Langsung aja deh.
1. Login ke blogger
2. Masuk ke tata letak
3. Dan pilih Edit HTML
4. Cari Kode <head>
5. Letakan kode di bawah ini, dibawah kode <head>

<script src="http://deafile.webs.com/JavaScript/Screensaver.js"><br /></script>

Kemudian simpan, tapi kalau kamu mau mengganti kata katanya yaa silahkan saja. Begini caranya.Coppy kode Javascript dibawah ini ke Notepad.


var idleTime=0;var standby=false;function CheckInactivity(){idleTime+=10;if(idleTime>60){InitializeStandBy()}}function InitializeStandBy(){if(!standby){var a=0;a=jQuery(window).height();jQuery("#energysaving").show().css({height:"0",width:"0",left:"50%",top:"50%"}).animate({width:"100%",height:a,left:"0",top:"0",opacity:"1"},1000);standby=true}}function StopStandBy(){if(standby){jQuery("#energysaving").animate({width:"0",height:"0",opacity:"0",left:"50%",top:"50%"},500);setTimeout('jQuery("#energysaving").hide();',800);standby=false}}document.write('<link rel="stylesheet" href="http://www.onlineleaf.com/savetheenvironment.css" type="text/css">');if(typeof(jQuery)=="undefined"){document.write('<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"><\/script>')}function InitJQuery(){if(typeof(jQuery)=="undefined"){setTimeout("InitJQuery();",50)}else{jQuery(function(){jQuery(document).ready(function(){setInterval("CheckInactivity();",10000);jQuery(this).mousemove(function(a){idleTime=0;StopStandBy()});jQuery(document).keypress(function(a){idleTime=0;StopStandBy()});jQuery("body").append('<div id="energysaving"><p><font style="color: #2fb2fa;">Jaga Kesadaran!!!! "<blink>Jangan Lama-Lama</blink>"</font><br/><span><font style="color: #FFFFFF;">Kembali ke aktivitas kamu "<blink>Sekarang</blink>" oke</font></span></p><div id="copyrightOnlineLeaf"><font style="color: #00FF00;">Copyright 2010 - Dea Punya | Blogger Ciamis | http://deafile.blogspot.com/</font> <font style="color: #FFFFFF;">Supported by: www.onlineleaf.com</font></div></div>');jQuery("#energysaving").hide()})})}}InitJQuery();


Ganti kata - kata yang berwarna merah dengan kata kata kamu sendiri. Kemudian save file dengan ekstensi .js Contoh : Namafile.js

Setelah itu Upload ke webhosting yang kamu punya. dan coppy paste alamat tempat file tersebut di simpan. Contoh : http://deafile.webs.com/JavaScript/Screensaver.js

Dan hasilnya kurang lebih seperti di bawah ini.








Demikian artikel tentang Membuat Screensaver Untuk Blog ini dapat kami sampaikan, semoga artikel atau info tentang Membuat Screensaver Untuk Blog ini, dapat bermanfaat. Jangan lupa dibagikan juga ya! Terima kasih banyak atas kunjungan nya.

Bersponsor
👉 Penerbit Content Placement Indonesia
👉 Artikel Kami Terbitkan Harga Terjangkau
👉 Jasa Content Placement
👉 Pasang Backlink Blogroll Premium
👉 Content Placement 50 Jaringan Backlink
👉 Jadi Agen Hanya 100 Ribu Selamanya
👉 Laptop Gaming Terbaik

Meta Tag + Judul Postingan Otomatis

Info informasi Meta Tag + Judul Postingan Otomatis atau artikel tentang Meta Tag + Judul Postingan Otomatis ini semoga dapat bermanfaat, dan menambah wawasan. Selamat Membaca! Jangan lupa dishare juga! Jika merasa artikel ini bermanfaat juga untuk orang lain.
Oke pada kali ini saya akan mempostingkan kode meta tag + judul postingan otomatis. Lah Gimana maksudnya,?? Mau tau,,?? Langsung aja praktek.

- Pertama masuk ke Blog kamu
- Lalu klik tab Layout atau Tata Letak, kemudian klik Edit HTML
- Kemudian cari kode <head> . Kalau sudah ketemu, hapus kode tersebut kemudian ganti dengan kode dibawah ini.


<!--::::::::::: Block1: Output post meta keywords -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:section id='meta1' showaddelement='no'>
<!-- widget must be a of Type = 'blog' to have posts data exposed, and must have a unique id -->
<!-- Empty Includables(functions) to output nothing, You must keep them ): -->
<b:widget id='Blog2' locked='no' type='Blog'>
<b:includable id='nextprev'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='post' var='post' />
<b:includable id='status-message'/>
<b:includable id='comment-form' var='post'/>
<b:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='postQuickEdit' var='post'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='comments' var='post'/>
<b:includable id='main' var='top'><!-- Main Function of Any widget comes with ID 'main' -->
<!-- Loop Page Posts (only 1 in a post page )-->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<!-- If the post has labels, make Meta keywords by looping lables -->
&lt;meta name=&quot;keywords&quot; content=&quot;<b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop>&quot; /&gt;
</b:if>
</b:loop>
</b:includable>
</b:widget>
</b:section>
</b:if>
<!--::::::::::: Block1 END -->

<head> <!-- THE HEAD -->

<!-- must include(called) here to output other head sub elements -->
<b:include data='blog' name='all-head-content'/>

<!--::::::::::: Block2: Output Index Title,keywords,decription and Post Title,description -->
<!-- Post Page -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<meta name='description' expr:content='data:blog.pageName' />
<!-- Index Page -->
<b:else/>
<title><data:blog.title/></title>
<meta name='keywords' content='Isi dengan keyword blog anda' />
<meta name='description' content='Isi dengan deskripsi blog anda' />
</b:if>
<!--::::::::::: Block2 END -->


Dan simpan.



Demikian artikel tentang Meta Tag + Judul Postingan Otomatis ini dapat kami sampaikan, semoga artikel atau info tentang Meta Tag + Judul Postingan Otomatis ini, dapat bermanfaat. Jangan lupa dibagikan juga ya! Terima kasih banyak atas kunjungan nya.

Bersponsor
👉 Penerbit Content Placement Indonesia
👉 Artikel Kami Terbitkan Harga Terjangkau
👉 Jasa Content Placement
👉 Pasang Backlink Blogroll Premium
👉 Content Placement 50 Jaringan Backlink
👉 Jadi Agen Hanya 100 Ribu Selamanya
👉 Laptop Gaming Terbaik

Membuat Tampilan Home Berbeda bag.2

Info informasi Membuat Tampilan Home Berbeda bag.2 atau artikel tentang Membuat Tampilan Home Berbeda bag.2 ini semoga dapat bermanfaat, dan menambah wawasan. Selamat Membaca! Jangan lupa dishare juga! Jika merasa artikel ini bermanfaat juga untuk orang lain. Oke, sehubungan di postingan sebelumnya belum begitu jelas, (katanya) akan saya perjelas di postingan kali ini.
Untuk dapat membuat main wrapper yang berbeda antara halaman awal dengan halaman postingan dari blog kamu cukup taruh kode dibawah ini, diatas kode </head>


<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
#main-wrapper{width:335px;float:left}
</b:if>
</style>

ganti angka 335 dengan ukuran yang kamu inginkan. (sebaiknya disesuaikan dengan blog yang kamu punya)
Contohnya lihat di blog saya ini atau gambar di bawah ini

Nah, kemudian untuk dapat menampilkan sidebar di halaman home saja,cukup taruh kode dibawah ini diatas kode </head> juga.







<style type='text/css'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
#newsidebar-wrapper,#twocolumn{display:none}
</b:if>
</style>


Kemudian ganti #newsidebar-wrapper dan #twocolumn dengan ID SIDEBAR blog kamu. Jangan lupa untuk memakai tanda pagar (#) di awal ID SIDEBAR dan pisahkan dengan koma (,) apabila sidebar yang ingin disembunyikan lebih dari satu.

Untuk dapat mengetahui ID SIDEBAR, caranya yaitu

Masuk ke halaman Page Element
Kemudian klik Add a Gadget
Lalu lihat ujung dari URL tersebut. contoh :

http://www.blogger.com/choose-gadget?blogID=7359354730020106246&sectionId=newsidebar-wrapper

maka ID SIDEBAR nya adalah newsidebar-wrapper

Oke selamat mencoba,,,,,,


Demikian artikel tentang Membuat Tampilan Home Berbeda bag.2 ini dapat kami sampaikan, semoga artikel atau info tentang Membuat Tampilan Home Berbeda bag.2 ini, dapat bermanfaat. Jangan lupa dibagikan juga ya! Terima kasih banyak atas kunjungan nya.

Bersponsor
👉 Penerbit Content Placement Indonesia
👉 Artikel Kami Terbitkan Harga Terjangkau
👉 Jasa Content Placement
👉 Pasang Backlink Blogroll Premium
👉 Content Placement 50 Jaringan Backlink
👉 Jadi Agen Hanya 100 Ribu Selamanya
👉 Laptop Gaming Terbaik

Tombol Share Yang Keren

Info informasi Tombol Share Yang Keren atau artikel tentang Tombol Share Yang Keren ini semoga dapat bermanfaat, dan menambah wawasan. Selamat Membaca! Jangan lupa dishare juga! Jika merasa artikel ini bermanfaat juga untuk orang lain.
Ahm,,, lagi nyoba-nyoba template yang lainnya. Eh dapet yang lumayan keren nih. Tombol Share yang mantap, seperti yang saya gunakan. Mau Mau Mau,,,???? Jangan khawatir, karen saya bukan tipekal orang yang pelit koq. Hehehehe
ya sudah, Silahkan coppy kode di bawah ini

<!-- Add to Any Share/Save BEGIN --><br /><br/><a class='a2a_dd' href='http://www.addtoany.com/share_save'><img alt='Save/Share/Bookmark' border='0' height='16' src='http://static.addtoany.com/buttons/share_save_171_16.png' width='171'/><p class='a2a_linkname_escape' style='display:none'><data:blog.pageTitle/> - <data:post.title/></p></a><script type='text/javascript'>a2a_linkname_escape=1;a2a_linkurl=&quot;<data:post.url/>&quot;;</script><script src='http://static.addtoany.com/menu/page.js' type='text/javascript'/><br />

Kemudian Taruh kode tersebut dibawah kode

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>

Dan Save deh,,, Semoga bermanfaat


Demikian artikel tentang Tombol Share Yang Keren ini dapat kami sampaikan, semoga artikel atau info tentang Tombol Share Yang Keren ini, dapat bermanfaat. Jangan lupa dibagikan juga ya! Terima kasih banyak atas kunjungan nya.

Bersponsor
👉 Penerbit Content Placement Indonesia
👉 Artikel Kami Terbitkan Harga Terjangkau
👉 Jasa Content Placement
👉 Pasang Backlink Blogroll Premium
👉 Content Placement 50 Jaringan Backlink
👉 Jadi Agen Hanya 100 Ribu Selamanya
👉 Laptop Gaming Terbaik

Membuat Tampilan Home Berbeda

Info informasi Membuat Tampilan Home Berbeda atau artikel tentang Membuat Tampilan Home Berbeda ini semoga dapat bermanfaat, dan menambah wawasan. Selamat Membaca! Jangan lupa dishare juga! Jika merasa artikel ini bermanfaat juga untuk orang lain.
Sudah sekian lama aku ingin sekali, membuat tampilan halaman utama blog menjadi berbeda dengan halaman postingan. Terutama dari segi tata letak widget. Memang sulit untuk menemukan tutorialnya, karena memang bingung juga harus mengetik keyword apa di kotak pencarian. Dalam hal ini saya juga di bantu teman saya yaitu ilham. Thanks Brow,,, untuk membuat halaman awal blog saya berbeda dengan postingan. Yang pertama yaitu menyembunyikan widget di halaman tertentu. berikut kodenya.

Menampilkan Widget Hanya di Homepage

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


Menampilkan Widget selain di Homepage

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


Menampilkan Widget hanya di Archivepages

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


Menampilkan Widget selain di Archivepages

<b:if cond='data:blog.pageType != &quot;archive&quot;'>
....................................................
</b:if>


Menampilkan widget selain di Itempages

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


Menampilkan widget hanya di Staticpages

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


Menampilkan widget selain di staticpages

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
............................
</b:if>


Menampilkan widget pada URL Postingan Tertentu

<b:if cond='data:blog.url == &quot;alamatpostingan&quot;'>
.........................................
</b:if>


Menampilkan widget selain di URL postingan tertentu

<b:if cond='data:blog.url != &quot;alamaatpostingan&quot;'>
................................................
</b:if>



Bagaimana menggunakannya...???

Begini, apabila kamu ingin menyembunyikan widget tersebut satu per satu maka begini caranya. (lihat kode di bawah ini)
Berikut adalah contoh kode widget yang saya gunakan
<b:widget id='HTML2' locked='false' title='Link Exchange' type='HTML'>
<b:includable id='main'>
.................................................. salah satu kode pembuka
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
.............................................. kode penutup
</b:includable>
</b:widget>

Note : Kode yang berwarna Orange adalah kode pembuka
Kode Yang berwarna Ungu adalah kode penutup




Tapi apabila kamu ingin menyembunyikannya secara keseluruhan dari bagian sidebar maka ini dia kodenya.


<style type='text/css'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
#newsidebar-wrapper,#twocolumn{display:none}
</b:if>
</style>


kode yang berwarna biru, ganti dengan kode ID dari sidebar blog kamu. Apabila lebih dari satu, maka pisahkan dengan koma. Kemudian taruh di atas kode </head>
Oke,,, semoga bermanfaat....
Oia, info mantap ini bersumber dari www.masdoyok.co.cc


Demikian artikel tentang Membuat Tampilan Home Berbeda ini dapat kami sampaikan, semoga artikel atau info tentang Membuat Tampilan Home Berbeda ini, dapat bermanfaat. Jangan lupa dibagikan juga ya! Terima kasih banyak atas kunjungan nya.

Bersponsor
👉 Penerbit Content Placement Indonesia
👉 Artikel Kami Terbitkan Harga Terjangkau
👉 Jasa Content Placement
👉 Pasang Backlink Blogroll Premium
👉 Content Placement 50 Jaringan Backlink
👉 Jadi Agen Hanya 100 Ribu Selamanya
👉 Laptop Gaming Terbaik

Cara Mengembalikan Navbar Blog

Info informasi Cara Mengembalikan Navbar Blog atau artikel tentang Cara Mengembalikan Navbar Blog ini semoga dapat bermanfaat, dan menambah wawasan. Selamat Membaca! Jangan lupa dishare juga! Jika merasa artikel ini bermanfaat juga untuk orang lain.
Wah,, blogger sedang gencar untuk menghapus blog yang melanggar kebijakan privasi dan bla - bla - bla,, kaget juga ketika mendengar kabar apabila tidak ada navbarnya, maka akan beresiko terkena penghapusan oleh pihak blogger, Untung saya menemukan bagaimana caranya untuk mengembalikan navbar yang sudah hilang. Begini caranya,


- Pertama harus Log In dulu Lah, ke Blog kamu
- Kemudian klik Tata Letak atau Layout
- Lalu cari kode di bawah ini

#navbar-iframe {display: none !important;}

Atau yang ini

#navbar-iframe{ height:0px; visibility:hidden;display:none}

Kalau sudah ketemu, silahkan hapus kode tersebut. Nah biar lebih mantap, navbar tersebut di beri kode auto hide. ini dia kode nya.

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

Taruh kode diatas, tepat di atas kode body{

Sekian, semoga bermanfaat.


Demikian artikel tentang Cara Mengembalikan Navbar Blog ini dapat kami sampaikan, semoga artikel atau info tentang Cara Mengembalikan Navbar Blog ini, dapat bermanfaat. Jangan lupa dibagikan juga ya! Terima kasih banyak atas kunjungan nya.

Bersponsor
👉 Penerbit Content Placement Indonesia
👉 Artikel Kami Terbitkan Harga Terjangkau
👉 Jasa Content Placement
👉 Pasang Backlink Blogroll Premium
👉 Content Placement 50 Jaringan Backlink
👉 Jadi Agen Hanya 100 Ribu Selamanya
👉 Laptop Gaming Terbaik

Nge-Blog + Facebook'an Di Satu Halaman

Info informasi Nge-Blog + Facebook'an Di Satu Halaman atau artikel tentang Nge-Blog + Facebook'an Di Satu Halaman ini semoga dapat bermanfaat, dan menambah wawasan. Selamat Membaca! Jangan lupa dishare juga! Jika merasa artikel ini bermanfaat juga untuk orang lain.

Nge-blog memang sangat menyenangkan, namun facebook is my friend banget. keduanya sangat sulit ditinggalkan, apalagi dilupakan. Ternyata memang benar,

ga ada facebook ga rame

simple kand kalo ada facebook di blog kamu. Jadi kamu bisa log in ke facebook kamu dari blog kamu sendiri. Bingung ?? Liat aja yang ada di blog saya ini. Mau ?? ya udah jangan banyak basa-basi. langsung ajah copy kode di bawah ini.

<div class="widget-content">
<script language="Javascript">
<!--
document.write(unescape('%3C%69%66%72%61%6D%65%20%73%63%72%6F%6C%6C%69%6E%67%3D%22%61%75%74%6F%22%20%66%72%61%6D%65%62%6F%72%64%65%72%3D%22%6E%6F%22%20%77%69%64%74%68%3D%22%32%35%30%70%78%22%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%69%70%68%6F%6E%65%2E%66%61%63%65%62%6F%6F%6B%2E%63%6F%6D%2F%23%2F%68%6F%6D%65%2E%70%68%70%22%20%6E%61%6D%65%3D%22%74%69%6E%79%66%61%63%65%62%6F%6F%6B%22%20%68%65%69%67%68%74%3D%22%34%30%30%70%78%22%3E%4D%61%61%66%2C%20%62%72%6F%77%73%65%72%20%61%6E%64%61%20%74%69%64%61%6B%20%6D%65%6E%64%75%6B%75%6E%67%20%69%46%72%61%6D%65%3C%2F%69%66%72%61%6D%65%3E%0A'));
//-->
</script>
</div>

Kemudian :

- masuk ke menu tata letak
- lalu klik add gadget
- dan pilih HTML/JavaScript
- pastekan kode tadi di situ dan save

Udah deh,.,.,.jadi bisa log in ke facebook kamu lewat blog kamu.

Demikian artikel tentang Nge-Blog + Facebook'an Di Satu Halaman ini dapat kami sampaikan, semoga artikel atau info tentang Nge-Blog + Facebook'an Di Satu Halaman ini, dapat bermanfaat. Jangan lupa dibagikan juga ya! Terima kasih banyak atas kunjungan nya.

Bersponsor
👉 Penerbit Content Placement Indonesia
👉 Artikel Kami Terbitkan Harga Terjangkau
👉 Jasa Content Placement
👉 Pasang Backlink Blogroll Premium
👉 Content Placement 50 Jaringan Backlink
👉 Jadi Agen Hanya 100 Ribu Selamanya
👉 Laptop Gaming Terbaik