Cara Membuat Iklan Diatas Postingan Blogdetik

Cara Membuat Iklan Diatas Postingan Blogdetik - Hallo sahabat bolgger, tks sdh berkunjung.. kali ini kita membahas Cara Membuat Iklan Diatas Postingan Blogdetik, Setelah Kemarin Kita Membahas Cara Membuat Iklan Dibawah Postingan Blogdetik, Oke langsung ke topik ajh, karena saya ngeblog ini sambil kerja di kantor. hehehe, kebetulan si bos killer lagi ada tamu, jadi ada waktu sedikit untuk sharing atau ngeblog.

Saya merasa keputusan saya memilih BLOGdetik sebagai platform blog saya adalah keputusan yang tepat, karena hampi beberapa kali saya di banned google blog saya pada blog lowongan kerja saya, membuat saya pusing tujuh keliling, setidaknya blog ini masih hidup. Tetapi ada kalanya ada keinginan untuk pindah platform, karena ada sisi keterbatasan BLOGdetik sehingga saya tidak bisa menunjukkan kemampuan *uhuk* web master dan web programming saya. Salah satu keterbatasannya adalah kesulitan untuk memasukkan kode meta tag HTML ke dalam kode blog.

kode meta tag HTML apa itu ?

bingung yah :? Mari kita liat kode html blog kita. caranya buka halaman blog kita , boleh pakai Mozilla Firefox atau Google Chrome , setelah itu tekan key : CTRL dan U. Maka akan keluar halaman baru :

Okeh, Jika anda sering memakai platform blogger.com, pasti anda akan merasa kesulitan pada blogdetik.com. jadi untuk Cara Membuat Iklan Diatas Postingan Blogdetik, silahkan ikuti langkah-langkah berikut:

>> Login ke Blogdetik anda, selanjutnya silahkan masuk ke dashbor blog anda, kemudian arahkan krsor ke menu Appearance pada menu sebelah kiri, Kemudian klik Theme Option, kemudian akan ada tampilan seperti berikut ini:

Kemudian copy kode iklan anda, lalu paste pada kotak Insert Google Adsense Code Here (Single Page), Kemudian klik save option, setelah selesai, silahkan lihat blog anda. semoga bermanfaat.. dan Happy Blogging.. jika ada yang mau ditanyakan, silahkan beri komentar pada kotak komentar.

Read more »

CARA MEMBUAT DAN MEMASANG IKLAN DIBAWAH POSTINGAN BLOGDETIK

CARA MEMBUAT DAN MEMASANG IKLAN DIBAWAH POSTINGAN BLOGDETIK : Ikllan Pada Postingan memang lumayan mendapat banyak klik dan para blogger yang belum pernah mencoba, alangkah baiknya jika Membuat iklan pada Postingan blog. Mungkin banyak yang bertanya tentang bagaimana cara membuat memasang iklan ataupun gambar dibawah postingan blogdetik,

mungkin jika kita menggunakan blogger (blogspot) itu sangat mudahkarena dalam blogger ada fasilitas edit html dll. namun pada blogdetik sedikit agak berbeda karena sangat terbatas, meskipun demikian blogdetik mempunyai keunggulan sendiri yaitu dapat menambah plugin sendiri yang kita mau. semisal plugin SEO.

Nah Jika sobat Blogger agak sedikit kesulitan untuk bagaimana cara Memasang Iklan dibawah Postingan Blog Detik sobat, silahkan ikuti Turitorial dibawah ini.

>>Langkah pertama anda silahkan klik menu plugin, selanjutnya silahkan instal plugin Sociable, 
>> Kemudian Masuk Ke menu Setting lalu klik pada Sociable..seperti gambar ini

setelah itu akan muncul gambar seperti ini:

sekarang perhatikan gambar di atas.

coretan nomor satu (1) adalah tempat untuk kode iklan atau gambar kalian, copy kode  anda lalu paste pada kolom tgline tersebut

