Cara Memasang Lagu di Blog

Cara Memasang Lagu di Blog - Bagaimana cara sobat menghias blog sobat?? Sudahkan sobat memasang widget Mp3 di blog sobat?? kalo belum dan sobat ingin memasangnya, berikut ada tutorial yang bisa sobat ikuti sebagai panduan memasang lagu di blog.
Lagu / Mp3 adalah salah satu widget blog yang biasa di pasang untuk mengusir kepenatan dalam ngeblog. Widget ini banyak di gunakan oleh para blogger newbie ( pemula ) dalam menghias blog. Sekedar info, bahwa mungkin widget ni akan sedikit menambah beban loading blog sobat, itulah sebabnya mengapa para blogger yang sudah lama ngeblog ( Blogger Senior ) jarang menggunakan widget ini.

Tapi bagi sobat yang tertarik memasangnya kali ini saya akan kasih tutorial nya. Silahkan ikuti Cara Memasang lagu di Blog ( Blogspot ) berikut.

1. Sign up ke MixPod dengan  mengisih data - data yang diminta seperti gambar berikut. Kemudian Klik Sign Up.

2. Kemudian sobat akan tampilan berikut.

3. Seperti pada gambar, langkah tersebut sobat lewati dengan mengklik No thanks, go to my account.
3. Kemudian Klik Create Playlist.

4. Selanjutnya sobat akan di mintah untuk memilih lagu untuk di masukkan dalam playlist.

5. Cari lagu yang sobat inginkan dan klik tanda plus (+) untuk memasukan lagu ke playlist, kemudian klik Costumize untuk mengatur tampilan Mixpod nya.

Di dalam menu costumize, sobat akan melihat 3 pilihan menu. antara lain, Skins, Color & Style dan Setting. atur sesuai keinginan.

 6. Klik Save Playlist kemudian beri judul dan deskripsi untuk playlistnya. misalnya..
Title : lagu
Deskripsi : Laguku

7. Ambil Scriptnya dengan meng klik Save (get code) dan pasangkan di HTML/Javascript blog sobat.
 Caranya, Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript--> Masukkan kodenya ke dalam kotak yang di sediakan. Klik save dan selamat mendengarkan.

Cara Memasang Iklan di Blog

Cara Memasang Iklan di Blog - Apa kabar sobat blogger?? Trick kali ini akan coba membahas tentang bagaimana memasang iklan PPC di blog. Sebelumnya saya sudah pernah memposting artikel tentang cara memasang iklan di samping artikel dan cara membuat wadah iklan muncul tiba - tiba, tapi sayangnya saya baru kepikiran untuk menulis artikel tentang cara pemasangan iklan di blog ( Blogspot ).

Seperti kita ketahui bersama, bahwa selain sebagai sarana penuangan ide dan aspirasi, blog juga adalah sarana untuk mencari receh, baik yang berupa dollar ataupun yang berupa Rupiah. Saat ini, banyak jasa PPC ( pay per click ) atau bayar tiap 1 kali klik yang tersedia dan bisa mendaftar secara gratis. salah satuhnya adalah Kumpul Blogger.   Kali ini, kita akan memfokuskan pemasangan iklan dari kumpul blogger . Sobat yang tertarik memasang script iklan di blog silahkan ikuti tutorial berikut.

1. Buka situs kumpulblogger dan klik Register atau langsung saja mengklik link ini
2. Masukkan Email sobat pada kotak yang di sediakan kemudian isi captha nya dan klik register.

3. Kemudian buka email masuk pada alamat email yang sobat daftarkan tadi dan dan ambil passwordnya.

4. Sekarang log in ke akun kumpul blogger sobat dengan username ( email sobat ) dan password tadi.

5. Setelah itu, sobat akan melihat beberapa tampilan menu seperti berikut.

1. Script Text Advertising untuk Blog anda : adalah script berbentuk iklan baris ( tulisan )
2. Script Mini Banner untuk Blog anda : adalah script berbentuk banner ( gambar )

