Cara Membuat Efek Meteor Jatuh di Blog Keren | Kali ini saya sedikit mengulas mengenai Gimana sih cara membuat Efek Meteor Jatuh Pada Blog yang Keren. Pasti kalian bertanya-tanya emang seperti apa si efeknya kok bisa keren. Efek ini nanti akan menampilkan adanya sebuah meteor yang jatuh ke blog kalian dengan Efek Ledakannya juga dan nga kalah Kerenya Efek ini di lengkapi Dengan Suara Meteor Jatuh. Jadi Udah keren tambah keren lagi.. Seperti apa Gambarannya Yukk kita liat ..

Efek Meteor Jatuh Pada Blog

Nah Kalo soal cara memasangnya di Blog kalian.. Kita liat Caranya di bawahh ini, simak baik-baik yoo biar nga salah nanti langkah-langkahnya.

 Berikut adalah Cara Membuat Efek Meteor Jatuh di Blog Keren :

• Kita Logging Dulu Ke Blogger.com.

• Kalo Udah masuk ke Blogger.com/Dasbor, lalu kita ke menu Tata Letak.

• Setelah Itu Kita Pilih Tambahkan Gadged.

• Nahh kalo udah di Tambah Kita Pilih HTML/Java Scrip.

• Dan Tambahkan Kode Berikut di dalamnya.

<script language="javascript">
nd_mode="meteor";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://ariflawblog.googlecode.com/files/meteorjatuh.js.txt">
</script>

• Setelah Paste kode tersebut, sekarang tinggal Simpan dan Lihat Hasilnya.

Keren kan efeknya... Pastinya donkkk... apalagi Efek ini bisa di ilangin kalo kita nga suka .... Udah keren ada suaranya, visualnya bagus bangett kaya asli apa lagi yang kurang coba....

Demikian apa yang bisa saya sampaikan dalam artikel Cara Membuat Efek Meteor Jatuh di Blog Keren, bila ada tutur kata yang kurang pas saya Mohon Maaf. Terimakasih, akhir kata saya ucapkan Wassalamualaikum Wr. Wb.

    Syarat Tukar Link/Banner      Blog anda terdaftar di Search Engine dan halaman tukar link anda terindeks di Google.      Terdaftar      Terdapat meta tag search engine pada template.      Terindeks      Halaman blog muncul pada hasil pencarian Google...  

Read more: http://www.rayhanzhampiet.com/2011/12/membuat-scrolling-ticker-hot-news.html#ixzz2SP1Q5Xao

 Cara Mempercantik Blog dengan Efek Pelangi pada Link -  Kalian Bosen dengan tampilan link di blog kalian yang biasa-biasa saja...!! Nahh nga usah kawatir tentang itu. Saya akan sedikit berbagi kepada kalian Cara untuk Mempercantik Blog dengan Memberikan Efek Pelangi pada Link sehingga saat pengunjung mengklik atau menyorot Link yang ada di blog kalian secara otomatis akan menunjukan Warna-wani seperti pelangi. Penasaran seperti apa si hasilnya, oke dehh saya berikan demonya..

Efek Pelangi pada Link

Nahh gimana tertarik buat mencoba di terapkan ke Blog temen-temen. Okedeh dari pada saya panjang lebar nga karuan, mengungkap kehebatan kalo kita pasang cara ini langsung aja yaa ke Cara pasangnya.

Berikut adalah Cara Mempercantik Blog Dengan Efek Pelangi Pada Link pada Blog kalian :

• Kita Logging Dulu Ke Blogger.com.

• Kalo Udah masuk ke Blogger.com/Dasbor, lalu kita ke menu Tata Letak.

• Setelah Itu Kita Pilih Tambahkan Gadged.

• Nahh kalo udah di Tambah Kita Pilih HTML/Java Scrip.

• Dan Tambahkan Kode Berikut di dalamnya.

<script type="text/javascript" src="http://ariflawblog.googlecode.com/files/Efek-pelangi-pada-link-Blog.js"></script>

• Setelah Paste kode tersebut, sekarang tinggal Simpan dan Lihat Hasilnya.

Udah pasang kan ?? Gimana ??? Tambah keren blog kalian... Pasti tuhhh ... pengunjung pasti betah dehh di blog kalian.... Liat Efeknya heeee

Demikian apa yang bisa saya sampaikan dalam artikel Cara Mempercantik Blog dengan Efek Pelangi pada Link, bila ada tutur kata yang kurang pas saya Mohon Maaf. Terimakasih, akhir kata saya ucapkan Wassalamualaikum Wr. Wb.

Cara Memunculkan Animasi Kelelawar di Blog Keren | Kali ini giliran si Kelalawar yang akan keluar dari blog kita, setelah sebelumnya ada Efek Hati, Daun, Salju, sampe Meteor yang udah keluar. Heemm seperti apa yaa nanti kalo ada kelalawar yang keliling di blog kita. Haa pasti keren tuhhh tampilannya apalagi bisa gerak-gerak kesana kemari dengan sayapnya hee.

Efek Animasi Kelalawar di Blog kita

Efek ini nanti akan memunculkan sosok Animasi Kelalawar 2 Ekor yang saling beterbangan ke sana kemari seperi sedang mencari mangsa.. ha.. Iya . udah liat kan tuh gambar Kelalawarnya. Keren trus ringgan apalagi yang kurang coba... nahh kalo Animasi Kelalawarnya di Klik secara otomatis akan menghilang sendiri. Jadi buat Visitor yang tidak suka dengan adanya kelalawar .. kelalawarnya nga muncul dehh.

