SDFSDFSDF: 2011

Kamis, 22 Desember 2011

20 Tutorial Photoshop Dalam Membuat Template Web Profesional

Apakah anda seorang yang ingin belajar tentang webdesign..? kali ini saya ada tutorial bagus yang saya dapat dari internet tentang cara pembuatan design template web lengkap dengan photoshop yang nantinya semoga bisa membantu anda dalam menjadi seorang yang lebih profesional karena tutorial ini sangat lengkap dan selamat menikmati tutorialnya,

Untuk mengunjungi tutorial anda bisa mengunjungi link dibawah ini :) mohon maaf karena tutorial yang panjang saya tidak dapat membahas di blog ini, selamat belajar kawan-kawan

http://www.awcore.com/html/news/17/20-photoshop-tutorials-to-design-a-website_en#!pretty/0/

Senin, 12 September 2011

Free Ebook PHP 5 Social Networking

Referensi:
Ebook kali ini yang lorongilmu sajikan adalah ebook untuk anda yang menyukai tentang pembuatan web menggunakan PHP dan kali ini web yang anda buat yang akan diajarkan oleh buku ini adalah web membuat web jejaring sosial layaknya facebook juga twitter.

Download:

http://www.box.com/s/9vgdyg2etc8bvlp1bzpy

Password: lorongilmu

Senin, 15 Agustus 2011

Step by Step Menampilkan Widget Position Yang Tersembunyi

Mungkin anda heran dengan judulnya atau bahkan tidak namun jika heran ini dia penjelasannya, pada dasarnya kadang template menyembunyikan beberapa widget position jadi untuk menampilkannya anda harus merubah sedikit kode html dari template tersebut, baik langsung saja ini dia tutorialnya.

Login ke blogger.com
Klik Design > Edit HTML
Lalu cari showaddelement='no' atau jika tidak ada cari preferred='no' dengan cara tekan CTRL+F

Jika sudah ketemu rubah showaddelement='no' atau preferred='no' dengan
showaddelement='yes' atau jika tidak dengan preferred='yes'
jika sudah save template dan lihat pada page element

Sabtu, 13 Agustus 2011

Cara Memasang Kode PHP Pada Blogspot

Ini iseng2 buat tutorial ga sengaja pas saya lagi kepikiran tentang sebuah web manga online tapi dia menggunakan blogspot sebagai engine nya 3 huruf buat blog itu "W-O-W" hahah nah trus saya iseng-iseng cari caranya akhirnya ketemu juga caranya dan saya nemunya di blognya masdoyok, yaps salah satu blogger veteran hehe, oke langsung saja ini dia caranya.

copy kan code dibawah ini ke postingan tapi dalam mode HTML

<br /><object width="400" height="250" scrolling="no" align="middle" overflow="hidden" type="text/html" data="http://tools.bloggerplugins.org/parser.php"></object><br />

Yang cukup anda edit adalah huruf dan nomor yang diberi warna hijau, dan ganti alamat code php dengan alamat code php anda, jadi fungsinya hampir sama seperti iframe

Tips dan Trik Memperbaiki Flashdisk Yang Rusak Total

Apakah flashdisk anda rusak parah ataupun ringan.? tidak terbaca, tidak bisa diformat, error dll, selama itu bukan kerusakan fisik "patah atau kecebur air atau bahkan terbakar" berarti flashdisk anda masih bisa diselamatkan, jangan dibuang tapi terapkan dahulu tips dan trik ini.

Langkah 1
Download softwarenya disini

http://h20000.www2.hp.com/bizsupport/TechSupport/SoftwareDescription.jsp?swItem=MTX-UNITY-I23839

Langkah 2
Install seperti biasa

Langkah 3
Jalankan programnya

Langkah 4
Pilih drive FD dari menu dropdown.

Langkah 5
Pilih optionnya, atau ikuti seperti gambar di bawah

Langkah 6
File system Selection

Langkah 7
Drive geometry selection

Langkah 8
Konfigurasi

Selesai

Semoga apa yang anda kerjakan berhasil :)
Sumber: IDWS FORUM

Tips dan Trik Mempercepat Modem Semua Model

Kali ini saya akan memberikan anda sebuah tips dan trick untuk mempercepat koneksi internet anda, tips dan trik ini bisa diterapkan untuk semua jenis modem yang ada di pasaran disini kita menggunakan os dari windows oke langsung saja ini dia caranya.

