Dore Zot

 

Template Information

 

Name	Dore Zot
Designer	My Blogger Themes
Author	Blog Zone
Properties	3 Columns, Gray, White, Elegant, Fixed Width, Right Sidebar
Descriptions	Dore Zot is a beautiful Blogger template. It has 3 columns, a nice background and is suitable for personal blogs and more other types.

• Live Demo
• Download Theme

Read more »

Download Photoshop CS4 Portable

Versi photoshop CS4 merupakan penyempurnaan dari versi- versi sebelumnya, yaitu versi 7, 8, 9 (CS2), 9(CS3). Photoshop memiliki kemampuan untuk membaca dan menulis gambar yang memiliki fotmat raster dan vektor, seperti .png, .jpeg, .gif, dan lain-lainnya. Format file photoshop adalah .PSD. 

Untuk mendapatkan software ini, tentunya kita harus merogoh saku kita dengan mengeluarkan sedikit dolar. Akan tetapi mengapa kita harus bingung, jika kita ingin yang 100% gratis, kita bisa mencarinya di internet dan mendownloadnya. Kali ini saya menawarkan Versi Photoshop CS4 Portable.

Kemudahannya adalah bisa kita bawa kemana- mana (save di hardisk /flashdisk), dapat langsung dibuka tanpa harus install terlebih dahulu. Juga kapasitas file yang lebih sedikit yaitu kira- kira hanya 64 Mb. Bagi yang belum punya segera miliki versi Photoshop CS4 Portable dengan Mendownloadnya pada Link di Bawah ini :

 

DOWNLOAD

Read more »

Correl X3 portable

Corel Draw merupakan aplikasi desain grafis berbasis vektor. Merupakan salah satu software Desain Grafis yang banyak digemari dan digunakan para ahli desain grafis. Software aplikasi ini banyak digunakan biasanya untuk membuat desain- desain tertentu, misalnya undangan, spanduk, stiker, dan desain- desain lainya. Corel Draw ini merupakan editor grafik vektor yang dibuat oleh corel (perusahaan perangkat lunak, kanada).

Corel draw merupakan software berbayar. Akan tetapi kita bisa mendapatkannya secara cuma- cuma di internet (internet sumber informasi dan sumber berbagai sumber). Kali ini silahkan teman- teman download Corel Draw X3 Portable | 34 Mb . Versi corel draw portable ini bisa kita bawa kemana- mana dan langsung pakai. Download - Ecxtact - tinggal buka dan pakai.

DOWNLOAD DISINI !

Read more »

Download Photoshop CS3 + crack + serial number

Aplikasi desain grafis paling top memang masih Adobe Photoshop. Program ini diluncurkan oleh Adobe untuk para Designer untuk membuat desain-desain yang cantik dan dapat bermanfaat untuk siapapun. Saya juga mengunakannya untuk keperluan desain-mendesain, untuk bisnis dan lain sebagainya. Maka dari itu, program ini sangat bermanfaat.

Silakan download Adobe Photoshop CS3 ini dengan gratis atau full free! Padahal seharusnya ya enggak gratis, tapi karena orang Indonesia yang hebat, jadi gratis gini, hehe. Silakan dinikmati programnya dan semoga bermanfaat. Link download adalah sebagai berikut:

http://www11.indowebster.com/9ecd51ae25ed83cb9d3f9ca822f89223.rar
http://rs26cg2.rapidshare.com/files/147413712/8986051/Photoshop_CS3_Portable_downarchive.rar
http://hotfile.com/dl/3130241/b009422/Adobe.Photoshop.CS4.Portable.USB–rePacK.rar.html
http://rapidshare.com/files/234925114/Adobe.Photoshop.CS4.Portable.USB--rePacK.rar


UPDATE :
Adobe Photoshop CS5

 Fitur Adobe Photoshop CS5 yang saya ambil dari situs adobe langsung
* 64-bit processing
* Content Aware Fill
* Refine Edge, “makes nearly-impossible image selections impossible”
* HDR Pro, including ghost artifact removal and HDR toning, which
   gives the look of HDR with a single exposure
