Cara Membuat Menu Tab View di Blogspot

Assalamualaikum Wr. Wb.

Cara Membuat Menu Tab View. Ngomong-ngomong menu tab view itu apa ya?.Pasti beberapa dari kalian ada yang nggak ngerti menu tab view,menu tab view itu bentuknya seperti gambar disamping,menu tab view memiliki kelebihan yaitu hemat tempat,yaudah biar gak kelamaan langsung aja kita mulai tapi sebelum itu usahakan follow blog saya dulu kalo udah follow baru kita mulai:

1.Login ke akun blogger anda

2.Pilih tab rancangan

3.Pilih Edit html

4.Back up dulu templatenya biar kalo salah bisa dikembaliin backup dengan cara klik "Download template lengkap"

5.Kemudian cari kode ]]></b:skin> (agar lebih mudah mencarinya gunakan f3)

6.Masukkan kode dibawah ini sebelum kode  ]]></b:skin>

/* Menu Tab View

----------------------------------------------- */

div.TabView div.Tabs {widht:100%;

padding-top: 0px;

height: 24px;

overflow: hidden;

}

/* Menu Utama */

div.TabView div.Tabs a {

float: left;

display: block;

width: 110px; /* ukuran lebar menu */

text-align: center;

height: 30px; /* ukuran tinggi menu */

padding-top: 7px;

margin-right:4px; /* jarak antarmenu */

vertical-align: middle;

border: 1px solid #ccc; /* warna border menu */

border-bottom-width: 0;

margin:0px;

padding: 5px 0;

font-family:Arial,Helvetica,sans-serif;

font-size:12px;

font-weight:bold;; /* besar hurup menu */

background-color: #4c4c4c; /* warna latar menu */

color: #FFFFFF; /* warna hurup menu */

-moz-border-radius-topleft:15px;

-moz-border-radius-topright:15px;

-webkit-border-top-left-radius:15px;

-webkit-border-top-right-radius:15px;

}

div.TabView div.Tabs a.Active {

background-color: #FFFFFF; /* warna background menu aktif */

color: #000000;

}

div.TabView div.Tabs a:hover {

background-color: #999999; /* warna background menu hover */

color: #FFFFCC;

font-weight: bold;

}

/* Kotak Utama */

div.TabView div.Pages {

clear: both;

border: 1px solid #CCC; /* warna border kotak utama */

overflow: hidden;

background:#FFFFFF; /* background kotak utama */

}

div.TabView div.Pages div.Page {

height: 100%;

padding: 7px;

overflow: hidden;

}

div.TabView div.Pages div.Page div.Pad {

padding: 5px 0px;

font-size: 12px; /* besar hurup kotak utama */

}

/* tabview css end */

7.Pasang kode dibawah ini sebelum kode </head>

<script src='http://miftahulanwar.fileave.com/tabview.js' type="text/javascript"/>

8.Kalo udah tinggal disimpan 
LANGKAH DIATAS BELUM SELESAI SEKARANG KITA MULAI MEMBUAT KODE UNTUK MEMANGGIL TAB VIEW NYA

1.Login ke akun blogger anda
2. Pilih tab rancangan
3.Klik tab elemen laman
4.Klik tambah gadget
5.Kemudian pilih yang HTML Java/Script
6.Masukkan kode dibawah ini di kotak yang telah disediakan:

<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 100%;" class="Tabs"> 
Disini letakkan kode untuk menu tab 1 
</div>
<div style="width: 99%; height: 200px;" class="Pages">
<!--Awal Menu 1-->
<div class="Page"><div class="Pad">
Disini letakkan kode untuk menu tab 2 </div></div>
<!--Akhir Menu 1-->
<!--Awal Menu 2-->
<div class="Page"><div class="Pad">
Disini letakkan kode untuk menu tab 3 </div></div>
<!--Akhir Menu 2-->
<!--Awal Menu 3-->
<div class="Page"><div class="Pad">
Disini letakkan kode untuk menu tab 4 </div></div>
<!--Akhir Menu 3-->
</div></div></form>
<script type="text/javascript">tabview_initialize('TabView');</script>
<div style="font-size:90%; text-align:right; text-shadow:2px 2px 2px #adadad;"></div> 