Cara Pertama
1. Dari Control Panel, klik icon Modem.
2. Pada kotak dialog Modem Properties, pilih modem yang akan diubah settingnya dan klik pada tombol Properties
3. Pada tab General, ubah Maximum Speed menjadi 115200
4. Pindah ke tab Connection dan klik tombol Port Setting.
5. Dari kotak dialog Advanced Port Setting, beri tanda check pada Use FIFO buffers. Kemudian ubah Receive Buffer menjadi 14 dan Transmit Buffer menjadi 16. Lalu klik OK.
6. Klik button Advanced, beri tanda check pada Use Flow Control.
7. Kemudian pilih radio button Hardware. Pada bagian Extra Setting, isi dengan &C1&D2E1Q0V1X4%C0 S7=55 S11=55 S0=0.

Cara Kedua
1. Dari Control Panel, klik icon System.
2. Pindah ke tab Device Manager.
3. Pada bagian Ports (COM & LPT), pilih port yang digunakan oleh modem Anda dan klik tombol Properties.
4. Pindah ke tab Port Settings.
5. Pada bagian Bits per second, isi dengan 921600.

Cara Ketiga
1. Buka file system.ini yang terletak di C:Windows.
2. Pada bagian [386Enh], tambahkan dengan COM1Buffer=16384. Ubah COM1 dengan port yang digunakan oleh modem.

Free Ebook MySQL 5 Dari Pemula Hingga Mahir

Referensi:
Bagi anda yang ingin belajar tentang database mysql 5 ini adalah buku yang tepat karena didalamnya terdapat cara-cara menggunakannya dan di dalam buku ini terbagi menjadi 4 bagian diantaranya yaitu, Bagian pertama merupakan bagian pendahuluan yang membahas mengenai penjelasan singkat MySQL dan juga langkah instalasi MySQL serta software pendukung lainnya. Bagian kedua adalah Dasar‐dasar MySQL yang menjelaskan mengenai perintah‐perintah dasar dari MySQL termasuk fungsi‐fungsi di dalam MySQL. Pada bagian ketiga dipaparkan mengenai perintah‐perintah MySQL yang lebih kompleks seperti penggabungan antar tabel, trigger, views dan stored procedure. Selanjutnya pada bagian yang terakhir akan dijelaskan mengenai penyajian laporan dan proses backup, restore database MySQL.

Download:

http://www.box.com/s/eibb8pie3hh9udc9ul1z

Password: lorongilmu

Free Ebook Hacking For Beginners

Referensi:
Bagi anda yang ingin belajar tentang hacking, buku ini sangat tepat bagi anda, karena didalamnya akan diajarkan berbagai macam cara teknik hacking mulai dari menyerang email menjebol pc dan juga hacking website dengan berbagai macam cara dan masih banyak lainnya, jaid tunggu apalagi ayo segera download ebooknya.

Download:

http://www.box.com/s/5epslm9ph6ga89q3sg4r

Password: lorongilmu

Free Ebook Ajax For Dummies

Referensi:
Apakah anda sedang belajar membuat sebuah web atau anda seorang pemula.? buku ini sangat cocok bagi anda karena akan memandu anda dalam membuat web yang dinamis dengan menggunakan ajax tanpa harus mereload seluruh halaman web, jadi tunggu apalagi ayo segera download ebooknya.

Download:

http://v5.indowebster.com/download/files/ajax_for_dummies

Password: lorongilmu

Free Ebook Adobe Photoshop CS3: Top 100 Simplified Tips & Tricks

Referensi:
Apakah anda orang yang hobi dalam design dan mengesit foto.? apalagi anda sering menggunakan software adobe yang bernama photohop, kali ini lorongilmu menyediakan ebook ini untuk anda download agar anda bisa mempraktekan serta menambah skill anda dalam menggunakan photoshop

Download:

http://v5.indowebster.com/download/files/adobe_photoshop_cs3_top_100_simplified_tips_tricks

Password: lorongilmu

Free Ebook Memisahkan Routing & Bandwidth Management

Referensi:
Ini adalah ebook ke 4 tentang mikrotik dalam bahasa indonesia didalamnya anda akan diberi tutorial tentang bagaimana caranya memisahkan routing dan bandwidth management, karena dalam versi bahasa indonesia tentu akan memudahkan anda dalam membaca ebook ini, jadi ayo segera download ebook nya.

Download:

http://v5.indowebster.com/download/files/memisahkan_routing_dan_bandwidth_management_1

Password: lorongilmu

Free Ebook Basic Mikrotik Router OS

