Membuat link pada blog

Bagaimana membuat link pada artikel atau blog?
Berikut saya jelaskan 2 cara link :
1. Link dengan membuka halaman baru
2. Link dengan membuka halaman yang sama

Membuat link untuk membuka halaman target di halaman baru, anda perlu menambahkan kode target="_blank" ke kode link standar.

<a href="url tujuan" target="_blank">teks yang akan ditampilkan</a>
Contoh source code link:
<a href="http://infodunia-4u.blogspot.com/" target="_blank">tes</a>
Hasil linknya Klik disini tes

Sebagai bahan perbandingan, anda bisa lihat contoh lain yang berbeda seperti di

bawah ini, halaman target terbuka di halaman yang sama

<a href="url tujuan">teks yang akan ditampilkan</a>
Contoh source code linknya:
<a href="http://infodunia-4u.blogspot.com/">Home</a>

Hasil linknya Klik disini Home


Selamat mencoba….

baca selanjutnya »»

Berlangganan artikel suatu blog

Anda ingin membuat daftar pengunjung setia ke blog anda? Gunakan saja Feedblitz!
Feedblitz adalah sebuah jasa layanan tambahan buat blog anda yang gunanya adalah “menawarkan pengunjung blog anda untuk berlangganan postingan yang anda tulis”
Setiap Anda melakukan postingan, sehari sekali feedblitz akan mengirimkannya kepada pengunjung website yang sudah setuju untuk menerima email berlangganan anda.
Kotak penawaran itu bisa diletakkan di bagian sidebar dari blog anda.
Dan setiap ada pengunjung yang mengisikan kotak berlangganan via email itu maka, ia harus melakukan konfirmasi dengan mengklik sebuah link yang dikirimkan secara otomatis oleh Feedblitz dan setelah itu ia akan menerima setiap ada postingan baru di blog tersebut.
Feature gratis ini, bisa Anda dapatkan dengan registrasi gratis di Feedblitz.com lalu kemudian anda bisa login ke member area feedblitz Anda dan mengambil kode yang perlu Anda pasang di blog anda.
Keuntungan menggunakan fasilitas berlangganan via email ini adalah:
=> Anda menangkap email pengunjung blog anda, sehingga tanpa anda sadari sebenarnya

anda sudah membangun newsletter anda sendiri dengan fasilitas ini. Anda sudah mempunyai pengunjung setia yang akan selalu tahu apabila anda melakukan posting.
=> Anda bisa terus rajin menulis blog, dan kumpulkan sebanyak-banyaknya orang yang “berlangganan via email” semakin banyak maka semakin ramai blog anda, karena setiap orang yang berlangganan, dapat kembali lagi ke blog anda untuk membaca postingan secara selegkapnya. Pada email langganan yang saya kirimkan, mereka hanya dapat melihat ringkasan dari postingan saya.
Dengan demikian jika orang yang berlangganan via email tersebut ingin membaca selengkapnya, maka mereka harus mengklik link, dimana mereka akan diantar kembali ke blog saya.
=> Anda menciptakan ‘ awaraness ‘ sehingga semakin lama blog anda akan semakin terkenal, dengan semakin banyaknya pengunjung yang hanya sekedar datang dan membaca, atau yang berlangganan via email.
=> Dapat dikatakan, orang yang berlangganan via email adalah penyuka dari isi blog anda, oleh karena itu mereka berlangganan, mereka inilah yang merupakah tulang punggung atau pengunjung setia anda. Dan dengan meningkatnya orang yang berlangganan, bisa menjadi tanda buat anda, bahwa blog anda diminati oleh banyak orang.
Terbukti karena blog anda mendapatkan banyak permintaan untuk berlangganan via email.
=> Untuk jangka panjang, blog yang mempunyai banyak subscriber, akan mendapatkan banyak keuntungan. Sama seperti, jika anda mempunyai website, apapun topik atau bidangnya, maka anda harus membangun newsletter.
Dengan Feedblitz anda sudah secara otomatis membangun newsletter anda. Bahkan seperti saya, anda masih dapat menambahkan newsletter lainnya, dengan demikian semakin memperkuat awareness dan ‘branding’ tentang blog dan diri anda.
Manfaatkanlah itu dengan sebaik-baiknya, karena mereka sudah mau memberikan email mereka, artinya mereka sudah percaya kepada anda. Berikan hal yang bermanfaat bagi mereka dan bangun hubungan untuk jangka panjang. Anda dan mereka akan sama sama untung.
Kerjakeras.com

