Cara Membuat Menu Navigasi Blogpsot

Meski sudah menyatakan aktif diblogdetik tapi aku juga kadang masih main-main diblogspot. Terakir kemarin bikin blog baru, terus ditambah-tambah menu navigasi gitu. Untuk kode html-nya dikasih sama teman pesbuk sih. Kebetulan aku minta kode templatenya eh dikasih juga kode untuk nambahin menu navigasinya. Kalo untuk blogku yang ini kan sementara pakai template bawaan dari blogspot dan itu menu home sama infonya pasang dari page dari fasilitasnya blogger. Terus bagaimana cara membuat menu navigasi blogspot seperti pada gambar diatas? Contoh untuk membuat menu navigasi seperti gambar diatas adalah tinggal menambahkan kode digadget baru.


Kode yang ditambahkan adalah seperti dibawah ini:

<style>
/*---------------------------------------------------------------------------------*/
/* CATEGORY MENU */
/*---------------------------------------------------------------------------------*/
#cat-menu { background:none; height:35px;}
/* category navigation */
.nav { background:#f5f5f5;width:100%;z-index:99; float:left; margin:5px 0 10px 0; padding:0px; list-style:none; height:35px;}
.nav a { position:relative; color:#555; display:block; z-index:100; text-decoration:none; }
.nav li { float:left; width:auto; border-right:1px solid #d9d9d9; }
.nav li a { font:bold 11px/15px Arial,serif; padding:10px 12px; text-decoration:none; text-transform:uppercase; }
.nav li a:hover{ background:#333; color:#fff; text-decoration:underline;}</style>
<div id='cat-menu'>
<ul class='sf-menu nav' id='cat-nav'>
<li><a href='/'>Home</a></li>
<li><a href='#'> Menu 1</a></li>
<li><a href='#'> Menu 2</a></li>
<li><a href='#'> Menu 3</a></li>
<li><a href='#'> Menu 4</a></li>
<li><a href='#'> Menu 5</a></li>
</ul>
</div>

Taruh kode diatas digadget posisi atas bawah judul blog. Gampang kan?

salam hormat dariku,

@mbak_widha

Read more »

Tampilan Dasbor Lama Blogger akan Dihapus

Ah lagi mencoba aktif lagi diblogger eh akan tetapi tampilan antar muka atau aku biasa menyebutnya tampilan dasbor itu akan diganti dengan yang baru semua karena Tampilan Dasbor Lama Blogger akan Dihapus. Padahal aku lebih suka tampilan yang lama, lebih simple dan mudah, selain itu lodingnya juga lebih ringan. Tapi ya apa boleh dikata, perubahan tampilan itu sudah kehendaknya google. Jadi nantinya aku ya ngikut aja.


Kalo teman-teman sendiri merasa lebih enak yang mana sih? yang baru ya pastinya, mungkin nantinya aku perlu membiasakan diri pakek tampilan dasbor yang baru. Dulu pernah nyoba yang baru tapi ya berasa ribet dan lamban terus aku balikin lagi ke versi lama.

salam hormat dariku,

@mbak_widha

Read more »

Convert Kode script HTML

Convert Kode script HTML itu sangat dibutuhkan ketika kita mau memposting kode html atau memasang iklan kedalam html template. Kalo dulu sebelum aku tau cara instannya, ketika mau posting sesuatu yang ada kode html-nya itu digantinya satu-satu secara manual. Tapi kini kan sudah tau cara cepatnya yaitu dengan meng Convert Kode script HTML. Caranya mudah saja, tinggal masukan kode html yang mau diconvert terus klik tombol convertnya dan silakan dikopi hasilnya:







Begitu mudahnya bukan? kalo misal mau posting kode html gak di convert ya pasati gak bisa muncul kodenya dipostinganya gitu.

salam hormat dariku,

@mbak_widha

Read more »

Cara Membuat Read More Blogspot

Posting ah, tempatnya hari ini tanggal 20 Juli 2012 dimana hari ini aku ikut puasa ramadhan 2012. Entah mengapa mendadak aku buka blogku yang sudah lama aku tinggalkan ini. Begitu masuk aku lihat tampilan blogku, ah benar-benar membosankan, udah gitu baca-baca postingannya, wuh bahasanya bikin malu sendiri gitu. Tanpa pikir panjang, aku pun ganti template biar terlihat sederhana gitu tampilannya. Begitu ganti template: ini readmorenya gimana??? blogspot lama kan biasanya harus pasang readmore manual, kalo wordpress biasa otomatis tinggal klik aja. Aku ingat-ingat, aku pernah bikin postingan cara membuat read more di blog ini, aku baca-baca, sungguh aku gak mudeng tentang tutorial buat readmore yang aku bikin sendiri. Aku pun googling dan kemudian postingan lamaku aku hapus, untuk itu aku bikin lagi nih Cara Membuat Read More Blogspot yang baru aku praktekan ditemplet yang simple ini. Cara bikin read more itu mudah loh:

1. Login ke dasbor blogspot
2. Masuk ke menu rancangan, edit html, klik atau centang kotak: "expand widget template"
3. Cari kode

<p><data:post.body/></p>

4. Jika sudah ketemu, ganti kode tersebut dengan:
<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/></p>

<a expr:href='data:post.url'>Read More......</a>
</b:if>

5. Silakan simpan

6. Masuklah ke setelan, pilih menu format, Pada kotak Post Template isikan kode berikut:

<span class="fullpost">


</span>

7. Kemudian simpan

8. Ketika posting, taruh potongan paragraf yang dipostong itu sebelum kode <span class="fullpost"> dan lanjutannya setelah kode tersebut.

Kurang lebih begitulah, hanya dalah waktu sekejab sudah jadi gitu....
Selamat mencoba...

salam hormat dariku,

@mbak_widha

Read more »

Cara Memasang PageRank (PR) diBlog

Hai teman, apakabar? baik yaw, baiklah sesekali aku akan kembali posting diblog yang sudah lama aku tinggalkan ini. Aku akan berbagi sesuatu yang sudah aku lakukan sejak beberapa waktu silam, yakni memasang PR atau PageRang diblog. Sebenarnya PR itu apa dan untuk apa sih? hzzzzt, jangan banyak nanya (karena aku juga belum paham soal itu), yang aku tau cara pasangnya aja, jadi aku hanya akan berbagi Cara Memasang PageRank (PR) diBlog. Cara ngecek PR blog itu gampang banget kok, salah satunya bisa dicek via http://www.prchecker.info/. Kalau sekedar ngecek ya tinggal dimasukan aja url blog teman-teman ditempat yang sudah disediakan. Nah kalu mau pasang ya tinggal ambil scripnya terus dimasukin ke blog. Langkah-langkahnya:

1.Buka http://www.prchecker.info/

2. Masukan alamat blog teman-teman di kotak http://......... setelah itu silakan klik tombol chek PR

3. Dihalaman berikutnya teman-teman diminta memasukan Anti-bot code:..... silakan ketikan sesuai kode yang muncul disampingnya itu dan klik tombol verify now!

4. Setelah itu: Muncul deh hasilnya! Berapa PR kamu? berapapun hasilnya tetap semangat ngeblog yaw.

5. Kemudian kalo mau pasang diblog tinggal pilih mau tampilan yang kayak gimana (If you'd like to place PageRank button to your web site - Click here) terus ambil codenya dan copi diblog teman-teman.

6. Selesai.

Maap-maap ya, gak pakek gambar, postingnya keburu-buru nih, untuk contoh hasil tampilan bisa dilihat diblog ini, PR-nya 2. Nah kalo blogku yang http://widhawati.blogdetik.com selalu 3. Nah kalo blogku yang http://beritawonganteng.blogspot.com itu gak stabil awalnya 3 berubah jadi 1 sekarang 3 lagi deh. Selamat mencoba ya. Postingan ini mungkin hanya untuk teman-teman pemula sahaja, kayak aku ini, untuk yang dah senior mah pasti dah paham soal PR.

salam hormat dariku,



widha utawi idha

Read more »

Maaf ya Teman Blogger Nusantara

Maaf ya Teman Blogger seNusantara, setelah aku lihat postingan-postingan jaman dulu ternyata banyak postingan dengan bahasa yang terlalu berlebihan atau orang gaul bilang lebay. Aku sendiri heran bila membaca postingan-postingan dulu kala, bahkan aku bertanya-tanya kok tega-teganya aku menulis dengan gaya sedemikian rupa. Untuk jaman sekarang gaya bahasaku tetap santai sih, dan mungkin juga masih lebay cuma ya aku merasa lebaynya jaman dulu dan sekarang sudah agak berbeda. Ya, mungkin karena sering nulis jadi gaya bahasa sekarang lebay namun sudah agak tertata. Soal gaya bahasa mungkin akan selalu berubah, yang pasti pengennya berubah kearah yang lebih baik tapi tetap santai.

Untuk blog ini tetap akan aku gunakan untuk memahas seputar tutorial blog dan juga facebook, dan mungkin mesti jarang update tapi tetap aku usahakan posting. Dan aku berencana untuk menutup tempat tukeran link karena aku sering tak sempat ngecek, selain tak sempat juga prosesnya ribet dan sering kali konekse lemot.

Soal gaya bahasa yang amburadul, sekali lagi Maaf ya Teman Blogger Nusantara. Aku tidak akan mengedit postinganku jaman dulu meski bahasanya aku sadari amat kacau, tapi itu adalah bagian sejarah dari ngeblogku jadi aku biarkan saja tetap amburadul, semoga teman-teman bisa memahami dan semoga bermanfaat! Terima kasih sangat buat teman blogger senusantara yang telah mengunjungi blog jadulku ini~!

salam hormat dariku,



widha utawi idha

Read more »

Tampilan Baru Dasbor Blogger.com

Hai teman-teman, gimana kabar, semoga sehat selalu. Bagaimana sudah merasakan tampilan blogspot yang baru? gimana perasaan teman-teman? bingung kah? aku sendiri merasa kaku, karena aku tak biasa, jadi berasa lebih ruwet deh, enakan yang lama. Ya mungkin ini karena belum terbiasa aja, tapi beneran loh, jadi makin ruwet. Untuk tampilah dasbor aja jadinya kaya gambar itu tuh. Ketika hendak bikin new post aja, loh halamannya nampak aneh banget. Misalnya saja untuk didasbor itu, tampilan sebelumnya ketika masuk didasbor, menu langsung nampak semua, nah sekarang menu didalam tuh. Harus menyesuaikan lagi dengan yang baru nih, ya mungkin karena adanya perubahan ini lah sehingga beberapa waktu lalu blogger.com galat melulu. Sekarang untuk tampilan menulis postingan post settingnya disebelah kanan padahal dulu diwabah kotak tempat nulis. Terus menu publog sekarang diatas padahal dulu dibawah. Lihat saja gambar dibawah ini.

Untuk pertama kali berasa aneh memang. 


salam hormat dariku,

 
widha utawi idha

Read more »

Ngeblog Itu Mudah dan Menyenangkan

Aku telah menerbitkan buku online Seputar Blog yaitu Ngeblog Itu Mudah dan Menyenangkan, buat teman-teman yang suka atau lagi belajar ngeblog silakan tengok dan semoga bermanfaat ya.... Bahasannya ringan dan Bahasanya santai aja, macam aku nulis diblog kayak gini ini. Apa Saja yang dibahas, Macem-macem dari pembahasan seputar blog, pemilihan topik, memasang pernak-pernik, gimana agar banyak dikunjungi, apa saja resiko punya blog. dll.

Enggak usah Pakek Bingung Tinggal KLIK:
Pilih Topik yang SESUAI
Isi Postingan sesuai TOPIK
Bikin Tampilan yang MENARIK
Perbanyak PENGUNJUNG

Resiko Menyenangkan Bila Punya Blog:
Makin Pintar
Makin Percaya Diri
Makin Kreatif
Makin Terkenal
Kesempatan Dapet Duit

Tengok atau download di http://www.nulisbuku.com/books/view/ngeblog-itu-mudah-dan-menyenangkan.


salam hormat dariku,

widhawati

Read more »

Terimakasih Atas Kunjunganya Teman-teman

Blog ini sekarang jarang aku buka apalagi aku update tapi nampaknya masih ada yang mengunjungi dan bahkan meninggalkan komentar. Dan rupa-rupanya banyak yang ngira aku ini cowok, komentator manggil aku mas bahkan ada yang om,buatku terserah mau panggil apa aja yang penting blog ini bisa bermanfaat gitu. Buat yang mau tukeran link segera akan aku pasang. Blog ini aku buat untuk sekedar mengabadikan proses belajar ngeblogku, dimana dulu awal 2009 aku berguru kepada mbah google untuk membuat blog. Aku belajar sendiri dengan membaca segala sesuatu terkait pembuatan blog kemudian aku praktekan. Berhubung sekarang sudah sedikit tau mengenai pengoprasian blog sehingga aku tak lagi belajar otak-atik blog sehigga blog ini tak terupdate lagi dan sekarang aku aktif di blog http://beritawonganteng.blogspot.com, seperti apa blognya?buka aja! Dengan ini aku mengucapkan Terimakasih Atas Kunjunganya Teman-teman yang mengunjungi blog Tutorialpenting ini.

Semoga apa yang telah aku bagi diblog ini bermanfaat bagi teman-teman yang membutuhkan, yuk mari belajar ngeblog untuk menyalurkan karya positif kita didunia maya. Buat teman-teman yang mau ngopi aku persilahkan tapi mohon cantumkan link atau url yang dicopi yach,terimakasih.




salam hormat dariku,



wong_anteng

Read more »

Membuat Postingan Rutin Terjadwal di Blogger Baru

Masih dalam rangka ngapdate postingan agar dikira rajin ngeblog untuk itu posting dulu ah di www.tutorialpenting.blogspot.com. Tahukan teman, jika dilihat menurut tanggal maka postingan diblog tutorialpenting ini nampak rutin tiap harinya ada postingan baru dari tanggal 11 Mei 2010 hingga tanggal 15 Mei 2010. Dengan melihat rutinitas tersebut apa yang teman-teman simpulkan? apakah teman-teman mengira bahwa saya rajin posting tiap hari dalam kurun waktu tersebut? jika anda mengira saya rajin posting tiap hari "maka dugaan teman salah berat" karena saya posting lima artikel tersebut dalam tempo satu kali duduk pada tanggal 11 Mei 2010. Kenapa bisa tayang di tanggal-tanggal yang berbeda? untuk menjawabnya saya bikin postingan dengan judul Membuat Postingan Rutin Terjadwal di Blogger Baru. Bagaimana caranya? caranya amat gampang, simak yang mudah berikut ini

Setelah teman-teman selesai mengetik artikel contentnya jangan langsung klik publis atau terbitkan enteri. Silakan klik Opsi Enteri (letaknya di pojok kiri kolom posting)



Setelah itu aturlah tanggal dan jam tayang sesui keinginan kemudian baru klik publis atau terbitkan enteri. Di daftar enteri akan muncul daftar postingan-postingan yang sudah terjadwal.



Dengan demikian jika suatu saat teman-teman lagi banyak ide dan bisa menghasilkan puluhan artikel dalam sekali duduk dan tak ingin memunculkannya dalam tempo yang sama maka teman-teman bisa pakian cara ini untuk menyiasatinya dan demikian positingan tetep nampak rutin biarpun sebenarnya tidak demikian. Semoga yang sederhana kali ini bermanfaat. semoga sukses dah...



salam hormat dariku,



wong_anteng

Read more »

cara membuat next page pada blogger

Tetap dalam rangka update biar dikira rajin posting posting dulu ah di www.tutorialpenting.blogspot.com dengan teman cara membuat next page pada blogger seperti gambar diatas. Gambar diatas merupakan next page yang biasanya berada dibawah postingan untuk memperpunah pengunjung dalam mengacak-acak blog kita dari halaman terbaru hingga halaman terjadul. Bagainamankah cara membuat next page pada blogger? caranya tak sulit alias gampang bin mudah banget. Silakan teman login ke akun blogger teman dan kemudian pilih tataletak terus ambil posisi page elemen kemudian Tambahkan gadget dan kopi kode dibawah ini:


<style>
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#ccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}

</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=6;
var firstPageWord = 'First';
var endPageWord = 'last';
var upPageWord ='Back';
var downPageWord ='Next';


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 += '&nbsp;<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"></span>'+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span class="showpage"> Total '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;

}

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>
</br>


Kemudian simpanlah gadget tersebut tepat dibawah elemen postingan.



Setelahnya klik save alias simpan perubahan. Dan jadilan menu page next yang makin mempercantik blog teman-teman. Selamat mencoba semoga sukses.





salam hormat dariku,



wong_anteng

Read more »

Menghilangkan Tanggal Posting di blogger

Masih dalam rangka ngapdate www.tutorialpenting.blogspot.com biar dikira rajin ngeblog maka dengan ini saya postingkan lagi yang gampang-gambang yaitu mengenai cara Menghilangkan Tanggal Posting di blogger. Bagaimana cara Menghilangkan Tanggal Posting di blogger? untuk menghilangkan tanggal cukup mudah, teman-teman tak perlu bantuan doraemon atau mbah dukun, cukup simak yang mudah berikut ini: Segera login ke akun blogger teman, kemudian ambil posisi edit HTML dan kemudia centang kotak kecilnya dan jangan lupa tiap kali anda melakukan edit HTML backup dulu kodenya agar nanti kalau terjadi sesuatu yang tidak diinginkan alias kegagalan dalam mengedit teman-teman tak kerepotan. Langkah berikutnya:

cari h2.date-header { jika sudah ketemu tambahkan visibility: hidden; diantara kode tersebut. lihat contoh kodenya dibawah:

h2.date-header {
margin:.3em 0 0;
padding:0;
font-size:80%;
color:#777;
height: 0px;
visibility: hidden;
}

Dengan menghilangkan tanggal di postingan blogger maka pengunjung tak pernah tau apakah postingan itu baru atau udah jadul. sehingga rajin atau tidaknya posting tak tercium oleh pengunjung. Cara ini tidak saya pakek di blog saya karena saya ingin rajin tidaknya saya posting bisa terlihat oleh para pengunjung blog http://tutorialpenting.blogspot.com ini gitu. Dan lihat saja betapa tidak rajinnya saya memposting karena tidak tiap hari ada postingan muncul selalu saja ada celah dimana saya kilaf tidak ngapdate. OK, selamat mencoba aja dah....



salam hormat dariku,



wong_anteng

Read more »

Membuat Recent Post atau Postingan Terakhir di Blogger Baru

Selagi rajin update, poting dulu ah di www.tutorialpenting.blogspot.com biar dikira rajin ngeblog. Postingan sebelumnya udah mengutik mengenai Membuat recent comment di blogger baru alias komen terbaru/terakhir. Kini saatnya bagi-bagi mengenai Membuat Recent Post atau Postingan Terakhir di Blogger Baru. Bagaimanakah Cara Membuat Recent Post atau Postingan Terakhir di Blogger Baru? caranya amatlah mudah bin gampang dan tak jauh beda dengan cara membuat recent comment diblogger baru. langsung saja masuk ke akun blogger anda dan kemudian ambil posisi pada Page & Elemen, kemudian Tambahkan Gadget dan pilih saja menu unggulan yang kurang lebih akan muncul seperti gambar dibawah ini:





Tinggal Klik saja terus letakan posisinya sesuai dengan selara teman-teman. Kemudian jangan lupa untuk menyimpan perubahan atau klik save. Dengan demikian selesai sudahlah dan potingan-postingan terakhir/terbaru yang ada diblog teman-teman akan tampil sesuai dengan susunan yang telah dibuat. Blogger baru sekarang sudah semakin lengkap dan pastinya tak kalah serunya dengan wordpress. Selamat Mencoba semoga Blog teman-teman semakin menarik dan dilimpahi banyak pengunjung.



salam hormat dariku,



wong_anteng

Read more »

membuat recent comments di blogger baru

Selagi ada kesempatan, ngapdate postingan di www.tutorialpenting.blogspot.com dulu deh. Mosting yang mudah-mudah aja, meski udah banyak yang tau tapi tak mengapa yang penting ngapdate. Kali ini cuma ingin membahas cara membuat recent comments di blogger baru. Seperti halnya wordpress kini blogspot baru juga udah ada fasilitas untuk recent comments yang langsung pakek alias tidak usah utak-utik HTML. Gimana cara membuat recent comments di blogger baru? caranya mudah sekali teman, langsung saja masuk ke akun blogger anda dan kemudian ambil posisi pada Page & Elemen, kemudian Tambahkan Gadget dan pilih saja menu unggulan yang kurang lebih akan muncul seperti gambar dibawah ini:




Tinggal Klik saja terus letakan posisinya sesuai dengan selara teman-teman. Kemudian jangan lupa untuk menyimpan perubahan atau klik save. Dengan demikian selesai sudahlah dan komen-komen terakhir yang ada diblog teman-teman akan tampil sesuai dengan susunan yang dibuat. Blogger baru sekarang sudah semakin lengkap dan pastinya tak kalah serunya dengan wordpress. Selamat Mencoba semoga Blog teman-teman semakin menarik dan dilimpahi banyak pengunjung dengan komen-komennya sehingga bisa muncul dibagian recent comments yang ditelah disiapkan.



salam hormat dariku,


wong_anteng

Read more »

Pengen bikin blog/web/pasang iklan? hub berbagi_ide@yahoo.com

BERITA'KU adalah sebuah blog pribadi yang beralamatkan di http://beritawonganteng.blogpot.com, BERITA'KU berisikan berbagai cerita berita seperti berita-berita yang sedang hot, artis, ilmu marketing, promosi, kota jogja, kota klaten dan juga luar jogja-klaten dan lain-lainya. BERITA'KU merupakan blog pribadi sehingga bahasa yang digunakan cenderung bahasa santai namun tetap sopan dan yang jelas memenuhi EYD (Ejaan Yang Dipelesetkan). Saat ini BERITA'KU sedang dalam proses pengembangan diri untuk lebih mengeksplor khususnya daerah jogja-klaten dan sekitarnya.

Bagi rekan-rekan pemilik usaha didaerah Jogja-Klaten-dan sekitarnya jangan segan-segan untuk memanfaatkan penampakan blog BERITA'KU ini sebagai sarana promosi usaha bisnis anda. Promosi adalah hal yang penting bagi kelangsungan dan kelanjutan usaha bisnis yang anda jalankan. Semakin banyak orang yang mengetahui keberadaan usaha bisnis anda maka akan semakin besar kesempatan anda untuk mendapatkan konsumen atau pelanggan sehingga peluang keuntunganpun semakin terbuka lebar. Apalagi dunia internet saat ini semakin meraja lela hingga kepelosok-pelosok pedesaan, menjangkau semua kalangan dari anak-anak SD hingga orang-orang tua. Dengan demikian promosi melalui internet bisa menjadi sarana yang sangat menguntungkan bagi usaha bisnis anda. Jangan ragu lagi untuk andil dalam berpromosi Ria diblog ini, kontak langsung ke email admin blog ini yaitu : berbagi_ide@yahoo.com untuk kerjasama yang lebih detail.Dan pastinya biayanya amat sangat MURAHAN!

Selain promosi ria, ada juga tawaran special yaitu jasa pembuatan blog. Mengingat bahwa kedepanya internet akan semakin merajai dunia komunikasi maka akan lebih menguntungkan bagi anda bila kesempatan itu dimanfaatkan sebagai sarana atau wadah usaha bisnis online anda, baik untuk sekedar promosi ataupun untuk pelayanan online. Jangan bimbang lagi untuk turut serta memanfaatkan blog sebagai sarana bisnis, jangan lupa kontak jasa pembuatan blog via email : berbagi_ide@yahoo.com untuk jalinan kerjasama yang lebih mendalam. Dan pastinya biayanya amat sangat MURAHAN!

Apabila blog dirasa kurang mantap, maka ada pula tawaran plus-plus yaitu pemasanan WEB/HOSTING dengan domain dot com dll dengan harga yang Variatif, untuk pemesanan lebih lanjut silahkan hubungi email: berbagi_ide@yahoo.com

ciak...desing....jrootzzzz....

salam hormat dariku,
wong_anTeng




salam hormat dariku,

wong_anteng

Read more »

Templet Blogspot Gratis dan yang pasti Seo Friendly

Saatnya kembali ke blog TUTORIALPENTING untuk berbagi info, kali ini saya ingin berbagi info mengenai Templet Blogspot. Seperti yang teman-teman ketahui bahwa didunia maya banyak sekali penyedia templet blogspot, yang saya infokan ini adalah penyedia Templet Gratis dan yang pasti Seo Friendly. Mau tau dimana tempatnya? tempatnya di http://freetemplatesblog.com, mau tau seperti apa serunya? simak dulu kisah saya yang panjang dan lebar berikut ini: Sesungguhnya saya sudah tak ingin gonta-ganti templet lagi karena saya udah puas dengan templet yang saya pakek dan males juga kalo gonta-ganti templet ribet pasang ini itunya lagi. Tapi eh tetapi, kala suatu hari saya tak sengaja terjebak kedalam sebuah tempat info kontes review for newbie , dimana disitu menawarkan sebuah wahana yang menyediakan templet blogspot gratis. Awalnya biasa saja dan kagak tertarik sama sekali, tetapi setelah liat-liat kok lama-lama terpikat juga. Meski udah terpikat namun tak serta merta langsung ganti, masih pakek mikir "betapa repotnya nanti pasang ini itunya lagi", dan akhirnya Kemarin tepatnya tanggal 18 april 2010 pukul 21.45 WIB saya putuskan ganti.

Awalnya saya terpesona dengan templet yang seperti dibawah ini:


Namun apa daya, kata yang punya "yang 100% sama seperti itu tidak ada", yah kecewa sih tapi mau gimana lagi. Kemudian lihat-lihat yang lain, "bagus-bagus, kelihatan fress gitu deh", tapi berhubung saya sukanya yang simple-simple, yah terpilihlah templet dengan model seperti ini:


Setelah download tak serta merta langsung kelar acaranya, masih ada hambatan yang bikin penasaran semalam suntuk plus sesiang bolong. Masalahnya berkaitan dengan kode HTML, buat yang punya http://freetemplatesblog.com maap ya pak kalo2 saya nganggu karena tanya mulu, biz gimana orang saya tak tau masalah HTML. Tapi syukurlah tepat pukul 15.55 WIB 19 April 2010 masalahnya berhasil teratasi.

Menurut pengalaman saya yang suka gonta-ganti templet blogspot, templet yang Seo Friendly ya di http://freetemplatesblog.com, karena templetnya udah dilengkapi meta tag, keyword, dllnya serta difasilitasi dengan menu-menu navigasi yang ok punya, dan tampilanya lebih fress dan rupawan. Tapi yang saya bingung, ditemplet yang saya download kenapa kagak bisa ganti Font dan warna secara otomatis di menu tata letak yah? bisanya manual di HTMLnya. Tapi yang pasti teman-teman yang masih hanting2 templet blogspot coba deh, jalan-jalan ke http://freetemplatesblog.com, pasti kalian suka deh, ada ratusan Templet blogspot gratis yang siap kamu pilih.

Tampilan templet yang saya download tidak saya pakek diblog ini, mungkin suatu saat nanti templet blog tutorialpenting ini juga akan saya robah, kalo mau lihat templet dari http://freetemplatesblog.com yang udah saya pekek, bisa dilihat di blog http://beritawonganteng.blogspot.com, tampilanya simpel aja kok, karena saya sukanya yang simpel2, dulunya tampilan blog itu seperti ini:


Dan kini jadinya seperti.......(lihat langsung di http://beritawonganteng.blogspot.com), oh iya satu lagi nih info hot dari http://freetemplatesblog.com yaituh kalian bisa ikut kontes review for newbie masih ada waktu kok, paling lambat 10 MEI 2010 lihat info selengkapnya di kontes review for newbie

Udahan dulu yah, sambung lagi dilain postingan, semoga kau dapati templet yang kau dambakan teman dan siapa tau kalo ikutan kontes review for newbie dapet bonus tuh kan lumayan, udah dapet templet yang aduhai dapat pula uang jajan.....

salam hormat dariku,

wong_anteng

Read more »

Cara Menampilkan Facebook di Blog

Blog tutorialpenting kembali lagi ngisi label belajar facebook dan belajar blog, di gabung jadi satu menjadi Cara Menampilkan Facebook di Blog. Postingan ini menanggapi pertanyaan dari teman yang berkunjung pada tanggal 2 April namun baru sempat terjawab sekarang, semoga jawabannya tetap bermanfaat meski telat. Di postingan yang berjudul Cara Praktis Promosi Blog Lewat Facebook ada pertanyaan dari saudara onlineshop mengatakan..."om gmna caranya nampilin facebook kita di blog? mhon bantuanya. thx". sebenarnya Cara Menampilkan Facebook di Blog dah banyak dibahas di tempat-tempat lain namun untuk menjawab pertanyaan tersebut yah sutralah....baiknya saya bikin postingan mengenai Cara Menampilkan Facebook di Blog. Caranya gampang banget kok simak langkah-langkah mudah berikut ini:

1. Silakan login ke Facebook



2. Klik Profil



3. Perhatikan layar sebelah kiri paling bawah, cari "Create A New Badge" untuk fb dalam b.inggris atau "buat lencana profil" untuk fb b.Indo



4. Kemudian akan sampai ke sebuah halaman dimana disitu bisa memilih tampilan ataupun mengeditnya

pilih lencana profil:



edit lencana profil:



5. Tamilanya bisa di seting atau diatur sesuai keinginan



6. Jika sudah silakan disimpan dan dicopi ke blog/web



contoh tampilan fbnya yang punya blog ini:



Gimana? mudah sekali bukan? untuk onlineshop pada khususnya dan temen-temen yang lain pada umumnya semoga berbagi kali ini bermanfaat. untuk onlineshop lagi, kasih bonus yang punya blog ini jalan-jalan ke Bali yah.....(xixixixi......(bercanda).....(tp kalo beneran juga mau)....xixixixi)

salam hormat dariku,

wong_anteng

Read more »

Cara mengganti logo blogger pada adressbar

Masih menyambung postingan sebelumnya dan masih juga hasil dari ngechatku di FB dengan Dzar Elmubarok 14 September jam 10:50 . Inilah yang saya mau yaitu Cara mengganti logo blogger pada adressbar. Sekarang semua blog saya baik yang di wordpres ataupun blogger logo adressbarnya pakek gambar logo Made in sendiri yang ala kadarnya yaitu gambar berikut ini:




Logo adressbar adalah logo yang berada di pinggir sebelah kiri adressbar, kalo alami itu gambarnya logo blogger. Bagaimana Cara mengganti logo blogger pada adressbar? Kala itu Dzar Elmubarok menjawab sebagai berikut: *mengganti logo blogger pada adressbar ya..*

Cari kode </head> jika sudah di temukan, paste script di bawah ini di atas kode </head> :


<linkhref='http://i876.photobucket.com/albums/ab327/elafghany/configure-48x48.png' rel='SHORTCUT ICON'/>

catatan: http://i876.photobucket.com/albums/ab327/elafghany/configure-48x48.png..
ganti dengan logo2/icon yang sudah kamu upload pada photobucket atau web hosting lainnya.

contoh hasilnya gini:



Begitulah hasil ngechatku yang mampu menjawab apa yang saya mau. Ternyata mudah dan gambang sekali. Dan beginilah enaknya ngeblok dan juga ngefacebook, kita dapat sharing dengan orang-orang yang lebih ahli. Silahkan dicoba dan kreasikan kreatifitasmu diblog kamu. Tunjukan jiwa kreatifmu, woke…..

Yuk…mari…
Yok…ndang….yok…
Salam hormat dariku,

wong_anTeng

Read more »

Cara Memasang Avatar dikomenter Blogger

Akhirnya sempat juga saya membuat postingan. Setelah sekian lamanya blog ini terbengkalai tanpa ada postingan terbaru, kini saya sempatkan untuk memposting. Bahan yang akan saya gunakan kali ini adalah bahan dari hasil ngechatku di FB. Sebelum 14 September 2009 tampilan komentar di blog tutorialpenting ini masih ala kadarnya, tapi kini udah bisa muncul gambarnya. Yang demikian ini adalah hasil ngecahat saya dengan Dzar Elmubarok 14 September jam 10:11. Dia adalah teman di FB yang asalnya pula dari blog. Kala itu saya bertanya Cara Memasang Avatar dikomenter Blogger. Dia menjawab sebagai berikut:

Dzar Elmubarok bilang: mksudnya avatar di kolom komentar atau Recent readers/visitor?trus avatarnya yg dari bloglog atau gravatar?

kalo avatar pada coment blogspot yang dari mybloglog kpunyaan yahoo caranya bisa di coba yang ini

1. Login ke akun blogger,
2. Pilih tata letak, edit html dan ceklis expand widget template
3. di anjurkan membackup template, antisipasi kalo gagal
4. Cari kode </head&gt; dan kopi paste script berikut ini diatasnya (diatas kode </head>)

<script type='text/javascript'>
//<![CDATA[
/*
Merlinox and Napolux MyBlogLog Avatar Creator
created by Merlinox (blog.merlinox.com)
helped by Napolux (www.napolux.com)

version 0.1 (20061214)
version 0.2 (20061215)
compatible with all blogger blog
*/

if(typeof(myLayer)!='function'){
function myLayer (x){
//individuo l'oggetto
if(document.layers){ // browser="NN4";
lay=document.layers[x];
}
if(document.all){ // browser="IE";
lay=eval("document.all." + x);
}
if(!document.all && document.getElementById){ // browser="NN6+ or IE5+ if you're willing to dump the !document.all stuff";
lay=document.getElementById(x);
}
return lay;
}
}

//lo prendo da blogger
function myBlogAvatar(codiceCommento,autore,stile){
//scrivo lo span
//var myBlogSpan = "myBlog-" + codiceCommento;
//document.write("<span id='" + myBlogSpan + "'><i>myBlogLog...</i></span>");

//metto tutto minuscolo perchè indexOf è case sensitive

if (autore != ""){
alt="MyBlogLog: " + autore;

myBlog = "<a target='_blank' href=\"http://www.mybloglog.com/buzz/co_redir.php?href=" + autore + "\" rel='nofollow'><img src=\"http://pub.mybloglog.com/coiserv.php?href=" + autore + "\" alt=\"" + alt + "\" title=\"" + alt + "\" border=\"1\" class=\"myBlogAvatar\"></a>";
//myLayer(myBlogSpan).innerHTML = myBlog + myLayer(myBlogSpan).innerHTML;
//myLayer(myBlogSpan).innerHTML = myBlog;
document.write(myBlog);
}
}
//]]>
</script>

5. Selanjutnya cari kode ini <b:loop values='data:post.comments' var='comment'>
6. Jika ketemu paste script di bawah ini dibawah kode yang dicari pada (no.5)

<div style='border:0;float:left;margin: 0 5px 0 0;'>
<script>
myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
</script>
</div>

7.Simpan
sok di coba, saya sdh 2 x mencoba alhmdulillah berhasil


Tapi sebenarnya bukan ini yang saya maksud karena kalo yang ini mah aku udah praktek sebelumnya,yang saya maksud adalah mengganti logo blogger pada adressbar. Tapi pertanyaan saya yang salah tapi taka pa, toh saya sudah dapatkan apa yang saya mau. Yang saya mau adalah mengganti logo blogger pada adressbar, saya posting dipostingan berikutnya.

Yuk…mari…
Yok…ndang….yok…

wong_anTeng

Read more »

Cara mengubah HURUF dan WARNA pada templet klasik

:t Dulu kala saya sudah membuat cara memasang templet klasik ke blogger baru dan cara membuat readmore pada templet klasik dan kini saya bikin lagi sesuatu yang berbau-bau klasik,yaitu Cara mengubah FONT dan WARNA pada templet klasik. Setelah kian waktu kagak utak-utek blog kemarin saya sempatkan untuk kembali belajar dan yang saya pelajari adalah blog khursus bisnis online saya yang kebetulan menggunakan templet klasik gratisan dari www.isnaini.com. Saya mencoba merubah warna dari templet klasik dan ternyata berhasil horeeeee :z :r ……sehingga warnanya dah tidak sealami dari pak isnasini.

Jika anda menggunakan templet klasik maka menu untuk mengatur huruf dan warna kagak ada, tidak seperti di blogger baru yang menyediakan menu untuk mengatur huruf dan warna. Terus bagaimana cara mengubahnya? Jika anda ingin mengubahnya maka kunci untuk mengubah warna dan huruf adalah terletak pada kode CSS di kode HTML. Kode CSS terletak dibagian tengah, dimana di bagian itu terdapat kode warna dan huruf tampilan blog anda.

Berikut adalah contoh potongan kode CSS pada HTML blog saya:

<style type="text/css">
body {
margin: 0;
padding: 0;
min-width: 760px;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #0411FF;
background-color: #000000;
background-attachment: fixed;
background-image: url(http://img54.imageshack.us/img54/7580/backgroundcf4.jpg);
background-repeat: repeat-y;
background-position: center top;
}

td {
font-size: 12px;
}
.tanggalpost {
font-size: 11px;
font-weight: bold;
text-align: right;
background-color: #8C8C8C;

letter-spacing: 1px;
}
.judulpost {
font-size: 18px;
font-weight: bold;
color: #ffffff;
text-align: left;
background-color: #A8A8A8;
font-family: Georgia, "Times New Roman", Times, serif;
}
.isipost {
text-align: justify;
padding: 2px;
border: 4px solid #ff0000;

untuk warna templet anda bisa mengubah kode heksa color/warnanya, misalanya background-color: #000000; itu berarti warna backgroundnya hitam jika anda ingin mengubahnya menjadi merah maka ganti saja kode heksanya dari #000000 menjadi #ff00000. Untuk hurufnya tinggal ganti saja jenis/tipe font/huruf misalanya pada CSS font-family: Geneva, Arial, Helvetica, sans-serif; anda bisa menganti hurufnya menjadi Arial,impact,times roman dllnya .

Gimana? Mudah kan, saya sebagai pemula awam yang tidak tau menaung masalah CSSpun bisa so pasti anda juga bisa toh :t . Apapun jika mau belajar bisa jadi mudah :) . Selamat utak-utik font en color di templet klasik anda semoga bisa berubah sesuai keinginan anda. Stop dulu ah :D

Yuk…mari…
Yok…ndang….yok…

Salam hormat dariku,

wong_anTeng

Read more »