* New brush options
* Improved image management with enhanced Adobe Bridge
* Lens corrections
* Improved black-and-white conversions
* Puppet Warp: Precisely reposition or warp any image element
* Adobe Camera Raw 6

Download (1.85 G): 
http://rapidshare.com/files/377738125/AdobeCS5_0.l.l.y.D.b.g.zip.001
http://rapidshare.com/files/377741888/AdobeCS5_0.l.l.y.D.b.g.zip.002
http://rapidshare.com/files/377736833/AdobeCS5_0.l.l.y.D.b.g.zip.003
http://rapidshare.com/files/377739458/AdobeCS5_0.l.l.y.D.b.g.zip.004
http://rapidshare.com/files/377739584/AdobeCS5_0.l.l.y.D.b.g.zip.005
http://rapidshare.com/files/377736849/AdobeCS5_0.l.l.y.D.b.g.zip.006
http://rapidshare.com/files/377740612/AdobeCS5_0.l.l.y.D.b.g.zip.007
http://rapidshare.com/files/377737885/AdobeCS5_0.l.l.y.D.b.g.zip.008
http://rapidshare.com/files/377739396/AdobeCS5_0.l.l.y.D.b.g.zip.009
http://rapidshare.com/files/377737970/AdobeCS5_0.l.l.y.D.b.g.zip.010
http://rapidshare.com/files/377741378/AdobeCS5_0.l.l.y.D.b.g.zip.011
http://rapidshare.com/files/377738112/AdobeCS5_0.l.l.y.D.b.g.zip.012
http://rapidshare.com/files/377740160/AdobeCS5_0.l.l.y.D.b.g.zip.013
http://rapidshare.com/files/377737398/AdobeCS5_0.l.l.y.D.b.g.zip.014
http://rapidshare.com/files/377738575/AdobeCS5_0.l.l.y.D.b.g.zip.015
http://rapidshare.com/files/377742399/AdobeCS5_0.l.l.y.D.b.g.zip.016
http://rapidshare.com/files/377738874/AdobeCS5_0.l.l.y.D.b.g.zip.017
http://rapidshare.com/files/377740218/AdobeCS5_0.l.l.y.D.b.g.zip.018
http://rapidshare.com/files/377736392/AdobeCS5_0.l.l.y.D.b.g.zip.019

Read more »

Login Ruang Mahasiswa BSI

•  Home

•

News

•

Blogs

•

Gallery

•

SISFO AKADEMIK  •

  RUANG MAHASISWA | BSI

   - Informasi Akademik

   - Tugas Akhir

   - Documents

   - Send 2 Friend

   - FAQ

   - Links

 

 

  

Read more »

Download CorelDRAW X5 + Crack

Software yang sudah dikenal sebagai penghasil vector yang bagus dan mudah dalam penggunaannya. walaupun saat ini sudah banyak program serupa bahkan dari Adobe pun sudah lama mengeluarkan program yang memiliki fungsi yang mirip dengan coreldraw ( Adobe Ilustration ), tapi bagi sebagian orang seperti saya yang sudah terbiasa memakai Corel dibanding Adobe pasti akan lebih memilih menggunakan Coreldraw. CorelDRAW Graphics Suite X5 memang sudah cukup lama hadir, namun ternyata sebagian besar teman saya tidak memiliki atau bahkan tidak tahu bahwa coreldraw x5 telah hadir. Untuk itu posting ini sengaja saya terbitkan untuk memenuhi permintaan dari teman-teman dan bagi kamu semua yang belum mempunyai CorelDRAW Graphics Suite X5.

Update :

Sehubungan dengan adanya Update pada web resmi Corel,  jika anda download langsung dari Web resminya maka crack sudah tidak dapat digunakan kembali. Untuk itu bagi teman-teman yang sebelumnya telah mendownload CorelDraw dari www.corel.com namun Software malah  tidak berjalan setelah proses crack.  Maka sangat disarankan untuk mendownload kembali Software CorelDraw X5 Melalui Link dibawah ini. Atau Install Kembali Software CorelDraw anda lalu Gunakan Keygen untuk proses crack.

