Cara Meningkatkan Traffic Blog dan Website hanya dalam 10 menit

Cara Meningkatkan Traffic Blog dan Website-, Sebuah website dikatakan berarti jika website atau blog  tersebut dikunjungi oleh banyak pengunjung. Jika banyak orang yang mengunjungi website kita, maka dengan mudah apa yang kita jual lewat atau konten yang kita siapkan pada website/blog tersebut bisa dibeli atau dinikmati(baca) oleh orang banyak. Entah kita menjual produk digital, ruang iklan, produk fisik (seperti makanan, pakaian, dsb) dan beragam jenis produk lainnya. sebaliknya, jika Website/blog kita sepi kunjungan atau jarang di lirik oleh para visitor maka mohon maaf saja anda belum beruntung dalam berbisnis online atau menjadi seorang blogger yang sakti..heheheh

bagi sebagian pemula meningkatkan traffic blog dan website terkadang bukanlah perkara mudah, sebab tak jarang kita sering bingung harus melakukan apa agar website kita kebanjiran pengunjung. Akan tetapi bagi sobat yang sampai sekarang website/blognya masih sepi pengunjung jangan berkecil hati dulu karena kurang dari 10 menit kedepan website/blog anda akan meledakkk karena visitor yang tak terduga dari mancanegara. mungkin sobat sering mendengar kalimat tersebut dari blog lain yang menjanjikan traffic blog meningkat dengan cepat, namun sobat wajib bersyukur karena ane akan berbaik hati memberikan jurus jitu yang sebelumnya belum sobat temukan di blog lain.

Ada banyak cara yang bisa dilakukan untuk meningkatkan traffic situs atau blog kita dengan  menarik banyak pengunjung situs atau blog. namun berbeda dengan cara lain kali ini yaitu meningkatkan traffic situs atau blog dengan linkcollider. Linkcollider adalah sebuah situs web yang membantu kita untuk mengiklankan situs Anda, meningkatkan traffic blog dan website (lalu lintas), PageRank, SEO, Alexa, dan Backlinks secara gratis.

Cara Meningkatkan Traffic Blog dengan Linkcollider..!

Baik, rasanya ane gk perlu panjang lebar lagi langsung saja berikut langkah-langkahnya :

1. meluncur kesini linkcollider.

2. kemudian isi kolom register untuk mendaftar,lalu klik Submit.

3. cek Email sobat untuk confirmasi activasi account anda, dan klik link untuk masuk account di linkcollider.

4. kemudian klik Post a Website for Free.

5. lalu pilih classic post.

6. kemudian masukkan Artikel yang akan kita submit(Judul,URL,Deskripsi,jumlah token tiap viewnya,dan logo), lalu klik Post.

7. nah,jika telah selesai akan tampil di profil anda.

8. layaknya permainan Game, setelah Anda sukses mendaftar dan mem-post sebuah artikel, pada tahap pertama Anda akan mendapatkan Token atau  semacam poin senilai 3000 token. Dengan persediaan token itulah yang akan mendatangkan pengunjung ke situs Anda, Setiap pengunjung yang datang ke situs Anda akan berakibat berkurangnya nilai token yang Anda miliki dengan perbandingan 30 token untuk 1 pengunjung.

Bagaimana jika Token Habis..?

Nah, jika token sobat habis jangan khawatir, sobat bisa berusaha terus menambah nilai token sobat dengan jalan follow Twitter atau Pinterest dan bisa juga dengan share melalui Facebook, Tumblr, Stumble upon dan sebagainya milik anggota yang lainnya.

karena ane orangnya simple-simple aja gak perlu yang rumit-rumit hanya follow/twitt twitter dan share facebook yang ane gunakan. tergantung sobat, jika ingin mendapatkan token lebih banyak lagi bisa menggunakan semuanya, tapi ane cukup gunakan yang dua itu aja.

Untuk sekali follow di Twitter maximal kita mendapatkan 120 token dan minimal 60 token.

Dan untuk sekali share di facebook  Maximal 180 token dan Minimal 90 token.

Jika sobat senantiasa standby di situs itu juga bisa menambah nilai token Anda. Selain itu jika sobat tidak punya banyak waktu luang dan punya banyak dana bisa menambah nilai token sobat dengan cara membeli di situs Link Collider via Paypal n pembayaran lainnya. Harga token itu beragam mulai dari kurang dari $1 untuk 6.000 token hingga kurang dari $200 untuk 1.450.000 token. dan ane kira para blogger pasti carinya yang gratisan kan.. jadi gk mungkin juga beli token..hehhehe

Nah, Ternyata Cara Meningkatkan Traffic Blog dan Website cukup mudahkan..? praktis dan efektif. sobat bisa cek 10 menit kemudian untuk  mengetahui bagaimana perkembangan sebelum dan sesudah bergabung dengan Link Collider, usahakan di situs sobat telah terpasang widget dari Feedjit, Histats, dan Flag Counter sebagai data statistika tentang pengunjung blog sobat. dibawah ini ane perlihatkan statistik Flag Counter sebagai bukti bahwa ane gk sekedar omongan belaka sob..

Demikian sob tentang Cara Meningkatkan Traffic Blog dan Website semoga ilmu yang ane berikan pada kesempatan kali ini dapat bermanfaat bagi sobat sekalian. saran ane sob lakukan yang sewajarnya aja pada blog sobat demi menjaga agar tidak ketahuan oleh search engine atau pihak lain, dan sobat dapat membaca ulasan kami selanjutnya tentang “mendapatkan uang dari blog”. jika post ini menurut sobat baik untuk di ketahui oleh orang banyak silahkan di share. dan jangan lupa komentarnya sob..

dikarenakan Linkcollider telah mengubah tampilan design webnya sejak bulan April 2013 yang mengalami perubahan hanyalah segi tampilan ane harap sobat bisa menyesuaikan tentang cara register(mendaftar).

 

Orig : http://www.klikiri.com/2013/03/cara-meningkatkan-traffic-blog/

readmore »»  

Cara Membuat Tombol Back To Top di Blogspot

Cara membuat/memasang tombol back to top/go top di blogger, tombol back to top adalah sebuah tombol yang berfungsi untuk membuat/mempercepat scrolling dari bawah keatas di sebuah web page ataupun blog page sehingga akan mempermudah reader ataupun visitor untuk kembali´pada bagian atas dari blog/website dengan cepat ketika berada dibagian bawah halaman dengan hanya sekali klik pada tombol back to top tersebut. Sebagai contoh sobat bisa melihat pada bagian kanan bawah dari blog saya ini

