cara membuat obrolan blog seperti di facebook

Hai sobat bloger sudah lama nih karya anak kidoel tidak posting tentang blog. kali ini karya anak kidoel akan memposting tentang cara membuat obrolan blog seperti di facebook.Ok mungkin kita langsung saja praktikan dan untuk contohnya silahkan lihat di bawah silahkan anda ikuti langkah - langkahnya

1. silahkan anda klik disini kalau sudah anda akan di bawa ke halaman ini

2. kemudian anda klik "try it for free" maka akan terlihat seperti ini

3. kemudian anda isikan data - datanya kalau sudah selesai klik Get Envolved! kalau sudah kamu akan di bawa ke halaman ini

4. kemudian kamu copy codenya

sekarang anda tinggal masuk ke blog anda

1. silahkan login dulu ke blog anda

2. silahkan buka edit HTML'nya

3. terus kamu cari code kalau sudah ada </head>

4. terus kamu masukan code yang tadi kamu buat sebelum code </head>

5. kalau sudah selesai kamu klik simpan template

6. dan sekarang anda tinggal lihat hasilnya

Cara memasang widget share twitter ke dalam artikel blog

Masih seputar twitter, kali ini kita membahas cara memasang share twitter ke dalam artikel blog kita,dimana pada widget share yang kita pasang, akan terlihat angka yang munjukkan berapa banyak link yang menuju ke artikel atau postingan yang kita buat. nah tentunya dengan memasang widget ini secara tidak langsung berpengaruh pada visitor blog kita. mengapa saya bilang begitu. misalnya anda memiliki artikel yang sangat bagus dan menarik, tentu pengunjung tidak akan melewatkan untuk men-share nya ke account twitter milik mereka.dari sana anda bisa mengambil keuntungan untuk visitor yang lebih banya lagi.nah anda tertarik untuk memasangnya, silahkan ikuti langkah langkah di bawah ini.

Untuk widget share twitter ini ada dua pilihan, silah anda pilih salah satu yang ingin anda gunakan.

Setelah pilihan anda sudah di tentukan, langkah selanjutnya adalah meletakkan kode tersebut kedalam tamplate blog anda.Berikut ini langkah-langkah cara meletakkan kode share twitter tersebut ke dalam blog:

Login terlebih dahulu ke blogger

Tata Letak

Edit Html

Kemudian beri tanda centang pada kotak kecil di sebelah kanan kita

Kemudian cari kode <p><data:post.body/></p> jika tidak ketemu cari berdasarkan <data:post.body/>

Kemudian pastekan kode di bawah ini persis di atas kode tersebut

<div style='float:right; margin:0 0 10px 10px; text-align:center;'>

Letakkan Kode twitter Pilihan anda disini

</div>

Nah jika tamplate anda menggunakan sistem readmore otomatis, cari kode <div class='post-body entry-content'> biasanya ini terletak diatas kode <p><data:post.body/></p>

Kalau sudah ketemu pastekan kode tadi di bawah kode tersebut

Kemudian simpan dan lihat hasilnya

selesai...

Jangan lupa ganti tulisan yang berwarna merah dengan kode twitter yang anda ingin. semoga artikel ini bermanfaat untuk kita semua dan salam sukses.....

Cara Cepat Bikin Sitemap

ara Cepat Bikin Sitemap - Hasi sobat apa kabar ne. mudahan dalam ke adaan sehat. kali ini tutorial kita yaitu Cara Cepat Bikin Sitemap. Untuk hasil yang oke di mesin pencari, anda tentunya perlu punya sitemap. Untuk membuatnya sangat lah mudah. Manfaat kan saja sitemap generator. berikut ini cara nya.

Kunjungi situs http://digitalinspiration.com/tools/blogger/sitemap/index.php untuk menuju ke Google, Bing, Yahoo! Sitemap Generator.

Kemudian masukkan alamat blog anda. jangan lupa akhiri dengan slash

Berikutnya Klik tombol "Create Blogger Sitemap"

Ada berbagai perintah untuk submit ke Google, Bing dan Yahoo! Klik nama mesin pencari di mana sitemap akan digunakan.

Klik Link Submit 1-500 posts untuk anda yang masih memiliki posting di bawah 500. jika sudah melebihi tenggang beberapa waktu, silakan submit juga link 501 - 1000 posts.

