Cara Mengatasi Galat di Blogger / Mengatasi Error pada Blogger Dashboard

Mengatasi Pemberitahuan Kesalahan pada Faltform Blogger

Pernahkah sobat saat hendak login pada dashboard blog milik sobat justru malah mendapati galat (yang sering terjadi adalah 'bX-fa9wwp pent-)' alias pemberitahuan kesalahan seperti screenshot gambar dibawah ini?

Ternyata eh ternyata,pemberitahuan semacam hal itu dapat terjadi diantaranya adalah karena tidak supportnya suatu bahasa.
Jadi mengatasi galat blogger ini dapat dilakukan dengan legal,benar dan cepat dengan cara mengubah bahasanya.

1. Login lewat http://draft.blogger.com
2. Ganti bahasa dengan bahasa Inggris (letak oengaturan sobat bisa lihat di kanan atas pada jendela window tersebut)
3. cobalah keluar alias Sign out
4. Sekarang sobat coba lagi untuk login lewat http://blogger.com

Semoga dapat membantu ya sob,jika ada masukan baru kami tak henti2nya mengharapkan saran dan kritik sobat semua.
See you.

Agar Adsense Dapat Tampil di Blog Bahasa Indonesia

Trik Jitu Agar Iklan Adsense Dapat Tampil di Blog

Sebelum menentukan posting tentang cara baru,Agar Iklan Google Adsense Tampil di Blog Indonesia ini,sebenarnya niat sebelumnya,Pelajaran Blog adalah bagi-bagi informasi 'bagaimana mendapat iklan adsense for content dalam adsense berbahasa indonesia dan optimasinya'.

Namun karena masalah kali ini adalah complicated (halah,sok pake bahasa bule si ya?he),so terpaksa penulis menunda posting tersebut dan lebih memilih 'cara memasang Google AdSense agar bisa tampil di blog Indonesia' yang akan menjadi tema dan judul posting kali ini.

Tips Jitu Menampilkan Iklan Adsense di Blog Berbahasa Indonesia

Langkahnya mudah gan,inilah rincian langkah bagaimana agar iklan adsense yang kita miliki dapat tampil di blog berbahasa Indonesia:

1.Pergilah ke Akun Google Friend Connect

2.Tambahkan Situs /Blog Baru yang akan Diletakkan Iklan Adsense

3.Konfigurasi Akun Google Adsense

4.Tentukan Ukuran dan Jenis Iklan

5.Dapatkan Kode Adsense untuk Blog Bahasa Indonesia :D

Pergilah ke Akun Google Friend Connect

Jika sobat belum memiliki akses ke Google Friend Connet atau dalam bahasa indonesia adalah Google Jalinan Teman ini,sebaiknya langsung aktifkan ya,silakan klik di sini.

Tambahkan Situs /Blog Baru yang akan Diletakkan Iklan Adsense

Nah,jika sobat sudah berada disana,silakan agan klik tulisan 'Tambahkan Situs Baru' (dalam bahasa indonesia pent-) pada sisi sebelah kiri.







Dan akan keluar form seperti ini,maka isi pada dropdown bahasa pilihlah bahasa indonesia:

Isilah form tersebut sesuai dengan permintaan yang salah satunya adalah mengisi alamat blog anda yang berbahasa indonesia.

Jika berhasil maka akan muncul pemberitahuan seperti gambar dibawah ini:

Konfigurasi Akun Google Adsense

Jika memang sobat sudah memiliki akun adsense nanti akan secara otomatis akan tampiul email terkait,dan klik tombol tersebut untuk mengaitkan dan mengkonfigurasinya,lihat gambar gan:

Jika sudah berhasil,maka nanti akan keluar pemberitahuan dan sobat sudah siap mengkonfigurasi iklan adsense yang dikehendaki.

Tentukan Ukuran dan Jenis Iklan

Seperti yang sudah saya katakan sob,jika berhasil nanti akan keluar pemberitahuan seperti ini dan sobat sudah dapat menentukan iklan maupun ukuran iklan adsense yang sobat kehendaki.

Dapatkan Kode Adsense untuk Blog Bahasa Indonesia

Nah pada bagian inilah kode iklan adsense yang support dalam bahasa indonesia telah kita dapatkan,lihat gambar sob:

Sobat klik tombol 'Kode' seperti gambar diatas dan tinggal copy paste aja kodenya dan letakkan di widget blog yang agan miliki :D

Mudah,jelas,singkat dan padat ya gan :D (emang @#%@#%...)

Cara Hack / Hacking Email dan Password Hanya dengan Mozilla

Cara Hack Email dan Password dari Warnet (Warung Internet)

Kadang bermain di internet komputer public,warnet misalnya,kita kurang memperhatikan segi keamanan dan hanya memperhatikan segi kenyamanannya,tinggal main,bayar dan langsung pulang.

Tapi tahukah sobat,pemilik warnet seperti halnya manusia biasa,ada yang menjaga privacy pelanggannya namun banyak juga yang justru memanfaatkan pelanggan sebagai 'mangsa' yang wenak.



Adalah cookies yang mampu menyimpan data,mulai dari history dan bahkan email dan password yang ditinggalkan oleh pelanggan sebuah warnet.

Mengapa saya mengambil judul Cara Hack / Hacking Email dan Password Hanya dengan Mozilla?

Yup,agar terkesan menarik dan tentu menarik pengunjung tentunya,khan biar seo friendly,hehehehe



Eit's jangan lari dulu gan,ni saya kasih contoh cara Hack Email dan Password dari Warnet hanya dengan browser Mozilla :D

Pertama,buka browser mozilla di komputer warnet yang sedang sobat kunjungi,lalu klik bagian toolbar 'Tools lalu pilih 'Options' (lihat gambar 1)







Kemudian,pilih tab 'Security' dan klik tombol 'Saved Passwords' (lihat gambar 2)







Maka,nanti akan tampil jendela windows seperti ini (ini akan bekerja jika ada beberapa pengunjung warnet yang teledor tidak sempat menghapus cookiesnya 'sebelum sobat sendiri' pent-)







Ingin tahu passwordnya? tinggal klik 'Show Password' dan Tada!!!!!!!!







Gampang khan jadi maling tuh,hehehe makanya jangan heran sob negara ini banyak malingnya,lha kok?

Kabuuuur!!!!!

Membuat Anchor Popup dengan jQuery (Popup Keren dengan Klik)

Trik Cara Membuat Popup dengan jQuery

Membuat popup adalah salah satu dalam kiat kita menghias blog,ini akan memiliki peran sebagai penghemat tempat namun blog tetap dalam keadaan full performance.
Tutorial ini saya dapat dari layanan.oposisi.net,sobat bisa baca selengkapnya disana.

Langsung gan,untuk melihat contohnya (ini mungkin akan bekerja pada browser di kompi ya seperti mozilla dan selainnya,alias kurang bekerja baik pada handphone ataupun IE:() sobat bisa lihat gambar dibawah ini:

Atau sobat bisa lihat situsnya di sini.(jika situs masih tersedia ya :D)

Gimana sob,tertarik?

Gini nih cara bikinnya,Pertama langkahnya seperti biasanya ya hanya pilih Dashboard (gb.1),lalu Tata Letak (gb.2) kemudian contreng tulisan Expands Widget Templates (gb.3).

(1)


(2)


(3)

Letakkan kode berikut tepat diatas kode </head>

<!-- Kode Menampilkan berita muslim sahih -->
<script type="text/javascript" src="http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/highslide-with-html-pelajaran-blog.js"></script>
<link rel="stylesheet" type="text/css" href="http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/highslidepelajaranblog.css" />
<script type="text/javascript">
hs.graphicsDir = 'http://layanan.oposisi.net/tampilan/bingkai/';
hs.outlineType = 'rounded-white';
hs.wrapperClassName = 'draggable-header';
</script>
<!-- Kode Menampilkan berita muslim sahih Sampai di sini -->

Lalu simpan templates.
Selanjutnya,untuk menampilkannya pada widget coba pilih Tata Letak / Rancangan seperti gambar no (1),dan klik tulisan Add New Widget atau Tambah Gadget,lihat Gambar no (4)



(4)


(5)

Selanjutnya pilih HTML/Javascript lihat Gb(5)kemudian letakkan kode berikut:

<a href="http://1.bp.blogspot.com/-8mQnRA_9rpw/TYh3n0lPDDI/AAAAAAAAAxs/gi5Vv6PqqpA/s1600/berita%2Bmuslim%2Bsahih.jpg" class="highslide"
onclick="return hs.htmlExpand(this, { objectType: 'iframe', width: 270, height: 300,} )">Lihat Gambar Al-Qur'an</a>

Lalu Simpan.Selesai deh :D

Ket:
Kode yang berwarna merah sesuaikan dengan keinginan sobat ya :D
http://1.bp.blogspot.com/-8mQnRA_9rpw/TYh3n0lPDDI/AAAAAAAAAxs/gi5Vv6PqqpA/s1600/berita%2Bmuslim%2Bsahih.jpg rubahlah dengan url gambar sobat atau bisa juga alamat situs seperti http://www.google.co.id/,http://www.youtube.com/,dll.

Membuat Kotak Pencarian Blog Hanya Menghasilkan Url Label di Blog Saja (Seo Friendly!)

Yuk! Membuat Kotak Pencarian Blog di Blogger Blogspot yang Seo Friendly!

Jika www.wordpress.com dilengkapi dengan berbagai plug-in dalam optimasi seo,seperti optimasi .htaccess,All In One SEO Pack WordPress Plugin,mod rewrite dalam optimasi permalink,dan menambahkan berbagai fitur seperti dapat dioptimasi menggunakan bahasa php dalam premiumnya,lain halnya dengan www.blogger.com yang terkesan seolah kita hanya dihidangkan menu yang sudah tak dapat kita tambah berbagai fitur.



Dahulu teman saya pernah merekayasa membuat urls seo friendly dengan menggunakan kotak pencarian tanpa menggunakan file .htaccess di wordpress,sobat bisa lihat blognya di:

cahdonorejo.wordpress.com



Hasil serp Google dari url http://cahdonorejo.wordpress.com/search/Belajar+Seo+Blogspot akan terlihat seperti screenshot dibawah ini gan:

Yup! dengan menciptakan link sendiri yang menghasilkan url yang berubah menjadi:

http://cahdonorejo.wordpress.com/search/Belajar+Seo+Blogspot



Dan Urls seperti ini ini sangat seo friendly terutama di paman Google.

Tapi,benarkah url seperti ini hanya dapat dibaca serp Google dari platform Wordpress saja?

Dapatkah Saya Membuat Kotak Pencarian Blog yang Seo Friendly untuk Blogger?

Tentu dapat,namun sobat jangan berharap Google akan membaca url semacam itu,namun seperti kita tahu,www.blogspot.com (blogger) ini memiliki url 'khusus' yang sangat akrab dengan search engine Google.

Coba sobat perhatikan dari blog ini,dan ketikkan:



http://pelajaran-blog.blogspot.com/2014_05_01_archive.html



pada browser sobat,meskipun tak ada posting yang tampil,(secara kita masih di tahun 2011 gitu lho),namun url seperti ini dapat cepat dubaca oleh Google.

Begitu juga label,jangan mengatakan bahwa label blog tak dapat dibaca search engine Google,coba ketik aja di Google.co.id url berikut:



pelajaran-blog.blogspot.com/search/label/Tutorial%20Seo%20Blogger



Betul sob,Google akan sangat bersedia membaca url seperti itu,nah giliran kita saatnya menciptakan url seperti itu setiap pengunjung hanya menggunakan form pencarian yang seo friendly!!!

Langkah Membuat Kotak Pencarian Blog Seo Friendly

Yang harus perhatikan,

Nama label blog semua harus lowercase alias ukuran kecil semua,misal nama label 'Tutorial Seo' harus menjadi 'tutorial seo'.(ini karena sebagian besar pengunjung dalam mencari tidak memperhatikan besar kecilnya huruf,sedang url yang akan kita hasilkan ini,jika label masih uppercase alias awal penulisan huruf besar selanjutnya kecil,kemungkinan hasilnya adalah nihil),nah bagi sobat yang belum membuat label,bisa baca tutorial cara membuat label di sini



Selanjutnya,ikutilah langkah berikut,.profile-link {

Pertama,sobat pergi ke Rancangan / Tata Letak 1,lalu pilih Tab Edit Html 2,selanjutnya contreng tulisan Expand Widget Templates 3,




gb1


gb2


gb3



Lalu cari kode css berikut (Gunakan Ctrl+F)



.profile-link {

Berhubung masing2 template berbeda saya ambil contoh,misalnya saya sudah amenemukan kode tersebut dan seperti ini lengkapnya:

.profile-link {

font: $postfooterfont;

letter-spacing: .1em;

text-transform: lowercase;

}

Nah,kode yang berwarna merah yakni,text-transform: lowercase; pada barisan code css tersebut adalah kode yang harus sobat tambahkan.

Jika sudah terdapat kode text-transform: uppercase; maka tinggal rubah menjadi text-transform: lowercase;

Lalu simpan templates sobat.

Nah,sekarang tinggal pilih Dashboard,lalu Tata Letak / Rancangan kemudian klik tulisan Add New Widget atau Tambah Gadget dan pilih HTML/Javascript,lihat Gambar:

.

Kemudian letakkan kode kotak pencarian berikut sob:



<div id="search" style="margin-top: 0px; padding: 0px; text-align: center; background-color: rgb(255, 255, 255); border: 1px dotted rgb(255, 255, 255);"> <form id="searchform" action="http://aryakamandhanuputraseplawan.blogspot.com//search" method="get" onsubmit="location.href='http://aryakamandhanuputraseplawan.blogspot.com//search/label/' + encodeURIComponent(this.s.value).replace(/%20/g, '%20'); return false;"> <div><input value="" name="s" id="s" type="text" /> <input id="searchsubmit" value="Search" type="submit" /> </div> </form></div>



Simpan,dan sobat bisa lihat hasilnya :D Moga bermanfaat gan!

Lihat contoh klik disini

Ket:

http://aryakamandhanuputraseplawan.blogspot.com/ gantilha dengan nama blog sobat ya :D

Zoom Gambar Blog / Membuat Efek Zooming Pada Image / Gambar di Blogger

Cara Membuat Zoom pada Gambar / Image Blog

Nah,berikut tips yang tak kalah menarik dalam belajar mempercantik dan menghias blog,betul gan,trik meperbesar (zoom) gambar atau image pada blogger secara otomatis hanya dengan meletakkan pointer mouse di atasnya dan mengkliknya..

Tips Memperbesar Gambar (zoom),Saat Pointer Mouse Berada di Atasnya

Bagi saya,blog tutorial blogspot ini ibarat rumah,pulau bahkan hewan peliharaan yang mana akan 'sengsara' saat kita menelantarkannya juga tak memperdulikan kesehatannya.
Namun tak jarang ya sob,beberapa blog tutorial yang sulit untuk dinikmati karena salah satu penyebabnya adalah penulis blog tersebut tidak memberikan akses untuk melihat lebih jelas gambar yang ia posting.
Misal seperti gambar terlalu kecil dan tidak diberikannya anchor link untuk akses gambar ukuran aslinya pada jendela baru.Dan saya pikir masalah seperti ini dapat berpengaruh terhadap kenyamanan visitor dalam menikmati blog yang kita miliki.

Nah,berikut tips yang tak kalah menarik dalam belajar mempercantik dan menghias blog,betul gan,trik meperbesar (zoom) gambar atau image pada blogger secara otomatis hanya dengan meletakkan pointer mouse di atasnya dan mengkliknya..Ini saya dapat dari sebuah blog yang bagus banget di www.roadrash.no

Contohnya,klik aja gambar-gambar dibawah ini ya:

Langkah Cara Membuat Zoom Gambar / Image Blog Blogspot

Seperti biasa gan,teknik zoom gambar blog ini kita menggunakan metode css javascript.
Pertama,sobat blogger pergi ke sawangan depok,eits salah ,maksud ane pergi ke dashboard lalu pilih tata letak / rancangan (gb1) kemudian edit html (gb2) dan checklist (contreng) tulisan expand widget templates (gb3) lihat gambar aja ya :D

gb1


gb2


gb3

Kemudian,cari kode </head> dan tepat diatasnya letakkan barisan kode css berikut:

<script src='http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/zoompelajaranblog-fullzoomlengkapbanget.js' type='text/javascript'/>
<!--[if lt IE 7]> <link rel="stylesheet" type="text/css" href="http://www.roadrash.no/hs-support/highslide/highslide-ie6.css" /> <![endif]-->
<script type='text/javascript'>
//<![CDATA[
hs.graphicsDir = 'http://www.roadrash.no/hs-support/highslide/graphics/';
hs.wrapperClassName = 'borderless';
hs.align = 'center';
hs.dimmingOpacity = 0.65;
hs.transitions = ['expand', 'crossfade'];
hs.fadeInOut = true;
// close button
hs.registerOverlay({
html: '<div class="closebutton" onclick="return hs.close(this)" title="Close"></div>',
position: 'top right',
fade: 2 // fading the semi-transparent overlay looks bad in IE
});
hs.isUnobtrusiveAnchor = function(el) {
if (el.href && /.(jpg|gif|png)$/.test(el.href) && !el.onclick) {
el.className = 'highslide'; // for the zoom-in cursor
el.title = 'Click to enlarge'; // for title
return 'image';
}
};
if (hs.addEventListener && hs.Outline) hs.addEventListener(window, 'load', function () {

new hs.Outline('rounded-white');

new hs.Outline('glossy-dark');

});
// The gallery example on the front page
var galleryOptions = {

slideshowGroup: 'gallery',

wrapperClassName: 'dark',

//outlineType: 'glossy-dark',
dimmingOpacity: 0.8,
align: 'center',
transitions: ['expand', 'crossfade'],
fadeInOut: true,
wrapperClassName: 'borderless floating-caption',
marginLeft: 100,
marginBottom: 80,
numberPosition: 'caption'

};
if (hs.addSlideshow) hs.addSlideshow({
slideshowGroup: 'gallery',
interval: 5000,
repeat: false,
useControls: true,
overlayOptions: {
className: 'text-controls',
position: 'bottom center',
relativeTo: 'viewport',
offsetY: -60
},
thumbstrip: {
position: 'bottom center',
mode: 'horizontal',
relativeTo: 'viewport'
}
});
hs.Expander.prototype.onInit = function() {
hs.marginBottom = (this.slideshowGroup == 'gallery') ? 150 : 15;
}
// focus the name field
hs.Expander.prototype.onAfterExpand = function() {

if (this.a.id == 'contactAnchor') {
var iframe = window.frames[this.iframe.name],
doc = iframe.document;
if (doc.getElementById("theForm")) {
doc.getElementById("theForm").elements["name"].focus();

}
}
}

//]]>
</script>
<style type='text/css'>
pre {
background: white;
padding: 5px;
font-size: 10.9px;
}
</style>

Setelah itu sobat simpan templates ya.
Selanjutnya,untuk menampilkannya sobat bisa letakkan kode berikut di postingan sobat (ini hanya contoh saja)

<div class="thumbwrapper">
<a class="highslide" href="http://1.bp.blogspot.com/-HnBZZrw91HA/TiKkxoOWiGI/AAAAAAAAA34/KY-2AU7-Ktk/s1600/pohon%2Bpelajaran%2Bblog%2Bzoom%2Bgambar.jpg" onclick="return hs.expand(this, galleryOptions)"><img alt="Highslide JS" src="http://1.bp.blogspot.com/-HnBZZrw91HA/TiKkxoOWiGI/AAAAAAAAA34/KY-2AU7-Ktk/s1600/pohon%2Bpelajaran%2Bblog%2Bzoom%2Bgambar.jpg" height="150" width="150" title="Click to enlarge" />
</a><a class="highslide" href="http://1.bp.blogspot.com/-3kr3pA6UAQc/TiKkxmuy8UI/AAAAAAAAA4A/-JQNIZQh9mc/s1600/pohon%2Bpelajaran%2Bblog%2Bzoom%2Bgambar%2B2.jpg" onclick="return hs.expand(this, galleryOptions)"><img alt="Highslide JS" src="http://1.bp.blogspot.com/-3kr3pA6UAQc/TiKkxmuy8UI/AAAAAAAAA4A/-JQNIZQh9mc/s1600/pohon%2Bpelajaran%2Bblog%2Bzoom%2Bgambar%2B2.jpg" height="150" width="150" title="Click to enlarge" />
</a>
</div>

Ket:
Tulisan berwarna merah sobat ganti ya dengan url / alamat dari gambar yang sobat telah upload di blogger atau dari suatu situs.
Moga berhasil dan met berpusinx ria ya :D see you!!

Cara Membuat Link Anchor Satu Halaman / Navigasi Halaman Back to Top

Membuat Link ke Atas,Menuju Tengah,ke Bawah Dalam satu Halaman

Emang susah ya sob njelasin dari judul postingan kali ini,intinya,kali ini saya ingin sekali membagikan inpo masalah membuat link anchor satu halaman.
Seperti apa sih bentuk fisiknya,sobat bisa lihat di salah satu posting blog sahabat saya mas Arya di Ramadhan Bersama Prambors.

Tampilan atas:



Saat sobat klik anchor link 'testimonial' maka langsung tertuju seperti pada gambar berikut:

Dan saat sobat klik anchor link 'help' maka langsung tertuju seperti pada gambar berikut:

Jika sobat perhatikan,dari screenshot gambar diatas,jika postingan blog sahabat saya tersebut dibuka / dibaca menggunakan browser Mozilla misalnya,maka setiap kita mengklik salah satu link anchor tertuju,misal 'testimonial','about' atau 'help' (dalam gambar diatas) maka akan denga sendirinya menentukan link yang dituju.
Lebih jelasnya ya,sobat lihat di sini (coba gunakan browser mozilla ya).

Nah,gimana sob dah jelas ya tutorial apa yang ingin saya sampaikan malam hari ini :D

Langkah dan Cara Membuat Link Anchor Satu Halaman / Link Tombol Kembali ke Atas

Pertama,baca bismillah ya..
Selanjutnya,buatlah posting seperti berikt ini,untuk mengetahui triknya,sobat bisa copy paste aja dari beberapa barisan artikel berikut,da modifikasi sendiri ya :D

Pergilah ke posting dan pilihlah type edit htmlnya,lihat gambar dibawah ini:



Kemudian buatlah posting seperti ini (hanya contoh saja ya,INGAT,penulisan huruf kecil dan besar pada link anchornya sangat sensitiv ya gan pent-)

Mulai posting dari sini..
<a href="#about">About</a> | <a href="#help">Help</a> | <a href="#testimonial">Testimonial</a>
<a name="about"></a>
<h4>About</h4>

Kami adalah jasa membuat website dan blog dengan menawarkan harga paling rendah namun dengan hasil berkualitas tinggi.
Pelajaran Blog adalah sarana online dalam belajar membuat blog juga belajar seo blogspot bagi blogger tingkat pemula.
Selain daripada itu,kami juga menyediakan berbagai pilihan blogger template yang seo friendly namun tetap tidak mengabaikan akan keindahannya.

Untuk seo,kami menyediakan tutorial dasar dalam teknik seo,trik seo,rahasia seo juga tips dan trik seo agar situs menjadi nomor 1 di halaman serach engine Google.
Buktikan dan bersiaplah menjadi miliarder baru dalam dunia internet!

<a name="testimonial"></a>
<h4><strong>Testimonial</strong></h4>

Pelajaran Blog is an online tool for the study also learn seo blog blogger blogspot for beginner level.
Other than that, we also provide a wide selection of blogger templates seo friendly but still do not ignore its beauty.

For SEO, we provide a basic tutorial in seo techniques, seo tricks, seo secrets seo tips and tricks as well to the site to be number 1 on page serach engine Google.
Prove it and be prepared to become new millionaires in the internet world!

<a name="help"></a>
<h4><strong>Help</strong></h4>

Pelajaran Blog adalah sarana online dalam belajar membuat blog juga belajar seo blogspot bagi blogger tingkat pemula.
Selain daripada itu,kami juga menyediakan berbagai pilihan blogger template yang seo friendly namun tetap tidak mengabaikan akan keindahannya.
Untuk seo,kami menyediakan tutorial dasar dalam teknik seo,trik seo,rahasia seo juga tips dan trik seo agar situs menjadi nomor 1 di halaman serach engine Google.
Buktikan dan bersiaplah menjadi miliarder baru dalam dunia internet!

Pelajaran Blog is an online tool for the study also learn seo blog blogger blogspot for beginner level.
Other than that, we also provide a wide selection of blogger templates seo friendly but still do not ignore its beauty.
For SEO, we provide a basic tutorial in seo techniques, seo tricks, seo secrets seo tips and tricks as well to the site to be number 1 on page serach engine Google.
Prove it and be prepared to become new millionaires in the internet world!

Akhir posting disini.

Nah,kemudian publikasikan.Selesai.

Hasilnya,kurang lebih akan seperti ini gan:

About | Help | Testimonial

About

Kami adalah jasa membuat website dan blog dengan menawarkan harga paling rendah namun dengan hasil berkualitas tinggi.
Pelajaran Blog adalah sarana online dalam belajar membuat blog juga belajar seo blogspot bagi blogger tingkat pemula.
Selain daripada itu,kami juga menyediakan berbagai pilihan blogger template yang seo friendly namun tetap tidak mengabaikan akan keindahannya.

Untuk seo,kami menyediakan tutorial dasar dalam teknik seo,trik seo,rahasia seo juga tips dan trik seo agar situs menjadi nomor 1 di halaman serach engine Google.
Buktikan dan bersiaplah menjadi miliarder baru dalam dunia internet!

Testimonial

Pelajaran Blog is an online tool for the study also learn seo blog blogger blogspot for beginner level.
Other than that, we also provide a wide selection of blogger templates seo friendly but still do not ignore its beauty.

For SEO, we provide a basic tutorial in seo techniques, seo tricks, seo secrets seo tips and tricks as well to the site to be number 1 on page serach engine Google.
Prove it and be prepared to become new millionaires in the internet world!

Help

Pelajaran Blog adalah sarana online dalam belajar membuat blog juga belajar seo blogspot bagi blogger tingkat pemula.
Selain daripada itu,kami juga menyediakan berbagai pilihan blogger template yang seo friendly namun tetap tidak mengabaikan akan keindahannya.
Untuk seo,kami menyediakan tutorial dasar dalam teknik seo,trik seo,rahasia seo juga tips dan trik seo agar situs menjadi nomor 1 di halaman serach engine Google.
Buktikan dan bersiaplah menjadi miliarder baru dalam dunia internet!

Pelajaran Blog is an online tool for the study also learn seo blog blogger blogspot for beginner level.
Other than that, we also provide a wide selection of blogger templates seo friendly but still do not ignore its beauty.
For SEO, we provide a basic tutorial in seo techniques, seo tricks, seo secrets seo tips and tricks as well to the site to be number 1 on page serach engine Google.
Prove it and be prepared to become new millionaires in the internet world!

Semoga berhasil ya sob,dan tunggu artikel selanjutnya yang tak kalah Hot!!
See you guys..

Cara Setting Domain Co.Cc / Mengubah Blogger Menjadi Co.Cc

Cara Setting Domain Co.CC

Pertama sobat kunjungi www.co.ccdan tentukan nama yang sobat inginkan sampai mendapatkanya (saya ambil contoh:www.putraseplawan.co.cc dari mas arya) dan klik 'check avaibility' ya lihat gambar 1

Selanjutnya,sobat klik 'Continue to Registration' lihat gambar 2



Kemudian sobat isi form login,jika sobat belum mendaftar klik aja 'create an account now',lihat gambar 3



Nanti jika berhasil akan sobat lihat pemberitahuan/konfirmasi bahwa requet telah berhasil dan klik 'setup',lihat gambar 4



Setelah itu,klik setup kembali ya gan,lihat gambar 5



Selanjutnya,pilih dan eksekusi check list 'zone records' dan isilah sebagai berikut:

Host : isilah nama yang sudah ditetapkan (misal : www.putraseplawan.co.cc )
TTL : 1D
Type : CNAME
Value : ghs.google.com

Untuk lebih jelas,sobat lihat screenshot gambar 6 dibawah ini:



Nah,sampai disini,sobat dah berhasil dalam melakukan setting domain co.cc,kini giliran kita pergi ke www.blogger.com untuk merubah salah satu blog kita disana agar menjadi domain co.cc sesuai nama yang telah kita tentukan tadi ya.

Mengubah / Mengganti Domain Blogspot Blogger Menjadi Domain Co.CC

Langsung aja ya,sobat kunjungi dashboard sobat dan klik 'pengaturan',lihat gambar 7

Nah,selanjutnya sobat klik 'penerbitan' lihat gambar 8



Kemudian sobat klik 'Domain Ubahsesuaian' lihat gambar 9



Kemudian sobat klik 'Beralih ke pengaturan lanjut',lihat gambar 10



Nah,sekarang isi nama yang sudah sobat tetapkan tadi (misal: www.putraseplawan.co.cc ) dan klik simpan,selesai.



Kini sobat sudah memiliki sebuah blog yang berdomain co.cc :D

Cara Membuat Recent / Related Post jQuery ( Berkedip Bergantian dan Slider)

Tips Trik Membuat Slider Related Post jQuery

Setelah beberapa hari kemarin kami saling sharing seputar belajar seo blogspot,kini saatnya kembali utak atik blog seputar tutorial jquery kembali.

Ketinggalan terlalu banyak materi jquery dalam blog ini?,jangan kuatir sob,tutorial blog ini baru memposting beberapa posts kok :D

Sebelum posting tentang bagaimana membuat recent post jQuery ini,biar kami share kembali beberapa tutorial jQuery dalam blog ini beberapa waktu lalu,diantaranya:

1. Belajar Membuat Trigger Hover jQuery / Vertical Sliding Panel mengggunakan jQuery
2. Membuat Widget Gambar Slide Show / Slideshow Javascript dan Css di Blogger
3. Membuat Slick Tab View / Jquery Tab View Scroll Show Hide Widget
4. Membuat Menu Navigasi dengan jQuery (Kwicks jQuery Sliding Navigation Menu for Blogger)

Nah,belum terlalu banyak khan sob,sedot buruan ya :D

Langkah Cara Membuat Related Post / Recent Post jQuery untuk Blogger

Bagi yang masih bingung seperti apa sih related post yang dimaksudkan,sobat bisa lihat contoh gambarnya dibawah ini:

Contoh yang sudah diterapkan sobat bisa lihat di sini.
Gimana sob,pingin ga punya widget kaya gitu?yuk intip gimana sih cara bikin recent post jquery blogger ini..

Pertama langkahnya seperti biasanya ya hanya pilih Dashboard,lalu Tata Letak / Rancangan kemudian klik tulisan Add New Widget atau Tambah Gadget dan pilih HTML/Javascript,lihat Gambar:

.

Kemudian letakkan kode berikut sob:


<script src="http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/jquery-1.3.2.js" type="text/javascript"></script><center><strong>Artikel Acak</strong></center>
<center>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:1px;
padding:0px 0px;
height:300px;
}
#spylist ul{
width:100%;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:100%;
padding: 0px 0px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url() repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
width:100%;
font-size:10px;
height:12px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:8px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:12px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:8px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>

<script language='javascript'>

imgr = new Array();

imgr[0] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";

imgr[1] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";

imgr[2] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";

imgr[3] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";

imgr[4] = "http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox";
showRandomImg = true;

boxwidth = 200;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 50;

thumbheight = 50;

fntsize = 9;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 100;

home_page = "http://pelajaran-blog.blogspot.com/";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
<script src='http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/recentpostthumbspy-min.js' type='text/javascript'></script>
</div></center>


Lalu Simpan dan sobat dah bisa lihat hasilnya :D
(klo ada keluhan sobat bisa komentar pada Facebook Fan Page-nya ya)

**Ket
- untuk :
Artikel Acak gantilah dengan judul widget jQuery related post ini.
- untuk :
http://t1.gstatic.com/images?q=tbn:ANd9GcQZdYwrAif3iY59IQI1bxWYa_KAsE1D28o_dR1yZlt_YCLZ-Sox gantilah dengan url gambar default (gambar ini akan muncul saat sebuah posting tidak mengunggah sebuah gambar)
- untuk :
http://pelajaran-blog.blogspot.com/ gantilah dengan alamat url blog sobat.
-untuk :
yang lain,pr aja ya,kabuuuuuuuuuur!