Fitur back to top yang kita buat/bahas sekarang ini adalah fitur tombol back to top menggunakan jQuery. Efek jQuery ini sedikit lebih lembut dan smooth daripada efek javascript lainnya seperti pada animasi bintang jatuh dari kursor yang menggunakan javascript biasa. Kelebihan nya juga adalah efek back to top ini sangat ringan ketika di loading dan sangat cocok digunakan didalam blog tentunya bagi yang suka me-modifikasi blog-nya dengan sesuatu yang unik, indah dan bermanfaat. Untuk membuat nya silahkan ikuti tips & tricks blogger berikut.

Cara Membuat/Memasang Tombol Back To Top Dengan jQuery di Blogger

• Silahkan login di Blogger
• Pilih Template > Edit HTML > klik Expand Widget Template
• Cari kode </body>  (gunakan CTRL+F)
• Copy kode dibawah ini dan Paste tepat diatas kode </body>  (jika kode dibawah sudah ada di template sobat, kode dibawah tidak usah dipasang lagi)

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

• Kemudian Copy lagi kode dibawah ini dan kemudian Paste tepat dibawah kode diatas

<script src='http://bloggerpeer.googlecode.com/files/backtotop.js' type='text/javascript'/>
<!-- Back to top designed by Blogger Peer - bloggerpeer.blogspot.com -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwhX1NY9Uney_-Xq6fb2uVFxuMgRrK94smAh1RPqPMkQMsaVxpRR5hVqiLwoCaIl-BqFeqf4iL22uNtxZpQeeQq1Oo5R7OPy6HamF8XRLtTCuIPW6kZ7JbRWXslNKUo6uZQCJ_Q_lyhso/s1600/back-to-top.gif'/></a>

Terakhir simpan template sobat dan tombol back to top sudah bisa dipakai

Orig : http://bloggerpeer.blogspot.com/2011/11/cara-buat-tombol-back-to-top-blog.html

readmore »»  

Menampilkan Widget Di Halaman Tertentu

Menampilkan Widget Di Halaman Tertentu

Hai sobat blogger, bagaimanakah kabar Anda sekalian ? semoga dalam keadaan sehat dan selalu ceria. Pada tulisan kali ini, saya akan membagikan ilmu yang sudah saya pelajari kepada Anda yaitu masih tentang blogger dan topik yang saya bahas kali ini adalah seputar "Menampilkan widget pada halaman tertentu" yang sering digunakan pada template megazine, misalnya anda ingin menampilkan widget dihalaman post saja atau tidak ada hanya dihalaman post.

Nah langsung saja kita pelajari bersama-sama.

Langkah pertama yang harus Anda lakukan adalah masuk menu "Design" kemudian masuk ke bagian "Edit HTML" lalu centang kotak "Expand widget templates"


lalu cari code widgetnya seperti ini

<b:widget id='HTML1' locked='false' title='Pesan' type='HTML'>
<b:includable id='main'>

<!-- 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'/>

</b:includable>
</b:widget>

Untuk mempermudah pencarian silahkan masukkan judul widget seperti "Pesan" kedalam kotak pencarian browser (ctrl + F)

Kemudian tambah code

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

dan ditutup dengan code </b:if> untuk menempatkan di hanya halaman depan saja

dan ditempatkan seperti dibawah ini

<b:widget id='HTML1' locked='false' title='Pesan' 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 != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Perhatikan penempatan code yang berwarna hijau !

kemudian save.

Dan dibawah ini adalah code yang bisa digunakan untuk penempatan lainya

Untuk menempatkan di halaman depan/index digunakan code

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

Untuk menempatkan di halaman Archive saja

<b:if cond='data:blog.pageType == "archive"'>

Untuk menempatkan dihalaman item/posting saja digunakan code

<b:if cond='data:blog.pageType == "item"'>

Dan untuk pada halaman pages atau static page blogger digunakan

<b:if cond='data:blog.pageType == "static_page"'>

Dan untuk tambahan, jika Anda ingin menempatkan di halaman tertentu dengan menggunakan URL gunakan code dibawah ini

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

Ganti code URL_HERE dengan URL yang ingin anda tampilkan.

Dan untuk pengecualian, misalnya anda tidak menempatkan widget hanya di halaman depan saja dengan cara mengganti tanda = pertama dengan tanda !

Contoh

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

Nah tidak terlalu sulit kan? semoga bermanfaat bagi Anda.

Sekian silahkan berkomentar jika ada pertanyaa, :D

NB : Code diatas juga dapat di aplikasikan ke fungsi-fungsi blogger lainya yang akan saya bahas di waktu selanjutnya

Orig :
http://tutorial-jitu.blogspot.com/2010/08/menampilkan-widget-di-halaman-tertentu.html

readmore »»  

Membuat Menu Multi Kolom

Membuat menu multi kolom disini maksudnya membuat lebih dari satu menu dalam satu kolom, ini berguna sekali untuk menghemat space blog anda yang sudah memiliki menu yang banyak seperti pada contoh screenshot berikut:

Langkah-langkah untuk membuat menu multi kolom silahkah ikuti seperti dibawah ini:
1. Login ke blogger anda
2. Layout-->Edit HTML
3. Kemudian cari kode ]]></b:skin>
4. Masukan kode dibawah ini sebelum kode diatas

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; text-align: center;
height: 24px;
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000;
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif;
font-weight: 900;
color: #000;
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900;
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E;
overflow: hidden;
background-color: #FF9900;
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

Keterangan :

- Angka yang berwarna merah-->lebar kotak menu utama
- Angka yang berwarna biru--> tinggi kotak menu utama
- Kode yang berwarna hijau--> warna border menu utama
- Kode yang berwarna ungu-->warna Font menu utama
- Kode yang berwarna abu-abu-->Warna background menu utama
- Kode yang berwarna kuning-->Warna border kotak utama
- Kode yang berwana orange-->warna background kotak utama

Untuk mengetahui kode-kode warna silahkan klik disini

5. Silahkan masukkan kode dibawah ini sebelum kode </head>

<script src='http://superinhost.com/trikblog/tabview.js' type='text/javascript'/>

6. Kemudian Save

Kemudian ke menu Layout-->Page Elements-->pilih Add Gadget yang akan kamu tempatkan menu multi kolom ini-->HTML/Javascript

Silahkan masukkan script menu multi kolom dibawah ini:

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Title menu 1</a>
<a>Title menu 2</a>
<a>Title menu 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">
<div class="Pad">
Link 1 di menu 1 <br />
Link 2 di menu 1 <br />
Link 3 d1 menu 1 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Link 1 di menu 2 <br />
Link 2 di menu 2 <br />
Link 3 d1 menu 2 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Link 1 di menu 3 <br />
Link 2 di menu 3 <br />
Link 3 d1 menu 3 <br />
</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>