Jika berhasil, akan muncul pesan sukses.

Biasanya untuk sitemap google tidak bisa secara otomatis. di sini kita di minta untuk melakukannya secara menual. caranya kunjungi http://www.google.com/webmasters/tools

Kemudian klik salah satu blog yang anda sudah daftar ke Google webmasters tools, jika belum Daftar ke Google Webmasters tools baca Cara mendaftar di Google Webmaster Tools.

Kalau sudah Mendaftar, Kemudian klik Menu Peta situs / Sitemap di bawah kanan

Kemudian klik icon Kirim Peta situs / Send Sitemap

Masukkan kode yang anda dapatkan saat memasukkan url blog anda pada langkah di atas tadi seperti gambar di bawah. atom.xml?redirect=false&start-index=1&max-results=500 Jika artikel anda belum melebihi 500 jika sudah masukkan kode atom.xml?redirect=false&start-index=501&max-results=1000

Kemudian kirim Peta situs / Send Sitemap

Selesai.....

Semoga bermanfaat dan salam sukses....

Cara Menambah Recent Post untuk blogger

ara Menambah Recent Post untuk blogger - ketemu lagi dengan artikel terbaru ku hari ini. yaitu Cara Menambah Recent Post untuk blogger. Mungkin anda sering melihat di setiap blog terdapat recent post yang berada di sidebar atau di tempat lainnya yang memuncul kan update artikel terbaru. mungkin anda tertarik untuk menambahkan atau menampilkan gadget tersebut caranya sangat lah mudah. ikuti langkah-langkah yang tertera di bawah ini.

Berikut ini langkah-langkah cara Cara Membuat Recent Post untuk blog anda:

Login ke blogger

Klik Rancangan

Kemudian Klik Tambah Gadget

Pada halaman yang muncul klik Menu Unggulan di bawah Menu Dasar-dasar (posisi menu ini terletak di sebelah kiri atas)

Kemudian Geser mouse anda ke bawah, cari gadget Blogger Recent Post

Kalau sudah ketemu klik Gadget tersebut

Pada halaman berikut nya silahkan anda mengatur apa saja yang anda tampilkan dan berapa tinggi gadget dan jumlah yang anda inginkan

Jika pengaturan nya sudah anda pilih Klik tombol SIMPAN

Selesai...

Sekarang lihat pada halaman blog anda. di sana akan terdapat Gadget Recent Post yang barusan anda tambahkan. semoga bermanfaat dan salam sukses...

Cara Membuat gambar berada di sudut blog

ara Membuat gambar berada di sudut blog - Ketemu lagi dengan Tutorial terbaru ku hari ini, kali ini dengan Cara Membuat gambar berada di sudut blog. sebenarnya ini bukan khusu untuk gambar saja, melain kan bisa untuk script iklan, seperti google, adsensecamp atau kumpulblogger. yang bisa anda tampilkan di sana. cara membuatnya ikuti langkah di bawah ini.

Login ke blogger

Klik Rancangan

Add Gadget kemudian pilih HTML/JavaScript

Kemudian Copy dan pastekan kode di bawah ini ke dalam nya

<style type="text/css">

#iklanjaya {

position:fixed;_position:relative;bottom:0px; right:0px;

clip:inherit;

_top:expression(document.documentElement.scrollTop+

document.documentElement.clientHeight-this.clientHeight);

_left:expression(document.documentElement.scrollLeft+

document.documentElement.clientWidth - offsetWidth); }

</style>

<div id='iklanjaya'>



<script src="http://adsensecamp.com/show/?id=%2FGX4XWN0YpA%3D&cid=xoxibs15%2BiU%3D&chan=BKQPkAzHWEQ%3D&type=1&title=3D81EE&text=000000&background=FFFFFF&border=FFFFFF&url=2BA94F" type="text/javascript">

</script>


</div>

Ganti kode yang berwarna merah dengan kode iklan atau script gambar anda di sana

Kemudian Simpan

Selesai....

Semoga bermanfaat dan salam sukses....

Cara Menambah Recent Comments Blogger

