Membuat Readmore

Sebagai bumbu untuk blog saya, jadi semua tips dan trik yang sudah ditulis para blogger tentang blog, pasti akan saya tulis kembali, dengan tujuan untuk melezatkan masakan yang hendak saya sajikan…becanda..Kok??? yang jelasnya untuk menambah ilmu saya didunia blogger..dan siapa tau tulisan-tulisan seperti ini dapat bermanfaat khususnya untuk blogger baru..amiien

Untuk kegunaan readmore, pastinya anda sudah tau, karena pada saat anda melanjukan bacaan ini, itu merupakan kegunaan dari Readmore sendiri..udah jelaskan??

Sekarang tinggal langkah-langkah pembuatannya.

Langkah Pertama:

Buka Template- Edit HTML- Berikan tanda centang pada "Expand widget template"

Langkah Kedua:

Jangan Lupa backup blogger dengan mengklik "dowlnoad template lengkap"

Langkah Ketiga:

Cari kode dibawah ini:

<div class='post-header-line-1'/> <div class='post-body'>

Tips : Untuk mempermudah pencarian kode diatas sebaiknya ikuti tips berikut ini. pertama kamu buka program text editor misalnya notepad.exe ( Pada MS Windows tekan menu Start-> Proggram-> Accessories-> Notepad) kemudian kopy/paste kode HTML tadi ke notepad. kemudian pada notepad pilih Menu Edit-> Find. pada box find masukan kode ini

<div class='post-header-line-1'/> kemudian klik tombol Find next. (jika masih gak ketemu terpaksa kita melakukan pencarian secara manual)

Jika sudah menemukan kode diatas, Copy-Paste kode dibawah ini kemudian letakan kode tersebut dibawah kode diatas.

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

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>

Kemudian dibawah kode diatas kita akan menemukan kode:

<p><data:post.body/></p>

Lakukan Copy-Paste kode dibawah ini dibawah code diatas

<a expr:href='data:post.url'>Readmore »»</a>

</b:if>

Tips: Kode Readmore diatas bisa diganti dengan kalimat sendiri, contohnya ("Baca Selanjutnya", "Baca berikutnya","Selengkapnya")

Kode selengkapnya jika dilihat akan tampak sebagai berikut:

<div class='post-header-line-1'/>

<div class='post-body'>

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

<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'>Readmore »»</a>

</b:if>

<div style='clear: both;'/>

Jika kita mengedit langsung pada halaman blogger Edit HTML dan semua kode diatas sudah dilakukan perubahan, jangan lupa disimpan ya :)

Ini jika kita menggunakan Text Editor Notepad : Setelah melakukan pengeditan kode pada notepad, lalu hapus semua kode yang ada pada halaman edit blogger, kemudian masukan seluruh kode pada notepad tadi dengan cara copy/paste) Sampai disini pengeditan kode selesai, jangan lupa disimpan.

Langkah Empat :

Setelah kode diatas disimpan kita kembali dan masuk ke tab Pengaturan-> Format -> cari"Post Template" Kemudian pada kotak masukan kode dibawah ini

<div class="fullpost">

</div>

Jangan lupa disimpan :)

Langkah Kelima :

Disini saya akan menjelaskan cara penggunaan readmore pada halaman posting. Ketika kita melakukan posting pertama kali kita akan melihat kode:

<div class="fullpost">

</div>

ingat jangan hapus kode diatas karena kode tersebut merupakan kode yang akan kita gunakan dalam pemenggalan posting nantinya.

Sebagai contoh lihat cuplikan kalimat dibawah:

Pada umumnya orang beranggapan bahwa pendidik adalah sosok yang memiliki sejumlah besar pengetahuan tertentu, dan berkewajiban menyebarluaskannya kepada orang lain. Demikian juga, subjek didik sering dipersepsikan sebagai sosok yang bertugas mengkonsumsi informasi-informasi dan pengetahuan yang disampaikan pendidik.

<div class="fullpost">

