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

Wednesday, June 13, 2012

Menghilangkan readmore pada laman blogger

Sobat start-xp sudah tahu kan apa itu laman blogger ???
buat yang belum tahu apa itu laman blogger start-xp akan menjelaskan sedikit,

Laman Blogger adalah sebuah Halaman atau Page dari blogger dan bentuk Link (url) nya seperti ini yang berwarna ungu ini :

http://www.start-xp.com/p/about-me.html

ada tanda 'p' di Link tersebut lain dengan Link Postingan Artikel yang dibubuhi dengan tahun dan bulan diikuti dengan judul artikel tersebut :


 http://astart-xp.com/2012/04/about-me.html

itulah sedikit penjelasan tentang laman bogger, jika sobat start-xp memiliki blog dengan konten "read more otomatis" maka setiap sobat membuat laman blogger maka "read more otomatos" tersebut juga akan ikut terpasang pada laman blogger yang xobat buat tadi, sehingga laman tersebut atau readmore tersebut tidak bisa berfungsi.

untuk mengatasi hal tersebut sobat bisa ikuti beberapa langkah dibawah ini :

1. Langsung Dashboard >>Design >> Edit Html >> Centang Expand Widget Templates.
    Cari kode berikut :

    <div class='post-body entry-content'>

2. Kemudian gantikan Kode diatas dengan kode dibawah ini ;

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'> <b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/><data:post.body/><b:else/>

3. Setelah kode diatas sudah tergantikan Cari kembali kode berikut :

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

Lalu tambahkan Kode ini tepat diatasnya

</b:if>

Klik save dan lihat hasilnya

Sekian tutorial blogger start-xp kali ini semoga bermanfaat untuk sobat semua :)

Sunday, June 10, 2012

Mengganti Tulisn posting lebih awal-home-posting lama dengan gambar

Pada kesempatan kali ini start-xp akan berbagi sedikit tips blogger tentang cara mengganti tulisan pada akhir postingan yaitu posting lebih awal-home-posting lama dengan gambar yang pasti membuat tampilan blog sobat start-xp akan terlihat lebih menarik..

Contoh yang sudah diganti

Untuk gambarnya sobat start-xp bisa membuatnya sendiri dengan Photoshop, jika belum punya programnya silakan download Photoshop disini..
atau sobat bisa googling di google ..

Jika sudah menemukan gambar yang cocok untuk blog sobat silakan ikuti langkah2 di bawah ini :

1. Untuk mengganti tulisan HOME, silakan sobat cari kode di bawah ini :

<data:homeMsg/>

lalu ganti kode di atas dengan kode di bawah ini :

<img src='http://i1065.photobucket.com/albums/u385/agung_blog/windows_7-2.png'
title='Halaman Awal'/>

NB : Ganti tulisan yang berwarna UNGU dengan URL gambar sobat, jika tidak mau repot bisa menggunakan langsung URL gambar di ATAS..


2. Untuk mengganti tulisan POSTING BARU, silakan cari kode seperti di bawah ini :

<data:newerPageTitle/>

lalu ganti kode di atas dengan kode di bawah ini :

<img src='http://i1065.photobucket.com/albums/u385/agung_blog/Untitled-1-2.png'/>

NB : Ganti teks yang berwarna UNGU dengan URL gambar sobat, jika tidak mau repot bisa menggunakan langsung URL gambar di ATAS..

-Biasanya ada tanda panahnya juga, misalnya template sobat adalah hasil download template yang sudah di modif, kalau misalnya ada, cari kode &#8592;&#160; dan hapus itu, biasanya adalah dibelakang awal tag &#8592;&#160;<a

 3. Untuk mengganti tulisan POSTING LAMA, silakan cari kode seperti di bawah ini :

<data:olderPageTitle/>

lalu ganti kode di atas dengan kode di bawah ini :

<img src='http://i1065.photobucket.com/albums/u385/agung_blog/next1.png'/>