ara Menambah Recent Comments Blogger - Ketemu lagi dengan artikel terbaru dari Karya Anak Kidoel hari ini. kali ini dengan tutorial blogspot. tutorial kali ini yaitu Cara Menambah Recent Comments Bawaan Blogger. Sebelum nya saya pernah post tentang Recent Comment by J_Putra (klik untuk melihatnya). Nah Barangkali anda sering menemukan di blog teman atau blog lain Recent Comments bawaan blogger ini. tapi anda tidak tahu cara membuatnya. di mana Recent Comments ini akan menampilkan siapa saja yang akan berkomentar di post artikel blog kita. jika anda berminat ingin menambahkan gadget ini sangat lah mudah. ikuti langkah-langkah di bawah ini.

Login dulu ke blogger

Kemudian klik Rancangan

Tambah Gadget

Pilih Menu Unggulan di bawah Menu Dasar-dasar yang terletak di kiri atas

Kemudian geser mouse anda ke bawah cari gadget yang tulisan nya Blogger Recent Comments

Kalau sudah ketemu klik icon tambah (+)

Anda akan di bawah ke halaman baru, disana silahkan anda Seting judul, tinggi, jumlah komentar, dan Ringkasan yang anda butuhkan

Jika sudah Simpan

Selesai...

Jika langkah di atas sudah anda lewati dengan benar. seharus nya Recent Comments tersebut akan tampil di halaman blog anda. tapi perlu di ingat Recent Comments akan tampil jika anda suda memiliki komentar di artikel blog anda. semoga membantu dan salam sukses...

Pasang recent comment widget by J_Putra

ebelumnya saya pernah posting artikel ini yaitu recent comment bawaan dari blogger. Dari kemauan untuk belajar, kemaren saya mencoba membuat recent comment buatan sendiri, akhirnya berhasil juga. nah biar bisa di konsumsi para blogger langsung saya posting aja.Bagi yang berkenan recent comment buatan saya ikuti langkah-langkah di bawah ini:

Berikut langkah-langkah cara pasang recent comment widget by J_Putra

Log in dulu ke blogger

Pilih Tata letak

Elemen laman pilih tambah gadget

kemudian pilih gadget HTML/java script

Lalu copy paste kode dibawah ini ke dalam gadget yang anda pilih tadi

<script style="text/javascript" src="http://recent.googlecode.com/files/recent%20comment.txt"></script><script style="text/javascript">var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 100;</script><script src="http://ucu-syarief.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Kemudian simpan

Catatan :

http://ucu-syarief.blogspot.com ganti dengan URL Blog kamu (penting)

var numcomments = ini adalah jumlah comentar yang ditampilkan

showcommentdate = ini untuk menampilkan tanggal commentar jika anda tidak menginginkannya ganti "true" dengan "false"

var showposttitle = ini untuk menampilkan judul artikel yang di commentar, jika tidak menginginkannya ganti "true" dengan "false"

var numchars = ini menunjukan jumlah hurup commentar yang ditampilkan anda bisa mengganti dengan jumlah yang anda inginkan

Selamat mencoba.................

TAMBAH TOMBOL SHARE TWITTER DAN FACEBOOK Cara membuat icon share facebook dan twitter ke dalam blogspot

AMBAH TOMBOL SHARE TWITTER DAN FACEBOOK Cara membuat icon share facebook dan twitter ke dalam blogspot - Ketemu lagi dengan artikel terbaru dari Karya Anak Kidoel hari ini. kali ini dengan Tutorial Blogspot, yaitu Cara menambah Share IT twitter dan Facebook ke dalam bloggger. mungkin anda sering melihat di blog teman atau blog lainnya tombol share it twitter dan FB tersebut, tapi tidak mengerti cara menambahkannya ke dalam blog anda. berikut ini cara-cara menbahkan aplikasi tersebut ke dalam blog anda.

Login ke blogger

Klik Rancangan

Tambah Gadget

Pada halaman yang muncul pilih Menu Unggulan di bawah menu Dasar-dasar di kanan atas

Kemudian geser mouse anda ke bawah dan cari bacaan Share it

Klik tanda (+)

Kemudian Ganti judul jika ingin menggantinya dan ubah ketinggiannya yang anda inginkan

Kalau sudah simpan gadget tersebut

Selesai.....