Referensi:
Bagi anda yang ingin menguasai basic dari router os mikrotik yang sangat terkenal ini silahkan di download dan dipelajari dalamnya, buku ini tersedia dalam versi indonesia sehingga memudahkan anda dalam membaca ebook ini dan juga mempelajarinya jadi ayo segera download.

Download:

http://v5.indowebster.com/download/files/basic_mikrotik_router_os_1

Password: lorongilmu

Free Ebook Load Balancing & Fail Over

Referensi:

Apakah pernah terpikirkan dalam benak anda akan menggabungkan 2 isp menjadi 1 sehingga dapat meningkkatkan kecepatan koneksi dan bandwitch anda, yaps ebook ini mengajarkan kita tutorial bagaimana caranya menggabungkan 2 buah isp menjadi satu oke langsung saja silahkan download ebook ini.

Download:

http://v5.indowebster.com/download/files/load_balancing_n_fail_over_1

Password: lorongilmu

Free Ebook Mikrotik Step By Step

Referensi:
Apakah anda seorang admin sebuah jaringan.? baik itu jaringan berskala kecil seperti warnet ataupun besar / corporate, tidak ada salahnya anda membaca buku ini apalagi bagi anda yang ingin belajar tentang bagaimana caranya setting mikrotik, tunggu apalagi ayo download ebook ini segera.

Download:

http://v5.indowebster.com/download/files/tutorial_mikrotik_step_by_step

Password: lorongilmu

Free Ebook PHP Solutions Dynamic Web Design Made Easy

Referensi:
Anda ingin menciptakan sebuah web yang dinamis dengan php ini adalah buku yang tepat untuk anda, disini akan diberitahu bagaimana caranya dalam membuat web yang dinamis dengan mudah dan juga solusi dalam permasalahan web anda jadi tunggu apalagi ayo segera download ebooknya.

Download:

http://www.box.com/s/ubregtjq0h6c3exz0qtx

Password: lorongilmu

Free Ebook Beginning Android 2

Referensi:
Bagi anda yang ingin belajar tentang os buatan google ini yaitu android ini adalah buku yang tepat, apalagi jika anda ingin menjadi seorang developer aplikasi untuk tablet pc dan juga smartphone yang berisikan os android ini, jadi tunggu apalagi ayo download ebook ini.

Download:

http://www.box.com/s/hac6lse7jaoqxpc5534y

Password: lorongilmu

Free Ebook Cisco Networking Simplified

Referensi:
Bagi anda yang ingin mengikuti sertifikasi cisco tidak ada salahnya mendownload ebook ini sebagai pegangan ketika anda persiapan dalam mengikuti tesnya, ataupun bagi anda yang ingin belajar tentang seluk beluk cisco, jadi tunggu apalagi ayo segera download ebooknya dan pelajar isinya

Download:

http://www.box.com/s/bip2u3259jgfhsz7249o

Password: lorongilmu

Free Ebook Beginning Blackberry Development

Referensi:

Buku berisikan bagaimana caranya menjadi seorang developer aplikasi blackberry atau smartphone blackberry jadi sangat cocok untuk anda yang ingin menjadi seorang developer software ataupun aplikasi untuk hp blackberry jadi ayo segera download ebook ini dan segera pelajari ebooknya.

Download:

http://v5.indowebster.com/download/files/beginning_blackberry_development

Password: lorongilmu

Senin, 01 Agustus 2011

Free Ebook BlackBerry Java Aplication Development

Referensi:
Buku ini berisikan bagaimana membuat aplikasi java software untuk smartphone blackberry dan juga system operasi mobile blackberry, jadi bagi anda yang ingin menjadi developer aplikasi blackberry tidak salah supaya anda mendownload ebook ini.

Download:

http://v5.indowebster.com/download/files/blackberryjavaaplicationdevelopment

Password: lorongilmu

Selasa, 05 Juli 2011

Step by Step Membuat Image Slider Carousel

Pernah tidak kalian melihat slider image seperti diatas di blog lain, atau yang ada di blog lorongilmu saat ini, sebenarnya slider ini sangat cocok bagi anda karena selain ringan dan juga mudah diimplementasikan pada blog anda, oke langsung saja ini dia caranya.

1. login dulu ke blogger anda
2. klik tata letak
3. Elemen halaman
4. Tambah gatget
5. Html/Javascript >> lalu masukkan kode berikut ini :