7.Kalo udah tinggal disimpan
NB:Kode yang ditulis tebal bisa diedit sendiri

Selamat Mencoba

Wassalamualaikum Wr. Wb.

Sumber

[Continue reading...]

Cara Memasang Script Alert / Welcome di Blog

Assalamualaikum Wr. Wb.


Sobat blogger kali ini saya akan membahas tentang "Cara memasang script alert di blog".ngomong-ngomong yang dimaksud "alert" itu apa ya?Disini "alert"nya bukan "alert" yang artinya "waspada" tapi seperti sebuah pesan singkat yang akan muncul pertama kali saat blog dibuka kalo masih belum tau maksudnya bisa dilihat seperti gambar-gambar dibawah:

Versi Google Chrome

Versi Mozilla Firefox

Versi Internet Explorer

Udah pada ngerti kan kalo gitu langsung aja praktekin tapi sebelum mraktekin follow blog ini dulu dong setelah anda follow baru kita mulai praktekin:

1.Login ke akun blogger anda

2.Pilih tab rancangan

3.Pilih Edit html

4.Kemudian cari kode </head> (agar lebih mudah mencarinya gunakan f3)
5.Letakkan kode berikut di atas kode </head>

<SCRIPT language='JavaScript'>alert("JANGAN LUPA FOLLOW YA");</SCRIPT> 
6.Tinggal di Save deh

KETERANGAN:

ganti tulisan JANGAN LUPA FOLLOW YA sesuai keinginan anda

Selamat mencoba

Waalaikumsalam Wr. Wb.

Sumber

[Continue reading...]

Tips Blog - Menjadikan Label/Kategori Sebagai Keyword

Assalamualaikum Wr. Wb.

Merubah Label Menjadi Keyword

Hal ini bertujuan untuk menentukan keyword label yang sobat bidik menjadi keyword artikel. Sehingga nantinya artikel akan mempunyai keyword ganda. Yaitu keyword artikel yang sobat tulis dan keyword label yang sobat berikan. Sooo...sobat akan mempunyai 2 keyword yang saling menguntungkan.

Cara merubah label menjadi keyword adalah sebagai berikut :

1. Login ke blogspot sobat

2. Masuk ke Rancangan > Edit HTML

3. Kembangkan terlebih dahulu template dengan mencentang pilihan Expand Template Widget

4. Tekan Ctrl + F lalu cari kode berikut

<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

Hapus saya kode tadi biar tidak terjadi penggandaan keyword Title

5. Lalu tambahkan kode berikut diatas <head>

<!--::::::::::: 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 -->

6. Lalu tambahkan kode berikut dibawah <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/Archive Page -->
<b:if cond='data:blog.pageType != &quot;index&quot;'>
   <title><data:blog.pageName/></title>
    <meta name='description' expr:content='data:blog.pageName' />

<!-- Index Page -->   

<b:else/>

   <title><data:blog.pageTitle/></title>
   <meta name='keywords' content='your,blog,keywords!!' />
   <meta name='description' content='your blog description!!' />

</b:if>

<!--::::::::::: Block2 END -->

7. Simpan template sobat dan silakan lihat hasilnya

Semoga dengan tutorial ini bisa membantu sobat dalam berblogging ria

Wassalamualaikum Wr. Wb.

Sumber

[Continue reading...]

Tips Memaksimalkan Dollar Dari Adf.ly, Memasang Auto Script Untuk Blogger

Pasang Website Entry Script Adf.ly Ke Blogspot

Assalamualaikum Wr. Wb.