Semoga artikel di atas bermanfaat buat sobat dan salam sukses...

CARA MEMBUAT IKLAN POP UP (MELAYANG) Tutorial Menambah Aplikasi Iklan Pop UP atau iklan melayang di blogspot

ARA MEMBUAT IKLAN POP UP (MELAYANG) Tutorial Menambah Aplikasi Iklan Pop UP atau iklan melayang di blogspot - Ketemu lagi hari ini dengan artikel terbaru dari Karya Anak Kidoel hari ini. Artikel kali ini adalah Cara Membuat Tampilan Iklan Pop UP (Melayang) di blogger. ini sangat mudah untuk anda buat. hanya sedikit menambah kode ke dalam blog anda. anda penasaran, berikut ini cara-caranya.

Login terlebih dahulu ke blogger

Kemudian klik tambah gadget

Pilih HTML/JavaScript

Copy dan Pastekan kode di bawah ini ke dalam nya

<style>

#topbar {

height:30px;

width:auto;

background: #005094 url('http://lh3.ggpht.com/_beEpWOXwLJE/TIb57Lu4fwI/AAAAAAAABE0/q7niFVRbyNE/top-toolbar.jpg');

background-repeat:repeat-x;

text-align:left;

padding-top:4px;

}

#adsground {

height:auto;

margin:0 auto;

width: 728px;

background:#fff;

border-bottom:2px #005094 solid;

border-right:2px #005094 solid;

border-left:2px #005094 solid;

text-align:Center;

padding:4px;

}

#headlineatas {

opacity:1.0;

height:auto;

width:auto;

position:fixed;

top:65px;

left:170px;

border-bottom:1px #005094 solid;

border-bottom:0px blue solid;

color:#333;

padding:0px;

z-index:1001;

font-size:13px;}

</style>

<script type="text/javascript">

function getValue()

{

document.getElementById("headlineatas").style.display = 'none';

}

</script>

<div id="headlineatas">

<div id="topbar">

<img align="left" style="padding-left:2px;" src="http://icons.iconarchive.com/icons/deleket/folder/24/Mozilla-Thunderbird-icon.png" />

<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em">Space Ads</span>

<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:3px;padding-right:10px"><a href="http://submitbookmarker.com" target="_blank" onclick="getValue()">close</a></span>

</div>

<div id="adsground">

<h3>Sponsor Ads </h3>

<p align="left"><h3></h3></p>

<p>

<script src="http://kumpulblogger.com/scahor.php?b=75524&onlytitle=1" type="text/javascript"></script>
<br/></p></div></div>

Kemudian simpan

Ganti Kode yang di beri hurup warna merah di atas dengan kode iklan yang anda inginkan.

Selesai...

Semoga artikel singkat di atas bermanfaat buat anda semua dan untuk mempercantiknya lagi anda bisa mengeditnya sendiri. salam sukses....

Cara membuat iklan pop up (melayang) pada blog, memasang iklan pop up di blogspot. tutor membuat iklan melayang pada blog, langkah menambah aplikasi iklan pop up atau melayang pada blospot, cara memasang iklan pop up melayang.

MEMBUAT WIDGET POSTINGAN TERAKHIR DI BLOGGER Cara menambah gadget Recent Post di blogspot

EMBUAT WIDGET POSTINGAN TERAKHIR DI BLOGGER Cara menambah gadget Recent Post di blogspot - Ketemu lagi hari ini dengan artikel terbaru dari Karya Anak Kidoel. Artikel kali ini adalah dengan Tutorial BLogspot yaitu Cara Membuat widget postingan terakhir di blogger atau sering di sebut dengan Recent post. dimana widget recent post atau postingan terakhir ini akan bergerak dari atas ke bawah, tentunya ini akan menjadi daya tarik sendiri untuk blog kita. sebenarnya ini adalah menjawab salah satu pertanyaan teman kita di kotak komentar blog ini.

cara membuat model Archives & Postingan Terakhir seperti di blog saranghenamja.blogspot.com, gimana ya??? Ksi tau donk cara nya... Krim ke email aku ya... chelmi blablabla.com

Pliz,,, atau posting kan cara nya di blog anda...

Semoga adanya artikel ini menjawab pertanyaan teman tersebut. untuk membuatnya sangat lah mudah. berikut ini caranya.