<script type="text/javascript">
stepcarousel.setup({
galleryid: 'mygallery', //id of carousel DIV
beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
panelclass: 'panel', //class of panel DIVs each holding content
autostep: {enable:true, moveby:1, pause:3000},
panelbehavior: {speed:500, wraparound:false, persist:true},
defaultbuttons: {enable: true, moveby: 1, leftnav: ['https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifV1u1X88-r8gAan_qXwSz3MQOtpus4tg9TsCEU2cNuvcr5ilVFwJVbkSLgIWFsrZe_xU-OYfMvUH7G62aYKItEjabqDiSjAbjxPxlkhyAbN8VR5FkZtpsoOW9mlHGWPEHofy6qpB0Ijo8/', 30, 60 ], rightnav: ['https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNXL2r1WfjCaitqad7zp13cuMGove47Pfx-lTY3hAnWb8EaH47yOc_Pm6MTJTlKi0ViQlYc28ViNLEAnX6ir9pFIN-3Fv435mVLAH5pn17XkhvqkHqCLiqiSvmB_VfWtvVo_ra38Y_04bu/', -55, 60 ]},
statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
})
</script>
<div id="mygallery" class="stepcarousel">
<div class="belt">



<div class="panel">
<a href="http://lorongilmu.blogspot.com/2011/06/free-ebook-wireless-kungfu-networking.html">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge8hsu0O67r4PcFQKt_LnBtZoqY8v0iY4vwHF86qzyE2fR7Qax3CwImNseX_6de6KZQ-bjR-99vOZBAj-o_BtTGzKVdIfwRCLM8JoK9PBwZJQdNiWU2xtkkcE5GjPoq2Lw779oa4aDiIk/s1600/1.jpg" width="100px" height="135px" /></a>
</div>

<div class="panel">
<a href="http://lorongilmu.blogspot.com/2011/06/free-ebook-computer-worm-1.html">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2tNQ_OuYxEZDdWI6bB-LMC-5cexlYubPvD_dTxfTKE-xvKgDdS8nDIvP55-Yk4TFfqrSLgifjwpMM9H0g5jhSFRISdRLfQg14kkASgVoDRq5Qgv44I1ksQzkVKcBkV4O-oWpItPaquIU/s320/2.jpg" width="100px" height="135px" /></a>
</div>

<div class="panel">
<a href="http://lorongilmu.blogspot.com/2011/06/free-ebook-computer-worm-2.html">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-PoQFS84IziTt0qDA_34OAfDYsEGNtlJyyJzLbZRNd3UbCwpAJizqOlTZYmZOj0yCXPexF4M2bl9ejQPZS6ljbYh-tqAd5sq0zuziPcM_TgKEDrwhmjIm7PsUb4rhqPhtHb8Ty6uPcCw/s320/3.jpg" width="100px" height="135px" /></a>
</div>

<div class="panel">
<a href="http://lorongilmu.blogspot.com/2011/06/free-ebook-pembobol-kartu-kredit.html">
<img src="http://3.bp.blogspot.com/-BNod3fYuxhk/TezHfbaFRtI/AAAAAAAAAS0/kGF49ZtSjkU/s320/4.jpg" width="100px" height="135px" /></a>
</div>

<div class="panel">
<a href="http://lorongilmu.blogspot.com/2011/06/free-ebook-panduan-lengkap-memakai.html">
<img src="http://3.bp.blogspot.com/-BzeCtYoUfhE/TezWWgKA3HI/AAAAAAAAATA/LfY0cT86OO8/s320/6.jpg" width="100px" height="135px" /></a>
</div>

<div class="panel">
<a href="http://lorongilmu.blogspot.com/2011/06/free-ebook-chip-spesial-networking.html">
<img src="http://1.bp.blogspot.com/-CJtJtGc1Sfs/TezdIhq-ScI/AAAAAAAAATE/NuiexuEifmg/s320/7.jpg" width="100px" height="135px" /></a>
</div>

<div class="panel">
<a href="http://lorongilmu.blogspot.com/2011/06/free-ebook-tutorial-windows-server-2003.html">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRjHe_8jukQdhP9lzwm_dmAeUTElrTg99a9zeBiH-X4a9x_unZCTBg3Z_h1MlUFehllZhMAhCLOAuDctdnN4HPns6HsAzVjUMay5mWMIdPbDcEaTHdI50Q9HRw8THrX8ytbAkTJcENyVU/s1600/8.jpeg" width="100px" height="135px" /></a>
</div>

<div class="panel">
<a href="http://lorongilmu.blogspot.com/2011/06/free-ebook-beginning-microsoft-visual.html">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_-6ogb07e5Xt9OTP_jecHQx3DqsM4U0vCwrM4UXjtFMrTGw9fpMuRZdV_G7Gn-DE12dRVvwi4XyBQDALRrT0uzPf1iZfuB_25GiWu4Vc-q4pUlVKg9u6tZlkOPiw9TA3RmLS0pzZP3wE/s1600/8.jpg" width="100px" height="135px" /></a>
</div>