catatan :biasanya kolom tersebut sudah terisi kode like facebook dan tweeter. taruh kode di atas setelah kode yang sudah ada (letakan paling belakang )

coretan kedua (2) simpan Perubahan

lihat hasilnya :-)

sekian dulu coretan cara membuat iklan dibawah postingan blogdetik kali ini, mungkin bahasanya sedikit agak ngawur,,hehehe. jangan lupa like facebooknya ya kawan……Thanks dan Happy Blogging...

Read more »

Google Code - Cara Membuat File Hosting di Google Code

Google Code - Cara Membuat File Hosting di Google Code. Beberapa waktu yang lalu kita telah membahas bagaimana cara membuat file hosting di Google sites. Namun sekarang kita akan membahas cara membuat file hosting di layanan google juga, yaitu Google code.

Seperti halnya Google sites, google code juga digunakan untuk meng-hosting file atau menyimpan file yang kita miliki, bisa berupa video, mp3, file gambar, Javascript(js), dll. Oleh karena itu, sebagai seorang blogger, maka tak ada salahnya kita mencoba layanan yang satu ini, terutama bisa kita gunakan untuk menghosting file JS serta file gambar kita.

Mengenai keamanan? Tak perlu dipertanyakan lagi, Google adalah perusahaan yang sangat besar, jadi kita tidak perlu khawatir mengenai keamanan file kita di google code. Lalu bagaimana kalau bandwidth google code tiba-tiba nge-down? Google memiliki bandwidth yang unlimited alias tak terbatas, jangan terlalu khawatir mengenai hal ini. Lalu berapakah besar space/kapasitas penyimpanan di google code? Sangat besar sekali sob (dan kelihatannya akan terus bertambah) sekarang, tepatnya ketika saya menulis postingan ini, space yang telah disediakan oleh Google code untuk setiap akunnya sebesar 4000 MB lebih, alias 4 GB dan setiap upload-an file maksimal memiliki kapasitas sebesar 100 MB per upload. Jika sobat merasa kekurangan, mungkin dikarenakan sobat memiliki banyak keperluan dll, maka caranya gampang, yaitu tinggal membuat lagi akun di Google codedengan nama project (nanti akan kita bahas) yang berbeda namun masih menggunakan akun Google yang sama, maka dengan begitu, sobat sudah memiliki 2 akun google code yang secara tidak langsung memiliki kapasitas penyimpanan sebesar 8000 MB lebih...wow!!! Tertarik untuk membuat akun di Google Code? simak langkah-langkahnya berikut

Langkah-langkah membuat akun di Google Code:

1. Silahkan untuk login ke akun Blogger/Google anda
2. Silahkan untuk mengunjungi homepage google code di http://code.google.com
3. Jika sudah, alihkan perhatian anda pada menu di sebelah kiri layar. Silahkan pilih menu "Project Hosting"

4. Jika sudah, pilih menu "Project Hosting on Google Code"

5. Kliklah menu "Create a new project"

6. Selanjutnya isilah data-data yang diperlukan untuk membuat project google code baru anda, yang meliputi
Project name: Isilah dengan nama project anda, ex:T4belajarblogger
Project Summary: Isikan dgn judul project anda, ex: My file hosting
Description: isikan deskripsi project anda, ex: t4belajarblogger.blogspot.com's file hosting
Version control system: Silahkan anda pilih "Mercurial"
Source code license: Silahkan untuk memilih "GNU GPL V3"
Project label(s): Isikan dengan label yang anda inginkan, ex: kolom1-html, kolom2-javascript, kolom3-xml, dll
Klik tombol "Create Project" untuk memulai membuat akun baru anda di Google Code

7. Jika sudah, maka sekarang anda telah memiliki akun di Google code dengan tertandainya munculnya halaman berikut

8. Untuk memulai upload suatu file, kliklah tulisan "new download"

Atau bisa juga menggunakan menu pada bagian kiri atas layar