Mohon maaf atas kecerobohan ini.

Namun kali ini coreldraw x5 anda pasti akan berjalan baik dan dapat digunakan selamanya.

Jika terdapat link error atau Archive error mohon di kabari secepatnya. Terima kasih.

Download:
Download CorelDraw X5 Part 1 ( 96 Mb )
Download CorelDraw X5 Part 2 ( 96 Mb )
Download CorelDraw X5 Part3 ( 96 Mb )
Download CorelDraw X5 Part4 ( 96 Mb )
Download CorelDraw X5 Part5 ( 96 Mb )
Download CorelDraw X5 Part6 ( 10 Mb )
Keygen (Recomendation ):
Download Keygen CorelDRAW Graphics Suite X5
Crack:
Download Crack CorelDRAW Graphics Suite X5

Read more »

Membuat Setiap Artikel Menjadi Populer

Ini sangat penting untuk sobat baca. Jika sobat menulis di blog, pastinya ingin memberikan tulisan yang terbaik dan bernilai fungsi untuk pembaca. Bernilai fungsi, maksudnya pembaca merasakan manfaat setelah membaca artikel sobat, seperti blog tutorial, blog tentang kesehatan, bisnis online atau fenomena alam. Jangan sekali-kali menulis artikel tentang kehidupan sobat sehari-hari yang tidak penting, Karena itu akan membuat pengunjung lari dan pasti tidak akan kembali.

 

Jika sobat rajin share artikel ke digg atau delicious, dan pada saat itu artikel yang sobat masukkan kesana adalah artikel yang sangat menarik dan bernilai tentunya. Sobat akan merasakan manfaatnya dengan jumlah traffic di blog sobat. Sobat harus ketahui, untuk membuat postingan kita menjadi di halaman depan digg, akan sangat sulit sekali dan mengharapkan sedikit keberuntungan. Sering kali kita submit artikel-artikel kita di digg namun artikel itu tidak kemana-mana alias tidak dibaca sama sekali oleh pengunjung, tentu akan menjadi sia-sia.

 

Berikut ada sedikit tips ala kadarnya untuk membuat artikel kita menjadi populer :

1. Judul, buatlah judul yang menarik atau lain daripada yang lain. Buat mereka penasaran dengan judul artikelnya, tentu saja bukan hanya judul tapi isi juga menunjang. Jangan takut menjadi mencolok pada halaman digg atau social bookmark yang lain, dan jangan takut untuk merevisi judul beberapa kali. Karena judul adalah penarik utama sebuah konten blog.
2. Konten, berikan konten atau isi yang menarik. Jangan sekali-kali memberikan informasi yang berbeda dengan judulnya. Karena itu akan membuat pembaca merasa ditipu dan marah. Hasilnya, siap-siap ditinggalkan pengunjung.
3. Berguna, ya manfaat yang dicari setiap pembaca. Rata-rata artikel yang disukai pengunjung adalah artikel yang bernilai guna untuk mereka. Atau bisa juga artikel yang menawarkan mereka untuk menggunakan sumber daya mereka, seperti website lowongan kerja, panduan bisnis online, dll.
4. Topik panas, tulislah topik terpanas minggu ini. Biasanya orang awam suka berita hangat, misalnya berita video artis yang belakangan lagi heboh di tv. Atau berita dari google, microsoft, youtube, mac, dan teknologi komputer lainnya. Pasti sangat menarik untuk dibaca dan tentunya orisinil.
5. Paragraf pembuka, buatlah paragraf pembuka dengan tulisan pemancing atau yang membuat pembaca penasaran. Buat pembuka dengan tulisan besar atau miring, dan jangan sekali-kali membuat paragraf pertama yang tidak mengandung isi sama sekali atau nyeleneh dan tidak nyambung dengan isi utama.
6. Pasang read more, ini juga penting menurut saya. Read more atau baca selanjutnya atau baca selengkapnya yang fungsinya memotong artikel agar menjadi pendek sangat berguna untuk memancing pembaca. Tentunya dipadukan dengan point 5 diatas.
7. Buatlah daftar, seperti daftar artikel terakhir (recent posts), atau daftar 10 artikel populer di blog sobat. Dengan daftar-daftar tersebut jelas akan sangat membantu meningkatkan page views blog kita. Karena pengunjung yang sudah tertarik dengan sebuah isi artikel sobat, maka mereka akan mencari artikel lainnya di blog sobat, dengan daftar 10 atau 20 artikel populer, mereka tidak perlu repot mencarinya.
8. Gambar, yup ini sangat penting juga. Gambar merupakan bagian penting dari sebuah artikel. Tambahkan gambar yang menarik, jika perlu buat shadow di setiap gambar pada artikel. Letakkan pada bagian awal atau atas sebelum postingan dimulai. Jangan sekali-kali menambahkan gambar yang aneh itu akan membuat nilai minus pada artikel.
9. Original, jangan sekali-kali copy paste. Buruk, itu akan membuat kredibilitas blog sobat turun di mata pengunjung dan google tentunya. Dan citra sobat sebagai empunya blog juga akan turun. Jadilah diri sendiri, jangan biarkan mati kreatifitas sobat. Lakukan sesuatu yang baru dengan tulisan-tulisan sobat dan tak lupa singgung artikel lama dengan memberikan link. Beri sedikit sentuhan humor pada setiap artikel.

 