Semakin banyak informasi pengetahuan yang mereka serap atau simpan semakin baik nilai yang mereka peroleh, dan akan semakin besar pula pengakuan yag mereka dapatkan sebagai individu terdidik

</div> 

Dan hasilnya :

Pada umumnya orang beranggapan bahwa pendidik adalah sosok yang memiliki sejumlah besar pengetahuan tertentu, dan berkewajiban menyebarluaskannya kepada orang lain. Demikian juga, subjek didik sering dipersepsikan sebagai sosok yang bertugas mengkonsumsi informasi-informasi dan pengetahuan yang disampaikan pendidik. SELANJUTNYA

Semakin banyak informasi pengetahuan yang mereka serap atau simpan semakin baik nilai yang mereka peroleh, dan akan semakin besar pula pengakuan yag mereka dapatkan sebagai individu terdidik.

Selamat mencoba, semoga berhasil..

Membuat Blog

Nach,

Dipostingan ini saya akan menjelaskan secara rinci mengenai tahap-tahap awal pembuatan blog pada website gratisan yaitu Blogspot, sebenarnya juga banyak website yang menyediakan pembuatan blog secara gratis, seperti : wordpress, Friendster dll. namun yang akan saya infokan pada anda disini adalah khusus untuk blogspot.

Nach, udah ngga sabaran yach pengena tau caranya gimana??? Silahkan simak baik-baik penjelsan dibawah ini :

Pertma yang harus anda siapkan adalah akun E-mail, terserah mau Ymail atau Gmail, namun saya sarankan sebaiknya anda menggunakn akun Gmail, karena dengan akun ini anda tidak perlu repot lagi ngisi-ngisi formulir pendaftaran, dimana anda bisa mendapatkan akun ini ??? Nach lagsung aza klick disini, Sebelum anda mengklick disini sebaiknya anda baca dulu penjelasan pembuatan akun Gmail tersebut dibawah ini :

Tahap-tahap pembuatan akun Gmail

• Masuk ke www.gmail.com

 

• Pilih Signup ke Gmail untuk mendaftar, kemudian isi formulir dengan lengkap sesuai data diri anda :

 

• Jika sudah selesai mengisi formulir, silakan klik tombol “saya menerima, buat akunku”

   

• Jika Muncul tampilan seperti di bawah ini, berarti anda sudah berhasil membuat e-mail

 

• Untuk meyakinkan bahwa anda sudah membuat e-mail, klik link saya siap, tampilkan account saya. 

 

 Silakan Sign Out kalau sudah selesai melihat e-mail 

Nach , tahap selanjutnya barulah kita membuat blog pada blogspot, sebenarnya ada beberapa cara membuat blog di blogspot diantaranya dengan masuk ke www.blogspot.com atau masuk melalui google(khusus bagi yang mempunyai alamat e-mail di gmail). Untuk tutorial kali ini akan dimulai dari www.blogspot.com

• Masuk ke www.blogspot.com 
• Klik tombol tombol “Ciptakan Blog Anda”, maka akan muncul tampilan ciptakan acount.
• Isi formulir dengan benar 
• Jangan lupa isi tanda ceklish pada “saya menerima persyaratan dan layanan” 
• Tekan Tombol Lanjutkan 
• Isi judul blog dan alamat blog sesuai dengan yang anda inginkan 
• Untuk mengetahui apakah blog tersebut tersedia atau tidak, klik “cek ketersediaan” 
• Silakan Klik lanjutkan dan kemudian pilih salah satu template sesuai selera anda.

Selesai dech, sekarang tinggal terserah anda mendesainnya seperti apa.
 ..nach untuk itu, saya sarankan untuk membaca postingan saya disini
siapa tau dapat membantu.

Selamat mencoba.

Making Title Without Content

Imagine when the visitors opened the labels or categories whose contents have been 100 posts, this would be a problem as it requires a long time to open all the pages perfectly.

To overcome the above, ie by displaying the post title without the content (pages) post, this way we have done the ease and convenience of visitors to our blog surfing, of course, the speed to open the blog grow 50 times faster to open a label .. or category on our blog.