NB : Ganti teks yang berwarna UNGU dengan URL gambar sobat, jika tidak mau repot bisa menggunakan langsung URL gambar di ATAS..

Sekian tutorial start-xp kali ini, semoga dapat dimengerti dan bermanfaat untuk sobat semua.. :)

Friday, June 8, 2012

Buat toko online gratis dengan domain

selamat pagi sahabat start-xp...
senang selalu bisa share dan menyapa sobat-sobat start-xp yang setia mengunjungi blog saya..hehehe

kali ini start-xp akan berbagi informasi buat sobat-sobat start-xp yang memiliki usaha ataupun ingin membuka usaha dan beriklan lewat internet, pasti tentunya ingin membuat toko online kan untuk dagangan2nya ???

siapa bilang toko online itu harus bayar dan mahal, kali ini start-xp memberi solusi membuat toko online yang cepat dan gratis.. melalui situs www.bisnisgoonline.com semua bisa sobat dapatkan secara gratis.. kita cukup mendaftarkan diri di sana terus kita juga akan di kasih domain gratis selama 1 tahun domain tsb "web.id dan co.id" dan memerlukan KTP untuk proses pembuatan domainnya..

nah berikut sedikit tips langkah-langkah mendaftar di bisnisgoonline :

1. kunjungi situs resminya di www.bisnisgoonline.co.id

2. bacalah terlebih dahulu syarat dan ketentuan sebelum mendaftar, jika sobat start-xp sudah yakin lalu klik " mulai sekarang ( lihat gambar )

klik mulai sekarang

3. kemudian pilih langkah 1 bila sobat belum memiliki akun google, jika sobat strat-xp sudah memiliki akun google maka pilih langkah yang ke 2.

4. setelah itu akan mucul formulir pendaftran silakan isi sesuai data-data bisnis anda

 

4. klik tombol buat situs, lalu sobat akan di arahkan kepada situs sobat, dan silakan edit tampilan situs sobat.

5. untuk mendapatkan domain, sobat klik dapatkan domain dan publikasikan.

sekian tutorialnya semoga dapat dimengerti dan bermanfaat. salam start-xp

Thursday, June 7, 2012

Cara membuat gambar melayang dengan link

Pada kesempatan sebelmnya start-xp juga pernah membahas tentang cara membuat gambar melayang di blog, namun kali ini start-xp akan sedikit menambah fiturnya, yaitu membuat gambar melayang dengan link didalamnya..

berikut langkha-langkahnya :

1. Login ke blogger, Dasbor pergi ke Rancangan lalu Edit HTML.

2. Centang Expand Template Widget.

3. Download dulu template sobat supaya aman jika terjadi kesalahn dalam pengeditan.

4.  Cari kode : ]]></b:skin>, untuk mempermudah tekan ctrl+F\

5.  Letakkan kode dibawah ini diatas kode ]]></b:skin>


#trik_pojok {
position:fixed;_position:absolute;
bottom:0px; left:0px;
clip:inherit;
_top:expressionundefineddocument.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expressionundefineddocument.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

6. Text yang berwarna biru adalah pengaturan posisi,sobat bisa ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right" atau juga tengan dengan "center". Begitu juga tulisan "bottom", jika pengen di posisi atas bisa diganti dengan "top". Dan yang berwarna merah adalah jarang dengan posisi blog sobat. 

7. Langkah selanjutnya yaitu letekkan script dibawah ini sebelum kode </body>

<div id="trik_pojok">
<a href="
http://www.software4kita.com/">
<img src="
http://i1212.photobucket.com/albums/cc459/engcellpulsa/20070717193729_burung_469cb8091c4f5.gif" border="0" /></a>
</div>


8. Kode yang berwarna biru bisa sobat ganti dengan link yang ingin sobat start-xp masukkan dan yang berwarna merah diganti dengan foto atau gambar/banner yang sobatakan ditaruh di pojok blog sobat

9. Save dan lihat hasilnya

sekian trik blogger kali ini, semoga bermanfaat untuk sobat start-xp semua :)