Keterangan
- kode yang berwarna hijau adalah title menu anda
- kode yang berwarna biru adalah lebar dan tinggi menu multi kolom
- kode yang berwarna merah adalah isi dari menu anda

Silahkan dicoba,,semoga berhasil!!!

 

Orig :

http://tutorialbikinblog.blogspot.com/2009/01/membuat-menu-multi-kolom.html

readmore »»  

Cara agar hanya judul postingan yang terlihat

Mungkin sobat-sobat setia pernah melihat blog yang hanya terlihat Judul saja pada halaman depan blog, nah jika sobat setia ingin yang seperti itu terjadi pada blog sobat, ini dia  Cara agar hanya judul posting saja yang muncul di halaman depan blog ( homepage blog ).fungsi dari widget ini adalah merubah tampilan depan blog atau di sebut homepage blog menjadi lebih efisien dan juga membuat loading blog terasa lebih cepat karena hanya judul posting saja yang terlihat , nah buat yang tertarik langsung di liat saja ini dia caranya
Login blogger > Rancangan/template > Edit HTML > Cari kode berikut :
</head> 
setelah itu copykan code di bawah ini tepat di atas code :

<style type='text/css'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>

.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.0em;
height:50px;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:20px;
font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;
font-weight:normal;
line-height:1.4em;
color:#cc6600;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#cc6600;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {color: #333333;}
.post-body {display:none;}
.post-footer {display:none;}
.comment-link {display:none;}
.post img {display:none;}
.post blockquote {display:none;}
.post blockquote p {display:none;}
h2.date-header {display:none;}
.post-labels {display:none;}
.post-rating {display:none;}
</b:if>
</style>

simpan template dan lihat hasilnya, selamat mencoba dan semoga bermafaat.

readmore »»  

STRUKTUR DASAR DOKUMEN HTML

Bete', boring, jenuh, buntu, Gak ada ide lagi buat sharing ,ya udah dari pada blog nyawabaru gak update mending sharing sedikit lah hal basi ini yaitu struktur dasar dokumen HTML(Tag, Element, Attribute), Element HTML, Element HEAD, Element TITLE, Element BODY...hahahahaaa...basi banget lah ya..Langsung aja yah...malas ngebacot yang gak jelas...hee..


STRUKTUR DASAR DOKUMEN HTML

HTML merupakan singkatan dari HyperText Markup Language adalah script untuk menyusun dokumen-dokumen Web. Dokumen HTML disimpan dalam format teks reguler dan mengandung tag-tag yang memerintahkan web browser untuk mengeksekusi perintah-perintah yang dispesifikasikan.




Struktur dasar dokumen HTML adalah sebagai berikut:
<html>
<head>
<title>Disini Judul Dokumen HTML</title>
</head>
<body>
        Disini penulisan informasi Web
</body>
</html>
Dari struktur dasar HTML di atas dapat dijelaskan sebagai berikut:

a. Tag
Adalah teks khusus (markup) berupa dua karakter "<" dan ">",  sebagai contoh <body> adalah tag dengan nama body.
Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"), sebagai contoh <body> ini adalah tag pembuka isi dokumen HTML, dan </body> ini adalah tag penutup isi dokumen HTML.

b. Element
Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana:

<title> ini adalah tag pembuka judul dokumen HTML
Disini Judul Dokumen HTML ini adalah isi judul dokumen HTML
</title> ini adalah tag penutup judul dokumen HTML

Tag-tag yang ditulis secara berpasangan pada suatu element HTML,  tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya.
Contoh penulisan tag-tag yang benar

<p>
    <b>
        ................
    </b>
</p>

Contoh penulisan tag-tag yang salah

<p>
    <b>
        ................
    </p>
</b>

c. Attribute
Attribute mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut:

<TAG
   nama-attr="nilai-attr"
   nama-attr="nilai-attr"
   .................
>
   .................

</TAG>
Secara umum nilai attribute harus berada dalam tanda petik satu atau dua. Sebagai contoh, untuk membuat warna teks menjadi kuning dan latarbelakang halaman web menjadi hitam, penulisannya adalah <body bgcolor="black" text="yellow">
d. Element HTML
Menyatakan pada browser bahwa dokumen Web yang digunakan adalah HTML.

Sintaks:
<html>
..........
</html>

e. Element HEAD
Merupakan kepala dari dokumen HTML. Tag <head> dan tag </head> terletak di antara tag <html> dan tag </html>.

Sintaks:
<head>
...........
</head>

f. Element TITLE
Merupakan judul dari dokumen HTML yang ditampilkan pada judul jendela browser. Tag <title> dan tag </title> terletak di antara tag <head> dan tag </head>.

Sintaks:
<title>
.........
</title>

g. Element BODY
Element ini untuk menampilkan isi dokumen HTML. Tag <body> dan tag </body> terletak di bawah tag <head> dan tag </head>.
Element BODY mempunyai attribute-attribute yang menspesifikasikan khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada browser.

Sintaks:
<body text="v" bgcolor="w" background="uri" link="x" alink="y" vlink="z">
..............
</body>

Attribute text memberikan warna pada teks, bgcolor memberikan warna pada latarbelakang dokumen HTML, background memberikan latarbelakang dokumen HTML dalam bentuk gambar, link memberikan nilai warna untuk link, alink memberikan warna untuk link yang sedang aktif, vlink memberikan warna untuk link yang telah dikunjungi.
Jika attribute bgcolor dan background keduanya dispesifikasikan maka attribute background yang akan digunakan, akan tetapi jika nilai attribute background (gambar) tidak ditemukan pada dokumen HTML maka attribute bgcolor yang akan digunakan.

readmore »»  

Cara Membuat Banner Slideshow dengan JavaScript

Nah kali ini nyawabaru akan coba share cara membuat Banner Slideshow dengan menggunakan JavaScript berikut ini akan menampilakan banner serta link-nya masing-masing secara bergantian dengan waktu yang dapat kita tentukan sendiri.

Setelah dicoba dan di test, script ini dapat tampil dengan baik di Intenet Explorer, Mozilla Firefox, Google Chrome, Opera dan Safari.

Berikut adalah langkah-langkah untuk membuat Banner Slideshow dengan JavaScript.

Yang pertama kita lakukan adalah menyalin kode berikut ke Notepad kemudian simpan dengan nama "banner-slideshow.js".