Login terlebih dahulu ke blogger

Kemudian klik tambah gadget

Pilih HTML/JavaScript

Copy dan Pastekan kode di bawah ini ke dalam nya

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

<style type="text/css" media="screen">



</style>

<script language='javascript'>

imgr = new Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";

showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = "http://ucu-syarief.blogspot.com/";

limitspy=4

intervalspy=4000

</script>

<div id="spylist">

<script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script>

</div>

Kemudian simpan

Jangan lupa ganti alamat http://ucu-syarief.blogspot.com yang bertulisan hitam tebal di atas dengan alamat blog anda.

Selesai...

Sedangkan Untuk membuat archives nya itu memang sudah bawaan dari blogger. itu bisa anda tambahkan melalui Rancangan > Tambah gadget > Arsip Blog > Seting kemudian Simpan.

Semoga tutorial di atas bermanfaat buat anda semua dan salam sukses...

Cara membuat postingan terakhir di blog, langkah memasang postingan terakhir di blogspot, tutorial menambah post terakhir pada blog, post terakhir tutorial, langkah membuat postingan terakhir pada blog.

CARA Menambah efek tulisan miring pada link yang terdapat pada blogspot

ARA Menambah efek tulisan miring pada link yang terdapat pada blogspot - Ketemu lagi dengan artikel baru dari Karya Anak Kidoel. post kali ini berkaitan dengan tutorial blogspot, semoga ini bisa membantu teman yang lagi mencari tutor blogspot tentang cara menambah efek tulisan miring pada link blogger. sebenarnya ini sudah banyak yang di poskan pada blogger lain, tapi alangkah lebih baik nya saya post artikel ini di sini, untuk memperlengkap tutorial yang ada. berikut ini caranya.

Login ke blogger

Klik Rancangan

Edit HTML