Bagi para pengguna adf.ly sudah tau kan sistem kerjanya, kita akan dibayar ketika ada kunjungan ke link yang kita rampingkan [url shortening], nah pada post kali ini saya akan berbagi tips untuk memaksimalkan dollar dari adf.ly ini, yaitu dengan memasang website entry script ke website / blog kita, sebenarnya kode script ini telah dicamtumkan di halaman tools di adf.ly, tapi saya sendiri pada awalnya merasa kesulitan, karena sudah saya pasang tetapi tidak juga merubah blog saya lainnya.

Jadi jika anda memasang script ini, seluruh web / blog anda akan otomatis menjadi link adf.ly oleh karena itu kita akan mendapatkan dollar yang maksimal, terutama bagi blog bermutu yang berisi banyak post dan mempunyai pengunjung banyak. Jadi ini scriptnya :

<script type="text/javascript">
onmousemove = function adfly() {
adfly_id = '24976'; //replace with your ID
for (var i = 0; i < document.links.length; i++) {
var hrefer = document.links[i].href;
if(hrefer.match("adf.ly") || hrefer.match("javascript:")|| hrefer.match("#")) {
document.links[i].href = document.links[i].href;
}else{document.links[i].href = 'http://adf.ly/' + adfly_id + '/' + document.links[i].href;}
}
}
</script>

Jangan lupa ganti adfly id [yang berwarna merah] dengan adfly id anda. Kemudian paste kode tersebut ke body tag, di bawah kode ]]></b:skin> atau diatas </body> , tapi jangan lupa parse kode tersebut dulu bisa anda lakukan di http://www.blogcrowds.com/resources/parse_html.php .

Script ini akan mengkonversi semua link situs Anda, kecuali href, ke ref adfly. Anda dapat menambahkan link lain sebagai pengecualian seperti situs Anda sendiri, link iklan, dll. Untuk melakukan itu, tambahkan saja baru | | hrefer.match ("URL Anda")) di dalam IF section dari script.

Hasilnya bisa anda lihat di sini http://www.software4download.tk

Wassalamualaikum Wr. Wb.

[Continue reading...]

Global Auto Surf - Autosurf Terbaik, Stabil, Rasio Terbaik dan Terjamin

Best Autosurf Site

Assalamualaikum Wr. Wb.

Nah bagi kawan-kawan blogger sekalian, salah satu cara meningkatkan traffic adalah dengan bermain traffic exchange. Nah sekarang saya akan memberikan info tentang autosurf yang satu ini.

Auto surf ini bisa dikatakan paling mantap, versi saya, kenapa ?

1. Autosurfnya stabil, jarang eror, gak ada situs yang frame breaker, jadi intinya bisa ditinggal lama-lama karena gak bakalan eror surfnya walaupun koneksinya lemot.

2. Rasionya mantap, yaitu bagi free member mendapatkan 1.1 credit tiap surf, jadi rasionya lebih dari 1:1 , 1:1 aja udah mantap tuh dan jarang yang ngasih rasio segitu, ditambah jika weekend (sabtu-minggu) rasionya jadi nambah, mantap nih, jadi 2.1 credit tiap surf, jadi jumlah surf yang kita lakukan dikali 2.1, jadi misal kita surf hanya 10 kali maka kita dapat 21 credit, gimana ?Kurang mantap aja coba ? hehehe.

3. Timernya sebentar, ini juga nih yang mantap, timernya hanya 7 detik, wow, that's great. ^.^

4. Lebih akurat,(presentase keberhasilan tinggi) yang aku maksudkan adalah jumlah kunjungan yang kita dapatkan dengan jumlah credit yang kita keluarkan tidak jauh berbeda. Maksudnya seperti ini, sepeti di akun ku, jumlah kunjungan yang ku dapatkan adalah sekitar 3,000, jadi jumlah credit ku di akun global auto surfnya juga bakalan berkurang 3,000 , nah tetapi jumlah kunjungan yang ku dapatkan sesungguhnya adalah sekitar 1,800 yah bisa dibilan lebih sekitar 60% tingkat keberhasilannya , aku tau statistik ini dari feature statistik yang disediakan blogger. Nah ini nih termasuk lumayan karena banyak auto surf lain yang presentase keberhasilannya lebih sedikit ada yang hanya 20% bahkan 10%.

