Magazine Minima Blogger

Satu lagi design Magazine Blogger yang merupakan kelanjutan dari tulisan sebelumnya lahir dengan nama "Edel2XMINIMA". Setelah membaca komentar dari "GADIS RANTAU" tentang kesulitan menerapkan tip membuat MAIN-Wrapper menjadi dua kolom, maka saya mencoba memodifikasi minima dari dua kolom menjadi beberapa kolom antara lain Top Header, dua kolom header, Feature bagian atas, sidebar, Main-Left, Main-Right, 2 kolom extra dibawah Main dan satu kolom Feature pada bagian bawah yang nantinya bisa dibuat "fcats" ( gambar sebelah kiri, artikel sebalah kanan ).

Pada bagian Header saya bagi dua kolom, sebelah kanan saya menyisipkan Header animasi dengan sentuhan Adobe Photoshop CS4 ( yang saya dapat dari sistem CSS (Colong Sana Sini) juga) sedangkan sebelah kiri untuk pasang Adsense ( ukuran sudah saya sesuaikan dari pesanan eyang Google ).

Pada bagian TOP kiri saya pasang Realtime sedangkan bagian kanan Feed Post dan Comments. Pada bagian bawah header terpasang Navigasi horizontal berikut sub-subnya demikian juga dengan Search Box bertengger diujung kanan. Dibawah ini tampak bagian Home Pagenya.


Sedangkan untuk bagian subpagenya nampak seperti gambar berikut :


Pada bagian footer sengaja tidak saya tambah..... capek dech!!!!

Rasanya saya tidak sabar untuk membagikan template ini kepada komunitas Blogger, namun si Ziddu nampaknya tidak bersahabat dengan saya ( Loadingnya lama, ndak betah nunggu si bCOM ).

Melalui posting kali ini, saya mohon petunjuk tentang bagaimana membuat link download secara langsung. Maksudnya, saat icon download diklik, maka file langsung terdownload.

Harapan saya, semoga masih ada rekan blogger yang sudi menularkan pengetahuannya kepada saya. Maklum saya hanyalah blogger ndeso.... jadi selalu ingin dicekoki agar ndak "Ngah-ngoh bin telmi "

Demo LIVE

Blue magazine blogger template

Judul di atas merupakan finishing dari meodifikasi "Edel2Xtemplate", yang sekarang template tersebut digunakan "Sharing Post".

Template ini termodifikasi berkat rasa penasaran yang sangat kuat di hati saya saat melihat model template Magazine Blogger yang dijual dengan harga $ 50 s/d $ 85. Coba anda lihat di model situs tersebut di sini.

Semula saya mengejar turorial dari Kang Jaloee, namun nampaknya masih ada teka-teki besar yang perlu saya pecahkan. Karena info dari beliau kita harus download dulu template Cellar Heat kemudian mengganti beberapa kode pada template yang akan kita modifikasi. Padahal saya ingin murni dari template yang ada, misal MINIMA yang merupakan sasaran empuk untuk di EDEL2X.

Langkah yang aku gunakan adalah melihat kode sumber dari template "Allsporting" di atas, kemudian aku copas dalam MSword. Kalau kita melihat dari susunan template gratis dengan template "Premium" jelas berbeda. Susunan HTML pada template ini tidak dikelompokkan per bagian misal untuk Main-Wrapper sendiri, Sidebar juga sendiri dan seterusnya. Justru dalam kode sumber template ini, pengelompokkan didasarkan berdasarkan pengaturan ukuran Padding, Margin, Color dst....

Selama dua hari saya mreteli satu persatu dan aku selundupkan di MINIMA yang ada. Setelah berduel dengan ERROR, justru akhirnya saya menemukan cara bagaimana membagi Kolom Main ( tempat Posting ) menjadi 2 atau 3, tergantung selera kita.

Berikut langkah-langkah yang aku kerjakan :