Cari kode a:hover {

Jika sudah ketemu anda tambah kode di bawah ini ke dalamnya seperti

font-style:italic;

jika kita tambahkan akan seperti

a:hover{
font-style:italic;
...}

Jika sudah di tambahkan Simpan template anda

Sekarang lihat halaman blog anda dan letakkan mouse anda pada tulisan yang terdapat linknya.

Selesai....

Semoga artikel singkat di atas bermanfaat buat anda semua dan salam sukses...

Cara membuat efek garis bawah pada url atau link pada blogspot

ara membuat efek garis bawah pada url atau link pada blogspot - Sudah lama juga nih Karya Anak Kidoel nggak post artikel yang berkaitan dengan Tutor Blogspot. kali ini kita akan membahasnya yaitu bagaimana cara menambah efek garis bawah pada link di blogger kita. di mana artikel sebelumnya (terakhir) saya membahas tentang cara menambah efek garis miring pada link blogger. berikut ini cara membuat efek garis bawah tersebut.

Login ke blogger

Klik Rancangan

Edit HTML

Cari kode a:hover {

Jika sudah ketemu anda tambahkan kode di bawah ini ke dalamnya

text-decoration:underline;

Jika kode tersebut sudah di tambahkan akan seperti ini

a:hover{
text-decoration:underline;
...}

Simpan tamplate anda

Selesai....

Sekarang lihat halaman blog anda dan letakkan mouse anda pada tulisan yang terdapat linknya. jika langkah di atas sudah benar anda terapkan akan nampak perubahan. semoga tutor blogspot di atas bermanfaat buat anda semua dan salam sukses...

Cara membuat efek garis bawah pada blog, menambah garis bawah di blogspot, tutor memasang garis bawah pada link blog, garis bawah tutorial, langkah membuat garis bawah pada blog.

Cara menampilkan kategori berdasarkan nama label di blogspot "Tutorial blogspot"

ara menampilkan kategori berdasarkan nama label di blogspot "Tutorial blogspot" - Ketemu lagi dengan artikel terbaru dari Karya Anak Kidoel. kali ini kita akan membahas cara menampilkan kategori pada blog muncul berdasarkan label yang kita buat. misalnya anda memiliki post yang labelnya Berita, selebriti dan yang lainnya. anda ingin menambah widget tersebut dengan artikel terbaru yang tampil dengan nama label yang sama, misalnya label selebriti jadi artikel yang bersangkutan dengan label selebriti tersebut yang akan tampil. jika anda tertarik untuk membuatnya berikut ini caranya. Baca juga Menambah efek garis bawah pada link blogspot.

Login pada blogger.

Klik Rancangan.

Kemudian cari gadget Feed klik tanda (+) untuk menambahnya.

Kemudian masukkan alamat feed. lebih kurang seperti ini

http://alamatbloganda/feeds/posts/default/-/namalabel?orderby=updated

Ganti alamatbloganda itu dengan url blog yang anda miliki, dan untuk namalabel ganti dengan nama label yang ingin anda tampilkan.

Kemudian atur pengaturan yang ada disana yang anda perlukan.

Jika sudah simpan template anda.

Sekarang lihat hasilnya.

Semoga artikel singkat di atas bermanfaat buat sobat semua dan salam sukses...

cara menampilkan kategori berdasarkan nama label di blog, tutorial membuat kategori berdasarkan nama label, cara memasang widget kategori muncul berdasarkan nama label, kategori berdasarkan nama label tutor pada blogspot.

Memasang Readmore otomatis

Memasang Readmore otomatis bukan lah sesuatu hal yang baru di dunia blogger. tapi saya tak akan melewatkan article yang satu ini untuk memperlengkapkan tutorial di web ini. biar lebih complate dan nggak membuat pengunjung mencari-cari di lain tempat. kembali ke topik pembahasan kita. Memasang Readmore otomatis sangatlah bermanfaat. selain membuat blog kita rapi tanpa adanya article yang panjang, dan pastinya sangat membantu saat kita memposting article baru. loh kok bisa??? iya pasti bisa karna kita nggak perlu susah-susah harus menambah kode HTML saat kita memposting article baru. ada juga manfaat lain dari readmore ini yaitu akan memenggal article kita dan menyusun rapi image(gambar) yang kita tambah ke article secara otomatis. bagi yang berkenan dan ingin menerabkan article ini ikuti langkah-langkah dibawah ini:

Berikut langkah-langkah menambah Readmore Otomatis di blog anda:

Log in dulu ke blogger

Tata letak

Edit HTML

Download tamplate anda terlebih dahulu untuk mengatasi hal yang tidak di inginkan

Kemudian kasi tanda centang di "Expand Tamplate Widget"

Setelah itu cari kode </head>

Letak kode dibawah ini persis dibawah kode di atas

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

Anda bisa merubah Summary_noimg untuk tinggi article terpenggal tanpa image dan summary_img untuk tinggi artikel yang terpenggal dengan image

Setelah itu cari kode <data:post.body/> atau <p><data:post.body/></p>

Kemudian ganti kode tersebut dengan kode

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb
("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>»»  READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Setelah itu simpan tamplate anda dan lihat hasilnya.

Selamat mencoba.........

cara membuat Readmore otomatis di blog, cara menambahkan Readmore otomatis pada blogspot, langkah memasang Readmore otomatis, tutorial Readmore otomatis, panduan membuat Readmore otomatis di blog, Readmore otomatis tutorial, artikel terpenggal otomatis di blog.

Cara memasang Readmore Otomatis 2 di blogspot "Tutorial blogspot"

Catatan:

var thumbnail_mode = "float"; (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)

summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)

summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)

img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)

img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)

Semoga artikel diatas bermanfaat buat sobat semua dan selamat mencoba, salam sukses...

Cara memasang Readmore Otomatis 2 di blogspot , pasang readmore otomatis, tutorial membuat readmore otomatis pada blog, langkah menambah readmore otomatis pada blogger, readmore otomatis tutorial, readmore otomatis versi terbaru, penggal artikel blog secara otomatis, script readmore otomatis pada blog.

Cara menambahkan Title pada Judul postingan blogger "Tutorial Blogspot"