/* Source Script http://javascript.internet.com Created by: Scragar | Licensed under: Public Domain */
function BannerSlideshow(){
// first, defaults:
  this.timer = 2;
  this.bannerNum = 0;// -1 = random
// then normal init work
  this.banners = [];
  this.binding = null;
  this.timeout = null;
  this.add = function(){// add a banner to the array
    this.banners[this.banners.length] = [arguments[0], arguments[1]];
  }
  this.bind = function(){// bind to an element
    if(typeof arguments[0] == 'string')
      this.binding = document.getElementById(arguments[0]);
    else
      this.binding = arguments[0];
    this.rotate();
  }
  this.rotate = function(){// the actual image rotator
    if( ! this.empty())
      return;
    var showNum, tmpA = document.createElement('a'), tmpImg = document.createElement('img');
    if(this.bannerNum < 0)// random
      showNum = Math.floor(Math.random()*this.banners.length);
    else// syncronous
      showNum = this.bannerNum=(++this.bannerNum >= this.banners.length)?0:this.bannerNum;
    tmpA.href = this.banners[showNum][0];
    tmpImg.src = this.banners[showNum][1];
    tmpA.appendChild(tmpImg);
    this.binding.appendChild(tmpA);
  }
  this.empty = function(){// empty the element if possible
    if(this.binding == null)
      return false;
    while(this.binding.hasChildNodes())
      this.binding.removeChild(this.binding.firstChild);
    return true;
  }
  this.startTimer = function(){// start the loop, normaly done during page load.
    this.stopTimer();
    this.timeout = window.setInterval(
      (function(x){
        return function(){
          x.rotate();
        }
      })(this), this.timer*1000);
  }
  this.stopTimer = function(){// stop the loop, nice to make available via a button.
    if(this.timeout != null)
      window.clearInterval(this.timeout);
    this.timeout = null;
  }
}

Setelah disimpan sekarang masukkan kedua kode JavaScript berikut di antara tag <head>, untuk script yang pertama sesuaikan ke lokasi dimana banner-slideshow.js tadi anda simpan:

JavaScript 1:

<script type="text/javascript" src="banner-slideshow.js"></script>

JavaScript 2:

<script type="text/javascript">
<!––
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}
// Banner
var myBanner = new BannerSlideshow();
myBanner.add('#', 'banner1');
myBanner.add('#', 'banner2');
myBanner.add('#', 'banner3');
myBanner.add('#', 'banner4');
myBanner.timer = x;// x detik pergantian gambar.

// Set-up display
addLoadEvent(function(){
  myBanner.bind('my-banner');// nama id dari lokasi banner.
  myBanner.startTimer();
});
//––>
</script>

Kemudian masukkan kode berikut di antara tag <body> ke lokasi dimana kita akan menampilkan banner.

<div id="my-banner"></div>

Untuk menghilangkan border gambar di IE serta untuk pengaturan elemen div diatas tambahkan style berikut ke dalam CSS.

img{border:none;}
#my-banner{margin:0;} /*pengaturan CSS untuk banner*/

Selanjutnya kita akan mengatur link, gambar banner dan waktu dari rotasi banner dengan mengedit JavaScript yang kedua diatas.

Yang perlu kita ubah adalah:

myBanner.add('#', 'banner1');

Caranya dengan mengganti "#" dengan link tujuan dari banner kemudian "banner1" adalah link ke lokasi gambar. Untuk gambar bisa menggunakan jpg, gif atau png.

Kemudian kita dapat menambah atau mengurangi banner tersebut tergantung dengan jumlah banner yang kita inginkan. Seperti contoh diatas adalah untuk 4 banner.

Selanjutnya:

myBanner.timer = x;

Adalah untuk mengatur rotasi atau pergantian banner dalam satuan detik.
Selamat mencoba dan semoga bermanfaat...
Tips tambahan, jangan memuat gambar yang terlalku besar, karena akan berpengaruh pada Loading blog sobat..kalau saya pribadi sih tidak terlalu suka dengan Slidshow ini..

readmore »»  

Merubah agar blog terlihat sedang dalam maintenance

Terkadang diantara kita senang dengan mengotak-ngatik blog agar menjadi enak dilihat dan nyaman digunakan yah contohnya saja saya. Namun dengan mengotak-ngatik justru pembaca blog kita akan merasa kurang nyaman ketika anda sedang merubah blog tersebut. Oleh sebab itu untuk mengatasi hal tersebut anda bisa menggunakan mode Maintenance agar pengguna blog anda merasa nyaman dan tidak risih melihat tampilan acak-acak blog anda ketika sedang dalam perbaikan.

Untuk cara menerapkan mode Maintenance ini anda hanya cukup menambah kode tambahan pada HTML anda. Berikut caranya:

    1. Loggin Blog anda
    2. Rancangan --> Edit HTML
    3. Cari kode ]]></b:skin>
    Kemudian masukkan kode dibawah ini sebelum kode ]]></b:skin>

html { height: 100%;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjakX7VjQX0pSySQIgmJvsa5uWaZCFFgNqMBdWgLdESqThFNVMvV3gg5QX6ACuF0JjSA5Ckd7GMoF3S8FNI01tDlvaG3WzhBNxCzuT9_-0ETXY51fzRUbb5aScMOv5hs_edsM5L6M1T5uGl/s1600/mode+maintenance.png) no-repeat center 50%;margin: 0;}
body {display: none;}

    4. Simpan


Untuk mengembalikan kesemula anda hanya cukup menghapus kode tersebut jika anda telah selesai dalam proses perbaikan

readmore »»  

Cara Mematikan Klik Kanan pada Mouse

Mungkin anda sering menemui suatu situs yang melarang blognya untuk diklik kanan oleh pengunjungnya atau dengan kata lain mendisablekan klik kanan khusus pada blog/situsnya saja. Guna dari disable ini ialah untuk melindungi konten atau foto yang anda miliki untuk dicopy oleh orang lain dengan kepentingan yang kita tidak tahu. Nah berkut ini ada javascript untuk mendisablekannya yaitu :

<script language=JavaScript>
<!--

//Matikan Klik Kanan

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->
</script>

Script ini dicopykan ke blog anda dengan cara :
1. Klik Layout dan pilih edit html
2. Cari kode <head> Copykan kode tersebut dibawahnya.
3. Save.
4. Silahkan dicoba!!!

Tapi menurut saya pribadi sih ini kagak perlu dilakukan, karena kita sharing apapun didalam blog kan bukan untuk kepentingan pribadi, melainkan untuk kepentingan umum, so jadilah blogger yang ikhlas, ilmu yang kita tebar secara gratis tnpa syarat akan lebih memberi pahala plusplusplus...viiss mameenn..