Pengin pasang..!!! Yukk ikutin langkah langkah di bawah ini.. Jangan sampe kelewat yaaa...

Berikut adalah Cara Memunculkan Animasi Kelelawar di Blog Keren :

• Kita Logging Dulu Ke Blogger.com.

• Kalo Udah masuk ke Blogger.com/Dasbor, lalu kita ke menu Tata Letak.

• Setelah Itu Kita Pilih Tambahkan Gadged.

• Nahh kalo udah di Tambah Kita Pilih HTML/Java Scrip.

• Dan Tambahkan Kode Berikut di dalamnya.

<script src="http://ariflawblog.googlecode.com/files/kelelawar.js" type="text/javascript"></script>

• Setelah Paste kode tersebut, sekarang tinggal Simpan dan Lihat Hasilnya.

Keren kan efeknya... Pastinya donkkk... apalagi Efek ini bisa di ilangin kalo kita nga suka .... Udah keren ada suaranya, visualnya bagus bangett kaya asli apa lagi yang kurang coba....

Demikian apa yang bisa saya sampaikan dalam artikel Cara Memunculkan Animasi Kelelawar di Blog Keren, bila ada tutur kata yang kurang pas saya Mohon Maaf. Terimakasih, akhir kata saya ucapkan Wassalamualaikum Wr. Wb.

Cara Memasang Iklan di Bawah Judul Postingan Dengan Mudah | Kali ini Modifikasi Blog akan sedikit membagikan Tips Blog buat temen-temen setia Modifikasi Blog hee.. Tipsnya apa ? yaitu Cara Memasang Iklan di Bawah Judul Postingan baik nanti mau Iklan dari PPC atau Iklan Gambar sendiri ataupun Banner Flash. Nahh kalo mau pasang Iklan banner flash tempatnya di Cara Pasang Banner Flash di blog klik aja tuh linknya nanti kalian di beri tau cara memasang Banner Flash nahh kalo kalo mau pasang di bawah judul postingan tinggal ikutin langkah-langkah di bawah ini .

Emang apa sih untungnya kalo kita pasang iklan di bawah Judul Postingan... Hee ngaruh atau nga ngaruh slot Iklan di Bawah Judul Postingan adalah tempat yang paling Strategis buat memasang Iklan. Biasanya bayaranya lebih malah dari pada pemasangan iklan di Sidebar. Slot ini nga kalah sama kaya slot di bawah header yang biasanya paling banyak di pake atau di isi. 

Percaya nga percaya sih kalo memasang Iklan PPC di bawah judul itu luar biasa pendapatannya hee.. Makanya dari itu saya mau memcobanya hee... siapa tau jadi penyemangat buat ngeblog karena pendapatannya nambah hee.. jadi jangan Pelit-pelit klik iklan yee.. hee.. Pissss...

Nahh udah bacakan kenapa ko.. memasang iklan di bawah Judul Postingan lebih ampuh dari pada di tempat lain hee.. Sekarang saatnya untuk mengetahui Cara Pemasangannya di Blog...

Berituk adalah Cara Memasang Iklan di Bawah Judul Postingan Dengan Mudah .....

• Pertama-tama Kita masuk ke Dasbor Blogger dan Pilih Menu Themplate 

 

• Sebelum bener-bener mau edit Back Up dulu siapa tau nanti ada kesalahan jadi nga masalah hee

•  Nahh kan udah tuh tinggal kita pilih Edit HTML dan jangan lupa Centang yang Expandnya

• Sekarang kita cari Kode... <div class='post-header-line-1'/>  biar lebih cepet pencet CTRL+F dan paste kode itu di pencarian.. pasti nonggol dehh hee. Kalo kodenya ada 2 pilih yang paling atas atau yang bawahnya ada kode <data:post.body/>

ehhh sebelum kalian taruh Scrip iklannya kalian Harus Parse Kode HTMLnya ke XML biar nanti bisa tampil di blog kalian .. silahkan kalian Klik di sini aja.

• Agar nanti iklannya cuman tampil di Postingan doang kalian harus tambah kan kode :

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

Scrip Iklan

 </b:if>

• Nah kalo udah seperti itu tinggal Taruh Code tersebut di Bawah Kode :

 <div class='post-header-line-1'/>

• Seperti ini:  

 

• Kalo udah tinggal Simpan  Themplate dan Liat hasilnya

Gimana udah Bisa kan.... Memasang Iklan di Bawah Judul ???

Oke dehh Demikian apa yang dapat saya sampaikan, kurang lebihnya saya Mohon Maaf.Terimakasih saya ucapkan Wassalamualaikum Wr. Wb.

Masih dari layanan FeedBurner, anda bisa mengetahui berapa kali postingan anda dibaca oleh user. Nama fasilitas ini adalah FeedCount.
Berikut langkah-langkahnya:

1.     Masuk ke halaman Dashboard dari FeedBurner.

 

1.     Klik Publicize, lalu klik FeedCount.

2.     Pada halaman yang sama ditampikan pilihan Chicklet style. Pilih jenis yang sesuai selera anda. Anda juga bisa merubah warnanya.

3.     Aktifkan layanan tersebut dengan klik Activate.

4.     Lalu anda akan mendapatkan kode HTML. Anda bisa meng-copy kode tersebut untuk ditempelkan pada halaman blog anda. Atau bila tidak mau repot, pilih Use as a widget in Blogger, lalu klik Go

5. Setelah itu tampil halaman Add Page Element. Lalu klik Add Widget. Secara otomatis akan terdapat widget baru. Itulah artikael tentang menambahkan feedbunner dari kami semoga artikel ini bermanfaat untuk anda salam dari kami Indonesia Pintar