ara menambahkan Title pada Judul postingan blogger "Tutorial Blogspot" - Ketemulagi nih dengan Tutor Panduan sukses blogger. kali ini yang kita bahas adalah cara membuat title pada judul postingan kita di blogger. di mana link post tersebut terdapat title nya. yang di maksud dengan title di sini adalah ketika sebuah link apa bila kita sorot dengan mouse komputer akan tampil / keluar sebuah tulisan kecil. agar lebih mudah di mengerti coba anda geser mouse komputer anda pada judul post ini. di sana akan terdapat tulisan kecil yang tampil. mungkin anda berminat untuk menambahkannya, berikut ini caranya. Baca juga Tambah Gambar samping judul Posting dan Menambah bakcground di judul article.

Login ke blogger

Klik Rancangan > Edit HTML

Kemudian centang kotak kecil yang bertuliskan Expand Template Widget

Kemudian cari kode

<a expr:href='data:post.link'><data:post.title/></a>

Kalau sudah ketemu hapus kode tersebut, kemudian ganti dengan kode di bawah ini

<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>

Lalu cari kembali kode seperti

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

Hapus kode tersebut lalu ganti dengan kode ini

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

Kemudian klik tombol simpan tamplate.

Selesai, sekarang silahkan lihat hasilnya.

Semoga artikel di atas bermanfaat buat sobat semua dan salam sukses...

Cara menambahkan Title pada Judul postingan blogger "Tutorial Blogspot", tutorial menambahkan Title pada Judul postingan blogger, langkah membuat title pada judul postingan blogspot, trik memasang title pada judul postingan blogspot, tips membuat title pada judul postingan blogspot, tambah title pada judul postingan blogspot, title pada judul postingan blogspot.

Menambah Gambar di samping judul Posting

Menambah gambar di samping judul menarik juga. untuk mempercantik tampilan posting kita. gi mana si bentuk nya? nah anda dapat lihat setiap postingan saya. disana terdapat gambar saya.

Caranya ikutin langkah-langkah di bawah ini

Cari atau buat gambar yang kamu inginkan (ukuran kira- Kira 20 x 20 pixel),

Upload gambar tersebut di situs upload gambar gratis seperti Picasa, PhotoBucket, ImagesHack, dll,

Setelah selesai, copy atau catat URL gambar kamu,

Masuk ke account blogger kamu,

klik "Layout" kemudian klik "Edit HTML",

Centang "Expand Widget Templates",

Carilah tag yang mempunyai atribut class="post-title",

Tambahkan kode di bawah ini setelah tag tersebut:

<img src="urlgambarkamu.png" height="20" border="0" style="margin:0px;padding:0px;border:0px;float:left" />

jangan lupa ganti kode yang berwarnah merah dengan url gambar kamu

Kalau kamu tidak dapat kode class="post-title",tambahkan kode di atas di samping kiri semua tag <data:post.title/>,

Sesuaikan ukuran gambarnya dengan mengubah atribut height pada kode di atas.

Selamat Mencoba............

Cara menambah icon di samping judul post, cara membuat icon di samping judul post, tutorial menampilkan gambar di samping judul post pada blogger, langkah membuat gambar samping judul post di blog.

Cara menghilangkan link referral di Iklan banner

Ada kabar gembira ni buat sahabat yang hoby nya mencari Rupiah atau pun dollar di bisnis online. Termasuk saya sendiri. kabar gembira itu ya tentunya nggak jauh dari judul post yang saya bahas hari ini. pasti bingungkan apa kaitannya dengan artikel ini. berikut anda simak penjelsan saya di bawah ini.

Dimana-mana sekarang ini kita lihat marak nya bisnis online yang bermacam ragam. salah satunya bisnis online yang memakai sistem referral. kita lihat di situs iklan mau pun di blog milik mereka pribadi atau pun di blog para blogger, banyak terdapat iklan banner yang terpampang di sidebar maupun di tempat lainnya. dimana setelah kita meletakkan mouse di sana akan terlihat link referral yang beratas kan nama si A atau si B. ini tanpa kita sadari, kebanyakan pencari bisnis online akan malas untuk mengunjungi alamat dari link referral di banner tersebut.Nah jalan keluar nya kita Menghilangkan link referral yang terdapat pada iklan banner kita. mau tahu gimana caranya.

Perhatikan iklan banner di bawah ini dan letakkan kursur mouse anda dan klik kanan kedua-dua banner tersebut pasti beda hasilnya.

banner yang linknya kelihatan

banner yang linknya tidak kelihatan

Nah untuk membuat nya lihat contoh di bawah ini.

