Sepertinya saat ini orang lebih mengenal facebook daripada internet itu sendiri.
Berhasil bukan? untuk mengatur letaknya,anda tinggal menggeser seperti selayaknya widget biasa. Selamat Mencoba,dan semoga berhasil :D Baca Juga Yang Ini.. |
Senin, 25 Januari 2010
Memasang Facebook Fan Box / Widget Became Fan Fecebook pada Blog
Rabu, 20 Januari 2010
Membuat Dan Macam-macam / Jenis Link Anchor
Membuat Javascript Anchor Link Dan Jenis-Jenisnya Banyak macam link yang bisa anda kreasikan,seperti popup,alert,target,maupun hanya sekedar untuk variasi saja.Macam dan jenisnya juga sudah banyak yang mempublikasikan. Pelajaran blog,selaku penyampai informasi ingin sedikit berbagi yang siapa tahu dapat berguna dan bermanfaat. Dasar membuat anchor link pada blog seperti ini: Pernah anda menjumpai tulisan seperti;'klik disini' atau 'download now' maupun suatu tulisan yang menimbulkan efek alert/sebuah pemberitahuan. Contoh konkrit: Coba klik Disini Tulisan diatas,saya tulis dalam kode javascript seperti ini: <a ; href="#" onclick="alert('Inilah contoh link ancor alert javascript!')">Coba klik Disini</a>Dan banyak jenis-jenis link anchor ini. Ingin tahu lebih banyak? koleksi jenis dan macam-macam anchor link dari situs-situs dibawah ini: Semoga bermnanfaat!! Baca Juga Yang Ini.. |
Jumat, 15 Januari 2010
Kontes Seo Astaga.com Lifestyle On The Net
Sudahkah Anda Ber-partisipasi Dalam Kontes Seo Ini?Belajar seo (search engine optimization) dalam langkah awal,bisa kita lakukan dengan berbagai eksperiment baik pada maupun luar dari blog yang kita miliki. Kontes seo,adalah sarana belajar dan menguji seberapa jauh kemampuan kita dalam optimasi keyword/kata kunci. Banyak kok kontes seo yang sudah menjajikan hadiah tidak sedikit dan royal. Hadiah Kontes Seo Astaga.com Lifestyle On The NetDengan banyaknya master-master seo yang turun dalam seo contest kali ini,sebenarnya lebih menambah semangat kita dalam mengikuti kontes astaga.com tersebut bukan malah menciutkan nyali.
Bagaimana? anda berminat? Jika benar-benar berminat,belum terlambat kok,waktu pendaftarannya juga tidak ditentukan alias pendaftaran ditutup saat kontes akan berakhir. Waktu Perlombaan Astaga.com Lifestyle On The NetSeperti yang sudah saya singgung diatas,kontes seo ini dimulai pada tanggal 30 november 2009 pukul 00.00 wib dan akan berakhir/ditutup pada tanggal 3 maret 2010 pukul 00.00 wib nanti.
Oh ya satu lagi,setelah anda mendaftar nanti,baik kontes seo maupun hanya informasi kontes saja,jika mendapatkan hadiah mohon memberikan santunan pada blog ini,hahahaha.. ga! bcanda! selamat berkompetisi!!!! |
Kamis, 14 Januari 2010
Apa Yang Terjadi Pada Blog Ini???
Sedikit curhat memang,namun semenjak saya koar-koar ada pasang iklan gratis,tiba-tiba blog ini dalam posisi serp paman Google,seolah hanyut dan non aktif lagi bagai tertiup angin. <!--Semacam,blog baru yang menggunakan meta noarchive dan nocatche seperti; <META NAME="ROBOTS" CONTENT="NOARCHIVE">atau apalah,intinya membuat blog ini hilang pada serp search engine,Google khususnya. Apa Yang Terjadi Pada Blog Ini??? Apakah salah dan dosa blog ini ya???Tapi,sebuah pelajaran baru telah saya dapat,bahwa dikehidupan ini kita tidak sendiri dan saling berkompetisi. Tak henti-hentinya,blogger pemula ini selalu meminta saran dan kritik para blogger senior atas apa yang belum saya ketahui [banyak seeh-red]. |
Jumat, 08 Januari 2010
Pasang Iklan Gratis Murah,Cepat dan Mudah
Pasang Iklan Gratis 30 Hari Di Pelajaran BlogMengapa Memasang Iklan di Pelajaran Blog?
Testimonial
Pasang Iklan SekarangSyarat dan Ketentuan:
|
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!