Sebenarnya saya bingung ngasih judul postingan ini, soalnya saya ngga tau apa namanya fungsi ini. Sebelum melanjutkan ke tutorialnya, agar lebih jelas apa yang saya maksud dengan Membuat navigasi halaman Blog, silahkan back ke halaman depan blog ini, kemudian scroll mouse ke bagian bawah blog, disana ada kotak navigasi yang bertuliskan Sebelumnya, selanjutnya, awal,akhir. Nah itu yang saya maksud dengan Navigasi halaman Blog.
Oke sekarang udah jelaskan apa yang dimaksud dengan membuat navigasi halaman blog?? atau masih belum jelas juga?? kalo belum nih saya kasih gambarnya biar lebih jelas.
Perhatiin gambar yang ditunjukin sama anak panah oke..Sekarang lanjut ke tutorialnya. Bagaimana cara membuat navigasi halaman blog seperti itu :
Tahap pertama pastikan bagian postingan pada blog anda bisa disisipkan gadget. Caranya mengujinya gampang, pada bagian layout-page element, tarik sembarang gadget ke bagian posting. Kalo gadget tersebut bisa diletakkan disana berarti tutorial ini bisa dilanjutkan, kalo ngga bisa..elmu saya belum nyampe sana.
Tahap kedua
- Anggap anda sudah masuk blogspot dengan username dan password anda
- Klik layout/ tata letak kemudian klik page element
- Klik add a gadget pilih HTML/ java script
- Copy kode berikut ini
<style>
.showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;
}
.showpageArea a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
.showpageNum a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
.showpagePoint {font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;
}
.showpage a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;}
.showpageNum a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
</style>
<script type="text/javascript">
function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
var pageCount=5;
var displayPageNum=3;
var firstPageWord = 'Awal';
var endPageWord = 'Akhir';
var upPageWord ='Sebelumnya';
var downPageWord ='Selanjutnya';
var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){
itemCount++;
}
}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}
for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}
fFlag++;
}
if(p==(thisNum-1)){
html += ' <span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){
if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}
html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Halaman '+thisNum+' dari '+(postNum-1)+': </span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}
if(postNum==1) postNum++;
html += '</div>';
if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}
}
}
</script>
<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>
- Paste kode tersebut di HTML/java Script tadi.
- Geser gadget HTML / Java Script yang sudah berisi kode tadi ke bagian posting seperti tampak pada gambar berikut :
- Klik save/ simpan. Lihat blog di jendela baru. Jika langkahnya benar maka akan muncul di bagian bawah blog seperti ini :
- Selesai semoga bermanfaat dan selamat mencoba. Tutorial ini bersumber dari sebuah blog yang saya lupa sourcenya. Kepada Master Blogger disana yang artikelnya saya kemas ulang saya mohon maaf kalau tidak mencantumkan source. Tolong diingatkan--karena saya lupa-- Terima kasih...
Selengkapnya...
Pertanyaan ini sebenarnya ditujukan buat diri sendiri. Apa gunanya ngeblog??. Dari dulu sampe postingan ini ditulis saya belum menemukan jawaban dari pertanyaan ini. Akibatnya, gara-gara ngga nemuin jawaban dari apa gunanya ngeblog semangat untuk ngeblognya naik turruuuuuunnnnnnnn sampe susah buat naik lagi.
Awalnya ngeblog karena pengen ngelatih kemampuan nulis, cuman karena niatnya ngga tulus akhirnya berubah niat. Kalo cuman buat ngelatih nulis doangan kapan bisa dapet duitnya?? akhirnya niat ngeblognya berubah menjadi Ngeblog buat dapet duit.
Susah payah nyari cara tentang gimana ngeblog yang bisa ngasilin duit, ikut kursus yang ngga ngasilin apa-apa, beli produk yang juga ngga menghasilkan harapan, akhirnya..capee dehhh..semangat ngeblog itu kembali turuuuunnnn karena hasil yang diharapkan ngga kunjung datang juga.
Saat ini, saat postingan ini muncul akhirnya rada ada semangat baru lagi. Soalnya ada jawaban baru lagi dari apa gunanya ngeblog, jawabannya kira-kira begini :" Semangat ngeblog agar bisa berbagi pengetahuan dengan yang lainnya walaupun sedikit".
Semoga semangat ngeblog ini ngga pindah haluan lagi. Soalnya kalo berubah lagi kapan saya bisa jadi Blogger sejati seperti master-master disana yang sudah menemukan kehidupannya dari dunia ngeblog.
Buat master ataupun para pemula seperti saya yang pastinya ngga sengaja mampir ke postingan ini tolong kasih masukannya supaya saya bisa lebih semangat lagi ngeblognya. Bantu saya nemuin jawaban dari pertanyaan " Apa Gunanya Ngeblog??" makasih..
Selengkapnya...
Sebenernya didalam postingan ini saya ngga punya pengetahuan apa-apa. Soalnya katanya ini adalah bagian dari SEO. Nah kali ini saya lagi belajar SEO punya para pemula. Saya pengen ngasi tau aja gimana cara mendaftarkan blog ke search engine. Aduh bahasanya acak-acakan banget ya,,
Oke langsung aja supaya ngga tambah bingung. Cara mendaftarkan Blog ke search engine (SE) bisa dilakukan dengan cara berikut ini. Silahkan melanjutkan
1. Daftar Blog ke SE Google.
- Klik disini atau masuk ke www.google.com/addurl
- Isikan URL kita disana, kemudian berikan sedikit gambaran mengenai BLOG yang kita daftarkan.
- Isikan Kode anti spam
- Kemudian klik add URL.. Selesai
2. Daftar Blog ke Yahoo
- Klik disini atau klik AddUrlYahoo
- Pilih kategori dan subkategori yang sesuai dengan Blog kamu
- Tuliskan URL blog kamu.
- Klik Submit. Kemudian isikan deskripsi (gambaran blog), keyword (kata kunci) blog dan email anda. klik submit kembali...selesai.
3. Daftar Blog ke Bing
- Tuliskan kode yang terlihat ke dalam kotak
- Tulisakan URL blog anda
- Kemudian klik submit URL...selesai..
Untuk apa blog yang kita miliki didaftarkan ke Search engine?? juga katanya lagi, fungsinya supaya Blog kita terindex oleh Search engine (SE) seperti google, Yahoo, bing dan lainnya, sehingga blog kita jadi terkenal lah kurang lebih begitu..(private opinion) hehe..
Selamat mencoba..Mengambil ilmu dari blognya mas Arie..makasih..
Selengkapnya...
Di Sebuah blog biasanya kita melihat tulisan yang bergerak, baik dari bawah ke atas, kiri ke kanan, kanan ke kiri pokoknya bergerak. Pada Tutorial kali ini saya akan mencoba menuliskan tutorial cara membuat Teks berjalan atau yang disebut efek marquee.
Dengan membuat efek marquee ini di blog kita, blog akan terlihat lebih indah dan lebih atraktif..ceilee,,hehe. Tapi yang paling penting seh pengunjung jadi lebih perhatian dengan tulisan-tulisan yang bergerak biasanya..hehe (pendapat pribadi)
Oke Langsung aja, tag yang digunakan untuk membuat efek marquee ini adalah :
<marquee........./marquee>
Sedangkan Atribut yang biasanya dipakai untuk membuat marquee ini adalah sebagai berikut :
BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks
DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks
BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan
Scroll --> teks bergerak berputar
Slide--> teks bergerak sekali lalu berhenti
Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)
TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks
SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.
SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik
LOOP="angka|-1|infinite" --> Mengatur jumlah loop
WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen
Supaya lebih jelasnya saya akan sertakan contohnya berikut ini
<marquee align="center" direction="left" scrollamount="3" height="100" width="30%">
marquee dari kiri ke kanan
</marquee>
hasilnya adalah begini :
Kata-kata "right" bisa anda ganti dengan "left, up, atau down".
<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">
Tulisan ini bolak-balik kiri kanan
</MARQUEE>
Hasilnya adalah seperti berikut
<div align="left"><FONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="RED" width="100%" scrollamount="3" behavior="alternate">
Marquee dengan variasi warna font dan latar belakang
</MARQUEE></b></FONT></div>
Dan Hasilnya adalah seperti ini :
Sudah...segitu aja contohnya. Nanti variasinya tinggal diatur sesuai dengan keinginan menggunakan atribut yang saya tuliskan diatas.
Dimana meletakkan efek marquee ini?? cara meletakkannya silahkan klik disini atau di postingan saya yang berjudul Menempatkan kode HTML pada Blogspot. Pada Postingan tersebut yang dijadikan contoh adalah meletakkan status YM, tapi meletakkan efek marquee ini pun sama saja caranya..oke..
Tutorial ini berasal dari blognya kang Rohman yang saya kemas ulang. Pinjem artikelnya kang....!! hehe
Selengkapnya...
Belajar SEO para Pemula ini sebenarnya sebuah kontes atau lomba yang diadakan oleh situs ayomaju.com. Kontes belajar SEO para pemula ini diadakan khusus untuk para pemula saja dalam dunia Blog dan SEO, jadi para master SEO didunia-maya-ini kalau bisa ngga usah ikut kontes ini, kan kesian para blogger pemula seperti saya yang juga ingin Belajar SEO untuk para pemula.
Ayo para pemula kita ikuti bareng-bareng kontes ini, kita berlomba dan berbagi ilmu buat mengasah kemampuan kita di bidang SEO.
Yang ingin ikut Kontes dengan keyword Belajar SEO para pemula ini diharapkan tidak hanya mengharapkan hadiahnya saja, karena kerbersamaan dan belajar SEO bagi pemula disini yang lebih diasah oke. maju terus untuk Belajar SEO para pemula...!!
Selengkapnya...
Dengan memasang widget translator ini kamu bisa meruabah bahasa blog kamu dengan otomatis. Selain itu fungsinya kalau ada orang asing yang nyasar ke blog kamu mereka bisa menggunakan widget translator ini untuk memahami isi blog kamu.
Gimana cara memasang widget translator ini di blog kamu berikut caranya :
- Masuk ke blogspot dengan username dan password kamu
- Klik layout atau tata letak
- Klik add a gadget atau tambah gadget
- Pilih HTML/JAVA Script
- Masukkan kode berikut ini ke dalamnya
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>
Kemudian save atau simpan..Selesai sekarang lihat blog kamu apakah ada widget translator seperti ini :
Tes google translator itu berkerja atau tidak. Oke..gimana mudah kan??
Selengkapnya...
Wah judulnya agak kepanjangan. Widget untuk mengetahui pengunjung yang sedang Onling di blog, tapi ngga apa-apa lah..supaya jelas maksudnya..hehe
Widget ini disediakan oleh situs www.shinystat.com Dengan memasang widget ini kita bisa mengetahui berapa pengunjung yang sedang Online atau sedang bertamasya di Blog milik kita.
Berikut adalah tutorial memasang widget untuk mengetahui pengunjung yang sedang online di blog milik kita :
Tahap Pertama
- Masuk ke situs penyedia widget ini disini
- Klik Tulisan ShinyStat Free
- Isikan username anda kemudian klik continue
- Selanjutnya isikan data-data yang diminta.
- Setelah lengkap klik subscribe account free
- Kemudian klik continue with installation kemudian pilih simple counter
- Scroll ke bawah dan pilih double counter. Pilihan ini akan menunjukkan pengunjung yang sedang online dan berapa kali halaman dalam blog kita ditampilkan. Pilih salah satu. kemudian next
- Klik go to step 1 kemudian klik generate code. Copy kode yang ada.
Selesai..
Tahap kedua
- Masuk ke blogspot klik layout
- Add a gadget kemudian pilih HTML/java Script
- Paste kode yang tadi di copy dan klik save.
Selesai. Sekarang tinggal diatur disebelah mana widget ini akan diletakkan di blog anda. Jumlah Pengungjung yang sedang online sekarang bisa dipantau melalui widget ini. semoga bermanfaat..
Selengkapnya...
Kemarin malem, pas lagi nyari cara merubah label postingan tiba-tiba saya dihantarkan oleh Mbah Google ke sebuah blog yang membahas cara membuat tag Cloud atau tag yang melayang-layang seperti terlihat sebelah kanan blog saya.
Membuat tag seperti ini memang sebelumnya sudah sempet pengen, cuman ngga tau namanya. Jadinya ngga pernah sengaja nyari, eh kemaren karena ngga sengaja, pas Googling dapet dh nih tutorial.
Tanpa pikir panjang, langsung konsentrasi mengikuti tutorial di blog tersebut. Padahal awalnya ingin merubah label, tapi karena tutorial ini lebih menarik akhirnya langsung aja praktek. Cara membuat tag cloud di blogspot sangat mudah.
Berikut adalah caranya :
Tahap pertama :
- Sign in ke blogspot dengan username dan password anda.
- KLik layout.
- Klik Add gadget kemudian klik label
- Simpan dulu label tersebut di sidebar blog anda.
Tahap kedua :
- Masih di tab layout, Klik edit HTML
- Klik download full template agar ada back up tempalate jika terjadi kesalahan.
- Beri centang pada kotak expand widget tempaltes
- Kemudian cari kode di bawah ini dengan menekan ctrl+F di keyboard anda agar memudahkan pencarian.
<b:section class='sidebar' id='sidebar' preferred='yes'>
- Kemudian letakkan kode dibawah ini dibawah kode diatas tadi.
<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so=new SWFObject ("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
- Klik Preview
- Lihat tampilan blog anda, apakah sudah berhasil atau belum. Jika belum jangan simpan dulu templatenya, perhatikan kembali langkah-langkah diatas. Mungkin anda salah meletakkan kodenya.
- Jika sudah berhasil jangan simpan terlebih dahulu jika tampilan tag cloud itu tidak sesuai dengan yang anda harapkan
Berikut adalah cara mengedit tag cloud tersebut ( ingat, jangan save dulu templatenya )
- untuk mengubah ukuran tag cluod perhatikan kode dibawah ini
var so=new SWFObject ("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300",
- Ubahlah angka 240 dan 300 itu sesuai dengan keinginan anda. Angka 240 menunjukkan lebar, sedangkan angka 300 menunjukkan tinggi tag cloud tersebut.
- Untuk mengubah kecepatan putaran tag perhatikan kode berikut ini
so.addVariable("tspeed", "100");
- Ubahlah angka 100 tersebut dengan yang anda inginkan, semakin besar angkanya semakin cepat putaran tag cloudnya
- Jika tampilan tag cloud sudah sesuai dengan keinginan anda barulah save template anda.
- Mengapa save template dilakukan paling akhir, karena kode untuk tag cloud itu akan hilang setelah di save, sehingga kalau tampilan tag cloudnya belum sesuai dengan keinginan kita sulit untuk mengeditnya..
- Semoga tutorial ngeblog ini bermanfaat. selamat mencoba. Kalau ada yang belum berhasil bisa menghubungi lewat form komentar.
terima kasih..untuk seorang blogger disana.
Selengkapnya...
Sebuah blog tanpa isi ibarat toko tanpa barang dagangan. Mungkin itu ibaratnya. Bagaimana caranya posting diblogspot agar blog kita tidak kosong.
Mungkin anda menyangka saya mau ngebahas caranya posting artikel. Entah kenapa tiba-tiba saya jadi berubah pikiran buat posting bagaimana caranya agar posting berkelanjutan. eh jadi curhat deh..
Oke sebenarnya pada postingan kali ini saya hanya menceritakan pengalaman saya yang masih sangat sedikit di dunia blog ini mengenai cara Posting agar berkelanjutan.
berikut tipsnya :
1. Mulailah menulis apa yang bisa dituliskan terlebih dahulu. Ini untuk mengasah kemauan kita untuk menuliskan sesuatu.
2. Jangan berpikir tulisan kita akan dilihat orang atau tidak, atau jangan berpikir postingan kita akan ada yang mengunjungi atau tidak.
3. Postinglah minimal satu (1) artikel setiap hari. Kalau anda melakukannya secara terus menerus, anda sendiri akan tercengang dengan hasilnya di kemudian hari.
4. Jika satu hari tidak melakukan posting, maka bayarlah dengan postingan sesuai dengan hari yang terlewatkan untuk posting tersebut.
5. Konsisten dalam memposting artikel. Jangan angot-angotan..
6. Jika sudah terbiasa posting, mulailah merapihkan postingan anda agar blog anda tidak hanya penuh dengan artikel, tetapi juga menarik di mata searcg engine. Dan ini arah menuju SEO untuk blogspot.
7. Selesai..tinggal dipraktekin...
NB : Sebenarnya posting dengan judul Bagaimana Caranya Posting di Blogspot ini ditujukan untuk saya sendiri, karena beberapa hari kemarin tidak melakukan posting.
Selengkapnya...
Pada Postingan sebelumnya sudah di posting mengenai cara merubah template dengan memanfaatkan template default yang sudah disediakan oleh Blogspot.com. Postingan kali ini akan menjelaskan cara mengubah template Blogspot menggunakan template-template yang bertebaran secara gratis di internet. Oke langsung aja ikutin tutorialnya cara mengubah tampilan template blogspot :
Tahap pertama :
- Cari template gratisan yang tersedia di internet dengan bantuan om Google dengan kata kunci blogger template. Kalau malas langsung klik aja disini
- Klik salah satu template yang anda sukai.
- Kemudian klik download
- Simpan template yang sudah anda download tersebut. Biasanya file template berbentuk zip. Unzip file tersebut.
Selesai. Lanjut ke tahap ke-dua.
Tahap kedua :
- Seperti biasa, masuk ke blogspot dengan id dan password anda.
- Klik layout
- Klik edit HTML
- Lihat pada Gambar
- Klik Download Full template. (1) ( hal ini dilakukan jika hasil perubahan template mengalami kegagalan anda masih mempunyai back-up template yang semula anda pakai ). Simpan template yang sedang anda gunakan di komputer anda.
- KLik Browse (2). Cari file template yang tadi anda simpan pada tahap awal. klik file tersebut.
- Klik Upload (3)
- Biasanya akan muncul tulisan konfirmasi dan simpan. Ketika anda mengklik tulisan tersebut data konfigurasi yang ada pada template anda biasanya akan dihapus. Klik tulisan tersebut.
- Simpan template.
- Selesai. Lihat blog di jendela baru.
Jika masih belum berhasil mungkin ada langkah diatas yang terlewatkan. Selamat mencoba semoga bermanfaat..!!
Selengkapnya...
Apa itu template? Template adalah sebuah pola dari suatu website yang sudah jadi dan mempunya pola, sehingga kita bisa langsung menggunakannya saja dengan sedikit proses pengeditan. Dengan mengubah template blog kita, maka tampilan blog tersbut juga akan berubah.
Pada Tutorial ngeblog kali ini saya akan posting cara Mengubah template blogspot. Postingan ini hanya akan membahas cara mengubah tampilan Blogspot yang sudah disediakan oleh Blogspot. Sedangkan cara mengubah template blogspot menggunakan template gratisan akan menyusul tutorialnya. Toturial ini sangat mudah sekali, tapi kalo ada yang belum tahu silahkan lanjut.
Oke langsung aje, bagaimana cara mengubah template blogspot menggunakan template yang disediakan oleh Blogspot. berikut adalah caranya :
Seperti biasa lagi
Tahap pertama :
- Masuk ke Blogspot dengan id dan password anda
- Klik Layout/ tata letak
- Klik tab pick new template
- Disana tersedia pilihan template yang ingin anda terapkan ke blog anda.
- Pilih salah satu template yang menurut anda menarik.
- Kemudian klik save template.
Selesai..Sekarang tampilan Blog anda akan berubah ke template yang telah anda pilih tadi. Selamat mencoba Coy..!!
Selengkapnya...
Pada Posting mengenai Tips dan tutorial ngeblog berikut ini saya akan memberikan cara untuk membuat "read more" pada blogspot tahap demi tahap. Bagi yang masih bingung dengan "read more" saya akan coba menjelaskan sedikit.
Pada sebuah artikel dalam blogspot biasanya kita menemukan artikel yang muncul hanya sebagian, atau tidak seluruh artikel muncul semuanya. Nah biasanya pada artikel yang tidak muncul seluruhnya tersebut di bagian bawahnya ada tulisan "read more" atau "baca selengkapnya". ketika kita klik " read more" tersebut otomatis seluruh artikel akan terlihat seluruhnya. Nah mungkin itulah yang dimaksud dengan "read more". Simpelnya "read more" itu berfungsi untuk menampilkan seluruh artikel ketika diklik.
Oke sekarang bagaimana cara membuat read more pada blogspot berikut adalah caranya :
tahap pertama
-Masuk ke blogspot dengan id dan pasword anda
-Kemudian klik pengaturan
-Klik format
-Scroll halaman ke bawah, di bagian paling bawah ada text area yang kosong di samping tulisan template posting. isi text area tersebut dengan kode berikut ini : <span class="fullpost">
</span>
-Kemudian klik simpan pengaturan
-Kode ini akan muncul pada halaman ketika kita akan melakukan posting. Sehingga kita tidak perlu menuliskan kembali kode tersebut setiap kali akan posting.
Tahap Kedua
-Klik Tata letak/layout
-Klik tab edit HTML
-Klik tulisan download template full.
-Save template anda terlebih dahulu, hal ini untuk menjaga kemungkinan edit yang kita lakukan terhadap tempalate mengalami kegagalan. Sehingga ketika gagal kita punya back up template.
-Beri tanda centang dengan cara Klik kotak kecil disamping tulisan expand template widget seperti terlihat pada gambar
-carilah kode berikut ini :
<data:post.body/> atau ini <p><data:post.body/></p> sama saja. Jika anda kesulitan menemukan kode tersbut, jangan panik coy..tekan ctrl+f pada keyboard anda, maka akan muncul find pada halaman bagian bawah. Copy paste salah satu kode tersebut disamping tulisan find
-Hapus kode diatas, kemudian ganti dengan kode berikut ini
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>
-Kemudian simpan pengaturan
-Selesai...tapi tunggu dulu..bagaimana caranya melakukan posting supaya hanya sebagian artikel saja yang muncul..berikut caranya..
Cara Posting artikel
-Klik menu Posting
-Gunakan edit HTML bukan Compose
-Maka pada kotak posting akan muncul kode ini <span class="fullpost">
</span>
-Tuliskan artikel yang ingin dimunculkan diatas kode <span class="fullpost">
-Kemudian tulis sisa artikel dibawah kode diatas dan sebelum kode </span>
-Klik publish post
-Lihat posting di jendela baru (in new window)
-Lihat apakah berhasil atau tidak, jika tidak berhasil coba perhatikan kembali langkah-langkah diatas mungkin ada yang terlewatkan.
-Jika tampilan anda menjadi berantakan karena langkah diatas gagal, jangan khawatir, upload kembali tempalate yang semula yang tadi telah disimpan. Sehingga blog anda akan kembali seperti semula sebelum diedit.
Semoga bermanfaat. Sumber referensi cara membuat read more pada blogspot ini bersumber dari sang master blog kang Rohman. Pinjem gambarnya kang sekalian..hehe makasih..
Selengkapnya...
Kembali saya posting tips ngeblog. Kali ini tentang tips memilih template blog. Template blog gratis sekarang sudah banyak bertebaran di internet. Banyak blogger pemula seperti saya gonta ganti template dengan tujuan supaya menarik dilihat pengunjung. Tapi apakah itu baik atau tidak, lalu bagaimanakah sebaiknya menentukan template yang baik bagi blog kita. Agar blog kita menarik di mata pengunjung dan juga menarik di mata google. Berikut Tips untuk memilih template blog.
1. Usahakan warna template yang kita pilih berwarna cerah. Ini "katanya" disukai oleh mesin pencari google.
2. pilih template dengan posisi sidebar ada di sebelah kanan. Mengapa? Karena "Juga katanya" robot pencari google terlebih dahulu mengindex halaman bagian sebelah kiri, sehingga jika yang pertama diindex adalah judul artikel atau posting kita, itu akan memudahkan google untuk menemukan kata kunci dari blog yang kita buat dan hal ini baik untuk SEO.
3. Simpel. Pilih template yang simpel, sehingga pengunjung tidak bingung untuk mencari apa yang dibutuhkannya.
4. Pilih template blog yang memiliki widget search, sehingga memudahkan pengunjung untuk mencari hal-hal yang dibutuhkannya dalam blog kita.
Mungkin itu beberapa tips memilih template blog. selamat memilih template blog, semoga berguna..
Selengkapnya...
Melanjutkan postingan sebelumnya tentang apa itu Blog pada postingan kali ini saya ingin memberikan tips membuat blog di www.blogspot.com. step by step Apa kelebihan membuat blog di Blogspot. Katanya sih karena www.blogspot.com masih saudara kandung google (baca Om google) maka blog yang kita buat menggunakan blogspot akan lebih mudah diindex oleh google. benar atau tidak?? saya juga tidak tahu..hehe oke lanjut..
Berikut adalah tips membuat blog di blogspot.com
Tahap pertama buat blog. Masuk ke website blogspot.com dengan cara Ketik Http://www.blogspot.com di browser anda.
Kemudian anda akan dibawa ke halaman seperti di bawah ini
Klik tulisan Buat Blog, selajutnya anda akan dibawa ke halaman berikutnya seperti terlihat dibawah ini.
Tahap kedua buat blog. Isilah kolom pendaftaran yang kosong sesuai dengan keterangannya. Isikan alamat email anda, kemudian tulis ulang alamat email anda, isikan pasword, kemudian tulis ulang password, kemudian tulis tampilan Blog anda, tuliskan kata yang terlihat pada gambar berikan centang pada kotak kecil, setelah itu klik lanjutkan/continou.
Setelah itu anda akan dibawa kehalaman selanjutnya.
Tahap ke tiga buat Blog. Tuliskan judul Blog anda, masukkan alamat blog yang anda inginkan, klik cek ketersediaan, ini dilakukan untuk mengetahui apakah alamat URL blog yang kita inginkan sudah ada atau belum. Kemudian tulis kata yang terlihat setelah itu klik lanjutkan..
Halaman berikutnya seperti ini :
Tahap ke empat buat blog. Pilihlah sebuah template untuk blog anda. Template ini nantinya bisa diubah-ubah sesuai keinginan anda. Caranya..?? ntar dulu oke..hehe.
Klik Mulai blogging. Selamat..!! sekarang Blog anda sudah jadi..waktunya posting.
Mulailah melakukan Posting tulisan anda. Apa yang harus diposting, apa saja yang bisa anda posting. Selamat ngeblog..semoga bermanfaat..!!
Selengkapnya...
Apa Itu blog? pertanyaan ini muncul ketika saya pertama kali ingin mendapatkan uang dari internet. walaupun sampai sekarang belum kesampean..hehe
Apa itu Blog? makanan jenis apa pula ini? hehe.
Blog adalah sebuah aplikasi yang ada di internet yang didalamnya diposting tulisan-tulisan secara periodik untuk kemudian dipublikasikan secara online. Karena media yang digunakan untuk membuat blog adalah internet, maka setiap orang yang mengakses internet dapat juga mengaksese sebuah blog yang kita buat.
Saat ini banyak website yang menyediakan layanan untuk membuat blog secara gratis. Dua website yang mahsyur menyediakan layanan membuat blog adalah www.blogspot.com dan www.wordpress.com.
Blog juga bisa diibaratkan dengan diary pada dunia offline, hanya bedanya fungsi blog lebih tidak terbatas, selain bisa diisi dengan tulisan, blog juga bisa diisi dengan foto, video, musik, aplikasi game dan lain-lain. Bahkan dewasa ini Blog sudah digunakan sebagai media untuk mendapatkan uang dari internet. Udah jelas kan apa yang dimaksud dengan Blog? atau tambah bingung hehe. Ok deh biar ngga tambah bingung kita langsung buat aja blog oke..untuk Membuat Blog klik aja di sini atau di Cara membuat Blog.
Selengkapnya...
Postingan