6. Pilh salah satu ( kedua - duanya juga nggak apa apa ) dan ambil script yang di berikan kemudian pasangkan di HTML/Javascript blog sobat.

Caranya :

1. Rancangan --> Elemen Laman --> Tambah gadget --> Pilih HTML/Javascript
2. Masukkan script iklan ke dalam kotak yang di sediakan.
3. Klik Simpan. 

Atau sobat ingin memasangnya melayang di blog sobat? ikuti trik berikut.

1. Rancangan --> Elemen Laman --> Tambah gadget --> Pilih HTML/Javascript
2. Masukkan kode berikut ke dalam kotak yang di sediakan.

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
Close Klik 2X
</a>
</div>
<center>

SCRIPT IKLAN SOBAT

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>

3. Klik save dan lihat hasilnya.

tambahan :
Berbicara PPC berarti berbicara pengunjung, karena itu saya sarankan sebelum sobat memasang iklan PPC, ada baiknya sobat perhatikan dulu jumlah visitor blog sobat.

Blogspot Template Blog

Blogspot Template Blog - Berbicara tentang blog tentu berbicara tentang template blog ( blogspot ) dan berbicara tentang template blog tentu sobat akan mencari template blogspot tebaik dan berbicara tentang template blogspot terbaik saya rasa sampai sekarang belum ada tuch... hihihi

Mungkin sobat blogger merasa aneh dengan judul dalam postingan kali ini, namun mungkin bagi sebagian blogger juga sudah tahu bahwa maksudnya yaitu untuk menembak keyword. jadi, bagi sobat blogger yang merasa ke sasar dengan menggunakan keyword Blogspot Template Blog, mohon maaf .. dan jika berkenan silahkan lihat - lihat dulu artikel lain di blog ini terutama yang berhubungan dengan template blog . di antaranya..

1. Cara Mengganti Template Blogger 
2. Tatelu Blogger Template 
3. Tatelu Blogger Template V2
4. Template Blogger Seo Friendly 2012

 Silahkan di download templatenya jika di rasa pas dengan keinginan sobat blogger.

Salam!!!

Template Blogger Seo Friendly 2012

Template blogger seo friendly 2012 - Berbicara tentang template blogspot seo friendly pasti yang ada di benah sobat adalah sebuat template yang sangat super easy loading, most downloaded dan tentunya di sukai oleh raksasa search engine yaitu om gugel. Nah di tahun 2012 ini saya akan berbagi 1 template seo friendly dan easy loading ( loadingnya ringan ) yang barusan saya buat dan saya sebut Template Blogspot  Seo Friendly Tahun 2012 dengan nama Tatelu style..

Sebelumnya saya sudah pernah mengeluarkan 2 template yang saya beri nama Tatelu Blogger Template dan Versi ke duanya yang saya beri nama Tatelu Blogger Template V2 namun dari ke tiga template keluaran saya, template dalam postingan kali ini lah yang paling bagus.. Sobat yang berminat mendownloadnya, silahkan.

balik ke topik....

Berbagai fitur sudah tersedia dalam template ini diantaranya navigasi breadcrumb seo friendly, optimasi tag h1 h2 dan h3, related post, dua kolom elemen di bawah postingan dan masih banyak lagi. Untuk lebih jelasnya, ada baiknya sobat melihat screenshot di bawah ini.

DEMO/DOWNLOAD

Cara Membuat 2 Kolom Elemen di Bawah Postingan

Cara Menambah 2 Kolom Elemen di bawah Postingan - Utak - atik template blog memang banyak manfaatnya, bukti nya karena hoby saya meng permak template, beberapa hari lalu saya berhasil membuat 2 template sendiri yaitu tatelu blogger template dan tatelu blogger template V2. Dan kali ini saya juga berhasil membuat 2 kolom elemen di bawah postingan / artikel.

