13 Maret 2010

Hiatus....

bidikCOM mulai besuk Minggu 14 Maret 2010 hingga 33 hari kedepan tidak bisa saya urus karena pada waktu itu saya sedang dinas luar kota yang kemungkinan untuk aktifitas di dunia maya tidak bisa saya lakukan mengingat tuntutan kegiatan lapangan yang sangat padat dan lokasi daerah yang terpencil.

Untuk itu saya mohon maaf apabila rekan-rekan yang sempat mampir di bidikCOM, saya tidak sempat singgasana balik ke blog anda pada kurun waktu tersebut.
Apabila kemungkinan ada akses internet di daerah tersebut, saya akan berusaha untuk mencoba merespon terhadap kunjungan anda meskipun kemungkinan itu sangat kecil sekali.
Mohon do'a restu dari rekan-rekan yang sempat mampir disini, semoga kegiatan yang akan saya kerjakan dengan rekan-rekan kerja saya tidak menemui kendala. Semoga Allah SWT memberikan keselamatan dan sukses dalam mengamban tugas NKRI ini.... Amien

12 Maret 2010

Spanish Translation

Are you looking for a Top Spanish Translator for your Spanish Translation needs?
If you are looking for professional Spanish translation services please visit Translia.com
Translia is the perfect solution for organizations with a need to communicate effectively with non-English speaking audiences yet find the cost of employing in-house translators inefficient. Translia offers project management solutions for all your language and communication needs. If your communications must be top quality, don't settle for less. Translia can help. Translia is also a friendly community, where linguistic professionals network, learn, help, and extend. Be a Translia member and make translation even more productive and enjoyable!

Translia's mission is to make your job easier by providing you the highest quality Spanish translations at the most competitive prices through a simple turn-key solution.

10 Maret 2010

Review: Magazine 2010 untuk BLOGGER

Sebelumnya saya pernah posting artikel tentang pengalaman saya dalam mengamati Create an Image Rotator with Description pada blog ini. Dari hasil penerapan ke MINIMA, akhirnya disamping berhasil, saya pun juga telah memodifikasi MINIMA BLOGGER yang menggunakan Image Rotator With Description pada homepage.

Magazine Blogger 2010
Magazine Blogger 2010Dalam posting ini saya hanya mencoba mereview hasil dari modifikasi MINIMA yang saya beri nama MAGAZINE 2010. Berikut ini adalah spesifikasi dari MAGAZINE 2010 untuk Blogger.

1. Bagian Header terdiri dari dua kolom, untuk kolom kiri seperti biasa digunakan sebagai TITLE blog. Sedangkan pada bagian kanan sebagai wadah dari Iklan. Yang unik disini adalah saya memasang kode Scrolling Box, sehingga iklan yang akan ditambahkan tidak hanya satu iklan. Ukuran kelebaran iklan maksimal 468 px hingga 480 px, untuk ukuran tinggi tidak ada masalah. Dengan kemampuan Adobe Photoshop yang tidak seberapa, saya mencoba mendesain background dari header sedemikian rupa, sehingga apabila iklan digulirkan akan terlihat tulisan BLOGGER pada background kotak iklan. Sebenarnya saya mau menambahkan kode filter: alpha pada header kanan, namun kuatir diprotes sama pihak advertise. Jadi intinya anda dapat memajang iklan, entah iklan dari PTC maupun adsense di bagian ini.

2. Menu horizontal dengan CSS menampilkan menu sederhana dengan penambahan Tags Bookmark Label dan kotak pencarian.

3. Image Rotator with Description yang dapat digunakan untuk menampilkan review singkat baik dari artikel baru kita maupun untuk memajang iklan anda. Dalam pembuatan Image Rotator with description ini, perlu disiapkan 2 gambar dengan ukuran yang berbeda.
Untuk gambar utama berukuran 318px X 250px sedangkan untuk thumbnail ukurannya adalah 50px X 38px. Pada bagian ini kita menggunakan jQuery JavaScript Library v1.3.2 yang diterapkan langsung dalam edit HTML Blogger.

4. Penambahan tiga kolom dibawah Main-wrapper sekaligus dengan Judul Item, disini kita bisa menambahkan beberapa info penting yang terkait dengan isi blog kita maupun info lain sebagai pendukung blog yang kita kelola.

5. Dua kolom yang sengaja saya buat untuk Clip Video, namun pada bagian ini dapat disesuaikan dengan kebutuhan.

6. Penambahan button bullet untuk mempercantik tampilan item link pada sidebar li maupun lowbar li.

Untuk sementara model Magazine 2010 ini belum dapat saya luncurkan, mengingat masih dalam tahap modifikasi.

Jika penasaran dengan tampilan Magazine 2010 untuk blogger, silahkan kunjungi demonya.
Klik DISINI.

07 Maret 2010