9. Untuk memulai upload file, silahkan tulis pada kolom summary tentang judul file yang anda upload, ex:banner_t4belajarblogger (sebagai contoh, saya akan meng-upload file gambar),deskripsi: Tulis deskripsi file yang akan anda upload, ex: Banner t4belajarblogger.blogspot.com, pada file - browse-lah file yang ada di komputer anda, dan terakhir...kliklah tombol "Submit File"

10. Maka nanti akan muncul hasil upload-an kita. Untuk mendapatkan URL dari file yang kita upload, kliklah file name yang baru saja kita upload

11. Maka nanti akan muncul halaman berikut

Klik kananlah pada bagian yang telah saya tandai dengan warna merah, dan pilih "Copy Link Location"
Maka url hasilnya adalah:

http://t4belajarblogger.googlecode.com/files/banner_t4belajarblogger.gif

URL gambar di atas bisa kita gunakan untuk banner/link exchange atau apa saja yang kita inginkan....
Contoh penerapan:

<img alt="t4belajarblogger.blogspot.com" border="0" src="http://t4belajarblogger.googlecode.com/files/banner_t4belajarblogger.gif"/>

Hasil:


Jika sobat mengupload file JS(Javascript), maka nanti format URL-nya seperti berikut:

http://t4belajarblogger.googlecode.com/files/y-emo.js

dan URL tersebut bisa kita gunakan untuk menerapakan fungsi javascript sebagai emoticon yahoo (baca cara memasang emoticon yahoo)

12. Sampai di sini sobat sudah bisa menggunakan akun Google Code sebagai file hosting. Namun berikut pertanyaan-pertanyaan yang mungkin muncul setelah sobat memiliki akun di Google code:

a. Bagaimana cara saya mengupload file baru? Caranya klik Downloads => Klik sub menu "New download", silahkan upload file seperti biasa

b. Bagaimana cara masuk ke akun Google code yang telah saya buat? Untuk pergi ke google code yang telah sobat buat bisa dengan cara mengunjungi homepage google code, yaitu http://code.google.com kemudian klik menu "My Favorites" yang ada pada menu panel kanan atas...dan pilihlah akun google code mana saja yang ingin anda masuki (jika anda memiliki lebih dari satu akun di Google code)

c. Bisakah saya memiliki lebih dari satu akun di Google code? Hal ini karena saya membutuhkan banyak space untuk meng-hosting file-file saya...
Jawabannya bisa, caranya cukup dengan mengunjungi homepage google code (pastikan anda sedang dalam keadaan login ke akun Blogger/google anda), lalu ikutilah langkah-langkah pembuatan akun Google code yang telah kita bahas dari langkah no.1 (pertama).
Lalu untuk memasuki akun Google code yang kita inginkan (anggaplah anda memiliki akun google code lebih dari 1), kliklah menu "My favorites" yang ada pada menu panel kanan atas...lalu kliklah "project name" google code yang ingin anda masuki...

Mungkin segitu saja dulu...dan jika ternyata sobat memiliki pertanyaan lain, silahkan diposting di dalam kolom komentar, insyaAllah saya akan berusaha membantu sebisa mungkin. Selamat ber-file hosting ria, semoga bermanfaat


Sorch

Read more »

Kelemahan Dan Kekurangan Cara Menyembunyikan Posting Dari Homepage Blog

Kelemahan Dan Kekurangan Cara Menyembunyikan Posting Dari Homepage - Selamat Datang kembali sahabat Netters anda Bloggers, masih dalam waktu dan gelombang yang sama, hehehehe.. kaya penyiar radio saja, gak ada tampang bossss.. :P

Okeh, kita lanjut deh dari pada banyak basa-basi yang gk jelas.
sebelum anda memasang Cara Menyembunyikan Posting Dari Homepage atau halaman utama, Sebelumnya ada baiknya anda pikir dan teman-teman tau apa saja kelebihan dan Kekurangan Cara Menyembunyikan Posting Dari Homepage blog sobat. kali ini akan saya bahas dulu tentang Kekurangan Cara Menyembunyikan Posting Dari Homepage.