readmore »»  

Cara Mengganti Older Posts Dengan Angka

Pada umumnya sih, navigasi untuk pindah halaman di blogspot  masih  menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang   bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.
Nah kali ini nyawabaru  akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka .

Ikutin ya step by step.
1. Masuk ke "Edit HTML"
2. Cari kode ini ]]></b:skin> kalo sudah ketemu letakan script dibawah ini sebelum kode tersebut

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

3. setelah itu cari kode ini </body> kemudian letakan script dibawah ini sebelum kode tersebut.

<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>
<!--Page Navigation Ends -->

Kalau sudah silahkan dilihat hasilnya, mudah bukan..semoga bermanfaat ya sob..

readmore »»  

Cara membuat teks berjalan (marquee) di menu bar blogspot

Cara membuat teks berjalan di menu bar
Untuk kali ini saya akan memberikan sedikit tutorial tentang Cara membuat teks berjalan di menu bar, yang mana sebelumnya telah saya buatkan artikel cara membuat tulisan berjalan (marquee). Sering kali kita temui suatu blog menampilkan teks berjalan di menu bar yang juga merupakan suatu tehnik animasi yang digunakan untuk menambahkan penampilan unik pada suatu blog.  Untuk lebih jelasnya sobat blogger bisa melihat gambar teks berjalan di menu bar seperti di bawah ini :

Bagi rekan rekan belajar menjadi blogger yang ingin membuat animasinya teks berjalan di menu bar silahkan ikuti petunjuk di bawah ini
1. Login ke blog
2. PilihTemplate , edit Html ( jangan lupa centang Expand Template Widget )
3. Cari kode </head>
4. Letakkan script di bawah ini di atas kode </head>