Di internet banyak sekali situs yang menyediakan aplikasi jam untuk dipasang pada blog. Salah satu di antaranya adalah dari www.clocklink.com. Berikut akan saya uraikan caranya.
1. Kunjungi www.clocklink.com.
2. Pada halaman muka situs clocklink.com, cari kotak dialog berjudulSpecial Instruction for Blog Users, kemudian klik menu Want a clock on your website?

3. Akan tampil halaman yang memperlihatkan berbagai bentuk jam (newest, analog, animation, wallpaper, dan lain-lain). Klik pada salah satu bentuk untuk melihat format dari masing-masing jam.
4. Bila sudah menentukan pilihan, klik tombol View HTML tag yang berada di bawahnya.

 

5. Setelah itu anda klik tombol Accept sebagai tanda anda setuju.
6. Lalu anda masuk ke halaman pengaturan (warna, zona waktu, dan ukuran).

Setelah anda mendapatkan kodenya, selanjutnya anda tinggal menempelkannya di blog anda. Itulah informasi dari kami semoga artikel kami bermanfaat untuk anda salam dari kami Indonesia Pintar

Cara membuat burung twitter terbang bi blog adalah sebuah cara bagaimana membuat sebuah burung yang bisa terbang di dalam blog. Dan mempunyai banyak manfaat selain menambah kelucuan dan keunikan yaitu dapat menambah jumlah follower akun twitter Anda.

Menambah burung twitter di dalam blog sebenarnya tidak selalu memberikan banyak manfaat bagi blog yang ingin dikunjungi banyak orang. Mungkin ada juga pengunjung yang merasa risih dengan kehadiran burung di dalam halaman blog. Tetapi terlepas dari ini semua, saya sangat senang jika ada sebuah burung terbang di halaman posting blog (heheheehe meskipun di dalam blog ini tidak aku pasang).

Ok, langsung kita persingkat saja dan langsung kita bahas langkah-langkahnya,

Langkah-langkah membuat burung twitter terbang di blog.

1. Buka akun blogger Anda.

2. Klik Tata Letak >> Tambah Gadget >> Pilih HTML/Java Script.

3. Copy dan Paste kode javascript berikut kedalam widget HTML/Javascript

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://p4r46h-blog.googlecode.com/files/twitterfloat.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAx43Hakmhn418l9m9IUgxnckPxZEfZa8H29Vh8x_6dIekhWmsxxKgvWxwa4R5-vI3CVAwBmgnH14GDeaNJbH890PddmLiB3_QiL0_BM9d7D0rCrdy3qhF4pf7TwYwQiJx4HkpTSs2zbaM/s1600/original.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button",
"select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "ALAMAT URL TWITTER ANDA";var tweetThisText = "Twitter - IndonesiaPintar http://ALAMAT BLOG ANDA.blogspot.com/";tripleflapInit();
</script>

4. Ganti tulisan berwarna biru http://Alamat twitter anda dengan akun twitter Anda.
5. Ganti tulisan berwarna merah Id twitter anda dengan id twitter Anda.
6. Ganti tulisan berwarna coklat http://alamatbloganda dengan alamat URL blog Anda.
7. Save.
8. Selesai >> Lihat dan peliharalah burung kesayangan Anda!

Sudah pada tau kan apa navigasi bar/navbar di blog? Ya, itu lho sebuah navigasi default dari blogger yang biasanya berisi search box, tombol sign in, sign out dan lain sebagainya yang biasanya terletak di bagian paling atas dari sebuah blog yang menggunakan template asli dari blogger. Keberadaan sebuah navbar blog memang kadang tidak begitu diperlukan, oleh karena itu banyak para blogger yang menyembunyikannya. Kecuali jika mereka tidak menggunakan template asli blogger, biasanya keberadaan sebuah navbar blog sudah tersembunyi secara otomatis. Lalu kenapa harus disembunyikan? Tidak dihilangkan saja? Sobat pastinya tau kalau blogger dan Google itu punya aturan yang disebut TOS (Terms Of Service) dan navbar blog ini masuk dalam aturan tersebut bahwa bagian yang satu ini tidak boleh dihilangkan. Bisa-bisa kena hukuman Google. Sobat pastinya nggak mau kan? Hehe.. dan pastinya sobat ingin blog nya disayang sama si mbah. Ohya, saya punya suatu posting salah satu cara agar blog kita disayang sama si mbah. Baca aja: Cara mencegah duplikat konten di blog. Kembali ke permasalahan awal, cara menyembunyikan navbar blog. Lantas bagaimana cara menyembunyikan navigasi bar blog kita? Gampang, berikut caranya..

1. Masuk ke dashbor blog sobat.
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
3. Cari kode berikut:

]]></b:skin>

4. Taruh kode di bawah tepat di atas kode nomor 4

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

5. Simpan template sobat.

Akhirnya selesai juga tutorial mengenai cara menyembunyikan navbar blog. Semoga bermanfaat..

Fans page facebook memang sangat dibutuhkan terutama untuk meningkatkan traffic karena dengan fans page bisa kita setting agar setiap post terakhir kita bisa masuk sebagai status. Tapi untuk meningkatkan traffic tersebut juga diperlukan fans yang banyak. Nah, salah satu cara untuk menambah fans adalah memasang like box di blog kita, sehingga akan mempermudah visitor untuk like halaman kita. Tapi, yang mau saya share kali ini adalah like box yang terbaru dan keren. Pokoknya beda yang lain. Silahkan dicoba sendiri. Di sini akan saya share, bagi anda yang memiliki blog ingin ambil posting ini jangan lupa kasih sumber link ya? biar kita saling mendukung. Langsung cara membuatnya akan segera saya bagikan, tongkrongin dan simak. Lantas, bagaimana memasang like box facebook di blog kita? Silahkan ikuti langkah-langkah di bawah ini:

1. Login Blogger.
2. Klik Tata Letak >> Tambah Gadget >> Pilih HTML/Java Script.
3. Masukkan kode di bawah ini:

<center>
<iframe style="height:250px; width:85%; " scrolling="no" frameborder="0"href="

https://www.facebook.com/IDfacebookkamu

"src="http://www.facebook.com/plugins/fan.php?id= 2243244884283812
&width=292&height=250&connections=25&stream=false&header=false&logobar=false&css=https://sites.google.com/site/unwanted86/javascript/fblike.css" ></iframe></center><center><iframe src="http://www.facebook.com/plugins/like.php?href=

https://www.facebook.com/IDfacebookkamu

&send=false&layout=standard&width=292&show_faces=false&action=like&colorscheme=light&font&height=40" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:40px;" allowtransparency="true"></iframe></center>

Keterangan : Untuk yang berwarna merah silahkan di ganti dengan url fan page facebook anda, dan untuk yang berwarna biru adalah ID fan page anda, cara mengambil ID fan page masuk di pengaturan fan page anda dan lihat url di belakang id akan ada nomer, itulah ID fan page anda. seperti contoh : https://www.facebook.com/pages/edit?id=2243244884283812&sk=basic

4. Simpan.

Maka setelah itu lihatlah hasilnya, semoga mengenai like box facebook di blog ini bermanfaat, happy blogging.

Cara memberi/memasang buku tamu di blog - Jika anda blogger maka interaksi dengan dengan visitor sangatlah penting. Karena interaksi yang aktif dengan pengunjung semakin meningkatkan citra positif bagi anda sang pemilik blog. Salah satu cara untuk bisa berkomunikasi dengan visitor adalah dengan memberikan fasilitas Buku Tamu di blog anda. Di Buku Tamu inilah siapa saja bisa melakukan chatting dan bertanya apa saja bahkan bisa berdiskusi santai dengan pengunjung/blogger yang lain. Kok blog Panduan Blog muktiblog tidak pasang Buku Tamu? He he he. Kalau di sini saya memang tidak pasang karena takut berat banget loadingnya sehingga nanti aksesnya jadi lambat. Tapi saya pasang juga di beberapa blog yang lain seperti blog bisnis online dan blog berita aktual.

Tidak berpanjang kata lagi, saya langsung akan jelaskan pada anda Cara Membuat Buku Tamu di Blog. Tapi maaf ya. Ini Tutorial Blog ini khusus bagi blogger pemula. Bagi yang sudah ahli mohon saran dan kritiknya saja, siapa tahu ada kesalahan. Mari ikuti caranya step by step cara memberi buku tamu di blog:

>> Proses Pembuatan Account

1. Buka web untuk membuat Buku Tamu di http://www.cbox.ws
2. Klik Get your own free Cbox now!

3. Isi Form pendaftaran dengan lengkap mulai dari Cbox Name, Email address, Password, alamat website, dan bahasa

4. Masih di form pendaftaran anda bisa menentukan gaya Buka Tamu anda dengan memilih Style

5. Jika sudah selesai diisi semua dengan lengkap klik tombol Create My Cbox dan sukses anda telah membuat Buku Tamu.

>> Login dan Setting Buku Tamu

1. Login ke member area cbox anda

2. Klik Look & Feel > Layout Options untuk Mengatur lebar ( Width ) dan Tinggi ( height ) Buku Tamu. Sesuaikan dengan ukuran side bar blog anda. Anda juga bisa mengatur apakah pesan terbaru akan ditampilkan paling atas atau di bawah dengan memilih In Order

3. Klik Look & Feel > Colours & Fonts. Anda bisa menentukan warna, bentuk huruf dan lain-lain. Silahkan setting sesuai dengan selera anda. Jangan lupa klik Save

4. Jika sudah selesai semua setting anda, jangan lupa klik tombol Apply

>> Cara mengambil kode HTML buku tamu dan memasukkan ke side bar blog

1. Masih di member area Cbox klik Publish! Lalu klik tombol Copy to clipboard.

2. Login ke blogger.com >> Klik Tata Letak >> Tambah Gadget.

3. Di window yang muncul klik HTML/Java Script.

4. Paste kode Buku Tamu yang telah dicopy tadi ke kolom yang tersedia seperti di bawah ini:

Beres. Sekian tips mengenai cara memasang buku tamu. Silahkan buka blog anda dengan buku tamu yang baru anda buat. Semoga manfaat ya.

Saya sendiri kadang bingung, banyak widget yang harus di tampilkan di sidebar blog saya tapi karena tempat tidak mencukupi akhirnya tidak saya pasang. Untuk mengatasi semua itu kita bisa memakai cara dengan cara membuat menu tab view 3 kolom yang tentunya akan menghemat tempat, karena kita bisa menaruh widget-widget blog yang kita inginkan di dalam menu tab view tersebut.
Berikut cara membuat menu tab view di blog:

1. Masuk blogger >> Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
2. Cari kode ]]></b:skin>
3. Copy kode di bawah ini kemudian paste tepat di atas kode ]]></b:skin>

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 103px;
text-align: center;
height: 24px;
padding-top: 3px;
vertical-align: middle;
border: 0.5px solid #000000;
border-bottom-width: 0;
text-decoration: none;
font: 12px Arial, "Times New Roman", Serif;
font-weight: 900;
color: #000080;
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #CEF6CE;
}
div.TabView div.Pages
{
clear: both;
background-color: #FFFFFF;
border: 0.5px solid #000000;
overflow: hidden;
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

Perhatikan tulisan :
width: 103px; = lebar tabs (tab1, tab2, tab3).
background-color: #CEF6CE; = warna latar belakang tabs (tab1,tab2,tab3).

selanjutnya cari kode </head>kemudian pastekan kode script di bawah ini tepat di atas kode </head>

<script type='text/javascript'>
function tabview_aux(TabViewId, id)
{
var TabView = document.getElementById(TabViewId);
// ----- Tabs -----
var Tabs = TabView.firstChild;
while (Tabs.className != &quot;Tabs&quot; ) Tabs = Tabs.nextSibling;
var Tab = Tabs.firstChild;
var i = 0;
do
{
if (Tab.tagName == &quot;A&quot;)
{
i++;
Tab.href = &quot;javascript:tabview_switch(&#39;&quot;+TabViewId+&quot;&#39;, &quot;+i+&quot;);&quot;;
Tab.className = (i == id) ? &quot;Active&quot; : &quot;&quot;;
Tab.blur();
}
}
while (Tab = Tab.nextSibling);
// ----- Pages -----
var Pages = TabView.firstChild;
while (Pages.className != &#39;Pages&#39;) Pages = Pages.nextSibling;
var Page = Pages.firstChild;
var i = 0;
do
{
if (Page.className == &#39;Page&#39;)
{
i++;
if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+&quot;px&quot;;
Page.style.overflow = &quot;auto&quot;;
Page.style.display = (i == id) ? &#39;block&#39; : &#39;none&#39;;
}
}
while (Page = Page.nextSibling);
}
// ----- Functions -------------------------------------------------------------
function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
</script>

4. Simpan / Save Template.
5. Selanjutnya Klik Tata Letak >> Tambah Gadget >> Pilih HTML/Java Script.
6. Copy kode di bawah ini di dalam box atau kotak HTML/Javascript

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Judul Tab 1</a>
<a>Judul Tab 2</a>
<a>Judul Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">
<div class="Page">
<div class="Pad">
Isi tab 1
</div>
</div>
<div class="Page">
<div class="Pad">
Isi tab 2
</div>
</div>
<div class="Page">
<div class="Pad">
Isi tab 3
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script>

Perhatikan tulisan merah width: 350px; ini adalah ukuran kotak seluruhnya bukan per tab. Kemudian tulisan Judul Tab 1,2,3 itu adalah lah judul tab, contoh gambar di atas judulnya adalah recent post, recent comment, statistic. Kemudian Isi tab 1,2,3 bisa di isikan script html, banner dan script widget lainnya.. Sampai disini selesai tidaklah begitu sulit cara menambah menu tab view di blog, hanya membutuhkan kesabaran sedikit saja :D. Pengen blog sobat lebih cantik? Beri juga navigasi nomor halaman di blog.

postingan kali ini saya akan membahas artikel yang masih berkaitan dan kali ini mengenai cara memunculkan link sumber otomatis ketika artikel blog di copas. Oke langsung saja..

Menurut saya copas adalah hal yang wajar, terutama bagi blogger. Benar kan ?

Nah, namun jika kamu mengcopy paste artikel dengan tujuan untuk kamu publikkan maka etika yang tepat adalah cantumkan link sumber dari artikel tersebut. Nah kalian yang ingin artikel blognya ketika di copas lalu akan menampilkan sebuah link otomatis yang mengarah kepada artikelmu, saya akan berikan scriptnya, silahkan saja pasang di blogmu, bagaimana cara membuat link sumber otomatis ketika dicopas? 

·  Login ke blog kamu.

·  Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).

·  Copy dan paste kode berikut tepat diatas kode <body> template kamu.

 

<script type="text/javascript"> if(document.location.protocol=='http:'){ var Tynt=Tynt||[];Tynt.push('cXIEhKYVSr4lJ5adbi-bpO');Tynt.i={"ap":"indonesiapintarr.blogspot.com:"}; (function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://infonetmu.googlecode.com/files/sumber-otomatis.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(); } </script>

Untuk mengecek keberhasilan trik sobat ini, silahkan copas artikel blog sobat sendiri dan lihat hasilnya.

Demikianlah posting artikel mengenai cara menampilkan link sumber otomatis ketika di copas. Semoga bermanfaat buat semua.

Cara/trik menciptakan popup window/jendela pop up/popup ads pada blog atau cara bikin jendela baru di blog ketika link di klik atau cara agar blog bisa tercipta jendela baru saat ada sebuah klik.

Beberapa waktu yang lalu, saya pernah membuat postingan mengenai cara membuat iklan melayang di blog, maka di kesempatan kali ini saya akan posting artikel yang hampir serupa tapi lebih keren yaitu postingan mengenai trik menciptakan jendela pop up di blog. Oke sobat, berikut ini ulasannya.

Window pop up merupakan suatu halaman yang muncul di belakang maupun di depan halaman utama yang muncul begitu saja dengan tiba-tiba walau tanpa kita klik sekalipun, bisa berjumlah 1 pop up,2 pop up,3 pop up bahkan bisa sebanyak mungkin yang di kehendaki. Halaman pop-up Biasanya di gunakan untuk beriklan dari suatu produk maupun jasa yang di tawarkan. Contoh konkrik iklan pop-up yang sering di pakai adalah situs ziddu, dimana setiap kali kita mendownload file yang ada di situs tersebut pasti akan keluar halaman window pop-up, betul tidak?

Pop up window terkadang membuat jengkel oleh para pengunjung blog, terkadang iklan pop up yang keluar tidak ada hubungannya dengan apa yang pengunjung cari, malahan kadang membuat loading blog menjadi lambat karena banyaknya iklan pop-up yang keluar, tapi terserah kamu semua,mau memasangnya atau tidak terserah kamu. Tapi bila memang tertarik ingin memasangnya, berikut ini trik bikin popup windows pada blog:

1. Login ke akun Blogger sobat.
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).

3. Cari kode <body>

4. Dan letakkan kode berikut dibawah kode <body>

<script type='text/javascript'>
var popurls=new Array()
popurls[0]='http://indonesiiaku.blogspot.com/'
popurls[1]='http://freebacklinkspider.blogspot.com/'
popurls[2]='http://google.com/'
function openpopup(popurl) { var winpops=window.open(popurl,'','width=,height=,toolbar,location,status,scrollbars,menubar,resizable') }
openpopup(popurls[Math.floor(Math.random()* (popurls.length))])
</script>

5. Simpan template kamu.

Keterangan:

Jika kamu memasang script pop up diatas, maka akan muncul halaman-halaman lagi sesuai yang kamu targetkan, ganti yang berwarna merah dengan halaman pop up kamu sendiri.

Jika ingin menambahkan jumlah halaman pop up maka tinggal tambahkan kode berikut ke dalam script di atas popurls[nomer]='http://link-url-tujuan.com' atau jika ingin mengurangi tinggal buang salah satunya.

Demikianlah postingan mengenai cara membuat popup window di blog / cara membuat link pop up di blog. Semoga bermanfaat buat semua.

Cara/trik gampang memberi headline news atau news update atau hotnews berita terbaru berjalan dan bergerak di blog atau cara menambah headline news atau news update atau hotnews di blog dengan mudah dan cepat.

Postingan Blogaul kali ini akan membahas bagaimana cara memberi headline news di blog. Setelah sebelumnya saya juga membahas artikel mengenai tutorial blog yaitu artikel cara membuat recent post dengan thumbnail, maka di kesempatan yang baik ini, saya akan mengulas artikel mengenai cara membuat news update di blog. Sobat pastinya sudah tau semua kan apa itu headline news/news update/hot news dan bagaimana bentuk sebenarnya? :) Ok, bagi yang belum tau, saya jelaskan sedikit. Headline news adalah sebuah bagian/elemen di blog yang berisi link-link artikel terbaru dari blog tersebut yang biasanya selalu bergonta-ganti tiap berapa detik sekali dan umumnya terletak di bagian atas dari sebuah blog. Untuk contohnya, bisa dilihat di bagian atas di bawah header blog ini. Tujuan utama pembuatan fasilitas ini menurut saya adalah untuk membuat blog lebih tampil profesional, lebih menarik, membuat betah pengunjung dan pastinya meningkatkan pageviews. Ok, bagi yang tertarik untuk membuat headline news/news update/berita terbaru di blog silahkan ikuti langkah-langkah cara membuat headline news/news update/berita terbaru bergerak di blog di bawah ini:

1. Login ke akun Blogger sobat.
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).

3. Cari kode ]]></b:skin> (gunakan tombol CTRL + F atau F3 untuk memudahkan pencarian kode).
4. Letakkan kode berikut tepat diatas kode ]]></b:skin>
Tambahkan kode di bawah ini wigget blogwebsite anda untuk mendapatkan auto backlink