Kelebihan:
Blog sobat lebih simple karena tidak ada postingan di halaman utama blog sobat, dan akan terlihat seperti website-website ternama seperti katakan saja seperti berniaga dot com, tokobagus dot com dan website-website lainnya dan akan kelihatan sangat kretif. dan kita bisa membuat hanya menu-menu penting pada blog kita seperti label/kategori dan widget lainnya yang menurut kita menraik.

Kekurangan:
setelah anda membuat atau menyisipkan tag Cara Menyembunyikan Posting Dari Homepage kemudian anda sadar bahwa beberapa menu anda akan tidak berpungsi seperti menu search atau kolom search blog sobat, kemudian menu label/kategori blog sobat juga akan tidak berfungsi lagi. jika anda mencari kata kunci apa saja pada blog sobat atau simplenya klik saja salah satu label blog sobat, maka tampilan pada blog sobat nantinya akan kosong dan tidak akan tampil apa-apa pada halaman blog sobat. blogspot tidak mendukung hal tersebut pada blogger dot com, tidak seperti website-website lainnya yang kita bisa merubah tampilan sesuka hati kita pada halaman website karena memang sudah tersedia semuanya pada control panelnya.

Jadi sebelum anda memasang atau mengedit HTML sobat dengan trik Cara Menyembunyikan Posting Dari Homepage, ada baiknya sobat memikirkan kembali resiko yang anda alami nantinya, karen buat para teman-teman blogger newbe akan agak kesusahan nantinya mengembalikan kembali templatenya untuk menghapus tag CSS yang sudah di sisipkan tadi. atau jika sudah terlanjur, untuk mengembalikan kembali template sobat, silahkan ikuti panduan berikut:

Pertama silahkan login ke blog sobat> kemudian silahkan edit HTML> klik ctrl+f > silahkan cari kode berikut.



<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
</b:if>



<b:includable id='main' var='top'>
<b:if cond='data:blog.pageType == "item"'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
</b:if>

silahkan lihat 2 cara diatas,
jika anda memakai cara paling atas ikuti saja panduannya. cara kedua diatas sama saja halnya, Lihat Kode berwarna Biru, kemudian hapus kode yang berwarna biru selanjutnya save template sobat.

oke, sampai disana.. sekian dulu dan semoga bisa membantu sobat yang kebingungan. :)

Read more »

Cara Membuat Label Menjadi 3 Kolom/Baris di Blog

Seperti pada postingan sebelumnya tentang Cara Membuat Label Menjadi 2 Kolom/Baris di Blog, kali ini saya juga akan membahas seputar tutorial yang sama namun berbeda tampilan, yaitu cara untuk merubah label menajdi 3 kolom/baris, pasalnya pada blog-blog tertentu, tampilan label menjadi 3 kolom ini sangat diperlukan sekali, guna mempercantik dan mengefisiensikan space yang tersedia di blog. Selain itu, tampilan dari label 3 kolom ini juga lebih terkesan 'berisi' dan lebih bagus, karena semua tempatnya digunakan, jadi tidak ada space yang kosong seperti kita memasang label dengan 1 kolom, terkecuali jika sidebar anda memiliki lebar dibawah 200 piksel.

Contohnya bisa anda lihat pada gambar diatas, menarik bukan? lebih terlihat keren dan tidak banyak elemen blog yang terbuang, selain itu, widget ini nantinya juga tidak menampilkan berapa jumlah artikel pada masing-masing label (angka), karena sepertinya menampilkan jumlah artikel (angka) pada label blog kini sudah terkesan 'kuno', tapi ya... relatif sih, hehe. Jika anda berminat untuk menerapkan tampilan 3 kolom ini pada widget label anda, maka silahkan disimak yang berikut ini!

Cara Membuat Label Menjadi 3 Kolom/Baris

1. Login ke Blogger.

2. Pilih Tata Letak.

3. Klik Add gadget.

4. Pilih Label.

5. Setting Label seperti gambar dibawah ini, dan jangan lupa untuk menghilangkan centang pada kotak "Tampilkan Jumlah Entri Per Label" > Klik "Save/Simpan" gadget.