5. Apalagi bagi premium member, lebih mantap lagi, surfnya 1:5 , tiap surf kita dapat 5 credit, weekend jadi 1:6, kita dapat 6 credit tiap surf.

Mau tunggu apa lagi, mau meledakkan traffic kan ?

Silahkan daftar di sini.

Wassalamualaikum Wr. Wb.

[Continue reading...]

Get Free Unlimited Automatic Backlink To Your Blog / Website

Get Free Unlimited Automatic Backlink To Your Blog / Website

Assalamualaikum Wr. Wb.

Hi friends, now you can increase your traffic and your visitor by having much backlink. So this is solution for you to get free backlink, and this is very easy and automatic.

Just copy code below, then paste to your blog / website, then when you or your visitor click the banner, you get free backlink, automatic there in the 'Last Backlink Created' in the right bar.

The number beside the address or url blog / web indicates the number of the clicks.

<!-- Pendidikan Keren Backlink Start --><a href="http://piemvanvaart.blogspot.com/2011/04/get-free-unlimited-automatic-backlink.html" title="Free Auto Backlink - Gratis Backlink Otomatis"><img src="http://farm6.static.flickr.com/5106/5660443823_c04fa44278_m.jpg" alt="Free Auto Backlink - Gratis Backlink Otomatis" /></a><!-- Pendidikan Keren Backlink End -->

Sekarang anda dapat meningkatkan dan meledakkan traffic serta menambah pengunjung blog / website anda dengan mempunyai banyak backlink, dan Pendidikan Keren menyediakan layanan backlink gratis, mudah dan otomatis.

Copy kode di atas ini ke dalam blog / web anda, kemudian paste kode tersebut, dan ketika anda atau pengunjung anda mengclick banner tersebut, maka secara otomatis anda mendapatkan backlink dari blog saya dan ditampilkan di 'Last Backlink Created' di bar kanan.

Wassalamualaikum Wr. Wb.

[Continue reading...]

Pasang Banner Garuda Yuk

Assalamualaikum Wr. Wb.

Pada kesempatan kali ini, saya cuman mau bilang, ayo pasang The Republic Of Indonesian Blogger Badge Widget di blog kalian. Asiknya gambar-gambar nya ada yang besar dan ada yang kecil, ada yang kompleks dan ada yang simple, aku aku sih pilih yang simpel simpel aja, aku kan orangnya simple, santai, dan rileks [:D] .

Lagian dengan memesang banner ini juga berarti kita telah bangga menjadi anak Indonesia, blogger Indonesia, yah minimal kita memaparkan lambang garuda di blog kita, ya kan ya kan ? . Trus dengan mengikuti komunitas blogger seperti ini, dapat menambahkan pengetahuan kita tentang blog, menambah kenalan kita di komunitas tersebut, juga dapat menambah backlinks kita. Gak ada ruginya kok, cuman pasang banner tersebut, kalo ga mau yang ngabisin space [temapat] ya pilih yang kecil aja kayak punyaku. Jadi tunggu apa lagi, ayo buruan pasang [kayak promosi aja] .

Silahkan klik di sini untuk langsung menuju webnya.

Wassalamualaikum Wr. Wb.

[Continue reading...]

Cara Membuat Langganan Posting Blog Lewat E-mail

Coba anda lihat kotak langganan e-mail di samping kanan blog ini. itu berfungsi agar pembaca blog/web anda bisa berlangganan Posting gratis melalui ini lho...

Sekarang ikuti langkah berikut:

1. Anda harus daftar dulu di feedburner
2. Kemudian saat pertama kali masuk ke situs tersebut, Sobat akan dihadapkan pada Form/Kotak untuk membakar Feed Anda

Baca Selengkpanya

[Continue reading...]