/* Headline News
-------------------*/
.newspic {background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8QGpTynJYv0fmAwil2UKlmdqGrkWIOCkl4R4z601IUpVlNcPB8M4ORcw15-GbSUFFJFSTMG3MxwRK-oNKxOZpHrguCsNFWYnKKavE_0Fc1S_MI3F2XbpSosDM8dMzts2edfLzHvsUN3U/s1600/news.gif) no-repeat top left;width:970px;margin:0 auto;padding:0 auto;height:32px;color:#fff;}
.news {width: 970px;margin:0 auto;padding:0 auto;line-height: 1.4em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;}
.news a:link, .news a:visited{color:#fff;text-decoration:none;}
.news a:hover {color:#ddd;text-decoration:underline;}

Keterangan :
> Warna merah adalah ukuran panjang headline news.
> Warna biru adalah ukuran tinggi headline news.

5. Next cari kode </head>
6. Lalu copas kode berikut tepat diatas kode </head>

 

<script src='http://www.google.com/jsapi?key=ABQIAAAAUMsU2d40bO1-m8DeADFRexTdcQS31_Y0TkToW9tE1XWPEnv6YBSa1QfZaAr4GJ8-AZkWddpnW9Y0hA'></script>
<script type='text/javascript'>
//<![CDATA[
var gfeedfetcher_loading_image="indicator.gif";google.load("feeds","1");function gfeedfetcher(c,a,b){this.linktarget=b||"";this.feedlabels=[];this.feedurls=[];this.feeds=[];this.feedsfetched=0;this.feedlimit=5;this.showoptions="";this.sortstring="date";document.write('<div id="'+c+'" class="'+a+'"></div>');this.feedcontainer=document.getElementById(c);this.itemcontainer="<li>"}gfeedfetcher.prototype.addFeed=function(b,a){this.feedlabels[this.feedlabels.length]=b;this.feedurls[this.feedurls.length]=a};gfeedfetcher.prototype.filterfeed=function(b,a){this.feedlimit=b;if(typeof a!="undefined"){this.sortstring=a}};gfeedfetcher.prototype.displayoptions=function(a){this.showoptions=a};gfeedfetcher.prototype.setentrycontainer=function(a){this.itemcontainer="<"+a.toLowerCase()+">"};gfeedfetcher.prototype.init=function(){this.feedsfetched=0;this.feeds=[];this.feedcontainer.innerHTML='<img src="'+gfeedfetcher_loading_image+'" /> Loading news...';var a=this;for(var b=0;b<this.feedurls.length;b++){var c=new google.feeds.Feed(this.feedurls[b]);var d=(this.feedlimit<=this.feedurls.length)?1:Math.floor(this.feedlimit/this.feedurls.length);if(this.feedlimit%this.feedurls.length>0&&this.feedlimit>this.feedurls.length&&b==this.feedurls.length-1){d+=(this.feedlimit%this.feedurls.length)}c.setNumEntries(d);c.load(function(e){return function(f){a._fetch_data_as_array(f,e)}}(this.feedlabels[b]))}};gfeedfetcher._formatdate=function(a,c){var d=new Date(a);var b=(c.indexOf("datetime")!=-1)?d.toLocaleString():(c.indexOf("date")!=-1)?d.toLocaleDateString():(c.indexOf("time")!=-1)?d.toLocaleTimeString():"";return"<span class='datefield'>"+b+"</span>"};gfeedfetcher._sortarray=function(a,b){var b=(b=="label")?"ddlabel":b;if(b=="title"||b=="ddlabel"){a.sort(function(e,d){var g=e[b].toLowerCase();var f=d[b].toLowerCase();return(g<f)?-1:(g>f)?1:0})}else{try{a.sort(function(e,d){return new Date(d.publishedDate)-new Date(e.publishedDate)})}catch(c){}}};gfeedfetcher.prototype._fetch_data_as_array=function(b,a){var d=(!b.error)?b.feed.entries:"";if(d==""){alert("Google Feed API Error: "+b.error.message)}for(var c=0;c<d.length;c++){b.feed.entries[c].ddlabel=a}this.feeds=this.feeds.concat(d);this._signaldownloadcomplete()};gfeedfetcher.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._displayresult(this.feeds)}};gfeedfetcher.prototype._displayresult=function(a){var e=(this.itemcontainer=="<li>")?"<ul>\n":"";gfeedfetcher._sortarray(a,this.sortstring);for(var c=0;c<a.length;c++){var d='<a href="'+a[c].link+'" target="'+this.linktarget+'" class="titlefield">'+a[c].title+"</a>";var b=/label/i.test(this.showoptions)?'<span class="labelfield">['+this.feeds[c].ddlabel+"]</span>":" ";var g=gfeedfetcher._formatdate(a[c].publishedDate,this.showoptions);var f=/description/i.test(this.showoptions)?"<br />"+a[c].content:/snippet/i.test(this.showoptions)?"<br />"+a[c].contentSnippet:"";e+=this.itemcontainer+d+" "+b+" "+g+"\n"+f+this.itemcontainer.replace("<","</")+"\n\n"}e+=(this.itemcontainer=="<li>")?"</ul>":"";this.feedcontainer.innerHTML=e};