6. Sekarang, pergi ke laman Template.

7. Klik Edit HTML.

8. Klik tanda panah hitam disebelah kode yang mirip seperti<b:skin>...</b:skin> (untuk membuka seluruh kdoe CSS).

9. Cari Kode ]]></b:skin> (gunakan CTRL+F), lalu letakkan kode dibawah ini tepat diatas-nya.

#Label1 li {
    float:left;
    width:33%;
    }
 #Label2 li {
    float:left;
    width:33%;
    } 

10. Klik "Save/Simpan" template, dan selesai.

Bagaimana sobat? mudah bukan merombak tampilan widget label kita agar menjadi 3 kolom/baris. Demikian informasi terbaru tentang Cara Membuat Label Menjadi 3 Kolom/Baris di Blog,

Read more »

CARA MENGUBAH TAG HEADING H1, H2, H3 MENJADI SEO FRIENDLY

Blog yang seo friendly tidak pernah terlepas dari strukturnya yang teratur dan bagus, terutama terletak pada pengaturan Headingnya, H1, h2, h3, h4 dst. Jadi disini kita akanMengubah Tag Heading H1, h2, h3 Menjadi Lebih SEO Friendly. Kita bisa melihat banyaknya template blogger atau lainnya yang tersebar di dunia maya dangan urgensi masing-masing dari para pembuat ataupun desainer template. Diantara mereka ada yang menyediakan template yang telah siap digunakan untuk optimasi SEO, namun banyak juga diantaranya mungkin menekankan pada kreatifitas dan nilai template tersebut menurut pertimbangan pembuat.

Kalau template telah dibumbui sedemikian rupa maka tidak menjadi masalah lagi bagi kita, tinggal melakukan optimasi lainnya, namun jika memang belum, maka artikel ini kiranya dapat bermanfaat untuk sobat yang ingin membuat templatenya menjadi lebih SEO Friendly.

Memperbaiki struktur tag judul akan membuat blog lebih SEO Friendly dan mempermudah robot search engine membaca judul dan isi artikel yang kita posting. Nah ketika sudah SEO friendly, otomatis posisi blog pada search engine akan terus membaik. Hal ini akan berdampak pada peningkatan jalur lalulintas pengunjung ke blog dan tidak menutup kemungkinan untuk meningkatakan jumlah pageviews.

Sebelum lanjut ke pembahasan Memperbaiki Susunan Tag Heading pada Template, ada baiknya anda mengetahui apa itu tag H1, H2 & H3 dan tempat seharusnya agar lebih memudahkan pemahaman anda.

<h1> title atau judul blog </h1>

<h2> judul postingan atau artikel </h2>

<h3> judul widget blogger </h3>

Setelah mengetahui fungsi dan penjelasan tersebut di atas, sekarang mari kita lanjut ke tahap selanjutnya yakni memperbaiki struktur tag H1 sampai H3.

Berikut ini cara mengubah struktur tag heading blog menjadi seo friendly:

1. Masuk blogger ► Klik Template ► Edit HTML

2. Silahkan cari kode ini <b:if cond='data:post.title'> jika sudah ketemu ganti saja <h3> menjadi <h2>. Mungkin kode di atas lebih dari satu, tergantung dari template masing-masing, jadi silahkan diganti semua !!! Lihat contohnya di bawah...

<b:if cond='data:post.title'>

<h3> ganti jadi <h2>

<b:if cond='data:post.link'>

...........................
...........................

</h3> ganti jadi </h2>

</b:if>

Masih dengan heading tag untuk judul postingan, kalian cari kode dibawah ini lalu ganti h3 menjadi h2. Kadang di beberapa template kodenya akan ada kalimat tambahan itemprop='name' dan memakai h1 tag, tetap lakukan hal yang sama dengan menggantinya jadi h2.

<h3 class='post-title entry-title'>

<data:post.title/>

</h3>

<h3 class='mobile-index-title entry-title'>

<data:post.title/>