Create an Image Rotator with Description

Sungguh sangat dan sangat dan sangat penasaran saya mengikuti tutorial yang ada di http://designm.ag/tutorials/image-rotator-css-jquery, betapa tidak saat saya mempelajari tutorial ini ternyata tidak yang semudah saya bayangkan. Banyak bagian-bagian penting yang tidak dijabarkan disini, baik itu ukuran gambar, javascript yang digunakan tidak disebutkan dan image yang digunakan sebagai background juga tidak disebutkan disini. Pantas saja saat membaca komentar dari tutorial ini banyak yang belum paham, termasuk diriku..he..eh...aku khan soal gini-gitu GOBLOK banget.

Image Rotator with description
Tapi, hal ini justru membuat aku penasaran dan.. hasilnya... Alhamdulillah berhasil dan justru memberikan aku inspirasi untuk memodifikasi MINIMA

Semula saya mencoba menerapkan tutorial ini pada template jadi, dimana pada template tersebut telah aku tanamkan kode jQuery JavaScript Library v1.3.2. Hasilnya justru template amburadul. Saya sampai mumet berkutat dalam penerapan tutorial ini.

Dalam pikiran saya... ini aku yang goblog bener atau emang tutorialnya yang tidak benar. AH.... kalau seseorang sudah berani menyuguhkan tutorial saya yakin pasti sudah terpikir olehnya bahwa tutorial ini pasti bisa diterapkan.... itu yang terbersit dalam benakku. Aku tidak boleh putus asa, aku manfaatkan tool View dari Firefox untuk melihat kode-kodenya....eh... ternyata aku dapatkan juga sama ... namun dari sini mulai terkuak ukuran image maupun javascript yang digunakan, hanya saja image dari button collapse yang tidak bisa terdeteksi. Aku hampir putus asa... tiba-tiba aku teringat MINIMA... yach!!! kenapa tidak MINIMA yang aku jadikan sasaran.

Melotot demi melotot akhirnya....akhirnya....... BERHASILLLLLLLLLLLLLL!
Nach karena tutorial ini berhasil aku cari rahasianya, aku sekalian mencoba memodifikasi minima ini...

Aku masih 20 % memodifikasi minima dengan Image Rotator with Description, karena memang awal tujuannya khan mencoba menerapkan Tutorial yang aku dapat ke dunia BLOGGER kesayanganku (Soal-le gratis..he..he... maklum ndak mampu beli domain apalagi sewa hosting...boro..... boro, ngenet aja numpang..ha..ha.ha.. ketahuan boroknya )

Disini saya hanya ingin sharing saja... ntar kalau kelar aku akan berikan tutorial ini termasuk model templatenya bila nanti sudah maksimal kemampuanku memodifikasinya.

Untuk melihat tampilan dari IMAGE ROTATOR WITH DESCRIPTION klik DISINI.
Jika anda penasaran ingin mencoba seperti saya... silahkan kunjungi Tutorial dalam bahasa inggris di link yang aku berikan di atas.

05 Maret 2010

Download BC-MAGAZINE BLOGGER 2010

BC-MAGAZINE Blogger 2010 setelah tertunda peluncurannya karena masalah internet yang lambat dan sempitnya waktu yang ada, dalam postingan kali ini saya memberitahukan kepada rekan-rekan Blogger yang ingin mengganti template blognya, BC-Magazine Blogger 2010 mungkin dapat dijadikan solusinya.

BC-Magazine Blogger 2010

Penjelasan install template ini, jika anda sudah mendownload eBOOK modifikasi Minima dan membacanya maka saya yakin sudah bisa mengganti template anda dengan template ini.

Disini saya hanya menambahkan tentang bagaimana menambahkan Recent Post yang dalam demo template ini berada di kolom footer sebelah kiri.

Setelah login masuk Layout/ Tata Letak kemudian Elemen Laman pilih Html/ Javascript, kemudian tambahkan kode dibawah ini :

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://1.bp.blogspot.com/_Tj_19swNuzI/S4sd0JETEdI/AAAAAAAAA8M/5AgnlerSgRU/s1600/my-data.png";

showRandomImg = true;
boxwidth = 550;
cellspacing = 8;
borderColor = "#eefacf";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://NAMABLOG.blogspot.com/";
</script>


<script type='text/javascript'>
//<![CDATA[