Sebaiknya praktekkan di MINIMA dulu ( Namun saya menerapkan pada template yang sudah saya modifikasi sebelumnya ), masuk pada edit HTML kemudian buat susunan kode seperti ini ( Ingat jangan centang kotak Expand ):


/* ----- MAIN ----- */

#content-wrapper {
width: 998px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
text-align: left;
background: $contentbgColor;
border: 1px solid $contentBorderColor;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#main-wrapper {
float: left;
width: 654px;
margin: 0px 4px 0px 0px;
padding: 0px 0px 0px 0px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Tambahkan kode berikut :

#main-left {
width: 654px;
float: left;
margin: 4px 4px 4px 0px;
padding: 0px;
color: $textColor;
font: $textFont;
background: $postbgColor;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#main-right{
float:right;
margin: 4px 4px 4px 4px;
padding: 0px;
background:$postbgColor;
width:260px;
line-height:1.2em}

#main-right h2{
margin-bottom:5px;
padding-bottom:5px;line-height:1.1em;
font:normal normal 148% Trebuchet, Trebuchet MS, Arial, sans-serif;color:#996600;border-bottom:1px solid #000000}
#main-right img{margin-bottom:4px;border:1px solid #000000}


#main-left .widget{
margin: 0px 5px 5px 5px;
padding: 0px 10px 10px 4px;
}

#main-right .widget {
margin: 0px 0px 5px 0px;
padding: 10px 10px 10px 10px;
}

Langkah selanjutnya adalah tambahkan kode dibawah ini di atas kode </head>

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

#main-left {
width:376px;
}
.post-body img{
width:350px;
}
</b:if>
</style>

Kemudian pada bagian body, buat susunan dibagian <div id='content-wrapper'>

<div id='main-wrapper'>, dengan susuna seperti ini:

<div id='content-wrapper'>

<div id='main-wrapper'>
<div id='main-left'>
<b:section class='main' id='main-left' preferred='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>

<div id='main-right'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:section class='main-right' id='main-right' preferred='yes'/>
</b:if>
</div>
</div>

Sebelum anda menyimpan template, coba preview dulu apa sudah berhasil atau belum.
Setelah berhasil baru di save.

Fungsi dari kode <b:if cond='data:blog.pageType != &quot;item&quot;'> adalah untuk menyembunyikan kolom kanan pada sub halaman, dan saat anda mengklik "Label atau Kategori maka kolom kanan Main tetap ada di Homepage.

SIlahkan anda rubah ukuran Margin, Padding, Color, font sesuai dengan kondisi template anda. Meskipun hasilnya tidak sebagus template yang aku "Intip" namun teka-teki selama ini terjawab sudah, dan ini sebagai modal saya untuk edel2x template selanjutnya.

Saya bisa, pasti anda bisa... yang penting semangat.

Benefits of entrepreneurship

In response to economic development at this time, ability and stamina required in responding to these developments. This capability would be expected to support or at least able to change the pattern of someone living in the meet the needs of their claims. They must think how to create employment or at least get a job in the plans to continue his life. To support all that, we are required to understand about entrepreneurship.

Entrepreneurship is the way that need to be done in identifying opportunities, creating many job opportunities. Entrepreneurship is often difficult, young entrepreneurship often fail when they do not have a strong foundation related to the education and business capital.

A person who is willing and able to convert an idea or invention into a successful innovation. Entrepreneurship forces "creative destruction" in the market and industry, as well as create new products and business models. In this way, the damage is responsible for the creative dynamics of the industry and in the long-term economic growth.

Entrepreneurship is about taking risks. Reflects the behavior of the kind of person who is willing to put his career and financial security and take the risk on the idea, spent much time and capital on a certain business.

Entrepreneurship is widely regarded as important players in the business, particularly as the engine for job creation and economic growth. Young entrepreneurs have claimed many characters, has an enthusiastic vision, with persistence and determination, then the employers develop strategies to change the vision into reality. One needs the inspiration, motivation and fine.

Every successful businessman will bring benefits not only for himself but for the city, region or country as a whole. Benefits that can be taken from entrepreneurial activities are as follows:

• Benefits of personal finance
• Self-employment, offer a more satisfactory work and the flexibility of the labor force
• Further development of the industry, especially in rural areas or regions disadvantaged by economic change, for example, because the effects of globalization
• Processing materials into local goods so for domestic consumption and for export
• Income and increase economic growth
• Competition is healthy so that encourage high-quality products
• More goods and services available
• Development of new markets
• Promotion of modern technology in small-scale manufacturing is higher to increase productivity
• Freedom from dependence on the work offered by other people

Entrepreneurship given the potential to support economic growth and social, it is the goal of various government policies to develop a culture of entrepreneurial thinking. This can be done with a variety of ways: by integrating entrepreneurship into the education system, legislating to encourage risk taking, and the national campaign.

This phenomenon is by Kauffman.org, working to better understand the phenomenon of entrepreneurship, the level of education and entrepreneurship training to promote entrepreneurial business-friendly policies, and to facilitate the commercialization of new technologies by entrepreneurs and others, which is very promising to improve the economic welfare of the nation.

"Edel2Xtemplate" Magazine Blogger

Sambil menunggu perkembangan berita dari Kang Jaloee, saya mencoba memodifikasi template dari "Profeesional Template" dari Our Blooger Template. Maklum dari situs ini saya banyak belajar cara memporakporandakan sebuah template yang sudah bagus menjadi tambah... ndak karuan alias hancur.

Dengan Bantuan Adobe Phoshope CS3, saya mencoba memberikan sentuhan agar nampak tidak monoton. Pada bagian Header saya bagi menjadi dua ruang, satu untuk image dan yang satu untuk pesanan eyang GOOGLE. Dengan ilmu CSS ( Contek Sana Sini ) seadanya, akhirnya saya sudah selesaikan baru 75 %, karena yang 25 % nunggu teori yang dijanjikan oleh Suhu JALOOE untuk dipraktek di template ini. Dengan teori yang saya dapatkan di dynamicdrive.com dan dari beberapa sumber yang sering saya "INTIP" kode sumber halaman templatenya, rencananya akan saya kembangkan hingga final dan hasilnya akan saya sebar ke pelosok penjuru...he..he..he.. sombong kali

Dibawah ini adalah mondel bagian atas template yang saya beri nama "Edel2Xtemplate".


Dan pada bagian footer saya menambahkan 5 kolom dan Linkbar , dibawah ini adalah tampilan bagian footer.


Untuk itu mohon kiranya dari rekan-rekan untuk menyumbangkan ilmunya guna menuntun saya dalam menyelesaikan karya "INTIP" ini, terutama dari yang punya " Yang bertanya, Yang menjawab ".

Berikut sekedar untuk dinilai dan dikoreksi "DEMO DRAFT"-nya

gAjax RSS Pausing Scroller

Judul aneh diatas saya temukan di situs www.dynamicdrive.com, yang maksudnya untuk menampilkan cssfeed dari beberapa media yang online. Di situs ini anda akan disuguhi tiga demo sekaligus, yang mana masing-masing demo berisikan rssfeed dari Yahoo News, BBC dan MSNBC. Sedangkan untuk di Indonesia mungkin anda bisa mendapatkan di Republika Online ( info ini saya dapat setelah ngintip kode sumber halaman dari blognya kang Jalooe.... untuk kang Jalooe, sorry ya.... semua saya lakukan demi komunitas Blogger ).

Namun sebelum kita memasang gAjax RSS Pausing Scroller (hosted) ini, kita harus mempunyai "Google AJAX Feed API key", mengingat kode ini harus terpasang nantinya dibagian head. Disini saya akan menjelaskan sesuai pengalaman yang sudah saya lakukan.

Silahkan anda Sign Up untuk mendapatkan "Google AJAX Feed API Key".
Perhatikan gambar dibawah ini, dan kerjakan sesuai gambar :