</h3>

Lanjut edit heading tag untuk widget, kalian cari kode dibawah ini lalu ganti h2 jadi h3. Sebenarnya tidak perlu dirubah juga tidak apa-apa, tapi agar lebih SEO friendly diganti saja. Kalau jumlahnya lebih dari satu diganti semua.

<!-- only display title if it's non-empty -->

<b:if cond='data:title != &quot;&quot;'>

<h2 class='title'>

<data:title/>

</h2>

</b:if>

3. Simpan template, jika langkah-langkah tersebut di atas masih belum anda pahami, silahkan berkomentar di blog ini.

Itulah tadi Cara Merubah Tag Heading H1, H2, H3 Menjadi Seo Friendly yang dapat saya share. Mudah mudahan dengan tutorial di atas dapat membantu blog sobat dalam menyempurnakan template supaya menjadi lebih Seo Friendly dimata Search Engine. Sekian dan terimakasih...

By: Tugasku4u

Read more »

Cara Membuat Like Box Facebook Melayang Di Blog

Selamat Datang Kembali sahabat Chiber Blog, Kali ini saya ingin Membahas Cara Membuat Like Box Facebook Melayang Di Blog. Cara Membuat Like Box Facebook Melayang Di Blog Mungkin Sudah Banyak Yang posting di internet dan beraneka ragam pula tampilannya. kali ini saya akan share yang pasti anda suka tampilannya. untuk demo silahkan Lihat disini DEMO>>

Bagaimana? anda Tertarik?
Keunikan dari Like Box melayang yang satu ini hanya satu kali per IP atau satu kali per like, jadi tidak membuat para pengunjung bosan dengan like box ini. contohnya jika pengunjung tersebut sudah klik like pada like box halaman facebook anda selanjutnya tidak akan muncul lagi kecuali kalau loading tidak normal ya, bisa muncul juga kadang-kadang.

Oke, jika teman-teman tertarik dengan Cara Membuat Like Box Facebook Melayang Di Blog kali ini, silahkan ikuti panduan di bawah ini.

1. Login ke Blogger anda
2. Masuk ke tata letak
3. Tambah Widget
4. Pilih HTML
5. Copy Kode berikut.

<div class='widget-content'>
<style>