Semoga bermanfaat !

Read more »

Jquery Multi Level Menu Horizontal

Masih membahas tentang cara membuat menu horizontal atau menu navigasi di blog kita, dan dulu sudah pernah saya memposting tentang cara membuat menu horizontal dan menu vertical di blog ini, namun kali ini saya akan menulis tutorial bagaimana membuat menu horizontal yang lebih canggih dibandingkan yang kemaren yaitu membuat multi level menu atau menu bertingkat.

Okkey langsung saja ke cara pembuatanya ya


langkah pertama yaitu masuk pada bagian Design lalu Edit HTML

Masukkan code dibawah ini dibawah code <head>

<!--[if lte IE 7]>
<style type="text/css">
html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/
</style>
<![endif]-->

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>
<script src='http://sites.google.com/site/anasprod/jqueryslidemenu.js' type='text/javascript'/>

Lalu masukkan CSS dibawah ini diatas code ]]></b:skin>

.jqueryslidemenu{
font: bold 13px Verdana;
background: #800000;
width:100%;
float:left
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #800000; /*background of tabs (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background:#B30000; /*tab link background during hover state*/
color: white;
}

/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
background:#B30000;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
#footheader {
width: 100%;
float:left;
margin:0 0 0;
padding:0 0 0;
position:relative;
}

Code diatas adalah style dari menu Anda, silahkan edit sesuai kebutuhan Anda.

Nah kalau sudah kita menuju kebawah untuk mencari code seperti dibawah ini

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Bisnis Di Internet (Header)' type='Header'/>
</b:section>
</div>

Perhatikan saja code yang berwarna merah karena code yang berwarna hitam diatas berbeda-beda setiap template

lalu taruh code dibawah ini dibawah code yang diatas tadi

<div id='footheader'>
<b:section class='footheader' id='footheader' preferred='yes'>
</b:section>
</div>

Kalau sudah SAVE

Pekerjaan kita belum selesai, langkah selanjutnya yaitu menuju menu "Page Elements"



Terlihat pada "Page Elements" muncul tempat gadget baru, lalu klik aja "Add a gadget" dan pilih HTML/JavaScript dan masukkan code dibawah ini.