Sekedar ngasih tahu, Kolom Elemen berbeda dengan  Kolom biasa, bedahnya bisa sobat lihat di Elemen laman. Kalau kolom elemen, pada elemen laman akan muncul elemen baru yang bisa sobat pasangi widget (add gadget ) tanpa perlu edit Html namun tak bisa di pasang dalam artikel sedangkan kolom biasa adalah sebaliknya.

Sepeti yang telah saya bilang di atas, bahwa cara membuat 2 kolom elemen di bawah postingan ini saya tahu dari kegemaran saya untuk meng - permak template jadi saran saya bagi sobat yang newbie kayak saya, jangan takut untuk meng utak - atik template, toch kalau eror kan bisa di cegah dan atasi.

Sobat yang tertarik memasang 2 kolom elemen di bawah postingan, silahkan ikuti tutorial berikut.
1. Masuk ke dashboard sobat.
2. klik Rancangan --> Edit HTML
3. Cari kode berikut.

#main-wrapper {
  width: 500px;
  float: $startSide;
margin:20px
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }

tambahan :
Fokuskan pencarian pada kode berwarna biru.

4. Letakkan kode berikut di bawah kode pada langkah 3.

#main {
width:500px;
float:center;
}
#main-left{
border:1px solid #000000;
padding:10px;
width: 225px;
float:left;
}
#main-right{
border:1px solid #000000;
padding:10px;
width: 225px;
float:right;
}

kira - kira hasilnya begini :

#main-wrapper {
  width: 500px;
  float: $startSide;
margin:20px
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }

#main {
width:500px;
float:center;
}
#main-left{
border:1px solid #000000;
padding:10px;
width: 225px;
float:left;
}
#main-right{
border:1px solid #000000;
padding:10px;
width: 225px;
float:right;
}

5. Selanjutanya cari kode  berikut.

<div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
      </div>

ganti kode tersebut dengan kode berikut.

<div id='main-wrapper'>
<div id='main'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
<b:section class='main-left' id='main-left' style='width: 225px; float: left;'>
</b:section>
<b:section class='main-right' id='main-right' style='width: 225px; float: right;'>
</b:section>
</div>
</div>

6. Klik simpan dan lihat hasilnya pada elemen laman. Jika sudah ada 2 kolom add gadget di bawah postingan berarti tricknya berhasil.

Sekian dulu sob!!!

Cara Memasang Emoticon Gundam Dalam Postingan Blogger

Cara Memasang Emoticon Gundam Dalam Postingan Blogger - Bagian terpenting dalam suatu blog adalah Area postingan. betul??  karena itu , sekecil apapun kesalahan yang di lakukan di area postingan berkemungkinan akan menghalagi kinerja googlebot dalam membaca isi dari artikel sobat. Saya pernah menemukan blog yang tidak punya sidebar, footer bahkan header ( header di sembunyikan ), tapi tak pernah saya menemukan blog yang tidak punya area postingan ( tempat artikel )

Kali ini saya ada sedikit tips bagi sobat blogger yang ingin memperindah area artikelnya. Kali ini kita akan coba menambahkan emoticon gundam  di dalam postingan blogspot, seperti yang sobat lihat pada bagian bawah postingan ini.

Postingan ini hampir sama dengan postingan sebelumnya ( baca : cara memasang emoticon dalam postingan blog ), bedanya adalah emoticonnya. Kalau yang lalu saya menggunakan emoticon emogirl dan emoboy, kali ini saya meggunakan Emoticon Gundam.

Sobat yang tertarik memasang emoticon gundam di postingan atau artikel blog, silahkan ikuti tutorial berikut.

1. Log in ke akun blog sobat.
2. Klik rancangan -> edit Html
3. Letakkan script berikut di atas kode </body>

<script src='http://tateluproject.googlecode.com/files/post%20emot%20gundam.js'/>

4. Klik simpan.