<script type='text/javascript'>
//<![CDATA[
msg = " -- Selamat datang di teks berjalan di menu bar  ";
msg = " | text menu bar -- " + msg;pos = 0;
function scrollMSG()
{document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",150);}
scrollMSG();
//]]>
</script>

  

Teks yang berwarna merah silahkan sobat blogger ganti saja sesuai dengan keinginan anda, dan yang 150 menunjukkan kecepatan teks berjalan , jadi sobat bisa mengganti sesuai dengan keinginan seberapa cepat teks berjalan di menu bar.  Demikian posting singkat kali ini semoga bermanfaat.

readmore »»  

Cara Membuat Daftar Isi Blog Otomatis Berdasarkan Label Tertentu

Daftar Isi / Sitemap yang ada di blog akan memudahkan baik Sobat sendiri sebagai pemilik website / blog maupun pengunjung blog untuk mencari artikel yang dibutuhkan. Nah nyawabaru  akan coba share cara membuat daftar isi yang otomatis menurut label / kategori yang ada di blog. Daftar isi ini saya bagikan dengan 2 versi, yaitu daftar isi biasa dan daftar isi dengan fungsi scroll, anda nantinya dapat memilih salah satunya sesuai dengan selera.

Langsung aja ke TKP Bagaimana cara membuat daftar isi / sitemap berdasarkan label secara otomatis di blogger?


1. Membuat daftar isi blog dengan label tertentu secara otomatis (daftar isi biasa)

Buat postingan baru dan masukkan kode dibawah ini pada mode HTML (bukan compose) lalu publikasikan.

<script src="http://nyawabaru-blogspot.googlecode.com/files/sitemap%281%29.js"></script><script src="http://nyawabaru.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

2. Membuat Daftar isi blog berdasarkan label tertentu dengan fungsi scroll :

Sama dengan cara diatas yakni buatlah postingan baru dan masukkan kode dibawah ini pada mode HTML (bukan compose), lalu publikasikan.

<div style="overflow:auto; border: 1px solid #000000; margin: auto; padding: 3px; width: 100%; height: 500px; background-color: none; text-align: left;"> <script src="http://nyawabaru-blogspot.googlecode.com/files/sitemap%281%29.js"></script><script src="http://nyawabaru.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

Keterangan :
Ganti teks warna merah dengan url blog anda dan anda dapat lihat hasilnya seperti Disini.
Selamat mencoba membuat daftar isi berdasarkan label tertentu di blog, semoga bermanfaat.

readmore »»  

Cara Membuat Berbagai Macam Kotak Background

Nah kali ini saya akan berbagi  Cara Membuat Berbagai Macam Kotak Background Di Postingan, lagi-lagi si nyawabaru ini akan memposting postingan agak basi hehee..., tapi biar gimana pun saya yakin masih ada di antara miliaran umat yang masih mencari postingan seperti ini walaupun hanya segelintir orang terutama sang NEWBIE seperti saya ini.
Tanpa panjang lebar langsung aja ke TKP ceekidot..

Jika sobat ingin menampilkan kotak background di dalam postingan atau halaman baru sobat,sobat bisa mengcopy code berikut.dan di dalam kotak background sobat bisa megisi dengan tulisan atau  kode HTML/Script yang sudah di parse terlebih dahulu agar bisa muncul di dalam kotak background.
membuatnya cukup mudah sob, silahkan sobat pilih berbagai macam kotak backgroud di bawah ini dan copas codenya.


Ini dia codenya.

Solid

<div style="border: 2px #2BA94F solid; padding: 10px; background-color: #800080; text-align: left;"> KODE/TEKS</div>

KODE/TEKS

Dotted

<div style="border: 2px #2BA94F dotted; padding: 10px; background-color: #800080; text-align: left;">KODE/TEKS</div>

KODE/TEKS

Dashed

<div style="border: 2px #2BA94F dashed; padding: 10px; background-color: #800080; text-align: left;">KODE/TEKS</div>

KODE/TEKS

Double

<div style="border: 2px #2BA94F double; padding: 10px; background-color: #800080; text-align: left;"> KODE/TEKS</div>

KODE/TEKS

Grove

<div style="border: 4px #2BA94F groove; padding: 10px; background-color: #800080; text-align: left;">KODE/TEKS</div>

KODE/TEKS

Outset

<div style="border: 4px #2BA94F outset; padding: 10px; background-color: #800080; text-align: left;">KODE/TEKS</div>

KODE/TEKS

Ridge

<div style="border: 2px #2BA94F ridge; padding: 10px; background-color: #800080; text-align: left;">KODE/TEKS</div>

KODE/TEKS

Scroll

<div style="border: 4px #2BA94F solid; padding: 10px; background-color: #800080; overflow: auto; height: 50px; width: 300px; text-align: left;">KODE/TEKS</div>

KODE/TEKS

Insert

<div style="border: 4px #2BA94F inset; padding: 10px; background-color: #800080; text-align: left;">KODE/TEKS</div>

KODE/TEKS

Catatan:
border adalalah warna bagian samping.
background warna bagian tengah.
silahkan anda berkreasi sendiri.
Untuk scroll di atas memang tidak terlihat scrollnya di karenakan teks/code yang ada di dalamnya tidak melebihi kotak yang tersedia.
Contoh jika teks/kode melebihi kotak yang tersedia.:

<div style="background-color: purple; border: 4px #2BA94F solid; height: 50px; overflow: auto; padding: 10px; text-align: left; width: 300px;">
<li>KODE/TEKS
</li>
<li>KODE/TEKS
</li>
<li>KODE/TEKS
</li>
<li>KODE/TEKS
</li>
<li>KODE/TEKS </li>
</div>

KODE/TEKS

KODE/TEKS

KODE/TEKS

KODE/TEKS

KODE/TEKS

Semoga hal basi ini bisa bermafaat buat sobat semua.

readmore »»  

Cara Melihat Asal Pengunjung Blog Dengan Memasang Widget Feedjit

Semangat pagi Sobatku semua, nyawabaru mau coba posting hal basi lagi ni yang mana saya juga baru tau, maklum pendatang baru di dunia blogging, nah setahu saya ni widget berfungsi sebagai checker pengunjung *itu sih bahasa saya* jadi dia berfungsi sebagai pencatat siapa dan dari mana aja tu orang-orang yang berkunjung ke tempat kita, nah gitu tu kurang lebihnya kerja dia, nah yang bagusnya dari dia ini, dia gratis kita pake, kapan pun dimanapun dan oleh siapa pun *kayak itu aja (&%*^$% ????.....heee ..
Tanpa panjang lebar langsung aja ke TKP yuk, kasian sobat membaca tuturan yang kurang jelas dari si nyawabaru,,hehehee...

Tidak sesulit yang Sobat bayangkan kok, okelah kalau begitu,Ceekiiddoottt..


Nih dia Cara Melihat Asal Pengunjung Blog Dengan Memasang Widget Feedjit :


1. Silahkan Sobat copy kode berikut :

<script type="text/javascript" src="http://feedjit.com/serve/?vv=724&amp;tft=3&amp;dd=0&amp;wid=e12319ece36467e6&amp;pid=0&amp;proid=0&amp;bc=610673&amp;tc=ffffff&amp;brd1=336699&amp;lnk=f6fccd&amp;hc=91ff00&amp;hfc=6a007a&amp;btn=000000&amp;ww=200&amp;wne=6"></script><noscript><a href="http://feedjit.com/">Feedjit Live Blog Stats</a></noscript>

2. Selanjutnya, masuk ke  menu dashboard dan pilih "layout/rancangan".


3. Klik "Edit HTML" dan pilih salah satu "Tambah Gadget" di mana nanti Sobat ingin menampilkan widget Feedit.

4. Berikutnya akan muncul jendela baru, cari dan klik tanda plus(+) pada "HTML/JavaScript".

5. Akan muncul lagi jendela baru, Paste kode yang sudah Sobat copy tadi ke kolom bagian bawah atau yang lebar.

6. Terakhir klik "simpan".


Setelah widget Feedjit terpasang di blog Sobat, langkah selanjutnya untuk melihat asal pengunjung blog secara detail adalah dengan meng"klik" tulisan "Real-time view" pada bagian bawah widget Feedjit.nah akan tampak di situs feedjit kurang lebih seperti ini :

Dari situ kita bisa mengetahui asal pengunjung yang datang ke blog kita secara detail.Mulai dari negara mana, browser dan OS apa yang di pakai, datang dari mesin pencari apa, kata kunci apa yang di pakai, serta waktu datangnya pengunjung, lengkap kan, tunggu apa lagi pake tu yang gratisan.

Selain widget Feedjit ada juga ni widget Widgeo, dari segi fungsi sih sama saja, tetapi menurut tante ALEXA Rank Widgeo lebih rendah di banding Feedjit, tetapi balik ke diri anda masing-masing mau memilih yang mana, saya pribadi lebih menyukai Widgeo sih karna bergerak,hehee..liat saja tu yang di bagian sidebar kanan..nah tertarik tidak.? kalau tertarik baca ni cara memasang widget Widgeo.net

Note : di tujukan buat sang NEWBIE seperti saya, buat para master, jangan cekakak cekikik ya, :malu:.

readmore »»  

Cara Memasang TV Online di Blog

Cara Memasang TV Online di Blog – Adalah Salah satu cara untuk memanjakan pengunjung agar betah singgah di blog yaitu dengan cara memasang widget tv online di blog/website. Sebagian pengunjung blog akan merasa senang apabila blog / website menyediakan fasilitas TV Streaming, disamping melihat artikel menarik di blog anda, mereka juga akan menyempatkan melihat acara tv/televisi di blog, apalagi pertandingan sepak bola piala dunia dan masih banyak lagi acara TV lainnya, tetapi bagi anda yang memiliki jaringan senin kamis atau memiliki bandwitch terbatas sebainya jangan menonton ini, karena wwooooww tarikannya kenceng banget.
Ya udah tanpa panjang lebar simak ni bagaimana cara pasang tv online di blog/website.


Cara Memasang TV Online
1. Login ke Blogger.com
2. Pilih Tata Letak => Tambah Gadget.
3. Pilih HTML/JavaScript dan masukkan kode berikut kedalamnya

Kode script TV Online

<div style="width: 535px; height: 558px; overflow: hidden; border: 10px solid #868e89;">
<div style="text-align: center; margin-top: -227px; margin-left: -34px;"><object width="100%" height="860" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="wmode" value="transparent" /><param name="src" value="http://id.imediabiz.com/MivoTV.swf?r=' + Math.round(Math.random() * 99999) + '" /><param name="scale" value="noscale" /><param name="quality" value="high" /><param name="pluginspage" value="http://www.macromedia.com/go/getflashplayer" /><param name="menu" value="true" /><param name="devicefont" value="false" /><param name="allowscriptaccess" value="sameDomain" /><param name="allowfullscreen" value="true" /><param name="scroll" value="auto" /><embed width="100%" height="860" type="application/x-shockwave-flash" src="http://id.imediabiz.com/MivoTV.swf?r=' + Math.round(Math.random() * 99999) + '" wmode="transparent" scale="noscale" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" menu="true" devicefont="false" allowscriptaccess="sameDomain" allowfullscreen="true" scroll="auto" /></object></div>
</div>

Keterangan :
Teks warna merah merupakan lebar dan tinggi layar TV so sesuaikan sama lebar blog anda.
Semoga bermanfaat dan selamat menikmati layanan TV online, untuk melihat contohnya ada di SINI.

readmore »»  

Cara Membuat Link

Sebenarnya sih saya malu untuk membuat postingan seperti ini, masak memasang link aja tidak bisa, kan lucu *begitu kata master-master, tapi ya tidak apa-apa lah toh ini postingan juga buat para NEWBIE seperti saya ini, kok malah jadi banyak bacot ne nyawabaru,*hehehe  , ok langsung di simak ya.

Apa itu Link...? Link adalah sebuah text atau gambar yang menjadi perwakilan sebuah URL / Halaman Web. Apabila kita klik text atau gambar tersebut, maka kita akan dibawa ke sebuah URL / Halaman web yang menjadi tautan text tersebut . Bagaimana Membuat Link... Lest Go.

Kode HTML Dasar Untuk LINK
Kode HTML Dasar (syntax) untuk membuat link sangat simple sekali. Hanya dibutuhkan sebuah html tag yaitu <a> dan menambahkan attribute href di dalamnya. Contoh :

<a href="url">Anchor Text</a>

Penjelasan :
- kode <a> dan </a> merupakan tag html untuk membuat link.
- href, merupakan suatu attribute yang menunjukan tujuan link (URL).
- Anchor Text merupakan perwakilan dari URL yang bisa berupa text (kata) atau gambar.
Contoh Dasar Cara Membuat Link.
Ok nyawabaru akan tunjukan bagaimana membuat suatu link. Misalnya :

<a href="http://nyawabaru.blogspot.com">Tutorial Blogspot</a>

Dari contoh diatas menunjukan bahwa URL yang menjadi tujuan link adalah http://nyawabaru.blogspot.com dan yang menjadi anchor text nya yaitu Tutorial Blogspot. Hasilnya,

Tutorial Blogspot.

Cara Membuat Link Terbuka di Jendela Baru
Nah udah mulai tercerahkan bukan,sekarang kita belajar cara membuat link yang apabila di klik maka akan terbuka jendela baru. Maksudnya? mungkin anda pernah mengalami ketika meng-klik suatu link, maka akan terbuka sebuah halaman baru dari web browser anda. Nah itu dia tu yang saya maksud.

Untuk membuat link terbuka di halaman baru, caranya cukup mudah . Dari kode dasar pembutan link diatas, kita cukup menambahkan attribute target dan menambahkan value _blank di dalamnya. Supaya lebih jelas, coba simak kode berikut :

<a href="url" target="_blank">Anchor Text</a>

Kode diatas merupakan contoh penerapan dari attribute target pada sebuah link. Sekarang kita terapkan kode tersebut ke dalam contoh pembuatan link.

<a href="http://nyawabaru.blogspot.com" target="_blank">Tutorial Blogspot</a>

Maka hasilnya akan seperti ini.

Coba di klik Tutorial Blogspot. Maka akan muncul jendela baru yang membuka link tersebut.

Cara Membuat Link pada Gambar
Untuk membuat link pada gambar, caranya juga mudah tinggal tambahin aja kode HTML untuk menampilkan gambar yaitu tag <img> sebagai pengganti dari anchor text. Format nya sebagai berikut :

<a href="url anda"><img src="url gambar anda"></a>

Kode yang saya tebalkan diatas merupakan kode dasar untuk menampilkan gambar. Lengkapnya semua kode diatas, merupakan kode dasar pembuatan link untuk gambar. Contoh penerapannya sebagai berikut :

<a href="http://nyawabaru.blogspot.com">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl-kdWF6jTqH96QK67uN45rFejGVhY8hv3vRrs5cceZQfLotynKgOYG9JiKye34kBAk5kNuI9iW_ZL_B6JzE2kfH0Kq9q9PwVebwKn_JKQGpbcQcaiiKvDKFNy9sRBEY_6NMtWRC1GvXrE/s1600/Logo+nyawabaru.blogspot.com.png"></a>

Maka Hasilnya : ; Mudahkan......??

OK! Sekarang udah pada tercerahkan bukan, mungkin sampai di sini dulu ya untuk cara pembuatan linknya, selamat berkreasi.

readmore »»  

Fitur pada edit HTML yang baru

Para official blogger kemarin-kemarin menambahkan fungsi yang baru di platform  blogger. Blogger pengembang telah memperkenalkan Editor Html Baru bagi pengguna blogger untuk menyesuaikan template tanpa mendapatkan kesalahan. Google bekerja terus-menerus pada dashboard blogger untuk meng-upgrade lebih dan lebih fitur tambahan.

Blogger platform membawa begitu banyak fitur tambahan pada tahun 2013. Sebagian besar dari anda mungkin telah mengamati bahwa beberapa hari lalu pengembang Blogger telah mengembangkan widget Kotak Pencarian Wikipedia untuk Blogger. Hari demi hari platform Blogger semakin poular saja karena fiturnya yang luar biasa yang telah dimiliki oleh Google. Ada jutaan orang yang menggunakan platform blogger karena begitu banyak fitur tambahan dan memiliki web hosting gratis.


Apa itu editor HTML  template blogger?

Sebenarnya ada dua editor html muncul di blogger dashboard satu khusus untuk menulis posting baru dan yang lainnya adalah untuk mengedit template. Dulu setiap kali kita masuk untuk mengedit template hanya akan kita hanya diberikan pilihan terbatas untuk mengedit, seperti  ekspansi widget (expand widget template). Tapi sekarang ada opsi tertentu yang tersedia di template editor HTML baru. Editor ini memberikan kita beberapa pilihan utama untuk kustomisasi template blogger.

Apa saja tampilan blogger editor HTML yang baru?

Ketika kita klik pada html editor Template ia akan menampilkan permukaan dengan alat (tool) yang luar biasa untuk kustomisasi template blogger. Dalam editor blogger baru ini  ada beberapa teknik pemrograman seperti barisan nomer, Kesalahan Sintaks yang disorot dan masih banyak lagi yang lainnya. Coba anda lihat gambar ilustrasi di bawah ini..

•     Permukaan tampilan editor HTML baru:

•     Pemberitahuan kesalahan pada Tag penutup yang di sorot

•    Menu widget dalam Editor

•     Dimana Expand Widget Template pada editor yang baru?
Sebenarnya tidak akan ada lagi pilihan expand widget template yang tersedia dalam template editor HTML baru. Sekarang expand widget template akan bekerja sama di pilihan Format template.  Sekarang kita memiliki beberapa alat dasar (basic tool) dalam editor seperti Simpan Template, Lompat ke widget, Edit template, pratinjau template, Kembalikan perubahan, format template dan Kembalikan template widget ke default.

 
Semoga bermanfa'at and keep blogging..!

Orig Source

readmore »»  

Cara Membuat Widget Translate Yang Keren di Blog

Dipostingan nyawabaru kali  ini, saya  akan coba share , lagi-lagi untuk para NEWBIE seperti nyawabaru tentang bagaimana Cara Membuat Widget Translate atau Terjemah Yang Keren di Blog *itu sih menurut nyawabaru. Sebenarnya Google juga telah menyediakan widget translate yang bisa dipakai untuk blog, tapi widget ini nyawabaru  tidak mengambil dari google melainkan dari situs lain, seperti yang Kamu lihat di blog nyawabaru.

Untuk caranya lihat ne step by step yang ada di bawah ini :

1.    Log in ke Blogger Kamu
2.    Pilih tata letak, lalu klik tambah gadget
3.    Pilih dan klik html/javascript
4.    Lalu masukan kode dibawah ini :

<!-- Begin TranslateThis Button -->

<div id="translate-this"><a style="width:180px;height:18px;display:block;" class="translate-this-button" href="http://www.translatecompany.com/">translate</a></div>

<script type="text/javascript" src="http://x.translateth.is/translate-this.js"></script>
<script type="text/javascript">
TranslateThis();
</script>

<!-- End TranslateThis Button -->

5.    Atau jika Kamu masih bingung, lihat aja langsung dari situsnya disini
6.    Simpan dan lihat hasilnya

Mudahkan bukan sobat, Selamat Mencoba dan semoga bermanfaat ya  .

readmore »»  

Cara Membuat Artikel Terbaru atau Recent Post Bergambar di Blog

Tutorial kali ini saya tujukan buat Sobat yang masih Newbie seperti saya ini, pasti bingung, gimana sih cara membuat Artikel terbaru atau Recent post bergambar di blog, jika memang itu yang  Sobat mau dengan gambar dan judul yang tidak bergerak ,nah kali ini saya nyawabaru akan mempersembahkannya buat anda.
Check this out (Jiah bahasa apa itu) :

1.    Ok, yang pertama Log In ke Blogger Sobat
2.    Pilih Tata letak, lalu klik tambah Gadget, pilih disebelah mana Sobat mau, atas bawah kiri kanan, pokoknya ikutin kata hati sobat *jiahh,,emang kepercayaan pake kata hati.
3.    Cari HTML/Java Script lalu klik tanda (+)
4.    Masukan Kode ini di bawah judul

<script type="text/javaScript">
imgr = new Array();
imgr[0] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
imgr[1] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
imgr[2] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
imgr[3] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
imgr[4] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
showRandomImg = true;
boxwidth = 220;
cellspacing = 8;
borderColor = "";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = false;
icon = " ";
text = "Komentar";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5 ;
home_page = "http://nyawabaru.blogspot.com/";
</script>
<script src="http://rhoedalismev2.googlecode.com/files/removeHtmlT.js" type="text/javascript"></script>

Keterangan :

•    Kode berwarna ungu adalah ukuran Sidebar, sesuaikan dengan ukuran Sidebar Sobat
•    Kode berwarna biru adalah ukuran huruf
•    Kode berwarna hijau adalah jumlah post yang ingin ditampilkan
•    Ganti Kode berwarna merah dengan alamat blog Sobat

Mudah bukan, itulah persembahan dari seorang NEWBIE, semoga bermanfaat :)

readmore »»  

cara membuat tulisan berjalan ( marquee )

Mungkin ini udah basi banget buat sobat sobat sekalian, tapi apa salahnya ya berbagi ilmu basi ini, kali aja ada yang belum tau dan pengen tau.
Kali ini saya akan mencoba share sedikit tentang cara membuat Tulisan atau Teks Berjalan seperti yang banyak kita temui di acara tv itu yang di sebut dengan

marquee. Disebut demikian karena menggunakan kode html marquee. Tulisan berjalan memang membuat tampilan blog menjadi lebih menarik (tergantung selera sih ya), menjadikan text yang menjadi pusat perhatian juga barangkali.


Ada beberapa model yang dapat dihasilkan dari marquee, nah saya akan mencoba untuk membuat beberapa model tulisan atau teks berjalan di blog dengan

menggunakan kode html marquee.

Script yang pertama :

<marquee>TEXT BERJALAN</marquee>

TEXT BERJALAN

Script yang kedua :

<marquee loop="5"> TEXT BERJALAN AKAN BERULANG 5x  </marquee> , jika text suda berotasi 5x maka akan hilang dari tampilannya dilayar

TEXT BERJALAN AKAN BERULANG 5x

Script yang ketiga :

<marquee bgcolor="red">TEXT BERJALAN LATAR MERAH</marquee>

TEXT BERJALAN LATAR MERAH

Script yang keempat :

<marquee width="50%">TEXT BERJALAN DALAM 50% MEDIA</marquee>

TEXT BERJALAN DALAM 50% MEDIA

Script yang kelima :

<marquee scrollamount="10">TEXT BERJALAN DENGAN KECEPATAN 10 </marquee>

TEXT BERJALAN DENGAN KECEPATAN 10

Script yang keenam :

<marquee direction="right">TEXT BERJALAN KE KANAN</marquee>

TEXT BERJALAN KE KANAN

Script yang ketujuh :

<marquee behavior="alternate">TEXT BERJALAN BOLAK BALI</marquee>

TEXT BERJALAN BOLAK BALIK

Script yang kedelapan:

<marquee direction="down" height="75">TEXT BERJALAN KE  BAWAH</marquee>

TEXT BERJALAN KE BAWAH

Script yang kesembilan :

<marquee behavior="alternate" onMouseOver="this.stop()" onMouseOut="this.start()">TEXT BERJALAN TUNGGU MOUSE</marquee>

TEXT BERJALAN TUNGGU MOUSE

Script yang kesepuluh :

<marquee scrolldelay="300">TEXT BERJALAN DELAY 0.3 DETIK</marquee>

TEXT BERJALAN DELAY 0.3 DETIK

<marquee direction="up" height="100" onMouseOver="this.stop()" onMouseOut="this.start()" scrollamount="5"><a href=""http://nyawabaru.blogspot.com/2013/04/cara-membuat-tulisan-berjalan-marquee.html">CARA MEMBUAT TULISAN BERJALAN Marquee</a></marquee>

CARA MEMBUAT TULISAN BERJALAN Marquee

Nah demikian cara membuat tulisan atau teks berjalan di blog, semoga ada manfaatnya..

readmore »»