<div id="myslidemenu" class="jqueryslidemenu">
<ul>
<li><a href="/">Home</a></li>
<li><a href="http://sangmerak.blogspot.com">SangMerak</a></li>
<li><a href="#">Kategori</a>
<ul>
<li><a href="#">Sub Kategori 1</a></li>
<li><a href="#">Sub Kategori 2</a></li>
</ul>
</li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Folder 2</a>
<ul>
<li><a href="#">Sub Item 2.1</a></li>
<li><a href="#">Folder 2.1</a>
<ul>
<li><a href="#">Sub Item 2.1.1</a></li>
<li><a href="#">Sub Item 2.1.2</a></li>
<li><a href="#">Folder 3.1.1</a>
<ul>
<li><a href="#">Sub Item 3.1.1.1</a></li>
<li><a href="#">Sub Item 3.1.1.2</a></li>
</ul>
</li>
<li><a href="#">Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="http://tutorial-jitu.blogspot.com">Tutorial Blog</a></li>
</ul>
<br style="clear: left" />
</div>

Nah code diatas adalah code dari widgetnya silahkan di edit sesuai kebutuhan Anda.

Kalau sudah silahkan di SAVE deh.

Nah semoga tutorial ini bisa bermanfaat bagi Anda dan silahkan tanyakan pada saya lewat komentar jika ada pertanyaan. Miss u all. bye²

Read more »

Mosidebe

 

Template Information

 

Name	Mosidebe
Design	My Blogger Themes
Author	Blog Zone
Properties	White, Black, 2 Columns, Right Sidebar, Bookmark Ready
Description	Mosidebe is a cool header image. It has a grunge social bookmark icon and a great navigation menu with opacity background. Ideal for personal blogs.

• Live Demo
• Download Theme

Read more »

100 Artikel Terpopuler Miscah.Blogspot.Com

Dibawah ini ada 100 daftar artikel paling banyak dibaca pengunjung alias popular posts blog ini. Dan ternyata postingan cara mengubah blog nofollow menjadi dofollow dan cara membuat artikel terkait masih merajai di blog ini. Sebelumnya saya ucapkan banyak terima kasih buat teman-teman yang setia mengunjungi dan memberikan masukkan untuk blog ini. Silahkan survey siapa tau ada artikel yang terlewatkan oleh sobat. Check this out !

Read more »

Mozila Firefox 4 beta

Versi baru ini tersedia untuk Mac, Linux, dan Windows, tapi tidak hanya pengguna Windows yang ditawarkan antarmuka baru secara otomatis. Pada versi lainnya, dapat diganti secara manual.

Perubahan yang paling signifikan ada dalam antarmuka baru yang bergerak ke gaya tab Google Chrome yang ditempatkan di atas bar alamat, yang oleh Mozilla disebut sebagai “tab di atas”.

Menulis di blog itu, direktur Mike Beltzner menulis bahwa “kami memindahkan tab ke atas untuk membuatnya lebih mudah untuk fokus pada konten web dan lebih mudah untuk mengatur peralatan pada browser. Jika memiliki Windows 7 atau Windows Vista, pilihan menu akan diganti dengan tombol Firefox tunggal sehingga mendapatkan pilihan yang paling sering dipakai dengan hanya satu klik.”

Juga sama dengan Chrome, Firefox 4 sekarang telah meningkatkan perlindungan terhadap crash sehingga jika satu tab crash seluruh browser tidak akan terkena dampaknya.

Browser ini juga mendukung Web HTML5 dan standar video WebM Google.

Firefox saat ini mencakup sekitar seperempat dari seluruh web browser; Beltzner mengatakan update untuk versi beta 4 ini akan diterbitkan setiap dua atau tiga minggu, dan versi akhir akan tersedia pada akhir November

Download :

Installer Firefox 4 beta

Read more »

Supredia

 

Template Information

 

Name	Supredia
Design by	My Blogger Themes
Author	Blog Zone
Properties	Supredia is a blogger template with 3 columns, with a beautiful and bright background makes this template looks dynamic. This template is suitable for personal websites.

• Live Demo
• Download Theme

Read more »

Cara Menghilangkan Widget Attribution Blogger

Pada episode yang lalu saya sudah menerangkan tentang kemunculan widget attribution blogger dan cara memindahkanya, pada episode kali ini pun masih membahas tentang widget attribution blogger namun yang saya bahas kali ini adalah cara menghilangkanya.