</div>
</div>

dan pada edit html tambahkan kode berikut sebelum kode ]]></b:skin> atau diatasnya

.carousel{
         float:left;
         margin: 0;
         padding:0px;
         }

.carousel .widget {
         width: 720px;
         background:#c4d5ec;
         margin: 0;
         padding:0;
}

.carousel h2{
         display:none;
         }
.stepcarousel{
         position: relative;
         overflow: scroll;
         width: 765px;
         height: 160px;
}

.stepcarousel .belt{
        position: absolute;
        left: 0;
        top: 0;
}

.stepcarousel .panel{
      float: left;
      overflow: hidden;
      margin: 5px 20px 5px 0px;
      width: 140px;
}

.stepcarousel .panel img{
      float: left;
      background:#940f04;
      margin: 5px;
      padding:5px;
      border:1px solid #ccc;
}

.stepcarousel .panel img:hover{
      background:#ffffff;
      }
.quickedit{display:none}

#under_header{
opacity: 100;

}

Dan sesudah kode ]]></b:skin> tambahkan kode dibawah ini

<script src='http://lorong-ilmu.googlecode.com/files/gallery1.js' type='text/javascript'/>
<script src='http://lorong-ilmu.googlecode.com/files/gallery2.js' type='text/javascript'/>

Jika sudah maka save, dan lihat hasilnya

Step by Step Menampilkan Feed Blog Berdasarkan Category

Berhubung ditempat kerja saya lagi tidak ada kerjaan yang terlalu padat saya akan mencoba menulis ulang tutorial menampilkan feed blog berdasarkan category, sebenernya tutorial ini sudah banyak di internet tapi tidak ada salahnya saya menulis ulang dengan kata-kata saya sendiri agar dapat lebih mudah dimengerti oke ini dia caranya.

yang pertama perlu anda perhatikan adalah ketika kita mau membuat feed maka kita hanya perlu memasukkan url seperti ini.

http://lorongilmu.blogspot.com

maka feed akan tampil secara seluruh tanpa memilah dari category mana, nah jika ingin menampilkan feed yang sesuai dengan category maka anda cukup merubahnya menjadi seperti ini.

http://lorongilmu.blogspot.com/feeds/posts/default/-/nama label

yang anda perlu rubah dari code diatas hanya pada code berwana biru dan orange, yang biru ganti dengan url blog anda dan orange dengan nama category / label anda, sekian tutorial dari saya terimakasih

Step by Step Menjadikan Blog Anda Menjadi Blog Yang Dinamis

Pernahkah terpikir dalam benak anda untuk membuat blog anda menjadi dinamis, dinamis disini adalah menampilkan suatu widget hanya pada halaman-halaman tertentu, kali ini blog lorongilmu akan mengupas tuntas seluruh kode-kode dan penerapannya dalam blog tentang kode-kode dinamis ini.

1. Widget hanya tampil pada halaman utama blog

<b:if cond='data:blog.url == data:blog.homepageUrl'> ... </b:if>

Kode diatas dapat membuat widget blog anda hanya tampil pada halaman homepage

2. Widget hanya tampil pada kategori post dan single post

<b:if cond='data:blog.url != data:blog.homepageUrl'> ... </b:if>

Kode diatas dapat membuat widget blog hanya tampil pada halaman ketegori dan single post

3. Widget hanya tampil pada halaman utama blog dan kategori post

<b:if cond='data:blog.pageType != "item"'> ... </b:if>

Kode diatas dapat membuat widget blog hanya tampil pada halaman utama blog dan kategori post

4. Widget hanya tampil pada halaman single post

<b:if cond='data:blog.pageType == "item"'> ... </b:if>

Kode diatas dapat membuat widget blog hanya tampil pada halaman single post

5. Widget hanya tampil pada pada postingan tertentu saja

<b:if cond='data:blog.url == "URL_POST_TERTENTU"'> ... </b:if>

Kode diatas dapat membuat widget blog hanya tampil pada halaman postingan yang sudah anda tentukan

6. Menyembunyikan widget post pada postingan tertentu saja

<b:if cond='data:blog.url != "URL_POST_TERTENTU"'> ... </b:if>

Kode diatas dapat membuat widget blog hanya hilang pada halaman postingan yang sudah anda tentukan