Untuk menampilkan emoticon di postingan silahkan sobat gunakan kode pemanggil seperti berikut.

:a:   untuk emoticon

:b:   untuk emoticon

:c:   untuk emoticon

:d:   untuk emoticon

:e:   untuk emoticon

:f:   untuk emoticon

:g:   untuk emoticon

:h:   untuk emoticon

:i:   untuk emoticon

:j: untuk emoticon

:k:   untuk emoticon

:l:   untuk emoticon

:m:   untuk emoticon

:n:   untuk emoticon

Nah.. selesai dech!! silakan berkreasi dengan emoticon dalam postingan ..

Cara Memasang Widget I Love Indonesia di Blog

Cara Memasang Widget I Love Indonesia di Blog - Pernah kah sobat melihat widget yang di maksud? saya rasa  hampir semua tamang blogger sudah pernah melihat widget ini. Widget ini biasa di letakkan di bagian pojok kanan atas blog berupa icon dengan tulisan I LOVE INDONESIA. kira kira seperti inilah bentuknya..

Nah!! kali ini kita akan mencoba memasang widget tersebut di pojok kanan atas blog sobat. Cara ini sebenarnya hampir sama dengan postingan sebelumnya ( baca : membuat gambar atau animasi berada di pojok blog ), bedanya, kalau yang dulu harus edit html yang ini sebaliknya ( tanpa edit html ). Sobat blogger  yang tertarik memasang widget ini di blog, tinggal memasukkan script berikut di HTML/Javascript blog sobat.

<script language="JavaScript" src="http://tateluproject.googlecode.com/files/loveindonesia.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm85rWKXGHCOVIZGXwij_r0kuZCEatfDg1IW9COUhKe5-7sibHdGauPzhU3CwCUaPwLgZlO94vHJtucJ4yNcuGLSIGZSVA-D-J8x-K3Jr4tJowFMbJpycoFMabgfWQYUqXJk3dxN2Qh1Hb/s1600/iluvindonesia.png")</script>

Caranya :

1. Klik Rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
2. Masukkan script tadi ke dalam konten yang di sediakan.
3. Klik simpan dan lihat hasilnya.

Sekian cara membuat widget I love indonesia dan semoga membantu.

Cara Menambahkan Emoticon Pada Guest Book Cbox

Cara Menambahkan Emoticon Pada Guestbook Cbox - Hal yang paling indah dan menggembirakan hati adalah ketika kita berbagi dan orang senang dengan apa yang kita bagi tersebut. Karna itu kali ini saya seperti biasa akan berbagi sesuatu pada tamang blogger. Kali ini saya akan kasih tahu tamang blogger bagaimana cara menambahkan emoticon di buku tamu cbox. namun terlebih dahulu sobat harus mendaftar ke cbow.ws.

Sekedar pemberitahuan, bahwa sebelumnya christian tatelu telah memposting cara mengganti template blogger. Bagi sobat blogger yang ingin menambahkan emoticon pada buku tamu Cbox, silahkan ikuti tutorial berikut.

Cara Menambahkan Emoticon Pada Guestbook Cbox

1. Log in ke akun Cbox sobat.
2. Klik Option kemudian Klik Smilies seperti gambar berikut.

3. Kemudian akan ada tampilan berikut.

• Kode - kode pada kolom 1 adalah kode pemanggil. bisa sobat ganti sesuka hati sobat.
• Kode - kode pada kolom 2 adalah Url emoticon. bisa sobat ganti dengan Url emoticon milik sobat atau scroll ke bawah dan temukan tulisan new row ( baris baru ) untuk menambah emoticon baru.

4. Masukkan url emoticon sobat di kolom 2 dan kode pemanngil baru di kolom 1 ( misalnya :1:)
5. Klik save changes.
6. Klik publish dan ambil kode Cbox baru sobat dan pastekan di HTML/javascript blog sobat.

caranya :

• Rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
• Masukkan kode /script dalam konten.
• Klik simpan dan saatnya berkata... CoooooOOOooL!!

