Pasang Iklan Gratis 30 Hari Di Pelajaran BlogMengapa Memasang Iklan di Pelajaran Blog?
Testimonial
Pasang Iklan SekarangSyarat dan Ketentuan:
|
Jumat, 08 Januari 2010
Pasang Iklan Gratis Murah,Cepat dan Mudah
Selasa, 05 Januari 2010
Cara Membuat Artikel Yang Berhubungan / Related Post / Artikel Terkait
Update! Trik Cara Membuat Cara Membuat Related Post Berkedip jQuery (Update),Sudah Direvisi! Dijamin Berhasil 100%
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://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.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='https://sites.google.com/site/pujiantoroinc/Home/recent_post_berkedip.js' type='text/javascript'></script>
</div></center>Lalu Simpan dan sobat dah bisa lihat hasilnya :D
Senin, 28 Desember 2009
Cara Membuat Breadcrumbs / Menu Navigasi Diatas Artikel Posting
Cara Membuat Breadcrumbs / Menu Navigasi Diatas Artikel Posting
Disaat google sedang pelit dalam mengindex blogspot akhir-akhir ini,sobat pasti mencari teknik seo agar blogger yang sobat miliki masih bertahan untuk dapat terindex di paman Google ini.
Pasalnya,tahun 2011 ini paman kita gugel sangat berhati-hati dengan flatform blogspot.
Seakan iri melihat blog-blog master seo yang memiliki breadcrumb/breadcrumbs yang dapat terindex di Google.
Lihat screenshot gambar dari blog sahabat saya yang breadcrumb-nya dapat terindex google berikut ini:
Di blog teknik seo blogger ini sendiri memang sulit meiliki breadcrumb yang dapat terindex seperti itu,tapi setelah posting ini mudah-mudahan breadcrumb pada blog tutorial ini dapat cepat terindex.
Nah,dalam kiat seo blogger template kali ini,kita akan ngbahas masalah ini sob,yup! bagaimana trik dan teknik agar blogger templates yang kita miliki seo friendly dengan optimasi dari breadcrumb.
Cara Membuat Breadcrumb Seo Friendly
Bagi sobat yang belum membuat breadcrums sebaiknya sobat bikin dulu ya,dan beruntung jika sobat belum membuatnya,karena breadcrumb seo friendly ini,akan kita ciptakan sore hari ini.
Pertama,pastikan anda sudah membuat label pada blog.
Selanjutnnya,pergi ke Dashboard,lalu pilih Tata Letak dan kemudian pilih Edit HTML,jangan lupa contreng tulisan Expand Widget Templates.
Selanjutnya cari kode berikut (gunakan Ctrl+F pada keyboard anda untuk membantu pencarian):
]]></b:skin>Setelah ketemu,letakkan kode berikut tepat diatasnya:
.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}Nah,setelah itu,sobat cari lagi kode seperti ini (ketik aja di Ctrl+F)
<b:includable id='main' var='top'>Nah jika sobat sudah temukan,hapus kode tersebut dan gantilah dengan kode berikut:
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>Setelah itu simpan templates sobat.
Tips Agar Breadcrumbs Terindeks di Google
Berikut tips dan trik agar breadcrumbs dapat diindex mesin pencari google:
- Buatlah label blog yang tidak terlalu banyak (buatlah 1 atau 2 nama label saja)
- Cantumkan label entry pada sidebar atau bagian footer blog (karena ini akan memungkinkan traffik dari link ini)
- Nama label usahakan tidak jauh dari tema posting (misal posting tentang 'belajar seo' maka nama label usahakan seperti nama 'tutorial belajar seo',dll)
- Intinya,buatlah posting yang sangat bermanfaat dan tidak bersifat menipu pengunjung
- Buatlah pengunjung sangat tertarik dengan isi dari nama label yang ingin sobat shoot
- Berdo'a :D
Semoga saja,dalam Teknik Seo Blogger Template ( Bag.2 ) - Cara Agar Breadcrumb Dapat Terindex posting kali ini,sedikit dapat membantu dan memberi harapan sobat blogger yang mulai terkikis rasa percaya dirinya dari langkah yang diambil Google terhadap blogspot.
Keep Post!
Jumat, 18 Desember 2009
Cara Memasang/Menampilkan Object Gambar Animasi Flash (*swf) pada Blog
Menghias Blog Dengan Gambar FlashJika anda pernah mengunjungi beberapa situ berita seperti detik,okezone,dll pasti sering menjumpai iklan yang berextention swf. Untuk memasang file swf flash pada blog lain dengan meletakkan atau memasang gambar berformat jpg. Oleh karena itu kali ini,pelajaran menghias blog kali ini saya dengan senang hati ingin berbagi bagaimana cara memasang gambar flash di blog. Langkah Mudah cara memasang gambar animasi pada blogGambar animasi flash (*swf) mempunyai banyak kelebihan diantaranya,file justru mempunyai ukuran yang lebih kecil dan gambar cenderung lebih menarik juga merangsang pengunjung mengekliknya. Memasang gambar animasi terlalu banyak juga kurang bagus,alangkah baiknya sesuai dengan kebutuhan dan seadanya saja. Membuat file animasi berformat swf (shock wave file),saya kira sudah banyak yang memberikan tutorial bagaimana cara membuat file usil ini. Namun disini saya hanya ingin berbagi bagaimana cara memasang atau menampilkan obyek gambar animasi (*swf). Untuk langkah menampilkan gambar animasi flash swf pada blog bisa ikuti trik di bawah ini: Memasang Flash pada Blog Blogspot
Setelah semua anda persiapkan,kemudian ikuti instruktur(aaalah-red)cara menambahkan gambar animasi ke blog dibawah ini:
Untuk:
Gimana,keren khan? selamat mencoba dan semoga bermanfaat :D Baca Juga Yang Ini |
Jumat, 11 Desember 2009
Membuat Autoblog / Blog Untuk Pasang Iklan Otomatis Atau Auto Backlink Generator
Sekilas Tentang AutoblogApa sih autoblog itu? Pernahkah anda mengalami atau katakanlah menjadi korban duplikat content dari blogger yang kurang bertanggung jawab? Duplikat content yang saya maksud adalah bukan copas/copy paste,melainkan pengambilan dan pepublikasian rss secara sepihak.
Yup! Autoblog menurut pelajaran blog adalah blog yang secara atomatis dapat mempublikasikan/memposting rss dari situs lain(korban),hanya dengan memanfaatkan atau berlangganan rss blog korban tersebut. Ilegal dong? Jahat ya mereka? Untuk menyingkapi fenomena autoblog ini tergantung pada sikap etik dan professionalism dalam dunia blogging dari diri kita masing-masing. Autoblog bisa dimanfaatkan untuk hal kebaikan seperti; Lalu apakah autoblog bisa dibuat dengan menggunakan blogspot? Tentu saja bisa. Untuk contohnya,meskipun masih belum jadi total(under construction),anda bisa lihat blog teman saya yang memanfaatkan autoblog sebagai link exchange generator dan pasang iklan gratis,cek SINI. Anda bisa tukar link dan pasang iklan disana,buruan! Gratis ini,hehe. Gimana? Anda berminat membuatnya? Langkah Cara Membuat Autoblog Di BlogspotBerhubung ini salah satu cara memposting lewat email secara otomatis atau katakanlah semua email yang masuk ke inbox kita akan terpublish/terposting otomatis kedalam blog kita nanti,kita akan membuat account atau email baru,tapi harus memakai gmail ya,jangan yahoomail ataupun yg lain. Tujuanya membuat email baru?jelas dunks,khan ga lucu nanti klo semua pesan di inbox kita langsung keposting di blog,seperti email verify dari www.sawomatang.com,dll jadi ketauan gue,xixixi.. Koq malah nglantur ya? Ok,semua dah siap? Let's play guys!!
Kini,pada setiap pesan masuk/inbox ke email baru anda tadi,akan otomatis terposting pada blog baru anda tersebut,jadi gunakan email untuk berlangganan saja jangan untuk hal-hal yang bersifat pribadi. Praktek Pencurian RSS Untuk Bahan Posting BlogMencuri?Tidaaaak! bukan,maksud saya berlangganan rss bukan mencuri,meskipun nantinya memang akan seperti mencuri,hihihii.. Anda bisa memanfaatkan situs www.feedmyinbox.com Misal saya memasukkan alamat rss blog ini: http://feeds2.feedburner.com/PelajaranBlogBelajarMembuatBlogBelajarMenghiasBlogpada kolom Enter a website URL pada www.feedmyincox.com lalu jangan lupa masukkan email anda juga selanjutnya kliklah Submit. Membuat Blog Auto/Autoblog Untuk Jasa Pasang Iklan Otomastis Atau Auto Baklik GeneratorNah,jika anda berminat membuat autoblog sebagai sarana pasang iklan maupun auto link exchange generator seperti pada yourdailyarticles.blogspot.com,bisa memanfaatkan situs www.emailmeform.com,yang akan membantu anda membuat form untuk pengunjung. Jadi saat nanti pengunjung memberikan input data pada form,akan terkirim langsung ke email baru kita,yang nantinya secara otomatis akan publish pada blog kita. Dan untuk lebih jelasnya,anda bisa lihat video di bawah ini[klomasih available]: Udah ya,capek juga ngetiknya,semoga bermanfaat dan jangan menjadi jahat. Hargailah sesamamu :D weqz! sok gue ya,hihihihi.. Baca Juga Yang Ini.. |
Minggu, 06 Desember 2009
Membuat Form Kotak Pencarian Dengan Show Hide Value / Auto Value
Belajar Menghias Kotak Mesin Pencari / Kotak Pencari pada BlogJika beberapa waktu lalu saya sempat memposting tentang bagaimana cara membuat form search engine/mesin pencari pada blog,giliran kali ini kita belajar menghiasnya. Untuk fungsi dan keuntungan dari kotak pencarian ini,saya kira teman-teman sudah pada tahu ya ^^ Menghias mesin pencari bisa bermacam-macam,dari mengubah background /menambahkan image kotak mesin pencari maupun memaksimalkan fitur kotak pencarian tersebut. Salah satunya yang akan saya bagi-bagi saat ini,adalah membuat form kotak pencarian dengan fitur show-hide value atau auto value. Maksudnya? Gimana ya njelasinnya? bingung juga si,xixixi.. Maksudnya,saat form diklik value/tulisan yang ada pada form pencarian akan hilang,dan sebaliknya jika yang diklik di luat form,tulisan pada form akan mucul secara otomatis alias nongol kembali. And bisa lihat kotak pencarian pada blog ini,saat anda klik pada form,tulisan 'Cari Artikel Disini..' akan hilang,sebaliknya saat anda mengklik di luar form,tulisan 'Cari Artikel Disini..' akan muncul kembali. Gimana? maksud khan? Langkah Cara Membuat Kotak Mesin Pencari Show Hide ValuesYo wis,jika anda berminat membuat kotak pencarian seperti itu,ikuti langkah -langkah di bawah ini: Pilihlah Dashboard,kemudian pergilah ke Tata Letak blog anda,selanjutnya pilih Add New Widget/Tambah Gadget. Kemudian pilih HTML/Javascript. Setelah itu letakkan code berikut: <center><form action='pelajaran-blog.blogspot.com/search' id='searchform' method='get'>Lalu Simpan dan lihat hasilnya. Untuk tulisan :
Baca Juga Yang Ini.. |
Selasa, 01 Desember 2009
Membuat Tag Cloud Di Blogger
Cara simple/singkat membuat tag cloud pada bloggerSeperti halnya ‘Tag Cloud’yang akan kita bahas kali ini. Dulu,saya mengerti dan pernah menjumpai widget seperti ini,namun karena tidak mengerti apa namanya,maka saya googling dengan berbagai kata kunci. Seperti;'cara membuat tulisan besar dan kecil pada blogger',atau 'cara membuat widget tulisan tebal dan tipis',dll. Bahkan saya sempat bertanya langsung pada masternya,sampai saya tahu itu namanya Tag Cloud. Beberapa waktu lalu saya sempat memposting juga tentang cara membuat tag clouds untuk blogspot,namun masih manual bukan wyswyg seperti fitur blogger saat ini. Karena,seiring berkembangnya fitur instant blogger,blogger sudah memberikan langkah mudah untuk membuat label berbentuk awan ini. Nah,untuk contoh tag cloud,anda bisa lihat ilustrasi gambar di atas,atau bisa kunjungi langsung blog teman saya di mendengarkan musik mp3 gratis. Langkah Sederhana Membuat Tag Cloud Untuk BloggerSeperti biasa,untuk membuat tag cloud ini,pertama pergilah ke Tata Letak,lalu add new widget atau klik tulisan Tambah Gadget untuk blog berbahasa indonesia. Setelah itu muncul dialog box,pilih Label. Kemudian akan muncul jendela baru lagi,lalu pada option pilihlah Tag Cloud,lalu klik tulisan Simpan. Selesai,anda sudah berhasil membuat tag cloud di blogger,dan silakan lihat hasilnya. Semoga bermanfaat ya :D Baca Juga Yang Ini.. |