Kaka-jR Poenya Blog

Hallow, sob...
Nah, pada kesempatan kali ini Kaka-jR akan berbagi sedikit Tips/Trik Cara Membuat Widget Tulisan Mengetik Sendiri Pada Blog. Bingung? Jadi gini sob, nanti di blog kita seolah-olah tulisan tersebut seperti ada yang mengetik sendiri tapi bukan kita.
Dari pada bingun kaya gimana, langsung lihat demonya langsung aja deh...

<form name="news"><textarea cols="50" name="news2" rows="3" wrap="virtual"></textarea></form><script type="text/javascript">//<![CDATA[var newsText = new Array();newsText[0] = "Welcome to Kaka-jR Poenya Blog";newsText[1] = "Saat Ini Sobat Sedang Membaca Artikel Tentang";newsText[2] = "Membuat Widget Tulisan Mengetik Sendiri";newsText[3] = "Jika sobat suka dengan artikel ini jangan lupa like dan berkomentar,ya..";newsText[4] = "Selamat mencoba sob...";newsText[5] = "Semoga bermanfaat,ya...!!!";var ttloop = 1; // diulang-ulang teksnya ganti dengan 1 (1 = True; 0 = False)var tspeed = 250; // Typing speed in milliseconds (larger number = slower)var tdelay = 1000; // Time delay between newsTexts in milliseconds// ------------- NO EDITING AFTER THIS LINE -------------var dwAText, cnews=0, eline=0, cchar=0, mxText;function doNews() {mxText = newsText.length - 1;dwAText = newsText[cnews];setTimeout("addChar()",1000)}function addNews() {cnews += 1;if (cnews <= mxText) {dwAText = newsText[cnews];if (dwAText.length != 0) {document.news.news2.value = "";eline = 0;setTimeout("addChar()",tspeed)}}}function addChar() {if (eline!=1) {if (cchar != dwAText.length) {nmttxt = ""; for (var k=0; k<=cchar;k++) nmttxt += dwAText.charAt(k);document.news.news2.value = nmttxt;cchar += 1;if (cchar != dwAText.length) document.news.news2.value += "_";} else {cchar = 0;eline = 1;}if (mxText==cnews && eline!=0 && ttloop!=0) {cnews = 0; setTimeout("addNews()",tdelay);} else setTimeout("addChar()",tspeed);} else {setTimeout("addNews()",tdelay)}}doNews()//]]></script>

Ganti Tulisan yang berwarna merah dengan kata-kata sobat sendiri.
Nah, kode diatas dapat sobat tempatkan di postingan ataupun widget, tergantung dengan selera sobat masing-masing.

Selamat berkreasi sob...

Wrote by Unknown

Blog, kalau menurut ane sih ibarat rumah,bahkan ibarat sebuah pulau.

Dimana,orang akan lebih senang berkunjung, jika pada rumah / pulau tersebut menyediakan apa yang mereka inginkan.

Dengan Blog pula, kita mempunyai sebuah rumah tempat tinggal dalam dunia maya.

Dimana, kita bebas mengekspresikan maupun memfermak Blog sesuka hati kita.

Semakin cantik dan uptudate suatu Blog, traffic maupun pengunjung,akan semakin meningkat.

Blog/web yang baik biasanya mempunyai kriteria-kriteria tertentu,seperti adanya Header, body, sidebar, footer.

Jadi satu halaman sebuah Blog yg baik terdiri dari kriteria-kriteria di atas.

Sebagai gambaran lihat ilustrasi di bawah ini:

Maksudnya?

Ya,secara fisik sebuah Blog terdiri dari :

Header(kepala), Body(Isi Blog), Sidebar(lengan/sisi), Footer(bawah).

Adapun jika ada fitur-fitur lain di sebuah blog, itu hanya sebagai element tambahan.

Bagaimana membuat sebuah Blog?

Blog,bisa kita ciptakan melalui jasa web penyedia blog, seperti; Blogger, Wordpress, Multiply dll.

Di kaka-jr.blogspot.com memang tidak mempelajari secara khusus tentang Blog dari Blogger/Blogspot.

Apa yang harus di kuasai untuk bisa mengedit sebuah Blog?

Di blogspot, sudah ada versi WYSWYG yang mana kita tidak perlu capek menuliskan kode untuk sebuah blog.Tapi jika ente menguasai HTML, CSS, PHP maupun Javascript akan lebih baik lagi.