Caranya cukup simple dan mudah banget, ikuti Saja langkah dibawah ini.

pertama masuk pada "Design" Lalu "Edit HTML"

masukkan code css dibawah ini diatas code ]]></b:skin>

#Attribution1 {
height:0px;
visibility:hidden;
display:none
}

Tinggal SAVE deh.

Dan jika Anda menggunakan code CSS di postingan ini, tinggal ganti code yang berwarna biru dengan code diatas.

Sekian dan terima kasih

Read more »

Widget Recent Posts Dan Recent Comments Dari Blogger

Recent posts dan recent comments atau widget komentar dan posting terakhir adalah widget yang sering digunakan para blogger, karena kedua widget ini sangat berguna untuk mengetahui komentar terakhir dan posting terakhir di blog kita.

Dulu saya pernah mencoba menulis tentang cara membuat recent comments dan recent posts dengan javascript, namun sekarang kita tidak perlu susah-susah lagi untuk membuat widget tersebut dengan menggunakan javascript karena blogger sudah menyediakan widget ini di widget featured blogger.

Bagi Anda yang belum tau tentang cara menggunakan widget ini silahkan ikuti panduan dibawah ini.


Cara menggunakan widget ini cukup mudah yaitu :

1. Masuk pada "Design→ Page Elements"
   
   
2. Lalu Klik tombol "Add a Gadget"
   
   
3. Dan klik tombol "Featured"
   
   
   
4. Cari gadget Recent Comments, untuk menggunakan widgetnya klik tombol (+)
   
   
   Setelah muncul kotak dialog seperti diatas kemudian isi konfigurasi widgetnya dan tekan tombol "SAVE"
   
   
5. Dan untuk widget Recent Post pada langkah nomer 3 cari gadget "Recent Posts" dan klik tombol (+) maka akan muncul kotak konfigurasi seperti dibawah ini
   
   
   Nah setelah muncul kotak konfigurasi seperti diatas, lalu isi konfigurasinya sesuai keinginan Anda lalu "SAVE"
   
   
6. Selesai dan lihat hasilnya.

Okkey inilah bukti kemajuan blogger yang bisa Anda rasakan, semoga blogger lebih canggih lagi dan kita pun lebih mudah menggunakan blogger. Salam blogger

Read more »

Tampilan Komentar Owner Berbeda (Template Baru)

Tampilan Komentar Owner atau pemilik blog berbeda ini sudah menjadi pernak-pernik blog yang popular karena dengan trik ini pembaca komentar bisa membedakan author dengan user di komentar artikel.
Sebelumnya Saya sudah pernah membahas tentang bagaimana cara membuat kotak komentar pemilik blog berbeda dengan user, namun perkembangan blogger pun membuat tutorial tersebut tak bisa dipakai pada template yang baru, karena template yang baru codenya berbeda dengan yang lama. Dan saya pun juga pernah menulis tentang bagaimana cara mengubah komentar lawas menjadi yang baru, lalu pada kesempatan kali ini Saya akan mencoba menulis tutorial tentang cara membuat tampilan kotak komentar pemilik blog berbeda di template baru.

Yuk langsung saja ke tutorialnya

1. Masuk pada menu Design -> Edit HTML dan centang "Expand Widget Templates"
   
   
2. Taruh Code CSS dibawah ini diatas code ]]></b:skin>
   
   .comment-body-author {
   background: #FFFF29; /* Warna Background */
   border:1px dotted #FF2929; /*Border*/
   margin:0;
   padding:0 0 0 20px;
   }
   
   