Download Lagu / Lirik Jingle Laurier Terbaru - ( Ost Iklan Laurier Terbaru )

Download Lagu / Mp3 Jingle Laurier Terbaru ( Ost Iklan Laurier terbaru ) JKT48 – Kimi No Koto Ga Suki Dakara - Pagi - pagi minum kopi nonton film spongebob, lagi asyik nonton kemudian di selingih iklan. Iklan apakah itu?? itulah iklan laurier terbaru. Mantap iklannya ya sob??? Gimana nggak mantap coba.!! lagunya itu sob mantep banget ( sule kalee! ).

Lagu dalam iklan terbaru laurier itu dinyanyikan oleh AKB48 dan kemudian di nyanyikan dalam bahasa indonesia oleh JKT48. Lagu yang berjudul Kimi No Koto Ga Suki Dakara ini kembali mewarnai belantika musik indonesia setelah sebelumnya ada juga lagu berjudul Flyng Get dan Heavy Rotation ( ost pocari sweat ) yang di nyanyikan oleh penyanyi yang sama yaitu AKB48. Berbeda dengan gaya - gaya lagu indonesia yang cenderung sedih - sedih, lagu ini seakan membawa semangat baru bagi siapapun yang mendengarnya.

Berikut sekilas tentang Lirik lagu Jingle Iklan Laurier Terbaru.

Download Lagu / Lirik Jingle Laurier Terbaru - ( Ost Iklan Laurier Terbaru )

Kimi no Koto ga Suki Dakara (Karena Aku Suka Dirimu)

Versi Jepang ( AKB48 )

Kimi ga shiawase dattara Kono jikan ga tsuzuku you ni
Zutto zutto zutto inotte iru yo
Kaze ni fukaretemo
Boku ga sono hana wo mamoru

Ai to wa henji wo
Motomenai koe sa
Ippouteki ni okuru mono

Taiyou no shita
Waratte
Utae! Odore!
Jiyuu ni!

Kimi no koto ga suki dakara
Boku wa itsumo koko ni iru yo
Hitogomi ni magirete
Kizukanakute mo ii
Kimi no koto ga suki dakara
Kimi to aeta sono koto dake de
Atatakai kimochi de
Ippai ni naru

Kimi ga nayanderu toki wa
Tada damatte kiki nagara
Ame wo yokeru kasa wo katamukeyou
Ochiru sono namida
Mienai yubi de nugutte...

Koi to wa shizuka ni
Hirogatteku hamon
Sono chuushin wa kimi nanda

Kanashimi nante
Makezu ni
Yume no sora wo
Miagete!

Kimi no koto wo omou tabi
Meguriaeta sono guuzen
Jinsei de ikkai no
Kiseki wo shinjiteru
Kimi no koto wo omoutabi
Boku wa kami ni kansha shiteru yo
Furimuite kureru no wa
Eien no saki

Kimi no koto ga suki dakara
Boku wa itsumo koko ni iru yo
Hitogomi ni magirete
Kidzuka nakute mo ii
Kimi no koto ga suki dakara
Kimi to aeta sono koto dake de
Atatakai kimochi de
Ippai ni naru
Eien no saki

Versi Indonesia ( JKT48 )

Jika kamu bahagia..
Maka aku akan selalu selalu berdo'a selamanya..
Hingga kenangan itu berakhir..
Meski pun jika tertiup angin..
Aku akan melindungi bunga ini..

Cinta itu adalah suara..
Yang tidak memerlukan balasan..
Karena itu adalah sesuatu yang kamu berikan..

Di bawah terik matahari..
Senyumlah..
Bernyanyi! Menari! Sebebasnya!

Karena aku suka dirimu..
Aku akan selalu berada di sini..
Meskipun terhalang oleh keramaian..
Dan meski kau tak dapat melihatku..
Karena aku suka dirimu..
Hanya dengan bertemu denganmu.. Itu sudah mengisi hatiku..
Dengan perasaan yang hangat..