Setelah menekan "Generate API Key", kita akan dihadapkan pada halaman yang mencatumkan kode "Google AJAX Feed API key" dari URL blog yang kita daftarkan, berikut dengan contoh pemasangan kode tersebut. Coba perhatikan gambar dibawah ini :


Silahkan Copy paste kode yang saya kotak merah pada notepad.

Dalam situs www.dynamicdrive.com kita diminta untuk mendowload "gajaxscroller.js" dan "gfeedfetcher.js" kemudian silahkan upload di situs dimana kita menyimpan file secara online.
Namun bila anda malas mengerjakannya, disini sudah saya siapkan url dari kedua file JS tersebut.

Setelah kita masuk Blogger, backup dulu template anda dan jangan mencentang "Expand Template Widget"

Masukkan kode berikut di atas kode </head>( Disini ada tiga pilihan demo,Pilih salah satu sesuai selera. Sengaja saya cantumkan semua agar bisa dipilih ) :

<script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAA_ijQ9pLfP7s30p5_16DuihRbZ2PHfPU3bWI4_oTtwnMJ8ZGOSRRs8Jw68to7EQKiFvZwQ2zTa6CCRw"></script>

<script type="text/javascript" src="http://www.geocities.com/nataludin5/gfeedfetcher.js"></script>

<script type="text/javascript" src="http://www.geocities.com/nataludin5/gajaxscroller.js">

/***********************************************
* gAjax RSS Pausing Scroller- (c) Dynamic Drive (www.dynamicdrive.com)
* Requires "gfeedfetcher.js" class
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

<style type="text/css">

.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;
}

.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#example1{ /*Demo 1 main container*/ width: 450px; height: 30px; border: 1px solid black; padding: 4px; background-color: lightyellow; }

#example2{ /*Demo 2 main container*/ width: 600px; height: 180px; border: 1px dashed black; padding: 4px; background-color: #EEEEEE; } #example2 div ul{ /*Demo 2 UL container*/ margin: 0; padding-left: 18px; } #example2 div ul li{ /*Demo 2 LI that surrounds each entry*/ margin-bottom: 4px; }

#example3{ /*Demo 3 main container*/ width: 250px; height: 280px; border: 1px solid navy; padding: 4px; } #example3 div p{ /*Demo 3 P element that separates each entry*/ margin-top: 0; margin-bottom: 7px; }
code{ /*CSS for insructions*/
color: red;
}

</style>


Selanjutnya tinggal menempatkan kode HTML dalam bagian body, berdasarkan pengalaman saya memilih demo3 yang saya letakkan di sidebar melalui tambah elemen "HTML/Javacript"

Ini adalah kode Example/ demo - 1 :

<script type="text/javascript"> var cssfeed=new gfeedpausescroller("example1", "example1class", 2000, "_new") cssfeed.addFeed("CSS Drive", "http://www.cssdrive.com/index.php/news/rss_2.0/") //Specify "label" plus URL to RSS feed cssfeed.displayoptions("date") //show the specified additional fields cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag cssfeed.filterfeed(10, "date") //Show 10 entries, sort by date cssfeed.entries_per_page(1) cssfeed.init() </script>


Example 2:

<script type="text/javascript"> var socialfeed=new gfeedpausescroller("example2", "example2class", 3000, "") socialfeed.addFeed("Slashdot", "http://rss.slashdot.org/Slashdot/slashdot") //Specify "label" plus URL to RSS feed socialfeed.addFeed("Digg", "http://digg.com/rss/index.xml") //Specify "label" plus URL to RSS feed socialfeed.displayoptions("label datetime") //show the specified additional fields socialfeed.setentrycontainer("li") //Display each entry as a DIV socialfeed.filterfeed(20, "label") //Show 15 entries, sort by label socialfeed.entries_per_page(5) socialfeed.init() //Always call this last </script>


Example 3:

<script type="text/javascript"> var newsfeed=new gfeedpausescroller("example3", "example3class", 2500, "_new") newsfeed.addFeed("BBC", "http://newsrss.bbc.co.uk/rss/newsonline_uk_edition/front_page/rss.xml") //Specify "label" plus URL to RSS feed newsfeed.addFeed("MSNBC", "http://www.msnbc.msn.com/id/3032091/device/rss/rss.xml") //Specify "label" plus URL to RSS feed newsfeed.addFeed("Yahoo News", "http://rss.news.yahoo.com/rss/topstories") //Specify "label" plus URL to RSS feed newsfeed.displayoptions("datetime snippet") //show the specified additional fields newsfeed.setentrycontainer("p") //Display each entry as a paragraph newsfeed.filterfeed(8, "date") //Show 8 entries, sort by date newsfeed.entries_per_page(2) newsfeed.init() //Always call this last </script>

Perhatikan dari masing-masing kode HTML yang tercetak tebal adalah letak penempatan dari Feed yang kita pasang.

Dan dibawah ini adalah contoh pemasangan feed untuk Republika On line, yang ditempatkan langsung pada saat Edit HTML pada bagian <body> .

<p><script type='text/javascript'>

var cssfeed=new gfeedrssticker("example10", "example10class", 2000, "_new")
cssfeed.addFeed("CSS Drive", "http://feedproxy.google.com/republika") //Specify "label" plus URL to RSS feed
cssfeed.displayoptions("") //show the specified additional fields
cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, "date") //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()

</script></p>

Silahkan and bereksperimen dengan masing-masing demo, dan atur ukuran width dan heightnya disesuaikan kondisi ruang body template anda. Ingat !!! salah satu demo yang dipasang pada template kita.

<script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAA_ijQ9pLfP7s30p5_16DuihRbZ2PHfPU3bWI4_oTtwnMJ8ZGOSRRs8Jw68to7EQKiFvZwQ2zTa6CCRw"></script>

teks berwarna merah diatas adalah tempat kode "Google AJAX Feed API key", ganti kodenya dengan milik anda.

Untuk melihat demonya, kunjungi situs di atas atau anda dapat melihat hasilnya di situs Kang Jaloe untuk demo 1 dan disini pada sidebar untuk demo 3.

Semoga bermanfaat

Kanibal Template Blogger

Pada minggu kemarin saya mencoba memodifikasi template Minima yang ada dengan menggunakan sistem campur aduk tutorial yang saya dapatkan dari beberapa sumber, termasuk di dalamnya menggunakan sistem CSS ( Contak Sana Sini ) dari beberapa Website berbasis wordpress.

Dari kode sumber halaman website tersebut, saya copas ke notepad. Lalu saya pelajari kode CSS & javascript yang ada bersama eyang google. Meski sudah menghabiskan weekend dan 3 pack "123" akhirnya hasilnya sangat memuaskan bagi saya, namun saya tidak tahu apa sangat jelek bagi rekan-rekan blogger.

Saya menyebutnya sebagai "KANIBAL TEMPLATE MAGAZINE BLOGGER", sebab mulai dasar template hingga Javascript yang terpasang merupakan hasil copas dari beberapa sumber. Dengan menggunakan kemampuan CSS ( Contek Sana Sini ),ASP (Asal Sedot Pakai praktek ) dan PHP (Pakai Hancur Pugar lagi ) akhirnya jadi juga template kanibal ini.

Dan template ini merupakan draft blog yang saya gunakan untuk satuan dimana saya "Nebeng" makan dan ngasih belanja mbok dhewor.

Yang perlu saya garis bawahi adalah, bagaimana cara menambahkan kolom-kolom dibawah Main-wrapper ( tempat posting ) yang ukurannya sama besar. Berikut bentuk kolom-kolom yang saya tambahkan :


Kalau anda berkenan untuk sharing mari kita bahas cara membuatnya :

Langkah awal tentunya backup dulu template anda, tapi saya sarankan untuk praktek ini buatlah blog baru saja.... seperti apa yang saya kerjakan dalam memodifikasi template.