var gfeedfetcher_loading_image="indicator.gif";function gfeedrssticker(d,b,a,c){this.tickerid=d;this.delay=parseInt(a);this.mouseoverBol=0;this.itemsperpage=1;this.messagepointer=0;gfeedfetcher.call(this,d,b,c);this.itemcontainer="<div>";this.tickerdiv=document.getElementById(d)}gfeedrssticker.prototype=new gfeedfetcher;gfeedrssticker.prototype.constructor=gfeedrssticker;gfeedrssticker.prototype._displayresult=null;gfeedrssticker.prototype.entries_per_page=function(a){this.itemsperpage=a};gfeedrssticker.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._initscroller(this.feeds)}};gfeedrssticker.prototype._initscroller=function(a){var c=this;gfeedfetcher._sortarray(a,this.sortstring);this.itemsperpage=(this.itemsperpage>=a.length)?1:this.itemsperpage;var b=a.slice(this.messagepointer,this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(b,this.showoptions,this.itemcontainer,this.linktarget);this.tickerdiv.onmouseover=function(){c.mouseoverBol=1};this.tickerdiv.onmouseout=function(){c.mouseoverBol=0};this.messagepointer=this.itemsperpage;if(window.attachEvent){window.attachEvent("onunload",function(){c.tickerdiv.onmouseover=c.tickerdiv.onmouseout=null})}setTimeout(function(){c._rotatemessage()},this.delay)};function formatrssmessage(d,b,f,g){var c=(f=="<li>")?"<ul>\n":"";for(var e=0;e<d.length;e++){var h='<a href="'+d[e].link+'" target="'+g+'" class="titlefield">'+d[e].title+"</a>";var j=/label/i.test(b)?'<span class="labelfield">['+d[e].ddlabel+"]</span>":" ";var k=gfeedfetcher._formatdate(d[e].publishedDate,b);var a=/description/i.test(b)?"<br />"+d[e].content:/snippet/i.test(b)?"<br />"+d[e].contentSnippet:"";c+=f+h+" "+j+" "+k+"\n"+a+f.replace("<","</")+"\n\n"}c+=(f=="<li>")?"</ul>\n":"";return c}gfeedrssticker.prototype._rotatemessage=function(){var b=this;if(this.mouseoverBol==1){setTimeout(function(){b._rotatemessage()},100)}else{var a=this.feeds.slice(this.messagepointer,this.messagepointer+this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(a,this.showoptions,this.itemcontainer,this.linktarget);this.messagepointer=(this.messagepointer+this.itemsperpage>this.feeds.length-1)?0:this.messagepointer+this.itemsperpage;setTimeout(function(){b._rotatemessage()},this.delay)}};
//]]>
</script>
<style type='text/css'>
.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;}
.labelfield{ /*CSS for label field in general*/
color:#aaa;font-size: 100%;}
.datefield{ /*CSS for date field in general*/
color:#aaa;font:normal 14px Arial;text-transform:none;}
#example1{ /*Demo 1 main container*/
width: 780px;
height: 14px;
border: 0px solid #aaa;
padding: 0px;
font:bold 16px Arial;
text-transform:none;
text-align:left;
background-color:transparent;}
code{ /*CSS for insructions*/
color: #fff;}
#example1 a:link, #example1 a:visited {color:#f2f2f2;text-decoration:none;}
#example1 a:hover {color:#C8D3F2;text-decoration:none;}
</style>

 

7. Terakhir cari kode <div id='header-wrapper'> atau <div id='header-outer'> (pilih salah satu saja)
8. Lalu letakkan kode berikut tepat di bawah kode nomor 7 tadi

 

Tambahkan kode di bawah ini wigget blogwebsite anda untuk mendapatkan auto backlink

<div class='newspic'>
<div style='float:left;width:780px;padding:6px 0 6px 180px; position:relative; overflow:hidden;'>
<script type='text/javascript'>
var cssfeed=new gfeedrssticker(&quot;example1&quot;, & quot;example1class&quot;, 4000, & quot;_new&quot;)
cssfeed.addFeed(&quot;Creating Website&quot;, &quot;http://indonesiiaku.blogspot.com/feeds/posts/default&quot;) //Specify &quot;label&quot; plus URL to RSS feed
cssfeed.displayoptions(&quot;date&quot;) //show the specified additional fields
cssfeed.setentrycontainer(&quot;div&quot;) //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, &quot;date&quot;) //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
<div style='clear:both;'/>
</div>

 

> Ganti kode yang berwarna UNGU dengan URL blog sobat.

9. Simpan template dan lihat hasilnya.

Nah, mudah sekali bukan? :)
Demikianlah postingan mengenai cara mudah membuat headline news di blog. Semoga bermanfaat buat semua. Sampai jumpa.. ^_^

Cara/trik mudah menjadikan recent post tampil dengan thumbnail atau cara membuat recent post/artikel terbaru muncul dengan gambar atau cara gampang memunculkan recent post dengan thumbnail.

Setelah sebelumnya saya membahas artikel mengenai cara membuat recent post berjalan di blog, maka di postingan kali ini saya akan mengulas artikel mengenai trik membuat recent post dengan gambar. Tutorial ini sedikit mirip tapi berbeda. Nah langsung saja berikut cara mudah menjadikan recent post tampil dengan thumbnail:

1. Login ke blogger sobat
2. Klik Tata Letak >> Tambah Gadget >> Pilih HTML/Java Script.
3. Dan taruh script dibawah ini kedalamnya

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image1.gif";
imgr[1] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image2.gif";
imgr[2] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image3.gif";
imgr[3] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image4.gif";
imgr[4] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image5.gif";
showRandomImg = true;
boxwidth = 230;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "transparent";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://indonesiiaku.blogspot.com/";
</script>
<script src="http://amronbadriza.googlecode.com/files/recent_posts_thumbnail.js" type="text/javascript"></script>

1. Ganti yang berwarna merah dengan alamat blog kamu lalu simpan.

Oke, sekian dulu postingan mengenai cara membuat recent post dengan thumbnail. Semoga bermanfaat.

Cara Mengganti Gambar Kursor di Blog - Gara-gara kepingin sekali mengganti gambar kursor di blog ini, akhirnya setelah googling kesana kemari nemu juga sebuah situs yang menyediakan banyakgambar-gambar kursor pilihan. Gambar kursor yang disediakan situs penyedia gambar ini http://www.totallyfreecursors.com/ banyak sekali, jadi kita tinggal memilih sesuai selera aja. Untuk cara memasang gambar kursor ini di blog, kita harus menambahkan sedikit saja kode CSS supaya bisa dipasang pada template. Dibawah ini ada beberapa sample gambar untuk kursor yang saya ambil berikut URL alamat kursor tersebut.

URL : http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif

 

URL : http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif

URL : http://downloads.totallyfreecursors.com/thumbnails/tail2.gif

URL : http://downloads.totallyfreecursors.com/thumbnails/banana1.gif

 

URL : http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif

Cara mengganti gambar kursor di blog :

1. Login ke dashboard blogger anda.

2. Pilih Rancangan > Edit HTML, centang Expand widget template.

3. Carilah kode </head>pada template anda dengan menggunakan Ctrl F.

4. Copy kode CSS dibawah ini dan letakkan tepat diatas kode </head> .

< style type='text/css'> HTML,BODY{cursor: url(&quot;http://downloads.totallyfreecursors.com/thumbnails/sweden.gif&quot;), auto;}< /style>

5. Simpan template anda dan lihat perubahan pada gambar kursor

6. Jika sobat ingin mengganti gambar kursor dengan gambar yang lain, sobat tinggal ganti URL gambar yang berwarna merah dengan URL gambar pada sample diatas atau sobat bisa langsung browsing sendiri ke TKP di http://www.totallyfreecursors.com/ .

Nah ternyata mengganti gambar kursor di blog memang bisa jadi solusi mempercantik tampilan blog juga ya apalagi kalo ditambahin lagi dengan efek bintang siip dah. Tinggal giliran sobat blogger nih, selamat mencoba ya !