function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length);}}strx=s.join("");}chop=(chop<strx.length-1)?chop:strx.length-2;while(strx.charAt(chop-1)!=' '&&strx.indexOf(' ',chop)!=-1)chop++;strx=strx.substring(0,chop-1);return strx+'...';}function showrecentposts(json){document.write('<table width="'+boxwidth+'" border=0 bordercolor="#FF0000" align="left" cellspacing="'+cellspacing+'" bgcolor="'+borderColor+'">');j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break;}}if("content"in entry){var postcontent=entry.content.$t;}else if("summary"in entry){var postcontent=entry.summary.$t;}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;cmtext=(text!='no')?'<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>':'';var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break;}}var daystr=(showPostDate)?'<i><font color="'+acolor+'"> - ('+day+' '+m+' '+y+')</font></i>':"";posttitle=(aBold)?"<b>"+posttitle+"</b>":posttitle;var trtd='<tr><td><img src="'+img[i]+'" width="'+thumbwidth+'" height="'+thumbheight+'"/></td><td style="font-size: 12px;">'+icon+'<a href="'+posturl+'">'+posttitle+'</a> - <span style="font-size: 9px; color: #616161;'+cmtext+' </span></td></tr>';if(summaryPost==0){trtd='<tr><td><img src="'+img[i]+'" width="'+thumbwidth+'" height="'+thumbheight+'"/></td><td>'+icon+'<a href="'+posturl+'">'+posttitle+'</a></td></tr>';}document.write(trtd);j++;}document.write('</table>');}document.write("<script src=\""+home_page+"feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>"); //]]>
</script>


Silahkan ganti text warna merah masing-masing dengan URL GAMBAR dan NAMA BLOG anda.

Untuk mendownload template ini, silahkan kunjungi bCOMStudio sedangkan untuk melihat tampilan dari BC-Magazine Blogger 2010 silahkan klik DISINI.

Semoga bermanfaat.

02 Maret 2010

eBOOK Modifikasi Minima 2010

eBook Modifikasi Minima 2010Bersamaan dengan peluncuran Grid Minima Blogger 2010, maka bersamaan pula saya luncurkan eBOOK Modifikasi Minima 2010.

eBOOK ini merupakan tip singkat bagaimana cara memodifikasi minima Blogger menjadi template Grid Minima Blogger 2010 yang sekarang bisa dilihat demonya dan bisa didownload di bCOMStudio.

eBOOK ini sengaja saya buat dalam Wordpad agar para rekan-rekan yang belum paham bagaimana cara memodifikasi MINIMA dapat mempraktekkan langsung dengan copy paste kode-kode yang saya tulis didalam eBOOK ini pada saat edit HTML di Blogger, jadi tidak saya buat dalam format PDF.

eBOOK Modifikasi Minima 2010 ini berisi tentang :

1. Grid System dan penerapannya dalam MINIMA.

2. Modifikasi bagian Header, Main-Wrapper, Sidebar dan Footer.

3. Methode penerapan jQuery dan Javascript yang digunakan dalam template Grid Minima Blogger 2010 langsung dalam edit HTML blogger.

4. Cara menambahkan Chrome Drop Down Menu dari: Dynamic Drive (http://www.dynamicdrive.com)

5. Cara menambahkan Menu Horizontal yang dikombinasi dengan TAGS bookmark dan Search Box.

6. Cara penerapan Readmore Automatis dengan 2 Thumbnail ( dengan cara ini meskipun dalam posting artikel anda tidak bergambar, maka gambar yang terpasang dalam penerapan sistem ini akan automatis muncul, andapun nantinya bisa mengubah gambar tersebut).

Setelah anda download, silahkan buka dengan Wordpad.
Semoga eBOOK ini bermanfaat dan harapan saya agar bagi blogger senior memberikan masukan tentang penerbitan eBOOK gratis ini mengingat disini sifatnya sharing.

DOWNLOAD EBOOK | DOWNLOAD GRID MINIMA BLOGGER 2010

Salam Blogger

01 Maret 2010

BC-Magazine Blogger 2010

Tak puas dengan modifikasi minima (Grid Minima Blogger 2010) dengan sistem Grid, justru kali ini sasaran modifikasi saya adalah template yang saya gunakan sebagai tempat nongkrong bidikCOM.


Modifikasi kali ini hanya mengganti warna, Menu navigasi dan menambahkan Sliding Slide.
Penerapan jQuery maupun javascript lainnya langsung di edit HTML, jadi tidak menggunakan jasa hosting lain.

Jadi dalam dua pekan ini saya sudah memodifikasi 2 template untuk komunitas Blogger. Mengingat Grid Minima Blogger 2010 sudah tuntas namun belum sempat saya kirim ke bCOMStudio (Blog khusus nongkrong hasil modifikasi saya), mumpung otak tidak puyeng saya segera menuangkan ide-ide GOBLOK saya dalam ruang edit HTML Blogger kesayangan kita.

Kemungkinan dua template ini akan segera saya luncurkan, setelah tutorial cara install template ini selesai saya buat...

Penasaran, coba tengok DEMO-nya.
 
Foto saya
Ketidaktahuan anda adalah kepedulianku untuk selalu memberikan informasi, meski hanya sekedar hilangkan rasa ingin tahu saja.