Lalu untuk cara pemasangannya seperti dibawah ini :
1. Login ke Blogger.
2. Pada Dashboard klik Layout >> Edit HTML >> Contreng 'Expand widget templates'.
3. Carilah kode seperti dibawah ini

<b:widget id=

lengkapnya seperti ini:

<b:widget id='Label1' locked='false' title='Title' type='Label'>

kopi kode ini

<b:if cond='data:blog.url == data:blog.homepageUrl'>

dan letakkan di bawah

<b:includable id='main'>:

lalu cari kode ini
scroll kebawah sedikit, ada kode kopi lagi kode ini

</b:if>

letakkan setelah

<b:include name='quickedit'/>

atau sebelum kode ini

</b:widget>

Jika sudah maka save.
Kode dan tutorial ini saya tulis ulang dari blog o-om.com

Step by Step Membuat Status YM Dibawah Profil / About me

Dulu saya pernah memasang status YM dibawah widget about me seperti gambar diatas pada blog lama saya, nah sekarang saya ingin membagikan caranya step by step memasang status YM dibawah widget about me, ini dia caranya hanya di blog lorongilmu.

1. Log In ke Blogger lalu menuju bagian "Layout" kemudian masuk "Edit HTML"

2. Setelah itu centang "Expand Widget Templates"

3. Kemudian cari code dibawah ini :

<a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>

4. Setelah ketemu code diatas lalu tambahkan code dibawah ini diatasnya

<a href='ymsgr:sendIM?lorongilmu'> <img src='http://opi.yahoo.com/online?u=lorongilmu&m=g&t=1&l=us'/></a><br/>

5. Jika sudah maka save template mu dan lihat hasilnya

Kamis, 30 Juni 2011

Step by Step Membuat Tab View Widget

Kali ini lorong ilmu akan memberikan sebuah tutorial yang bagus dan ringan, beda dengan tab view widget tutorial yang biasanya ada di internet kali ini saya akan membahas cara mudah dan lumayan ringan, yap ini dia step by step membuat tab view widget B)

1. Login ke blogger
2. Pilih Edit layout
3. Pilih add gadget
4. Pilih HTML/JAVASCRIPT "dan masukkan script dibawah ini"