Want to know how to make it ...? Follow the steps below:

First:

Open Template-> Edit HTML -> Do not forget to do backups of the templates:) -> then check the 'Expand Widget Templates'

Second:

See the code below:

<!-- posts --> <div class='blog-posts hfeed'> <b:include data='top' name='status-message'/> <data:adStart/> <b:loop values='data:posts' var='post'> <b:if cond='data:post.dateHeader'> <h2class='date-header'><data:post.dateHeader/></h2> </b:if><b:include data='post' name='post'/>

Then look for the red color code above, if you've met the red color change above code with the code below:

<b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType != "item"'> <a expr:href='data:post.url'> <data:post.title/></a><br/><br/> <b:else/> <b:include data='post' name='post'/> </b:if> <b:else/> <b:include data='post' name='post'/> </b:if>

Third:

Do not forget to save and see the results.

Reating a Tag Cloud in Blogger

Tag Cloud can be useful to improve the page rank of impressed that we have a blog, about the usefulness of course very good for our blog.

For those of you who are interested please follow the steps as follows:

The first step:

1. As usual, the first blogger in your account

2. On the Dashboard select the layout or arrangement

3. Then on Page Element to add one Gadged

4. Then select the Label

5. Kalo's please save your work

. Click Edit HTML, do not forget to mark Expand Widged Templates.

2. Then find this code ]]></ b: skin> and copykan appropriate code below the code above ]]></ b: skin>

/ * Label Cloud Styles

----------------------------------------------- * /

# labelCloud (text-align: center; font-family: arial, sans-serif;)

# labelCloud.label-cloud li (display: inline; background-image: none! important; padding: 0 5px; margin: 0; vertical-align: baseline! important; border: 0! important;)

# labelCloud ul (list-style-type: none; margin: 0 auto; padding: 0;)

# labelCloud a img (border: 0; display: inline; margin: 0 0 0 3px; padding: 0)

# labelCloud a (text-decoration: none)

# labelCloud a: hover (text-decoration: underline)

# labelCloud li a ()

# labelCloud.label-cloud ()

# labelCloud.label-count (padding-left: 0.2em; font-size: 9px; color: # 000)

# labelCloud.label-cloud li: before (content: ""! important)

3. After that, copykan code below exactly under the code ]]></ b: skin>

<script type='text/javascript'>

/ / Label Cloud User Variables

var cloudMin = 1;

var maxFontSize = 20;

var maxColor = [0,0,255];

var minFontSize = 10;

var minColor = [0,0,0];

var lcShowCount = false;

</ script>

4. After that, please save your work.

Step Three

Still in the Edit HTML, please find the code like this below

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

<b:includable id='main'>

<b:if cond='data:title'>

<h2> <data:title/> </ h2>

</ b: if>

<div class='widget-content'>

<ul>

<b:loop values='data:labels' var='label'>

<li>

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

<span expr:dir='data:blog.languageDirection'>

<data:label.name/>

</ p>

<b:else/>

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>

<data:label.name/>

</ a>

</ b: if>

<span dir='ltr'> (<data:label.count/>) </ span>

</ li>

</ b: loop>

</ ul>

<b:include name='quickedit'/>

</ div>

</ b: includable>

</ b: widget>

Then, replace all code with the code below

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

<b:includable id='main'>

<b:if cond='data:title'>

<h2> <data:title/> </ h2>

</ b: if>

<div class='widget-content'>

<div id='labelCloud'/>

<script type='text/javascript'>

/ / Do not change anything past this point -----------------

/ / Cloud function s () ripped from del.icio.us

function s (a, b, i, x) (

if (a> b) (

var m = (ab) / Math.log (x), v = a-Math.floor (Math.log (i) * m)

)

else (

var m = (ba) / Math.log (x), v = Math.floor (Math.log (i) * m + a)

)

return v

)

var c = [];

var labelCount = new Array ();

var ts = new Object;

<b:loop values='data:labels' var='label'>

var theName = "<data:label.name/>";

ts [theName] = <data:label.count/>;