3. Kemudian cari code yang berwarna hitam lalu sisipkan code yang berwarna merah, seperti dibawah ini.
   
   
   <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
   <b:if cond='data:comment.favicon'>
   <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
   </b:if>
   <a expr:name='data:comment.anchorName'/>
   <b:if cond='data:blog.enabledCommentProfileImages'>
   <data:comment.authorAvatarImage/>
   </b:if>
   <b:if cond='data:comment.authorUrl'>
   <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
   <b:else/>
   <data:comment.author/>
   </b:if>
   <data:commentPostedByMsg/>
   </dt>
   
   <b:if cond='data:comment.author == data:post.author'>
   <dd class='comment-body-author'>
   <p><data:comment.body/></p>
   </dd>
   <b:else/>
   
   <dd expr:class='&quot;comment-body &quot; + data:comment.commentAuthorClass' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
   <b:if cond='data:comment.isDeleted'>
   <span class='deleted-comment'><data:comment.body/></span>
   <b:else/>
   <p>
   <data:comment.body/>
   <span class='interaction-iframe-guide'/>
   </p>
   </b:if>
   </dd>
   
   </b:if>
   
   <dd class='comment-footer'>
   
   
   Perhatikan betul-betul penempatanya
   
   
4. SAVE dan lihat hasilnya.
   
   

Okkeylah sekian dulu. semoga bermanfaat bagi Anda dan jangan malu-malu bertanya jika ada kesulitan karena Saya akan mencoba membantu Anda.

Read more »

Mengubah Komentar Lama Menjadi Baru

Komentar sudah menjadi hal yang tak bisa dipisahkan dengan postingan, seperti ibarat motor dengan bensin, tetapi pada postingan saya kali ini akan membahas bagaimana cara mengubah bentuk komentar lama blogger menjadi komentar baru blogger yang lebih canggih dengan ada photo author disebelah post comments.

Apabila Anda menggunakan template lawas photo author ini tidak muncul selayaknya yang ada pada template baru blogger yang ada photo author disebelahnya.

Coba lihat gambar dibawah ini untuk membedakan komentar lawas dengan komentar baru.

Nah terlihat skema di atas ada perbedaan dengan ditambahi foto komentator.

Apakah Anda ingin mengubahnya ?

Langkah pertama masuk pada menu "Settings" lalu "Comments" dan pastikan pilih "YES" untuk pertanyaan "Show profile images on comments?" lalu SAVE

langkah kedua masuk menu Edit HTML dan centang box "Expand Widget Templates"

Lalu cari kode dibawah ini

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='&quot;comment-&quot; + data:comment.id'>
<a expr:name='&quot;comment-&quot; + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='&quot;#comment-&quot; + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

Pahami dan sesuaikan codenya untuk template Anda.

Lalu Ganti code diatas dengan code dibawah ini

<div expr:class='data:post.postAuthorClass' expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd expr:class='&quot;comment-body &quot; + data:comment.commentAuthorClass' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
<span class='interaction-iframe-guide'/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>

Nah tinggal SAVE dan lihat hasilnya deh.

Dan apabila ada pertanyaan silahkan lontarkan saja komentar disini, mulai sekarang saya semangat untuk membalas komentar-komentar Anda.

Terima Kasih.

Read more »

Blogger Meluncurkan Fitur Stats (Statistics Blog)

Blogger meluncurkan fitur barunya di draft blogger yaitu statistics, nah apa guna statistics ini?. Gunanya adalah untuk memantau dan menghitung pengunjung blog kita, seperti berapa pengunjung hari ini, minggu ini bahkan bulan ini dan juga ada yang lain yaitu dari negara mana pengunjung, postingan yang paling banyak dikunjungi, traffic source, OS dan browser statistics.

Seperti dulu halnya saya sudah pernah menulis tentang statistics blog dengan shinystat dan fitur blogger ini lebih canggih dan gratis Anda gunakan di blogger karena ini fitur original dari blogger.

Nah bagaimana cara menggunakan fitur stats blogger ini ?

Pertama-tama masuk draft.blogger.com

Nah pada Dashboard draft blogger Anda akan menemukan menu Stats seperti gambar diatas.

Dan lihat dan amati statistics blog Anda.

Nah diatas adalah overview dari Stats Blogger dan pada halaman diatas terdapat sub menu yang sesuai fungsinya, seperti : Posts, Traffic Source dan Audience.

