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.


Dalam 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.

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.


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.

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.



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] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfBZXPUeHqOkSOxw38EwHhwRW-bm_bu55phqjv31x6fmSa9ZxjrpuCei5GeEQnIyC9bPKcj1rf83Vd0V-xlu9W-EVN08qwYkEpsiSEfBK6m-dAcb981lzjLomop5LGO3mrtYDnuF5Uv3s/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.

eBOOK Modifikasi Minima 2010

Bersamaan 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

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.

Grid Minima Blogger 2010

Suatu kebanggaan tersendiri bila kita dapat membuat sebuah karya yang bisa digunakan oleh orang lain, walaupun disini saya hanya sekedar memodifikasi dari MINIMA Blogger yang sederhana menjadi sebuah template dalam bentuk MAGAZINE.

Berawal dari chatting dengan sorang sobat lewat Facebook, beliau ingin mempunyai template yang mirip-mirip dengan template yang diidam-idamkan namun tidak ada link untuk mendownloadnya (menurut saya dia tidak tahu dimana harus mendownload template tersebut).

Aku langsung menuju ke URL demonya dan mencoba mengintip lewat toolbar VIEW kemudian masuk ke PAGE SOURCE, kemudian tampilan itu aku COPAS dalam NOTEPAD.. aku pelajari dan mulailah aku mencoba melirik minima sebagai bahan untuk dasar modifikasi. Dalam modifikasi ini aku menggunakan perpaduan antara GRID dan Teori ASAL JADI.... maklum aku khan BLOGGER GOBLOG.

Dari hasil modifikasi ini lahirlah sebuah template ala BLOGGER GOBLOG mirip saya... (Emang saya) GRID MINIMA BLOGGER 2010. Seperti biasa aku membagi-bagi template minima yang sudah halus jadi ancur ndak karuan... dan hasilnya seperti gambar dibawah ini :

Karena aku ndak pinter cropping gambar secara utuh, jadi bila penasaran silahkan kunjungi demonya DISINI.

Kerjaan ini baru 75 %, nanti setelah selesai segera mengisi bCOMStudio dan rekan-rekan yang sudi mampir disini dapat mendownloadnya.

Rencananya saya juga akan membuat ebook panduan bagaimana cara memodifikasi template ini termasuk penerapan GRID pada minima Blogger.
Jika anda ada masukkan, silahkan isikan di kotak komentar yang jaraknya tidak ada satu kilo dari posting ini.

How to Maximize Your Trade Show Success

Developing business is currently managed, certainly requires a lot of ways to succeed. In business, when things go wrong you will always hear about it. When things go good it is often taken for granted. There are many ways to succeed in business. In addition to the large financial support, of course, means the effective promotion is needed in supporting the success of a business. If you want to increase the sale of your company's products, you must have an effective marketing plan. If you have design talent, try to create some interesting ads. Then distribute these ads to the newspaper, TV, or on sites and blogs that you manage on the Internet.

If you are looking for a special promotion better try to promote your company with the best in the trade show displays. Trade shows represent a significant opportunity to enhance brand and product visibility, promote new and existing products, generate leads and drive incremental sales. In addition, show participation enables you to stay on top of the latest industry trends, gain competitor insights, make key industry contacts, and further solidify relationships with current customers.

Whether you are participating in an annual industry event, major international trade exhibition, or a local trade fair, you'll learn proven strategies that enable you to establish meaningful goals, masterfully plan your strategy, measure your return on investment, Implement powerful marketing initiatives before, during, and after the event that engage potential buyers. The quality of your trade show displays will make or break your trade show experiences. Exhibitors new to trade shows tend to focus on the flashy; they want to create trade show displays that will draw crowds. But that's not the point. Choose the most effective exhibit booths that meets your marketing needs and budgetary requirements. This includes evaluating different sizes, designs, and configurations of trade show displays. There are custom trade shows made of panels, laminates and metals. There are portable displays that pop up and are ready in a few minutes. Make sure your display is organized and tidy, customers will be turned off by messiness or by having to do too much searching to find what they want. Have all your prices clearly marked. Use interactive trade show displays, such as quizzes, computer games, contest draws, scheduled demonstrations; it doesn't need to be fancy to draw people's interest and get them to cluster around your trade show display rather than the others. Use signs in your trade show displays to give information about prices, minimum orders, shipping costs, or any other basic information they might need to know, to save them the trouble of having to wait to ask when you're busy with another potential customer.

When you're planning your trade show exhibit, one of the most important aspects that you've got to consider is portability. Decorative truss is used at trade shows also. Building attractive Trade show Exhibits is essential, creates frames for trade show Boothe's based on the concept that Trade show Booth Design should not be a dreaded task. Trade shows are becoming a more and more viable way to promote your business. It can be custom made to fit your display needs and you can hang graphics and banners from them. Truss is also used in night clubs, stores, churches, concerts and as home decor. Sometimes trade show truss is relatively identical between booths, why don’t you make unique scheme to lure your potential customers to your booth. If you have unique theme for your booth, it will give draw more attention from attendees and maybe they will respond more positively to your booth.

Corporate logo at your logo floor mats is also good strategy to give sense for your attendees. You need a logo floor mats that will change the impression into good luck . Logo floor mats are used by all types of business and organizations as entry mats with a logo or message printed on them. Trade show exhibitors are starting to use them as cheap printed flooring, because they come in larger sizes too.

Ensure team members who are assigned to your booth well trained to represent your company, generate leads, and secure sales.