/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
/*


User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;opacity:0.5 !important;}
#colorbox{
box-shadow:0 0 15px rgba(0,0,0,0.4);
-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
}
#cboxTopLeft{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrJMeHM902Z_IpyH6c_Hstp4chWmoojls4Hx5ou4VhgZGJ28uVHhrhdc3UVVy0xQZkJ5AhfcnTj-rhdaubzMlCUnn-OIYJtt-7JKroR6FlYci-FsLCb5ScDC0OJj4nelDV0QPjdSU4ahVH/s1600/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq0Nl8aEznb-GEJEuRT1mRtSNzgTenJWF-1d5GFQTFDbwKRvshn57AHsg5GcXbqv-tpNBP6SH0QVnz1iMUCaguq03vAKh2h3mRNDSFcFm7SPALbmKi2DivBvcgwpEpLsN_aMrNeIzSItk0/s1600/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrJMeHM902Z_IpyH6c_Hstp4chWmoojls4Hx5ou4VhgZGJ28uVHhrhdc3UVVy0xQZkJ5AhfcnTj-rhdaubzMlCUnn-OIYJtt-7JKroR6FlYci-FsLCb5ScDC0OJj4nelDV0QPjdSU4ahVH/s1600/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrJMeHM902Z_IpyH6c_Hstp4chWmoojls4Hx5ou4VhgZGJ28uVHhrhdc3UVVy0xQZkJ5AhfcnTj-rhdaubzMlCUnn-OIYJtt-7JKroR6FlYci-FsLCb5ScDC0OJj4nelDV0QPjdSU4ahVH/s1600/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq0Nl8aEznb-GEJEuRT1mRtSNzgTenJWF-1d5GFQTFDbwKRvshn57AHsg5GcXbqv-tpNBP6SH0QVnz1iMUCaguq03vAKh2h3mRNDSFcFm7SPALbmKi2DivBvcgwpEpLsN_aMrNeIzSItk0/s1600/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrJMeHM902Z_IpyH6c_Hstp4chWmoojls4Hx5ou4VhgZGJ28uVHhrhdc3UVVy0xQZkJ5AhfcnTj-rhdaubzMlCUnn-OIYJtt-7JKroR6FlYci-FsLCb5ScDC0OJj4nelDV0QPjdSU4ahVH/s1600/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrJMeHM902Z_IpyH6c_Hstp4chWmoojls4Hx5ou4VhgZGJ28uVHhrhdc3UVVy0xQZkJ5AhfcnTj-rhdaubzMlCUnn-OIYJtt-7JKroR6FlYci-FsLCb5ScDC0OJj4nelDV0QPjdSU4ahVH/s1600/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrJMeHM902Z_IpyH6c_Hstp4chWmoojls4Hx5ou4VhgZGJ28uVHhrhdc3UVVy0xQZkJ5AhfcnTj-rhdaubzMlCUnn-OIYJtt-7JKroR6FlYci-FsLCb5ScDC0OJj4nelDV0QPjdSU4ahVH/s1600/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGUgNlcNoygrd3RWv6iH0lkvp3mMsNpm24VofBMDtElfip5k8izOy5yug9JXexf4mdmFBUYU8Fz7ieQ-D2Zittx4G5yb42BLGSWYTrvCiDa2018vYQEiHXJD_yb0ZiRtiE0a1buYnD2Jry/s1600/loading-background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGb74pWw8HyIN6dNnEbwsRiFMSLrMQN_0rapRs5tzGN5-t21WH78SRF4VxBKE3uIu_ReElG6ezuDV55QHPLp9jZOZsakcRHyyt5tqGggPmMdtfqP8jV5RubqLgv0qCOXQR8-jYv_dwX9cQ/s1600/loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrJMeHM902Z_IpyH6c_Hstp4chWmoojls4Hx5ou4VhgZGJ28uVHhrhdc3UVVy0xQZkJ5AhfcnTj-rhdaubzMlCUnn-OIYJtt-7JKroR6FlYci-FsLCb5ScDC0OJj4nelDV0QPjdSU4ahVH/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
/*-----------------------------------------------------------------------------------*/
/* Facebook Likebox popup For Blogger
/*-----------------------------------------------------------------------------------*/
#subscribe {
font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;
}
#subscribe a,
#subscribe a:hover,
#subscribe a:visited {
text-decoration:none;
}
.box-title {
color: #3B5998;
font-size: 20px !important;
font-weight: bold;
margin: 10px 0;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:10px;
line-height:25px; font-family:arial !important;
}
.box-tagline {
color: #999;
margin: 0;
text-align: center;
}
#subs-container {
padding: 35px 0 30px 0;
position: relative;
}
a:link, a:visited {
border:none;
}
.demo {
display:none;
}
</style>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script>
<script src="http://yourjavascript.com/11215013191/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1) {
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"400px", inline:true, href:"#subscribe"});
}
});
</script>
<!-- This contains the hidden content for inline calls -->

<div style='display:none'>
<div id='subscribe' style='padding:10px; background:#fff;'>
<h3 class="box-title">Dapatkan Update Lowongan Kerja  Dengan klik Like Button Dibawah<center><p style="line-height:3px;" >&#9660;</p></center></h3>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FUsernama Halaman Facebook anda&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</center>
<p style=" float:right; margin-right:35px; font-size:9px;" >Powered By | <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://garlandtheme.blogspot.com">Blog Gadgets</a> Via <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://garlandtheme.blogspot.com">Blogger Widgets</a></p>
</div>
</div>
</div>




Ganti Tulisan Merah menjadi username Halaman facebook anda.
Tulisan warna Biru Ganti dengan kata-kata anda sendiri sesuai selera anda.
selanjutnya simpan lalu lihat hasilnya.

Read more »