Ketika kamu dalam keadaan tertekan..
Aku hanya akan diam-diam mendengarkanmu..
Dan memegang payung untukmu agar terhindar dari hujan..
Dan menghapus air matamu..
Dengan jari yang tak dapat kamu lihat..

Cinta itu bagaikan riak air..
Yang menyebar secara diam diam..
Dengan kamu sebagai pusatnya..

Jangan menyerah..
Dalam kesedihan..
Lihatlah langit..
Yang penuh impianmu..

Setiap kali aku memikirkanmu..
Aku percaya bahwa kesempatan kita tuk bertemu kembali..
Adalah sebuah keajaiban..
Yang terjadi sekali seumur hidup..
Setiap kali aku memikirkanmu..
Aku bersyukur kepada
Tuhan..
Aku akan melihat dan menanti..
Keabadian di depanku..

Karena aku suka dirimu..
Aku akan selalu berada di sini..
Meskipun terhalang oleh keramaian..
Dan meski kau tak dapat melihatku..
Karena aku suka dirimu..
Hanya dengan bertemu denganmu.. Itu sudah mengisi hatiku..
Dengan perasaan yang hangat..
Keabadian di depanku..

Langsung saja download lagunya :

Download lagu ost iklan laurier

Cara Menghapus Widget The Slide dari Simple Reach

Cara Menghapus Widget The Slide dari Simple Reach - Pernahkah sobat melihat widget the silde dari simple reach? itu lo yang widgetnya muncul di bagian bawah kanan blog!!. widget ini juga tak jarang di sebut widget recommended for you .

Kali ini saya tidak akan memposting bagaimana cara memasang widget the slide dari simple reach tapi sebaliknya, bagaimana cara menghapusnya. loh kok di hapus?? kan sudah banyak tu artikel di blog ini tentang cara membuat dan cara memasang, bahkan hampir semuanya.. sekali - kali menghapus kan nggak pa pa.. hehe.
Untuk cara menghapus widget ini agar musnah dan hilang di blog sobat, sobat hanya perlu menghapus kode widgetnya. sobat yang ingin menghapus widget the slide dari simple reach dari simple reach, silahkan ikuti tutorial berikut.

Cara Menghapus Widget The Slide dari Simple Reach

1. Log in ke akun blog sobat
2. Klik rancangan --> edit HTML --> Centang kotak expand template widget.
3. Cari dan hapus kode berikut.