baca selanjutnya »»

Menampilkan postingan terbaru (recent post)

Siapa sih yang ga mau blognya tambah nyos….., saya akan berbagi ilmu yang diperoleh dari para blogger yang hebat2……, bagaimana caranya menampilkan beberapa postingan terbaru punya kita atau yang biasa disebut recent post, disini kita akan menggunakan fasilitas feeds. Ok…kita langsung saja….

1. Login dulu ya…
2. Pilih Layout
3. Kemudian Page Element
4. klik Add a Page Element kemudian

muncul jendela baru, pilihlah FEED
setelah itu muncul jendela baru dimana anda disuruh untuk memasukkan alamat URL FEED

contoh :
alamat URL = http://infodunia-4u.blogspot.com

alamat URL FEED = http://www.infodunia-4u.blogspot.com/feeds/posts/default

Ok….gampang kan….pokoknya alamat URL FEED itu tambahannya
www. dan feeds/posts/default

baca selanjutnya »»

Cara Mengganti Icon Blogger dengan Icon Sendiri pada Address Bar

Agar blog kita terlihat lebih menarik salah satunya dapat dengan cara mengganti icon address bar dengan icon yang kita sukai.

• Login terlebih dahulu ya….

• Pilih Tata Letak/Layout

• Kemudian Edit HTML

• Klik Expand Widget Template, yang ada tanda kotak kecilnya itu lho

• Cari kode </head>

• Letakkan kode berikut sebelum kode tadi:

<link href='http://webdeveloper.com/animations/bnifiles/bee.gif ' rel='SHORTCUT ICON'/>
• Untuk memasang gambar yang kamu inginkan, ganti saja tulisan yang berhuruf tebal dengan alamat link yang kamu punya.


http://www.webdeveloper.com/animations/bnifiles/demon.gif
http://www.webdeveloper.com/animations/bnifiles/email5.gif

baca selanjutnya »»

Cara Memasang Tombol Share on Facebook di Blog

Bagi anda yang suka dengan facebook, jangan lupa tampilkan icon facebook di blogmu.
Berikut cara untuk mendapatkan icon facebook.
1. Login dulu
2. Pada dasboard pilih Layout ---> Page Element ---> Add Gadget
3. Setelah itu Copy Paste kode dibawah ini untuk diletakkan kedalam gadget tersebut

<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><style> html .fb_share_button { display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; height:15px; border:1px solid #d8dfea; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; } html .fb_share_button:hover { color:#fff; border-color:#295582; background:#3b5998 url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; text-decoration:none; } </style> <a href="http://www.facebook.com/share.php?u=<url>" class="fb_share_button" onclick="return fbs_click()" target="_blank" style="text-decoration:none;">Share</a> <p><a href=" http://infodunia-4u.blogspot.com/2009/07/cara-memasang-tombol-share-on-facebook.html
" title="Klik disini untuk mengambil Tombol Share on Facebook" target="_blank">Grab This </a></p>
4. save ya...

5. Kemudian lihat blog kamu akan ada tombol yang seperti ini

Selain itu juga ada model yang lainnya.

Hanya Icon Saja
<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank"><img src="http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981" alt="" /></a> <p><a href=" http://infodunia-4u.blogspot.com/2009/07/cara-memasang-tombol-share-on-facebook.html
" title="Klik disini untuk mengambil Tombol Share on Facebook" target="_blank">Grab This </a></p>
Link saja

<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank">Share on Facebook</a> <p><a href=" http://infodunia-4u.blogspot.com/2009/07/cara-memasang-tombol-share-on-facebook.html
" title="Klik disini untuk mengambil Tombol Share on Facebook" target="_blank">Grab This </a></p>

Atau Icon dan Link

<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><style> html .fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top left; }</style><a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank" class="fb_share_link">Share on Facebook</a> <p><a href=" http://infodunia-4u.blogspot.com/2009/07/cara-memasang-tombol-share-on-facebook.html
" title="Klik disini untuk mengambil Tombol Share on Facebook" target="_blank">Grab This </a></p>