Untuk HTML, CSS, PHP atau Javascript, kita akan ane bahas nanti di laen waktu.

Jika kita sudah mempunyai Blog? Apa yang harus kita lakukan?

Memposting artikel pada Blog? maupun upload foto ataupun Video, ajang narsis, kumpul sesama Blogger menjalin silaturahmi, curhat, dll. Keuntungan lain yaitu, dengan kita mempunyai sebuah Blog, ibarat kita sudah mempunyai sebuah rumah, dan di rumah itu, kita bebas mau mananam apaun itu tanamanya.

Maksudnya, kita bisa meletakkan sebuah kode, baik itu kode tukar link, iklan dll.

Banyak penyedia content yang menawarkan kode iklan (AdSense, Text Link-Ads, AdBrite, dll)untuk memasang iklan pada suatu Blog, yang akan membayar kita jika ada pengunjung yang mengklik iklan yang kita tampilkan.

Apa sich keuntungan Materi dari banyaknya pengunjung pada Blog kita?

Ya,jelas..dengan bayaknya pengunjung, kemungkinan iklan kita dilihat orang juga akan semakin besar, dan akan semakin besar pula tambahan doku ke kantong kita.

Now,have u create a Blog???

Wrote by Unknown

Cara Membuat Banner / Iklan Kotak Menjadi Bulat

Haloow, sob... Pada kesempatan kali ini Kaka-jR akan share sedikit tips untuk memperindah tampilan blog kalian. Emmm, kira-kira apa judul yang tepat ya buat artikel kali ini? Cara Membuat Banner / Iklan Kotak Menjadi Bulat kaya'e lumayan nie. Dengan sedikit memoles code css kita bisa mengganti banner yang tadinya kotak menjadi bulat. Tapi sedikit catatan buat kalian sob, tips ini berjalan dengan baik pada banner / iklan berukuran 125x125 loh ya! Bila sobat pengen menggunakan pada banner / iklan yang lebih besar / kecil sobat bisa mengeditnya sendiri nantinya.

Seperti biasa, Login akun blog --> Template --> edit HtML (centang expand widget)

Kemudian sobat cari code ]]></b:skin>, setelah ketemu copy code di bawah lalu letakan di atas ]]></b:skin>

#banner-iklan-125x125 {margin: 0px;padding: 5px;text-align: center;} #banner-iklan-125x125 img {margin: 0px 8px 4px 0px;padding: 3px;text-align: center;border: 3px solid #c0c0c0;-webkit-border-radius:70px;-moz-border-radius:70px;-o-border-radius:70px;border-radius:70px;-webkit-transition: all 0.45s ease-out;-moz-transition: all 0.45s ease-out;-o-transition: all 0.45s ease-out;transition: all 0.45s ease-out;} #banner-iklan-125x125 img:hover {margin: 0px 8px 4px 0px;padding: 3px;text-align: center;border: 3px solid #c33f00;-webkit-border-radius:0px;-moz-border-radius:0px;-o-border-radius:0px;border-radius:0px;}

Nah, setelah itu sobat save template.

Langkah berikutnya sobat masuk Tata Letak --> Tambah Gadget --> HTML/Javasript, kemudian copy pastekan code di bawah ini.

<div id="banner-iklan-125x125">
<a target="_blank" href="http://kaka-jr.blogspot.com"><img alt="banner ads" src="url banner/iklan sobat" border="0"/></a>
<a target="_blank" href="http://kaka-jr.blogspot.com"><img alt="banner ads" src=" url banner/iklan sobat " border="0"/></a>
<a target="_blank" href="http://kaka-jr.blogspot.com"><img alt="banner ads" src=" url banner/iklan sobat " border="0"/></a>
<a target="_blank" href="http://kaka-jr.blogspot.com"><img alt="banner ads" src=" url banner/iklan sobat " border="0"/></a>
</div>

keterangan:
Untuk yang berwarna hijau bisa sobat ganti dengan alamat url yang dituju
Untuk yang berwarna merah bisa sobat ganti dengan alamat url banner/iklan sobat.

Nah, selesai sudah tutorial serta tips tentang Cara Membuat Banner / Iklan Kotak Menjadi Bulat kali ini. Selamat mencoba sob, semoga bermanfaat ya...

Wrote by Unknown