1. Masuk ke blogger lalu tambahkan CSS ini sebelum kode ]]></b:skin>

/* ----- fblock ----- */
.fblock1 h2{
margin: 0px 0 0px 0;
padding: 0px 0px 3px 5px;
text-align: left;
font-size: 11px;
overflow:hidden;
height:30px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
.fblock1 h2 a:link, .fblock1 h2 a:visited{
color:#fff;
}
.fblock1 {
width: 305px;
float:left;
margin: 0px 0px 0px 5px;
padding: 5px;
background:#ffffff;
border: 1px solid #f3f3f3;
display:inline;
color:#000;
font-family:century gothic,Arial,verdana, sans-serif;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
.fblock1:hover {
width: 305px;
float:left;
padding: 5px;
background:#ffffff;
border: 1px solid #f3f3f3;
display:inline;
color:#000;
font-family:century gothic,Arial,verdana, sans-serif;
}
.fblock1 p{
margin:5px 5px;
color:#fb7305;
}
.fblock1 img {
float:left;
border:1px solid #393F42;
margin:5px 5px 5px 5px;
padding:0 0;
}
#fblock1 .widget {
margin: 0px 0px 0px 0px;
padding: 15px 15px 15px 15px;
background: #ffffff;
border: 1px solid #e6e6e6;
}

.fblock2 h2{
margin: 0px 0 0px 0;
padding: 0px 0px 3px 5px;
text-align: left;
font-size: 11px;
overflow:hidden;
height:30px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
.fblock2 h2 a:link, .fblock2 h2 a:visited{
color:#fff;
}
.fblock2 {
width: 302px;
float:right;
margin: 0px 4px 5px 0px;
padding: 5px;
background:#ffffff;
border: 1px solid #f3f3f3;
display:inline;
color:#000;
font-family:century gothic,Arial,verdana, sans-serif;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
.fblock2:hover {
width: 302;
float:right;
padding: 5px;
background:#ffffff;
border: 1px solid #f3f3f3;
display:inline;
color:#000;
font-family:century gothic,Arial,verdana, sans-serif;
}
.fblock2 p{
margin:5px 5px;
color:#fb7305;
}
.fblock2 img {
float:left;
border:1px solid #393F42;
margin:5px 5px 5px 5px;
padding:0 0;
}
.fcats{
overflow:hidden;
font-size:11px;
color:#9e5c1b;
padding: 0 0 0 0px;
margin:1px 0 0px 0;
height:15px;
}
.fcats a:link,.fcats a:visited {
overflow:hidden;
font-size:9px;
color:#841c0a;
padding: 0 0 0 0px;
margin:0px 0 0px 0;
height:13px;
}
.auth{
overflow:hidden;
font-size:9px;
color:#9e5c1b;
padding: 0 0 0 0px;
margin:0px 0 0px 0;
}
.fmeta{
overflow:hidden;
font-size:9px;
color:#9e5c1b;
padding: 0 0 0 0px;
margin:0px 0 0px 0;
}
.fmeta a:link,.fmeta a:visited{
overflow:hidden;
font-size:9px;
color:#841c0a;
padding: 0 0 0 0px;
margin:0px 0 0px 0;
}


2. Selanjutnya kita pasang kode dibawah ini pada bagian bawah Main-wrapper dibawah: </b:section>

<div class='fblock1'>
<b:section class='content1' id='content1' showaddelement='yes'/>
</div>

<div class='fblock2'>
<b:section class='content2' id='content2' showaddelement='yes'/>
</div>

Kemudian simpan template anda.

3. Langkah selanjutnya adalah masuk pada " Tambahkan elemen halaman " pada bagian HTML/ Javascript, lalu tambahkan kode berikut :

<img src='YOUR-IMAGE-LINK' width='100' height='60' alt=''/>

<div class='fcats'><a href='YOUR-CATEGORY-LINK' title='YOUR-CATEGORY-TITLE' rel='category'>YOUR-CATEGORY-TITLE-HERE</a></div>

<h2><a href='YOUR-POST-LINK' title='YOUR-POST-TITLE-HERE'>YOUR-POST-TITLE</a></h2>

<div class='auth'> Posted by Author </div>
<div class='fmeta'> POST-DATE |
<a href='YOUR-POST-LINK' title='Comment on YOUR-POST-TITLE'>ADD COMMENTS</a>
</div>

4. Langkah ke empat silahkan anda berpusing ria dalam mengatur width dan height di masing-masing tambahan kode di atas.

Pada modifikasi kali ini beberapa bagian saya hilangkan dengan menambahkan kode :

visibility: hidden;
display: none;

Juga saya menambahkan kode tabpage agar tampilan menjadi "ciamik".

Untuk melihat demo dari hasil template kanibal ini, silahkan klik DEMO

Komentar anda bersifat membangun... sangat 10000 x saya hargai

Active Directory Tools

I was a computer operator in the military, precisely in the operations staff marine Brigif 1. Of course, I demanded to learn about, or at least understand the Active Directory associated with the Microsoft Windows Server.

The requirement to learn a lot about it to the success of the task given by the leaders to me. Particularly related to issues that include the administration of making plans, reports and other activities.

I should be prosecuted because of a professional, so I try to learn IT development at this time through the Internet.

I realize the importance for the Active Directory (AD) which is a central point for an organization's software infrastructure. So, I can easily learn about various AD objects, help me to plan for maintenance processes and procedures.

I get information about Ensim.com, where its products are used by service providers and enterprises worldwide to accelerate and Deployment solution that enables integrated, automated and simplify the management of complex security environment, and improve user productivity and IT

Here, I can get information about Active Directory Tools and Exchange Tools. In this website, I can find a variety of IT solutions. I take the example of their products Enterprise solution, you can get a complete solution to the integrity of Microsoft Active Directory, Exchange and Blackberry Mobile.

So, this appears to create a more efficient workflow. This can be achieved with the Active Directory and Exchange Management

So, do not have one when I provide this information so that you and I can work more effective and efficient service by using the Ensim.

Magazine Blogger Template

Berangkat dari blog kang Jaloe yang sering berubah-rubah, akhirnya ketularan juga saya jadinya. Emang suhu satu ini merupakan sumber inspirasi dan sumber referensi dalam mempelajari CSS (baca:Contek Sana Sini)

Sebenarnya sudah lama saya ingin mempunyai blog berbentuk majalah, makanya saya berusaha mencoba mengintip kode dari beberapa website berbentuk majalah.

Kebetulan saya sering mampir di blognya Kang Jaloe, jadi dari blognya saya mendapatkan sumber refferensi yang dapat saya pelajari.

Kali ini saya mencoba memodifikasi template minima dan sebenarnya bentuknya tidak jauh berbeda dari milik kang Jaloe, karena pada bagian Headernya terus terang saya nyontek bin ngerpek. Tentu anda tahu kan, kalau kita melihat template bagus.. trus dari tool "tampilan" kita bisa melihat "Kode Sumber Halaman", ya dari situ saya mencoba belajar.
Namun hasilnya tidak maksimal dan tidak sebagus milik suhu..he..he.., tapi lumayanlah buat tambahan perbendaharaan template bagi komunitas blogger.

Berikut Replika template tersebut :




Kalau ada yang berkenan silahkan download di sini

Untuk melihat demonya di blogku yang satu ini.

Untuk pertanyaan silahkan masukkan komentar anda, saya akan berusaha untuk menjawab dan kalau ndak bisa saya akan tanyakan ke suhu Jaloe...he..he..he..he...

Satu lagi, untuk real time aku nyontek milik sobat Guruh Subagya, jadi kalau kurang jelas tanya saja langsung ke beliau..... (he..he.. si bC lari dari tanggung jawab nih )

Jadi bila anda berkenan menggunakan template ini, ada tiga orang yang bisa dijadikan tempat ngomel....he..he..he..