1. Stats posts

Pada bagian ini berfungsi untuk melihat halaman post dan pages yang sering di kunjungi dan juga hitungan kunjunganya.

2. Traffic Source


Traffic Source berguna untuk melihat dari situs dan URL apa visitor mengunjungi blog kita dan juga apa keyword yang dipakai di search engine untuk masuk ke blog kita.

3. Audience


Audience ini berfungsi untuk melihat dari mana pengunjung blog kita dan presentasi pengunjung dari browser dan OS.

Nah sedikit info bagi Anda semoga bermanfaat. Dan ingat fitur ini baru ada pada draft.blogger.com

Read more »

TRANFER FILE MENGGUNAKAN WINDOWS COMMANDER

Banyak cara yang dapat digunakan untuk mengapload file kita ke server.
Bisa menggunakan Internet Explorer bawaan windows atau dengan program transfer file.
Kalau saya sendiri senang menggunakan Program Windows Commander. Program Windows Commandr pengoperasiannya
sangat mudah dengan perintah-perintah yang ada di bawahnya dalam bentuk tombol atau dengan
menggunakan shortcut denggan menggunakan tombol fungsi di keyboard (F1-F12).

Jika Anda dulu pernah menggunakan program Norton Commander versi DOS, maka Windows Commander adalah versi Windowsnya,
jadi banyak perintahnya yang sama. Untuk downloadnya bisa cari di google dengan
keyword "free download windows commander" dan tinggal pilih alamat downloadnya.



Untuk menggunakan program Windows Commander untuk uplad file melalui FTP adalah sbb :





1. Buka Program Windows Commander dan klik tombol FTP seperti pada gambar dibawah.











2. Klik tombol New Connection...






3. Isikan Session (Bebas), Host name port (alamat FTP server), Username (username FTP), Password (Password FTP). klik OK






4. Klik Connect






5. Tunggu beberapa saat untuk proses koneksi ke server





6. Jika sudah tersambung maka program siap untuk upload maupun download file dari server.



7. jika sudah selesai klik disconnect.






Sekian informasinya semoga bermanfaat untuk pembaca.

Read more »

Membuat shortcut facebook di desktop

Prism adalah salah satu addons yang ada di firefox web browser yang berfungsi menampilkan url atau website atau aplikasi dalam kondisi terpisah dengan firefox itu sendiri. Prism sendiri merupakan salah satu dari sekian banyak 'extension' mozilla firefox. untuk dapat membuat semacam shortcut atau web aplikasi dengan menggunakan prism firefox ini sangatlah mudah. Dengan menggunakan beberapa langkah saja maka sebuah shortcut aplikasi atau website yang anda sukai akan terwujud. Berikut kita akan membuat aplikasi facebook menggunakan prism ini. Pertama buka web browser firefox anda dan klik bagian 'Tools'. setelah itu klik 'Add-ons'. pada kotak dialog search ketik saja 'prism' (tanpa tanda petik) kemudian enter, maka add ons firefox akan menampilan prism for firefox. klik add to firefox untuk menginstallnya. setelah terinstall dengan benar maka restart web browser firefox anda. Sekarang kita akan membuat facebook dengan menggunakan prism ini. untuk mempermudah anda membuatnya ketik saja facebook.com untuk menampilkan halaman awal dari facebook tersebut. Selanjutnya klik 'Tools' dan 'Convert Website to Application..' Pada kotak dialog tersebut telah terisi alamat url dan kita tinggal memberikan nama untuk aplikasi tersebut, dalam hal ini kita berinama 'facebook'. centang bagian desktop supaya tampil icons pada desktop anda. dan untuk memperindah tampilan icons di desktop anda anda dapat menentukan sendiri dengan icons custom yang telah anda cari di internet atau anda bikin sendiri dengan memilih choose image pada menu 'icons' klik 'ok'... facebook dengan menggunakan prism for firefox telah siap anda gunakan. Silahkan mencoba untuk aplikasi atau website kesayangan anda..

Read more »