<b:loop id='the_slide' values='data:posts' var='post'>

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

      <script type='text/javascript'>

        __spr_config = {
          pid: &#39;4f03fc85396cef0b2700010f&#39;,
          title: &quot;<data:post.title/>&quot;,
          ckw: &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;,
          pub: &quot;<b:if cond='data:post.dateHeader'><data:post.dateHeader/></b:if>&quot;,
          url: &quot;<data:post.url/>&quot;
        };
        (function(){ // The Slide by Simple Reach
          var s = document.createElement(&#39;script&#39;);
          s.async = true;
          s.type = &#39;text/javascript&#39;;
          s.src = document.location.protocol + &#39;//d8rk54i4mohrb.cloudfront.net/js/slide.js&#39;;
          (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(s);
        })();
      </script>
    </b:if>

  </b:loop>

 Tambahan :

• Utamakan pencarian pada kode yang berwarna biru.

4. Klik save dan lihat hasilnya.

Cara Membuat Menu Tab View Tanpa Edit HTML

Cara Membuat Menu Tab View Tanpa Edit HTML - Apa kabar sobat blogger?? wah.. jarang - jarang nich christian tatelu posting 2 artikel sehari, mudah- mudahan bisa begitu terus.. heheh. Setelah sebelum telah memposting tentang cara mengetahui blog dofollow atau nofollow, kali ini saya aka kasih tahu pada sobat blogger bagaimana cara membuat memasang menu tab view tanpa harus edit html.

Seperti kita tahu bersama bahwa Tab view adalah salah widget berguna terutama untuk menghemat halaman blog sobat. Widget ini sifatnya seperti menyembunyikan widget yang kemudian bisa tampil kembali jika kita mengkliknya. contohnya bisa sobat lihat di bagian footer sebelah kiri dari blog ini.

Cara ini ini sebenarnya sudah banyak yang posting tapi sembari menunggu hujan berhenti tak apa lah, siapa tahu makin banyak follower blog nya, iya toh???? hehehe. Sobat yang tertarik untuk memasang widget menu tabview tanpa edit HTML silahkan ikuti tutorialnya.

Cara Membuat Menu Tab View Tanpa Edit HTML

1. Log in ke akun blog sobat.
2. Klik Rancangan -->Elemen laman --> Tambah Gadget --> pilih HTML/Javascript
3. Masukkan kode berikut ke dalam konten dan jangan beri nama widgetnya.

<style type="text/css">
.tabber {
 padding: 0px !important;
 border: 0 solid #bbb;
}
.tabber h2 {
 float: left;
 margin: 0 1px 0 0;
 font-size: 12px;
 padding: 3px 5px;
 border: 1px solid #bbb;
 margin-bottom: -1px; /*--Pull tab down 1px--*/
 overflow: hidden;
 position: relative;
 background: #e0e0e0;
 cursor:pointer;
 -moz-border-radius:5px 5px 0 0;
 border-radius:5px 5px 0 0;
}
html .tabber h2.active {
 background: #fff;
 border-bottom: 1px solid #fff; /*--"Connect" active tab to its content--*/
}
.tabber .widget-content {
 border: 1px solid #bbb;
 padding: 10px;
 background: #fff;
 clear:both;
 margin:0;
}
.codewidget, #codeholder {
 display:none;
}
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script type="text/javascript" src="http://greenlava-code.googlecode.com/svn/trunk/publicscripts/bloggertabs0.1_min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
 $('#codeholder').bloggerTabber ({
  tabCount : 3
 });
});
</script>

<!-- to make sure the widget works, do not alter the code below -->
<div id='codeholder'><p>Get this <a href="http://www.blooger.co.idm/2012/02/cara-membuat-menu-tab-view-tanpa-edit.html" target="_blank">widget</a></p></div>

4. Klik save dan lihat hasilnya

Cara Mengganti Template Blogger

Cara Mengganti Template Blogger - Sobat yang bosan dengan tampilannya blognya dan ingin menggantinya dengan template baru, sepertinya sobat berada di tempat yang benar. Kali ini kita akan membahas bagaimana cara mengganti template blogger blogspot.

Sekedar pemberitahuan bahwa sebelumnya christian tatelu telah mengeluarkan 2 template seo friendly yang bisa sobat download gratis. yaitu tatelu blogger template dan tatelu blogger template V2. bagi sobat yang berminat silahkan di download.

lanjut....

Sobat yang berniat mengganti template blogger silahkan ikuti tutorial berikut.

1. Log in ke akun blog sobat.
2. Klik Rancangan -->Edit HTML
3. Klik tombol Browse

4. Pilih file XML dari template yang akan di pakai kemudian klik open.

5. Klik Unggah.

6. Setelah selesai di unggah maka akan ada peringatan tentang widget dari template sebelumnya.

• Pilih pertahankan widget jika ingin mempertahankan widget dari template sebelumnya.
• Pilih Hapus widget untuk menghapus widget dari template semula.
• Pilih batal untuk membatalkan proses penggantian template.

7. Klik Simpan.

Tambahan :
Umumnya template yang sobat download di internet ber format rar untuk itu harus di ekstrak terlebih dahulu ke file XML. caranya seperti gambar berikut.

Semoga Cara Mengganti Template Blogger di atas berguna untuk sobat blogger.