Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts

Thursday, 7 May 2009

Understanding detail of xml blogger Post Body


This time, I will share my tutorial, this time about blogger theme, especially focus on blogger post body area

Sebelum Kita Membuat Template Blogger, Saya akan memberikan Ulasan mengenai struktur element dalam blogger xml supaya anda lebih mengerti dalam memodifikasi Template selanjutnya, sehingga nantinya akan bisa memodifikasi template dengan menambah element di bagaian footer, header, sidebar maupun di bawah post body.

before starting , I will give You the analysis of element structure in the post body template Blogger Blogspot xml or html format ( it is same) so you can understand how to modify blogger template easier and nicer

Struktur Awal

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html
expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
Informasi Blog dan Seo (Blog Information)
<b:skin>/*</b:skin>
Informasi Pembuat Template (Template designer information)
<style type='text/css'>
Tempat Meletakkan Code CSS (Css Code, put here!)
</style>
</head>
<body>
Tempat Code HTML yang akan tampil di Web Browser
</body>
</html>


Contoh : kali ini dibagian dan terdapat skin dan style tempat code css diletakkan

(in this part between and there is skin and style, here you can put your css code)


<head>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<meta name="Description"
content="tulis beberapa informasi tentang blog anda disini"/>
<b:skin>/*</b:skin>

<!--
Blogger Template Style
Name:
Designer: Novan Dwi Cahyono
URL: infonovan.blogspot.com-->

<style type='text/css'>
Tempat Meletakkan Code CSS (anda)
</style>
</head>

Dan yang paling penting adalah bagian ini yang menentukan kualitas blog anda.
And this is the most important part to know your blogspot template quality

<body>
Tempat Code HTML yang akan tampil di Web Browser
</body>


Inilah section pembuka pada post.body template anda, tempat posting dan merupakan bagian utama dalam pembuatan blog anda bukan ?. kalimat showaddelement='no' artinya anda tidak akan bisa menambahkan element widget padabagian ini
Below is the opening section in the your “post.body” a posting place and the main page in your page, isn’t it?

The “showaddelement='no' “ mean that you cant add widget element her
e

<div id='main_left'>

<b:section id='main_s' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<a class='blog-pager-newer-link'
expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"'
expr:title='data:newerPageTitle'>
<data:newerPageTitle/></a> </b:if>
<b:if cond='data:olderPageUrl'>
<a class='blog-pager-older-link'
expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"'
expr:title='data:olderPageTitle'>
<data:olderPageTitle/></a> </b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'> <a class='home-link'
expr:href='data:blog.homepageUrl'>
<data:homeMsg/>
</a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a
class='home-link'
expr:href='data:blog.homepageUrl'>
<data:homeMsg/>
</a> </b:if>
</b:if>
</div>
<div class='clear'/>
</b:includable>

pada bagian di atas anda menjumpai class='blog-pager-newer-link', class='blog-pager-newer-link', class='home-link' ini yang ditampilkan adalah bagian bawah post body yang tertulis " OLDER POST, NEWER POST DAN OLDER" customisasilah sesuai keinginan. anda dengan menambah (warna) latar belakang agar lebih menarik tentunya dengan melihat bagian css yaitu pada bagian ".blog-pager"
at this section you will see [class='blog-pager-newer-link', class='blog-pager-newer-link', class='home-link'] this appearing below post body " OLDER POST, NEWER POST DAN OLDER", customize!, like adding background in order to make yours good, exactly in ".blog-pager" in css code


Kode berikutnya yaitu pembuka post body halaman.
The next Code is the opening post body page.


<<b:includable id='post' var='post'>
<div class='post hentry'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h2>
<b:if cond='data:post.link'> <a expr:href='data:post.link'>
<data:post.title/>
</a>
<b:else/>
<b:if cond='data:post.url'> <a expr:href='data:post.url'>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>


Dibawah judul setiap Postingan akan terlihat Kategory ( saya menyebutnya sebagai tag )
seperti pada template saya yaitu pada bagian di bawah ini.
Under title every Post will seen Category ( I call it as tag ) like at my template at part hereunder.

<!-- TAG -->
<div class="post-tag">
<b style="border-right:solid 1px #CCCCCC; padding-right:10px;
margin-right:10px;">Tag</b>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url+
&quot;?max-results=10&quot;' rel='tag' style="border-right:solid 1px #CCCCCC;
padding-right:10px; margin-right:10px;">
<data:label.name/>
</a>
<b:if cond='data:label.isLast != &quot;true&quot;'></b:if>
</b:loop>
</b:if>
</div>

<!-- SHARE POST TOP -->
<div class="comment">
<b:if cond='data:post.allowComments'> <b><a class='comment-link'
expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 1'>1
<b:else/>
<data:post.numComments/>
</b:if>
</a></b> </b:if>
comments
</div>

Dari bagian ini anda dapat menambahkan badge - badge untuk men-share postingan yang bertujuan untuk menaikkan traffik blog anda seperti delicious, twitter, bloglog, digg, dan lain-lain.
from part of your this you can add badges to share you articel which aim to boost up traffik your blog like delicious, twitter, bloglog, digg, etc.

urutan selanjutnya anda akan menjumpai kode berikut, ini adalah yang paling penting, sebuah postingan teks akan muncul atau tidak pada halaman utama, disini pula anda dapat memodifikasi dengan memringkas artikel dengan expandable post link atau lebih terkenal dengan kata read more ( kebanyakan para pemula sangat antusias untuk merubahnya pada kali pertama membuat blog di blogspot)
sequential hereinafter you will meet code following, this is most importantly, a post text will emerge or not on main page, here you can also modifies by summarizing article with expandable post link or more famous with word read more ( mostly the very enthusiastic beginners to change it at times firstly makes blog in blogspot)


<div
class='post-body-n'><p>
<data:post.body/></p>
<div style='clear: both;'/>
<!-- clear for photos
floats -->
</div>


urutan berikutnya adalah footer post (tapi bukan bagian footer template halaman)
the next sequence is footer post ( but non part of footer template yard)


<div class='post-footer'>
<p class='post-footer-line post-footer-line-1'>
<div class="spacer"/>
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'> <span class='item-action'> <a
expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'> <span
class='email-post-icon'>&#160;</span></a></span></b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>
</p>
<!-- Show Post Tag -->
<p class='post-footer-line post-footer-line-3'></p>
<br/>
</div>

selanjutnya adalah end tag div untuk menutup
</div> Kode penutup untuk element ( <div class='post hentry'> )
</b:includable> Kode penutup Untuk pembuka post body halaman (<b:includable
id='post'var='post'> )


Nah, next dengan

<b:includable id='commentDeleteIcon' var='comment'> <span expr:class='"item-control
" +
data:comment.adminClass'> <a expr:href='data:comment.deleteUrl'
expr:title='data:top.deleteCommentMsg'> <span
class='delete-comment-icon'>&#160;</span></a></span></b:includable>


Bagian Selanjutnya (Next Code)

<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/>
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>


Dan selanjutnya (Next)

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap-n'>
<div class='status-msg-body-n'>
<data:navMessage/>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

Dan selanjutnya lagi (hmm… next again)

<b:includable id='backlinkDeleteIcon' var='backlink'> <span expr:class='"item-control
" + data:backlink.adminClass'> <a expr:href='data:backlink.deleteUrl'
expr:title='data:top.deleteBacklinkMsg'> <spanclass='delete-comment-icon'>&#160;</span></a></span></b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'> <a class='feed-link' expr:href='data:f.url'
expr:type='data:f.mimeType' target='_blank'>
<data:f.name/>
(
<data:f.feedType/>
)</a></b:loop>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'> <span expr:class='"item-control " +
data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> <span
class='quick-edit-icon'>&#160;</span></a></span></b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div id='backlinks-container' style="font-size:12px;">
<div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
<div class='comments' id='comments'><a name='comments'/>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.allowComments'> <b><a class='comment-link'
expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 1'>1
<b:else/>
<data:post.numComments/>
</b:if>
</a></b> </b:if>

Bagian dibawah ini adalah post comment [ anda mau terdapat kotak komentar untuk para visitor
berkomentar atau hanya sebagai command button (post a Comment) seperti Punya saya ] yaitu antara tag </dl> dan </b:if>


<div class="spacer"/>
<dl id='comments-block' style="font-size:13px; color:#333333;">
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'> <a expr:name='"comment-"
+ 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='"#comment-"+data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a></span></dd>
</b:loop>
</dl>
</b:if>
</div>

</b:includable>


bagian Kode di bawah ini adalah bagian Penutup (End Code)

<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<div class='date-header'>
<data:post.dateHeader/>
</div>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
<b:include data='post' name='comment-form'/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
<!-- navigation -->
<b:include name='nextprev'/>
</b:includable>
</b:widget>
</b:section>


</div>



Kamu akan melihat tag kode seperti ini di atas

</dl>
</b:if>
</div>

</b:includable>
Diantara tag </dl> dan </b:if> Kamu akan menjumpai kode seperti ini
<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</p>


Ini merupakan Kode untuk Menampilkan Sebuah Button “ Post a Comment” atau anda dapat juga menggantinya sebagai kotak komentar langsung ( saya tidak memasangnya di Blog saya ) untuk menggantinya cukup me-replace kodenya dengan ini
This is code to show Button " Post a Comment" or you can also changes it as comment box of direct ( I don't install it in my Blog ) to change it, enough you replace above the code is herewith

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/> <b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</b:if> </b:if> </p>


Berikut Ini, Kode Untuk Menambah opsi untuk add alement di template blogger anda
And the last is like here, to add some add element in order to add a widget easily.


<b:section id="tambah element"> </b:section>

dan jangan lupa jika ingin menambah cukup kopy pastekan kode lengkap di atas ke bagian template blogger, tetapi bagian id="element1" harus ganti kata "element1" menjadi misal elementaddsense, elementsaya3 dan seterusnya, yang penting tidak boleh ada id yang sama.



Any Suggestions ?

Membaca selengkapnya...

by Novan D. Cahyono 9 comments

Wednesday, 6 May 2009

Membuat Drop down Link


Termasuk Kategori

Setelah membahas mengenai text area yang berhubuungan dengan scrolling, sdekarang kita akan membuat yang namanya Dropdown link, Memang hampir sama seputar scroll tetapi kali ini menggunakan tag option dimana kebanyakan digunakan untuk merapikan kumpulan link menjadi 1 kategori, langsung saja dengan beberapa baris kode berikut.



<select onChange='document.location.href=this.options[this.selectedIndex].value;'
style='overflow: auto; width:50;'>
<option value='0'> <b>Pilih Pabrikan Laptop Bermerek</b> </option>
<option value='http://url_tujuan'>Nama_url_tujuan </option>
</select>


Jika ingin menambah link kode tambahkan baris kode

<option value='http://URL_tujuan'> Nama_url_tujuan </option> Di atas </select>


Misalnya seperti begini :

<select onChange='document.location.href=this.options[this.selectedIndex].value;'
style='overflow: auto; width:50;'>
<option value='0'> <b>Pilih Pabrikan Laptop Bermerek</b> </option>
<option value='http://toshiba-asia.com'> Toshiba</option>
<option value=' http://www.hawletpakard.com'>Hp</option>
<option value=' http://www.acer.com'>Acer</option>
<option value=' http://www.Sony.com'>Sony</option>
<option value=' http://Dell.com'>Dell</option>
</select>




Hasilnya akan sepeerti Begini


Pada kata width juga dapat diganti dengan px ataupun percent % sesuai keinginan anda
Contoh width:200px; (jika memakai pixel) atau width: 50%; (pilihan menggunakan persen adalah bagus jika anda meletakkannya di sidebar dengan ukuran 100%)

Membaca selengkapnya...

by Novan D. Cahyono 1 comments

Tuesday, 5 May 2009

Membuat text area yang bisa di scroll


Termasuk Kategori

Text area ataupun flow scroll mempunyai arti yang sama hanya saja pada text area lebih merupakan sebuah text box yang apabila dilakukan seleksi hanya di dalam area ini saja yang terblok berbeda dengan menggunakan tag div yang hanya menggunakan acuan style overflow, lebih umum dilakukan hanya untuk membuat sebuah scrolling link saja. Kedua-duanya mempunyai fungsi yang sama, yaitu tujuannya untuk meringkas kode – kode yang dirasa banyak untuk dicantumkan untuk dipublikasi di web/blog anda, untuk lebih jelass mari kita praktekkan saja langsung.

Flow scroll

<div style="overflow:auto; height: xxxpx;width: xxxpx;">tempatteks</div>

Height adalah jarak panjang dan width adalah jarak lebar. Misalkan terdapat artikel seperti ini yang mau ditampilkan sebagai scrolling

MSDN Magazine is a comprehensive guide to Microsoft technology, providing real-world solutions, applications for new technology, and first looks at the latest products,. As part of Microsoft's MSDN family of developer resources, MSDN Magazine offers readers in-depth, cutting edge information written by industry experts and edited by Microsoft professionals. In fact this is the publication to read for up to the minute, comprehensive coverage of Microsoft development technologies.

Masukkan teks ke dalam tempat teks yang berwarna hijau. Hasilnya akan seperti begini height=100px width=500px

MSDN Magazine is a comprehensive guide to Microsoft technology, providing real-world solutions, applications for new technology, and first looks at the latest products,. As part of Microsoft's MSDN family of developer resources, MSDN Magazine offers readers in-depth, cutting edge information written by industry experts and edited by Microsoft professionals. In fact this is the publication to read for up to the minute, comprehensive coverage of Microsoft development technologies.

Text Area



<span style="font-weight: bold;">Judul:</span><br>
<textarea r
ows="7" wrap="on" cols="71">isikan</textarea>


Dengan rows adalah jarak kebawah dan cols jarak menyamping. Misalkan terdapat artikel seperti ini yang mau ditampilkan sebagai scrolling pada text area


MSDN Magazine is a comprehensive guide to Microsoft technology, providing real-world solutions, applications for new technology, and first looks at the latest products,. As part of Microsoft's MSDN family of developer resources, MSDN Magazine offers readers in-depth, cutting edge information written by industry experts and edited by Microsoft professionals. In fact this is the publication to read for up to the minute, comprehensive coverage of Microsoft development technologies.

Berika Judul Pada "Judul:" , Dan pada "teks" isikan ganti pada artikel anda jadinya seperti begini

MSDN Magazine








Membaca selengkapnya...

by Novan D. Cahyono 2 comments

Sunday, 12 April 2009

Show the post on daily Inspired templates


How to show the post on daily Inspired templates ?

My friends Devika has mailed me, he asked about how to show the post, not just headlines, and adding read more (like i'm using now). a lot of my friend ask this questions about it too, in my inbox, and it's true that the most difficult, is to show up the post because Antonio had removed post text. Almost people use easier template, but i think it is unique. fresh and not crowded too. so, i want to share my tutorial this time,modifying this template. and yes, if you have familiarity with HTML, CSS and Blogger you will easy to understand.

Before to make changes on your actual Blogger template, save a copy of your template. In chase, if something go wrong with the update, you can restore it.



Show up the post

Now you just concentrate in this code [ <p><data:post.body/></p> ] in the post body, the problem is where you can place it to show up, this is the solving.

take a look ! ( use firefox for easier finding the source)


<div class='post-body-n'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>



Copy that code, and paste it above this source

<!-- IF NOT HOME -->


So if you wanna implement some changes, for example : adding the read more /continue reading / etc. You just follow my other tutorials in blogger hack category. i have posted it earlier.

Membaca selengkapnya...

by Novan D. Cahyono 6 comments

Tuesday, 24 March 2009

The Daily Inspired Template is easy to edit


Daily Inspired Template

In the part of using this theme, I had planty of troubles, it was different with what I realized when I got this template easy to use. But, after I took a look inside. There were must be recoded, widgets, adsense, color, etc. I just downloaded it and didn’t touch for several month. I used to use the template from freetemplates, but I began to realize that every reader need the fresh, magazine and not crowded. So I begin modified this free skin. Daily Inspired Download. All over, I give some tips editing it, e.g I will give some html code for widget so you can enabled your want. In Indonesia, I didn’t mention someone who have successfull in it adding some contents. But lots of us didn’t know it. I’m Suer, if you are professional blogger user. Like Tony who had designed this professional theme, has released for free for us, will look this stuff beautifull.


So in this first section of my English article (I’m Sory If my English is not good) I will give quickly step and the tools you can use to modif it.

Since I’m Open sourcer, and sometimes Windows user. I got this template easy to modif with VB developer 2008 express edition, its free from Microsoft and licensed. I get it from bundled of one of best selling magazine in Indonesia, or if you have more budget you can use Adobe Pack (Dreamwaver, Fireworks), and other kinds of freeware. Don’t use the illegal software.






I will run my first tut to add html code for Links if you need. here it is :

Make a New Element





And add this to “add code widget here”




Link Element




Shoutmix :





Membaca selengkapnya...

by Novan D. Cahyono 4 comments

Monday, 16 March 2009

Recent Post Lebih dari 5


Bagaimana cara increase jumlah recent post karena defaultnya hanya maksimal 5 buah. Sekarang say a bagi caranya, cukup kamu adalah pengguna aktif feedburner . setelah register dan account selesai dibuat. registernya cepat pakai google account aja. cepat mudah dan gratis.

How to make Recent Post in blogger Membuat Recent Post di blogger Memasang Recent Post di blogger. gampang dari pada pembuatan read more blogger

Sebelumnya kamu musti login di feedburner dulu >> pilih Feed Tittle Kamu >> Publicize Tab, lalu >> BuzzBoost >> Number of items to display: isikan berapa judul yan akan kamu tunjukkan dari mulai yang terbaru.

Selesai register, login di blogger - layout - page elements.
Tambahkan / add element tipe HTML/Javascript dulu >> lalu copykan script di bawah ini :

ISIKAN FEED KAMU SESUAI YANG TERTULIS BESAR DI ACCOUNT KAMU!

<script src="http://feeds.feedburner.com/YOUR_FEED?format=sigpro"
type="text/javascript" ></script>


contoh :
<script src="http://feeds.feedburner.com/WEBLOGNOVAN?format=sigpro"
type="text/javascript" ></script>


Simpan dan lihat perubahannya!

Bingung ? Berhasil ? Be first to comment to this article!
How to make Recent Post in blogger
Membuat Recent Post di blogger
Memasang Recent Post di blogger

Membaca selengkapnya...

by Novan D. Cahyono 0 comments

Recent Post dan Recent Comments blogger By Feed


Menginstall Widget Recent Post (Artikel Terbaru )dan Recent Comments (Komentar terbaru) di sidebar cukup mudah. Setelah membuat tut Readmore. kali ini kita akan memaanfaatkan fasilitas feed Blogger untuk membuat widget tersebut. Untuk membuat :

Login to Blogger >> Layout >> Page Elements >> Add a Page element >> pilih feed widget

Feed of Recent Post :

http://Your_Blog.blogspot.com/feeds/posts/default

contoh :
http://infonovan.blogspot.com/feeds/posts/default


Feed of Recent Comments :
http://Your_Blog.blogspot.com/feeds/comments/default

contoh :
http://infonovan.blogspot.com/feeds/comments/default



Masih Bingung cara membut Widget artileh atau komentar terbaru di sidebar ?

Membaca selengkapnya...

by Novan D. Cahyono 0 comments

Membuat read more di Blogger


Temanku Akbar bertanya, cara memasang “link readmore /baca selengkapnya / expandable post di blogger ” untuk memisah postingan supaya dalam halaman utama tidak ditampilkan semuanya postingan artikel, tetapi hanya sebagian saja, dan aku ingin share tutorial ini, untuk semua. Ada 2 tipe untuk kali ini tipe satu yaitu membuka halaman baru untuk membuka kelanjutan suatu artikel tersebut. Sebelum main harus buat back-up dulu templatenya!
code ini sudah aku buat mudah karena dulu aku pernah pasang di template minima, tquila dan di free templates berhasil 100%.


Caranya : masuk ke layout – edit html – di atas kotak code xml - centang expand widget templates.

Cari kode berikut
<div class='post-header-line-1'/> (yang ini default yang mesti dicari. Yang merah adalah kode untuk disisipkan di bawah kode tadi. Jadi kira-kira begini susunannya Teman.

Ini Kode Yang Asli:

<div class='post-header-line-1'/>
<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>




Sedangkan Ini Kode yang telah diubah (sehingga nantinya akan muncul Readmore di setiap artikel) :

<div class='post-header-line-1'/>
<!--div class='post-body'-->
<div class='post-body entry-content'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>
Read More......</a>
</b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>


Simpan perubahannya!

Lalu SETTINGS – FORMATTING- DI KANAN (TEXT BOX) POST TEMPLATE
Ketikkan :
Awal Posting
<span class='fullpost'>
Sisa Posting
</span>


Awal Posting maksudnya rigkasan yang akan kamu tampilkan.
Sisa posting maksudnya potongan artikel.
jadi Awal Posting + Sisa posting adalah artikel penuh.

selain tag span disarankan untuk memakai tag div!

please tinggalkan komentar!

Membaca selengkapnya...

by Novan D. Cahyono 8 comments

Saya Novan Dwi Cahyono , tidak akan sanggup untuk membuat negara menjadi bangkrut karena secara substansial aku tidak membayar dimuka untuk pengabdianku.


------------- Penyejuk Hati -----------
Pelayanan yang kita berikan kepada sesama itu sesungguhnya, sewa yang kita bayar untuk tempat di bumi ini. Jelaslah manusia itu menempuh perjalanan bahwa maksud dunia ini bukanlah untuk memiliki dan mendapatkan, melainkan untuk memberi dan melayani.

Program Baru

New Cool Tools !
Novs Creator (600Kb) , tools portable (tanpa install) multifungsi yang membuat computer system Windows bebas worm tanpa antivirus dan sejenisnya hanya dengan beberapa sentuhan. Membuat pengguna semakin pintar dengan Win@os, include : shell portable(command prompt), Autoruns, Rootkit Unhooker, Bobo Regedit. download , passwordnya : "infonovan" tanpa kutip, coba kehandalannya!

Subscribe feeds rss Berlangganan Artikel

Ketikkan E-mail Anda di sini untuk berlangganan artikel

Kategori Teknologi 2009 - 2010

Kategory

Subscribe Posting terakhir

Langganan komentar Komentar terbaru

Join in this Site


Berbincang