</ b: loop>

for (t in ts) (

if (! labelCount [ts [t]]) (

labelCount [ts [t]] = new Array (ts [t])

)) var ta = cloudMin-1;

tz = labelCount.length - cloudMin;

lc2 = document.getElementById ( 'labelCloud');

ul = document.createElement ( 'ul');

ul.className = 'label-cloud';

for (var t in ts) (

if (ts [t] <cloudMin) ( continue; )

for (var i = 0; 3> i; i + +) (

c [i] = s (minColor [i], maxColor [i], ts [t]-ta, tz)

)

var fs = s (minFontSize, maxFontSize, ts [t]-ta, tz);

li = document.createElement ( 'li');

li.style.fontSize = fs + 'px';

li.style.lineHeight = '1 ';

a = document.createElement ( 'a');

a.title = ts [t] + 'Posts in' + t;

a.style.color = 'rgb (' + c [0 ]+','+ c [1 ]+','+ c [2 ]+')';

a.href = '/ search / label /' + encodeURIComponent (t);

if (lcShowCount) (

div = document.createElement ( 'span');

span.innerHTML = '(' + ts [t] + ')';

span.className = 'label-count';

a.appendChild (document.createTextNode (t));

li.appendChild (a);

li.appendChild (p);

)

else (

a.appendChild (document.createTextNode (t));

li.appendChild (a);

)

ul.appendChild (li);

abnk = document.createTextNode ( '');

ul.appendChild (abnk);

)

lc2.appendChild (ul);

</ script>

<noscript>

<ul>

<b:loop values='data:labels' var='label'>

<li>

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

<data:label.name/>

<b:else/>

<a expr:href='data:label.url'> <data:label.name/> </ a>

</ b: if>

(<data:label.count/>)

</ li>

</ b: loop>

</ ul>

</ noscript>

<b:include name='quickedit'/>

</ div>

</ b: includable>

</ b: widget>

Until here, do not forget to save your work.

WELCOME TRY, GOOD WORKS.

Posting Rame-Rame

Mungkin udah banyak yang tau, atau mungkin banyak juga yang belum tau, kalo di blogspot kita bisa posting bareng dalam 1 blog. Fasilitas ini bisa kamu pake kalo kamu pengen bikin blog komunitas atau pengen di bantuin nge-blog ama temen kamu. yang utama adalah kamu dan yang akan kamu invite harus udah punya account di blogger (google account).

Caranya: Login ke account blogger kamu, di dashboard, pilih blog yang kamu inginkan. Klik link Setting. Setelah masuk ke tab Setting, klik sub menu Permission. Klik tombol ADD AUTHORS, masukkan email temen yang akan kamu invite untuk posting di blog kamu. Kalo yang pengen di invite banyak, masukkan email temen-temen kamu sekaligus dipisahkan dengan tanda koma (,) Temen yang kamu invite akan segera mendapatkan email yang berisi invite untuk posting di blog kamu Untuk penerima email invite: untuk mengaktifkan, klik link yang ada di dalam email invite tersebut, kemudian login dengan email username dan password blogger (google account), otomatis blog kamu akan muncul di dashboard temen yang yang kamu invite, dan bisa langsung mulai posting di blog kamu tersebut. Tips: Secara default, temen yang kamu invite memiliki status sebagai guess, dan hanya mempunyai wewenang untuk posting, edit dan menghapus apa yang dia posting aja. Pengaturan lain seperti mengubah template dan setting hanya bisa dilakukan oleh Author dengan status Admin. Untuk mengangkat seseorang ke status admin, klik link Guest yang terdapat di sebelah email masing-masing author, maka secara otomatis dia akan berubah status menjadi admin dan memiliki wewenang terhadap pengaturan blog, termasuk untuk menghapus kamu sebagai Admin, jadi hati-hati kalo ngankat temen kamu jadi Admin, karena dia bisa mengahpus kamu sebagai Admin dan mengambil alih blog kamu. Otomatis juga kamu akan kehilangan blog.


Author : o-om