TOS : Dilarang Merubah kode yang telah diberikan oleh Facebook.

baca selanjutnya »»

Cara memasang Menu Bar di blogger

Tidak semua template diblogger sudah memiliki kolom Add a gadget dibawah kolom Navgar. Jika belum ada maka harus ditambahkan terlebih dahulu agar kita dapat membuat atau memasang menu bar. Tetapi jika sudah ada maka langsung saja ke cara no 2 (pembuatan menu bar )

Mari kita mulai :

1. Membuat add a gadget di bawah Navgar
• Login ke blogspot--> Layout/tata letak---> Edit HTML
• Simpanlah scrift atau kode program anda terlebih dahulu. Agar jika terjadi kerusakan pada program kita sudah mempunyai back up nya.
• Carilah kode ]]></b:skin>, untuk lebih mudahnya gunakan Ctrl + F, ketik/ copy paste saja kode tersebut lalu tekan enter.
• Jika sudah ketemu, letakkan kode berikut ini diatas kode ]]></b:skin>

#under_header{
margin:10px 0;
padding:1%;
width:98%;
}

Cari lagi kode yang mirip dengan kode di bawah ini :

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
</b:section>
</div>

Copy kode berikut lalu paste persis di bawah kode tadi :

<div id="under_header">
<b:section class='header' id='underheader' preferred='yes'/>
</div>
*
Simpan template.



2. Jika add a gadget sudah tersedia.
Login ke blogspot--> layout-->Add a gadget, pilih HTML/JavaScript gadget dan masukan kode berikut:

<a href=http://alamatblog.blogspot.com>HOME</a><a> |
</a><a href=http://alamataboutpageURL>ABOUT</a><a> |
</a><a href=http://alamatlabelkesehatanURL>KESEHATAN</a><a> |
</a><a href=http://alamatlabelmetroseksualURL>METROSEKSUAL</a>

Klik tombol preview untuk melihat hasilnya, lalu simpan.

Selamat mencoba

baca selanjutnya »»

Membuat Read More

Read more atau biasa kita temui dengan selanjutnya, fungsi read more sangat penting agar artikel yang kita muat/ taruh di postingan awal (home) jadi tidak terlalu panjang. Selain itu juga berguna untuk mempercepat loading web kita.

Bagaimana cara membuat read more……mari kita lanjutkan…..
Caranya yaitu :

1. Buka template / tata letak --> Jangan lupa kasih tanda checklist pada kotak kecil “expand widget template” agar semua script keluar.
2. Letakkan kode dibawah ini persis diatas kode </head>, untuk mempermudah pencarian klik “ctrl+f” maka akan muncul kotak pencarian, ketik </head> lalu enter, computer akan menunjukkan kode yang anda cari.

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

3. Letakkan kode dibawah ini di bawah kode <p><data:post.body/></p>

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>


Setelah itu simpan.

4. Selanjutnya kita masuk ke Setting --> Format

Cari ke bawah disana ada box kosong yang merupakan TEMPLATE POSTING, isi kotak tersebut dengan

<span class="fullpost">
</span>


Terus simpan.


Keterangan :
Disaat anda akan membuat posting baru, maka kode tersebut sudah tampil di box posting, letakkan / atur kode di tempat yang menurut anda cocok untuk memenggal artikel anda. Dan letakkan kode di bagian paling bawah.

baca selanjutnya »»