Banner yang menampil kan link referral

<a href="http://adsensecamp.com/?ref_id=18639" title="Adsense Indonesia"><img src="http://adsensecamp.com/images/banner/full-smile.jpg" alt="Adsense Indonesia" width="125" height="125" border="0" /></a>

Berikut ini Banner yang tidak menampilkan link referral

<a onclick="window.open('http://adsensecamp.com/?ref_id=18639'); return false;" target="_blank" title="Iklan PPC yang terpercaya" style="cursor: pointer;"><img src="http://adsensecamp.com/images/banner/full-smile.jpg" style="width: 125px; height: 125px;" alt="Adsense Indonesia" title="Iklan PPC yang terpercaya" border="0" style="cursor: pointer;" /></a>

Nah untuk membuat nya anda copy paste kode di atas dan jangan lupa ganti dengan Url referral anda dan alamat Url image bisnis anda yang tulisan berwarna merah.

Nah sekarang pengunjung tidak ragu lagi untuk mengklik iklan banner anda, sedikit menipunya. hehehe salam sukses.......

cara menghilangkan link referral di Iklan banner, link referral di Iklan banner tidak kelihatan, hidden link referral di Iklan banner, tutorial menghapus link referral di Iklan banner.

Cara menghapus iklan banner yang terinstal di template blogger "Tutorial Blogspot"

ara menghapus iklan banner yang terinstal di template blogger "Tutorial Blogspot" - Ketemu lagi dengan tutorial Karya Anak Kidoel hari ini. kali ini kita akan membahas cara menghapus atau menghilangkan iklan banner yang terinstal di template blog yang anda pakai. Terkadang jasa penyedia template, mereka menginstal iklan banner pada template yang mereka buat. ini bertujuan untuk meningkatkan pembelian pada bisnis yang di ikutinya, atau bisa saja untuk meningkatkan visitor pada blog atau web yang mereka miliki. tetapi kebanyakan orang tidak menginginkan hal tersebut. mungkin saja mengganggu keindahan blog mereka. nah untuk menghapusnya anda bisa mengikuti langkah-langkah yang di bawa ini. Baca juga Cara menghilangkan link referral di Iklan banner.

Langkah pertama yang harus anda lakukan adalah.

Cari tahu link banner atau link tautan terlebih dahulu, caranya

Letakkan mouse anda pada banner yang terinstal di template anda yang ingin anda hapus tersebut.

Kemudian klik kanan, copy link gambar atau copy alamat tautan

Jika sudah linknya di dapatkan pastekan dulu pada notepad atau tempat lain nya. agar mudah di copy lagi. jika sudah, ikuti langkah yang keduanya.

Langkah kedua cara menghapus banner tersebut.

Login ke blogger

Klik Rancangan

Kemudian Edit HTML

Centang kotak kecil kanan atas "Expand Template Widget"

Agar mudah dalam pencarian kode iklan yang kita copy di Langkah pertama tadi Tekan tombol Ctrl + F (Tekan tombol Ctrl dan tahan lalu tekan tombol F).

Pada kotak yang muncul pastekan link gambar atau link alamat tautan yang kita dapatkan tadi pada langkah pertama.

Kemudian tekan Enter.

Jika sudah ketemu hapus kode tersebut, biasanya kode lengkap untuk iklan banner kurang lebih berbentuk seperti di bawah ini

<a href="http://adsensecamp.com/?ref_id=18639" title="Adsense Indonesia"><img src="http://adsensecamp.com/images/banner/full-smile.jpg" alt="Adsense Indonesia" border="0" /></a>

Untuk alamat link tautan dan alamat link gambar yang garis miring akan berbeda dengan yang anda miliki.

Jika ketemu hapus kesemua kode tersebut.

Simpan template anda

Selesai......

Sekarang lihat hasilnya. semoga post singkat di atas bermanfaat buat sobat semua dan salam sukses...

Cara menghapus iklan banner yang terinstal di template blogger "Tutorial Blogspot", cara menghilangkan iklan banner yang terinstal di template blog, langkah menghapus iklan banner yang terinstal di template blogger, tutorial menghapus iklan banner yang terinstal di template blogger.

Suka Pendidikan

Berita Yang Disukai Terkini