Apa kabar sob? Nah, pada kesempatan kali ini Kaka-jR pengen share lagi tentang tutorial pemasangan widget pada blog. Cara Pasang Widget di Sudut Blog merupakan salah satu trik yang bisa dibilang multi fungsional menurut ane, yaitu untuk meringankan loading sekaligus memperindah tampilan blog kita. Koq bisa ane bilang meringankan loading? Karena eh karena dengan menggunakan metode ini kita bisa menyimpan code widget tersebut berada di akhir tag body tepatnya diatas code </body>, hasilnya pemanggilan widget tersebut akan dilakukan setelah semua isi dalam blog kita dimuat. Tapi, bila sobat pengen memasangnya secara normal bisa juga dletakan dalam "Tambah Gadget HTML/javascript". Nah, setelah sobat sukses memasang, widget ini nantinya otomatis akan selalu nampak di sudut blog. So, nantinya gak akan mengganggu isi dari blog.

Berikut code untuk Cara Pasang Widget di Sudut Blog;

<div style="position: fixed; bottom:0; right: 0;">=====Code widget disini=====</div>

Keterangan:
Code yang berwarna orange,merupakan code posisi widget yang akan selalu kelihatan atau tetap pada tempatnya meski scroll kita mainkan.
Code warna merah, itu letak widget dan sobat bisa menggantinya dengan code berikut;

bottom:0; right:0 berarti ada di Sudut bawah sebelah kanan
bottom:0; left:0 berarti ada di Sudut bawah sebelah kiri
top:0; right:0 berarti ada di Sudut atas sebelah kanan
top:0; left:0 berarti ada di Sudut atas sebelah kiri

Nah,kalau sobat gak mau repot dengan cara pemasangan diatas code </body>, sobat bisa memakai cara lain yaitu dengan tambah gadget HTML/javascript.

Oh,iya sedikit ane tambahkan tips lain Cara Pasang Widget di Sudut Blog, kalau sobat berniat untuk memasang widget lebih dari satu maka ane sarankan menggunakan code tabel sehingga hasil yang diharapkan akan maksimal dan sekaligus juga kita gak usah mengatur posisi berulang.
contoh:

Untuk menderetkan dari atas kebawah:

<table style='position: fixed; bottom: 0px; left: 0px;'><tr><td>=====Code widget 1 disini=====Code widget 2 disini=====Code widget 3 disini=====</td></tr></table>

Untuk menderetkan dari kiri ke kanan:

<table style='position: fixed; bottom: 0px; left: 0px;'><tr><td>=====Code widget 1 disini=====</td></tr><tr><td>=====Code widget 2 disini=====</td></tr><tr><td>=====Code widget 3 disini=====</td></tr></table>

Wrote by Unknown

Salam hangat selalu buat sobat bloggers semua, setelah lama ga share posting tentang tutorial blog, Kaka-jR kali ini akan sedikit membahas tentang Membuat Widget Recent Comments dan semoga artikel ini bermanfaat buat kalian semua,sob..

Membuat Widget Recent Comments mungkin buat sobat blogger sudah pada memasangnya mungkin juga sudah tidak butuh lagi tutorial seperti ini. Namun bagi ane yang masih terbilang baru jadi seorang blogger ini merupakan hal baru sekaligus dijadikan koleksi widget di blog ini, karena ane masih membenahi blog ini maka sekaligus dalam membenahi blog ini bahan-bahannya ane jadikan bahan postingan aja.

Namun meskipun Membuat Widget Recent Comments ini bagi sebagian blogger sudah ga asing lagi tapi mungkin buat blogger yang masih pemula atau pendatang baru hal ini bisa dijadikan tutorial buat membenahi blognya.

Nah, nanti tampilan Recent Commentsnya akan seperti ini:

Berikut langkah-langkah membuat recent comments:

Seperti biasa sobat login ke blogger
Kemudian masuk ke tata letak
Selanjutnya klik tambah widget
cari dan klik tambah javascript/HTML
Masukan kode dibawah ini:

<style type="text/css">ul.w2b_recent_comments{list-style:none;margin-left:10px;padding:0;height:300px;overflow:auto;}.w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 !important;display:block;clear:both;overflow:hidden;list-style:none;}.w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}.w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 10px;line-height: 1.4;}</style><script type="text/javascript">//<![CDATA[// Recent Comments SettingsvarnumComments = 10,showAvatar = true,avatarSize = 30,roundAvatar = true,characters = 70,defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",hideCredits = true;//]]></script><script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script><script type="text/javascript" src="http:/kaka-jr.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=10"></script>