<style type="text/css">
div.TabView div.Tabs a
{
float: left;
display: block;
width: 80px; /* Lebar Kotak Tab */
height: 22px; /* Tinggi Menu Utama Atas */
text-align: center; /* Posisi Teks Menu Tab */
margin: 5px 0px 0px 3px; /* Posisi Kotak Tab */
background-color: #222222; /* Warna background Kotak Tab */
padding-top: 2px; /* Spasi Atas */
border: 1px solid #ffffff; /* Warna border kotak Tab */
border-bottom: 1px solid #ccc; /*Warna border bawah kotak tab */
font-family: "Arial, Helvetica, sans-serif", Arial; /* Font Kotak Tab */
font-weight: 900; /* Ketebalan Teks kotak tab */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #736F6E; /* Warna background utama kotak tab */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #cccccc; /* Warna border Kotak Konten */
overflow: hidden;
background-color: #ffffff; /* Warna background Kotak konten */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 5px; /* Jarak teks dalam kotak content */
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
</style>
<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 385px;" class="Tabs">
<a><span style="color:white">TAB 1</span></a>
<a><span style="color:white">TAB 2</span></a>
<a><span style="color:white">TAB 3</span></a>
</div>
<div style="width: 252px; height: 180px;" class="Pages">

<div class="Page">
<div class="Pad">
Disini Kode HTML Content Widget YANG INGIN ANDA TAMPILKAN PADA TAB 1
</div>
</div>

<div class="Page">
<div class="Pad">
Disini Kode HTML Content Widget YANG INGIN ANDA TAMPILKAN PADA TAB 2
</div>
</div>

<div class="Page">
<div class="Pad">
Disini Kode HTML Content Widget YANG INGIN ANDA TAMPILKAN PADA TAB 3
</div>
</div>
</div></div></form>

<script style="text/javascript" src="http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/tab_view.js"></script>
<script type="text/javascript">tabview_initialize('TabView');
</script>

Yaps sudah selesai dan jika anda ingin menaruh kode html ataupun widget anda anda bisa mengganti tulisan yang berwarna orange. script saya ambil dari http://pelajaran-blog.blogspot.com/

Step by Step Menampilkan Avatar Comment Pada Template Modifikasi

Sudah lama rasanya saya tidak menulis tentang tutorial blog lagi mungkin saya sedang semangat oke sebenernya tutorial ini sudah sangat banyak di internet namun apasalahnya jika saya mereview ulang agar nantinya juga bisa untuk masukan saya hehe, langsung saja ini dia Step by Step Menampilkan Avatar Comment Pada Template Modifikasi.:

Step by Step
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari Kode <dl id='comments-block'> dan jika tidak ketemu, cari kode berikut ini <div id='comments-block'>
6. Setelah kode di atas ketemu kemudian ganti dengan kode berikut ini.

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

7. Cari lagi kode berikut ini

<a expr:name='data:comment.anchorName'/>

8. Taruh (copy-paste) kode berikut ini di atasnya.

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>

9. Simpan template jika sudah selesai.

Tutorial ini saya ambil dari berbagai sumber mohon maaf jika tidak mencantumkan sumber karena saya juga lupa, namun yang pasti google sangat membantu dalam pembuatan article ini terimakasih mbah google :D

Step by Step Membuat Kotak Daftar Isi Berdasarkan Label

Oke kali ini saya akan memberikan anda sebuah tutorial bagaimana cara membuat kotak daftar isi berdasarkan label, baik kita mulai saja tutorialnya.

1. Login ke blogger
2. Pilih Edit layout
3. Pilih add gadget
4. Pilih HTML/JAVASCRIPT "dan masukkan script dibawah ini

<div style="border: 0px solid rgb(153, 153, 153); overflow: auto; width: 100%; height: 400px; text-align: left;">

<style>img.recent_thumb {padding:1px;width:55px;height:55px;border:2;

float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style>

<script style="" src="http://lorong-ilmu.googlecode.com/files/rcvth.js"></script>

<script style="">

var numposts = 999;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 75;</script>

<script src="http://www.lorongilmu.blogspot.com/feeds/posts/default/-/Tutorial Blog?orderby=published&alt=json-in-script&max-results=500&callback=showrecentpostswiththumbs">
</script>
</div>

Oke jika sudah anda tinggal merubah kode yang berwarna hijau menjadi alamat blog anda dan yang berwarna biru muda menjadi categori blog anda, sekian tutorial dari saya jika ada yang ingin ditanyakan silahkan tinggalkan comment dibawah dan dibawah ini ada contoh dari tutorial ini

Step by Step Membuat Kotak Tukar Banner

Pernahkah anda berkunjung ke sebuah blog dan melihat kotak tukar banner seperti diatas, jika pernah dan anda ingin membuatnya maka berikut ini adalah step by step membuat kotak tukar banner beserta tombol highlight all.

1. Login ke blogger
2. Pilih Edit layout
3. Pilih add gadget
4. Pilih HTML/JAVASCRIPT "dan masukkan script dibawah ini

<midle><center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaxEA4SqhqgAAApbUZoZVIn1-9IajGojFowAzeNDlyLNAT8stuixt2ak-c9ZD7-SiCeSg040xEXcoPlJvVs2yc4JvzCql1W2RxHes8E5SmjuZI3WpPz4gecLrZwuForFrycmVtN3YH6WA/s1600/a.jpg" width="100" height="50" border="0" /></center></midle><br />
<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 150px; HEIGHT: 75px" name="txt" rows="100" wrap="VIRTUAL" cols="55">

<a href="http://lorongilmu.blogspot.com/" target="_blank" title="blog tutorial"><img src=""https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaxEA4SqhqgAAApbUZoZVIn1-9IajGojFowAzeNDlyLNAT8stuixt2ak-c9ZD7-SiCeSg040xEXcoPlJvVs2yc4JvzCql1W2RxHes8E5SmjuZI3WpPz4gecLrZwuForFrycmVtN3YH6WA/s1600/a.jpg"" width=""281"" height=""110"" border=""0"" alt=""Logo" google" /></a>

</textarea></p></form></div>

Pada kode yang berwarna biru bisa anda rubah dengan url blog anda dan juga banner blog anda :)
Berikut ini adalah contohnya jika sudah jadi

Rabu, 15 Juni 2011

Free Ebook Html Design

Referensi:

Kali ini lorongilmu ingin membagikan sebuah ebook bagi anda yang menggeluti dunia web design, yap buku ini mempelajari tentang code-code dan tags html dan juga bagaimana cara mendesign dan memanipulasi code-code ini agar menjadi sebuah halam web yang enak dan dapat di nikmati saat dilihat, jadi tunggu apalagi ayo segera download ebook ini

Download:

http://www.box.com/s/f8ri2dby55gjjh5c3ys9

Password: lorongilmu

Senin, 13 Juni 2011

Cara Menambah Trafic Blog Dengan Cepat

Lorongilmu kali ini akan memberikan tutorial singkat bagaimana cara menambah trafik ke blog atau web kita yang tadinya sepi menjadi ramai, ini dia cara-caranya:

1. Login ke account facebook anda

2. lalu pada url masukkan alamat url ini ( http://pingler.com/ )

3. lalu anda akan langsung dihadapkan pada form tampilan berikut.

4. Isi form diatas yang lengkap, jika sudah klik button ping!

5. Jika sudah maka halaman akan berubah tampilan menjadi seperti gambar dibawah ini jika belum tunggu saja.

6. Jika PING PROCESSING sudah COMPLETE! maka anda sudah berhasil.

7. Selesai

Sekian tutorial singkat dari lorongilmu, selamat mencoba :)

Posting Baru Di Web / Blog Muncul Di Twitter

Halo semua pecinta blog lorongilmu kali ini akan memberikan tutorial blog pertama yang berjudul Posting baru di web / blog muncul di twitter, jadi kita ga usah cape2 lagi untuk ngetwit link posting kita, oke langsung saja ya ini dia caranya.

1. Login ke account twitter anda
2. Pilih menu setting
3. Lihat pada kolom MORE INFO URL, kemudian klik tulisan (You can also add Twitter to your site here)

4. lalu pilih menu My Website

5. Lalu anda pilih profil widget

6. Anda akan ditunjukkan 4 kolom menu,disitulah tempat mengedit tampilan widget twitter yang akan di pasang di blog anda.Jangan lupa masukkan username anda pada menu yang tersedia

7. Setelah selesai setting semuanya, anda lihat di button paling bawah, kemudian klik FINISH & GRAB CODE

8. Anda akan mendapatkan kode javascript yang bisa di pasang di blog anda, atau anda bisa menggunakan menu ADD TO BlOGGER yang ada di bawah nya.

Cara pasang di blog :

1. Masuk ke dashboard blogspot anda

2. Pilih menu LAYOUT / TATA LETAK

3. Pilih menu HTML/JAVESCRIPT

4. Copy paste kode javascript tadi ke menu HTML/JAVASCRIPT

5. Selesai...

tutorial ini saya ambil dari berbagai blog begitupun gambar... namun beberapa kata2 saya rubah demi kemudahan dalam memahami tutorial ini salam admin lorongilmu

Kamis, 09 Juni 2011

Free Ebook HTML5 Designing Rich Internet Applications

Referensi:

Hai semua, kali ini lorongilmu ingin memberikan anda sebuah ebook tentang pembelajaran html5, sebenarnya saya sebagai admin juga belum tahu apa itu html 5 cuman yang saya tahu kelak ini ada sebuah pemograman populer yang akan di pakai dimasa depan, didalamnya terdapat tutorial bagaimana cara menggunakan dan membuat aplikasi dengan html5 untuk sebuah web.

Download:

http://www.indowebster.com/html5.designing.rich.internet.applications.html

Password: lorongilmu

Free Ebook Building Websites With Joomla 1.5

Referensi:

Hai para penggemar joomla kali ini lorong ilmu menyediakan sebuah buku bagus bagi anda yang ingin membuat sebuah web berplatform CMS joomla, disini kita akan dibimbing bagimana cara membangun website yang baik dengan joomla dan memanage admin dan content yang tersedia di joomla, jadi ayo segera download ebook ini.

Download:

http://indowebster.com/building_websites_with_joomla_1.5.html

Password: lorongilmu

Free Ebook Pro Css And Html Design Patterns

Referensi:

Kali ini lorong ilmu ingin memberikan sebuah ebook yang nantinya bisa bermanfaat bagi anda yang sedang mendalami dunia web design, yang mana didalamnya terdapat hal-hal mengenai html css yang biasa digunakan dalam dunia web design, jadi tunggu apalagi ayo download ebook ini segera, dan terapkan dalam pembelajaranmu dalam dunia web design

Download:

http://www.indowebster.com/pro-css-and-html-design-patterns.html

Password: lorongilmu

Free Ebook Beginning PHP 6, Apache, MySQL 6 Web Development

Referensi:

Kali ini lorong ilmu menyediakan ebook Beginning PHP 6, Apache, MySQL 6 Web Development untuk anda download secara gratis, didalamnya terdapat tutorial step by step menggunakan php 6 apache dan mysql sebagai web development tunggu apalagi ebook ini sangat bermanfaat bagi anda jadi ayo segera download.

Download:

http://www.box.com/s/9en7k0rmggu1x7gxvfrd

Password: lorongilmu