Tiara Tutorial Blogspot

Cara menggunakan Web Fonts

noreply@blogger.com (Unknown) — Sun, 17 Apr 2011 05:32:00 +0000

Cara membuat blog lebih kreatif adalah incaran semua blogger, agar pengunjung lebih bertahan lebih lama, disamping dengan memasang jam, silahkan baca panduan memasukkan jam dinding ke dalam blog. anda juga bisa menggunakan cara ini, yaitu mengganti model huruf, biar kelihatan paling beda degnan blog lain. tentu hal ini tidak menambah ranking blog naik atau lebih berseo hanya aksesori belaka. Tapi tentu kelihatannya akan lebih keren Lho.

Dalam template blogspot, google web fonts otomatis dapat di load melalui Rancangan (Design)→“Perancang Template” Untuk dapat menggunakan fitur ini, template blog Anda harus memiliki elemen variable definitions, contoh:

   <Variable name="bodyfont" description="Body Text Font"
type="font" default="normal normal 80% Georgia, Serif"

value="normal normal 80% Georgia, Serif">
<Variable name="outerfont" description="Outer Text Font"
type="font" default="normal normal 100% Georgia, Serif"

value="normal normal 100% Georgia, Serif">

Bagaimana jika tanpa variable definitions?
Silakan kunjungi WebFont Loader di Google Font API (Application Programming Interface) untuk mengetahui keterangan selengkapnya. Selanjutnya, masukkan script berikut di atas </head>.

<script type="text/javascript">
WebFontConfig = {
google: { families: [ 'Tangerine', 'Cantarell' ] }
};
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})();
</script>

Ganti kode script yang berwarna merah dengan google web fonts yang Anda gunakan.

Kemudian tambahkan CSS (Cascading Style Sheet) seperti yang tampak di bawah ini, bermanfaat apabila koneksi sedang ‘lemot’. Letakkan di atas ]]></b:skin>.

      .wf-loading p {
font-family: serif;
}
.wf-inactive p {
font-family: serif;
}
.wf-active p {
font-family: 'Tangerine', serif;
}
.wf-loading p {
font-family: serif;
font-size: 16px;
}
.wf-inactive h1 {
font-family: serif;
font-size: 16px;
}
.wf-active h1 {
font-family: 'Cantarell', serif;
font-size: 16px;
}

Ganti kode yang berwarna merah dengan google web fonts yang Anda gunakan.
Jika script tidak aktif (koneksi ‘lemot’) maka akan ditampilkan font ‘serif’ dengan ukuran 16px.

Anda pun dapat mengganti nilai dari CSS tersebut, sesuai dengan keinginan Anda.

Cara Buat Link Siluman

noreply@blogger.com (Unknown) — Tue, 22 Mar 2011 23:45:00 +0000

Informasi untuk para blogger kali ini, sangat spektakuler. Karena tutorial yang satu ini pastinya baru bagi Tiara sendiri. Yaitu link siluman. Mengapa kok ambil namanya ink siluman, karena link tersebut tidak kelihatan. Biasanya setiap blogger sebelum klik selalu melihat link tersebut diarahkan kemana, kalau memang sesuai dengan tujuan baru di klik.

Link siluman ini, membuat apa saja yang kita beri link menjadi tidak kelihatan, link tersebut mau diarahkan kemana. Makanya saya namakan link siluman. Misalnya lihat kata belajar seo di bawah ini, maka anda tidak akan bisa mebebak. Sebenarnya apabila di klik link tersebut saya arahkan kemana. Coba saja

Dari berbagai cara untuk menaikkan traffik, maka seorang blogger menjadi sukses. Konon untuk menaikkan trafick blog, maka seorang blogger harus menguasai SEO. Caranya silahkan anda klik Belajar Seo

Nah untuk mendapatkan caranya, langkah utamanya adalah dengan meng-copy kode di bawah ini.

<a target="_blank" onclick="window.open('http://tsalma-blogtutorial.blogspot.com'); return false;" style="cursor:pointer;">tutorial blog</a>

Gantilah. Yang berwarna sesuai dengan arah link yang anda maksud, sedangkan ‘tutorial blog” adalah anchor text yang terlihat.

Selamat mencoba kawan

Tutorial Kreatif membuat Manu Horizontal

noreply@blogger.com (Unknown) — Fri, 18 Mar 2011 14:15:00 +0000

Template blogger tidak menyediakan menu horizontal karena itu banyak sekali para blogger share tentang menu horizontal ini, termasuk tsalma tutorial blog juga kali ini akan share tentang menu horizontal. Tujuan utama menu ini adalah agar para pembaca langsung tertuju kepada menu blog yang tersedia. Biasanya menu ini sangat berguna bagi blog untuk mengelompokkan kategori postingan yang sejenis.

Caranya dalah sebagai berikut, tapi jangan kaget karena agak panjang kodenya, langkah yang harus di tempuh adalah sebagai berikut

1. Login dengan akun blogger anda
2. Cari setting kemudian klik Edit HTML
3. Cari kode ]]></b:skin>
4. Copy kode di bawah ini, diatas kode ]]></b:skin>

/* navbar
================== */

#bg_nav {
background: #ffffff;
width: 850px;
height: 29px;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;/* navbar
================== */

#bg_nav {
background: #ffffff;
width: 850px;
height: 29px;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
color: #000000;
font-weight: bold;
margin: 0px auto 0px;
padding: 0px;
border-top: 1px solid #000000;
border-bottom: 1px solid #ffffff;
overflow: hidden;
}
#bg_nav a, #bg_nav a:visited {
color: #000000;
font-size: 11px;
text-decoration: none;
text-transform: uppercase;
padding: 0px 0px 0px 3px;
}

#bg_nav a:hover {
color: #000000;
text-decoration: underline;
padding: 0px 0px 0px 3px;
}

#navleft {
width: 500px;
float: left;
margin: 0px;
padding: 0px;
}
#navright {
width: 220px;
font-size: 11px;
float: right;
margin: 0px;
padding: 3px 5px 0px 0px;
}
#navright a img {
border: none;
margin: 0px;
padding: 3px 5px 0px 0px;
}

#nav {
margin: 0px;
padding: 0px;
list-style: none;
}
#nav ul {
margin: 0px;
padding: 0px;
list-style: none;
}

#nav a, #nav a:visited {
background: #ffffff;
color: #000000;
display: block;
font-weight: bold;
margin: 0px;
padding: 8px 15px 8px 15px;
border-left: 1px solid #ffffff;
}
#nav a:hover {
background: #c06000;
color: #000000;
margin: 0px;
padding: 8px 15px 8px 15px;
text-decoration: none;
}

#nav li {
float: left;
margin: 0px;
padding: 0px;
}
#nav li li {
float: left;
margin: 0px;
padding: 0px;
width: 150px;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #ffffff;
width: 160px;
float: none;
margin: 0px;
padding: 7px 30px 7px 10px;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
#nav li li a:hover, #nav li li a:active {
background: #c06000;
padding: 7px 30px 7px 10px;
}

#nav li ul {
position: absolute;
width: 10em;
left: -999em;
}

#nav li:hover ul {
left: auto;
display: block;
}
#nav li:hover ul, #nav li.sfhover ul {
left: auto;

untuk huruf yang di blocked itu, silahkan diganti sesuai dengan selera anda. OK
sekarang lanjutkan dengan mencari kode berikut ini dalam template kamu, di edit HTML.

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

Kalau sudah ketemu jangan hapus, biarin aja sampai tua he he he, lanjutakan langkahmu dengan, yaitu Copy kode berikut dan letakkan dibawah kode yang saya tandai merah atau seprti di atas.

<div id="bg_nav">

<div id="navleft">
<div id="nav">
<ul>
<li><a href="http://alamat_blog_kamu.blogspot.com/">home</a></li>
<li><a href="http://link_yang_dituju/">Add Link</a></li>
<li><a href="http://link_yang_dituju/">Add Link</a></li>
<li><a href="http://link_yang_dituju/">Add Link</a></li>
<li><a href="http://link_yang_dituju/">Add Link</a></li>
</ul>
</div>
</div>

<div id="navright">

<form action="http://Alamat_Blog_Kamu.blogspot.com/search" id="searchform" method="get" name="searchform">
<input id="s" name="q" type="text" value="" /> <input id="searchsubmit" type="submit" value="Cari" /></form>

</div>

</div>

Jangan lupa simpan

Tutorial Pasang Adsense di Bawah Header

noreply@blogger.com (Unknown) — Mon, 14 Mar 2011 14:05:00 +0000

Setelah kita daftar blog di bawah naungan domain blogspot, maka sudah waktunya kita pasang Adsense (iklan), Adsense adalah salah satu mesin penghasil dollar, apalagi kalau adsense google, ingin tahu lihat sejenak di blog review atau disamping blog ini. Bagi blogger memasang adsense adalah sebuah keharusan biar kita mendapat sedikit pemasukan. Meski tidak semudah membalikkan telapak tangan, untuk daftar silahkan klik adsense, tapi untuk adsense by google tidak support untuk blog yang berbahasa Indonesia, bedoa. Semoga bahasa Indonesia support di hari hari yang akan datang. Cara memasangya sebaiknya letakkan dit empat yang strategis, tempat yang diakui paling strategis adalah di bawah header, meski bukan aturan pakem.

Cara memasang adsense di bawah header adalah dengan cara menambahkan elemen, kalau memang template kita gak ada, tapi kalau template kita sudah ada ya tinggal add gadget/tambahkan gadget aja. Ok. Anggap aja gak ada elemen di bawah header, maka caranya adalah sebagai berikut:

1. klik tab "rancangan" atau design pada halaman dashbor
2. Klik Edit HTML/pengaturan HTML
3. Backup dulu untuk nyari aman, barangkali ada error
4. Carilah kode berikut, supaya cepat pakai ctrl+f kalau udah ketemu kode seperti ini:

<div id="header-wrapper">

<b:

section class="header" id="header" maxwidgets="1"showaddelement="no">

Gantilah angka 1 menjadi 2 dan "no" diganti menjadi "yes" kemudian simpan template anda, setelah itu lihat hasilnya. Untuk melihatnya apakah sudah sukses atau belum, caranya

Pada halaman Dashbor klik pengaturan/Design, terus elemen maka anda akan menemukan tambahan halaman widget. Gampang kan?, silahkan coba sendiri. Ok

Tutorial Mengganti Pavicon Sesuai Selera

noreply@blogger.com (Unknown) — Sun, 13 Mar 2011 23:55:00 +0000

Seorang blogger biasanya ingin memberikan inisial atau tampil beda dengan blog lainnya, dan untuk memberikan panorama tersendiri hal ini dirasa sangat penting, seperti memasang jam atau tampil dengan tulisan kapital bergaya koran dan lain sebagainya. Termasuk juga mengganti pavicon (icon)sesuai selera kita sendiri, kali ini tsalma tutorial akan memberikan triknya. Tidak sulit dan sangan tsederhana. Caranya buatlah gambar atau icon sesuai dengan selera anda, kalau di blog ini memakai simbol “w” yang penting ukurannya kecil maksimal 32px x 32px supaya loading blog tidak lemot. Lalu ikuti langkah berikut:

1. Buat gambar di photoshop atau office manager dll
2. Upload gambar tersebut di www.photobucket.com (kalau belum punya akun photobucket, silahkan daftar terlebih dahulu, gratis aja kok)
3. Kalau sudah ambil gambar link-nya. Kira kira seperti ini modelnya:

http://i658.photobucket.com/albums/uu305/mwiyono/dddd.jpg

4. Selanjutnya kita akan meletakkan kode tersebut dalam blog dengan cara sebagai berikut
5. Login dengan akun blogger anda
6. Klik Rancangan/Layout
7. Kemudian klik Edit HTML
8. Centang Expand Widget Template
9. Cari kode ]]></b:skin> anda masih ingat supaaya muda carilah pakai ctrl-F
10. Kalau sudah ketemu masukkan kode berikut, di bawah kode ]]></b:skin>

<link href='http://i658.photobucket.com/albums/uu305/mwiyono/dddd.jpg.' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Ganti URL yang berwarna Biru dengan URL gambar Anda.
11. Terakhir Save/Simpan Template. Selesai dan silahkan lihat hasilnya.
Atau bisa juga dengan cara yang lebih simpel dengan cara berikut:
1. Login dengan akun blogger anda
2. Klik rancangan
3. Cari kode </head>
4. Copy kode berikut ini, dan letakkan persis di atas kode </head>

<link href='http://i658.photobucket.com/albums/uu305/mwiyono/dddd.jpg' rel='shortcut icon'/>

ganti kode yang di blocked itu, dengan kode dari photobucket anda, kode tersebut adalah kode blog ini

Lalau save, saya yakin anda adalah orang yang suka tantangan, silahkan laksanakan (165)

Tutorial Upload Gambar di Dalam Postingan

noreply@blogger.com (Unknown) — Sat, 12 Mar 2011 14:29:00 +0000

Untuk mempercantik blog, biasanya seorang blogger membubuhkan gambar yang menarik di sudut atas, sehingga para mengunjung betah berlama lama dengan blog yang kita punya. Lamanya halaman terbuka juga menurut ahli blogger berpengaruh terhadap indeks blog di search engine goole. Karena itu blogger juga perlu koleksi gambar bagus untuk dipersembahkan kepada pengunjung, selain mempercantik dengan cara lain misalnya memasang jam di blog atau posting dengan gaya huruf capital di setiap postingan.

Kali ini Tsalma tutorialblog akan membagikan informasi tentang cara memanipulasi gambar sehingga gambar tersebut mempunyai link dan mempunyai tuah tersendiri bagi blog kita.

Sebelum upload gambar perkecil ukuran gambar dengan photoshop atau dengan picture manager agar tidak membebani loading blog. Kalau loading berat yang nunggu keburu kabur. Setelah itu posting artikel anda lihat saja panduan posting terlebih dahulu, kemudian di sana tersedian tool untuk mengunggah gambar, nanti kalau sudah di unggah maka akan ada dua hal yang perlu diperhatikan. Antara Edit HTML sama Compose, kalau kompose berupa gambar sedangkan kalau HTML akan berupa kode berikut sesuai dengan gambar

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaSSk-GbAzKtofsnCheh0E0jkCSAM1lkOhhTrPt02tK9u2Qbe07h1vmt2pZGAkc8ukZrotldn9d_om9lZ0Thvq7qzXt9sciQsTdrqcKoVaT6yMHshRr6YmbMPkQny-4FSdl66xSCSL8bE/s1600/tsalma-tutorial-blog.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaSSk-GbAzKtofsnCheh0E0jkCSAM1lkOhhTrPt02tK9u2Qbe07h1vmt2pZGAkc8ukZrotldn9d_om9lZ0Thvq7qzXt9sciQsTdrqcKoVaT6yMHshRr6YmbMPkQny-4FSdl66xSCSL8bE/s1600/tsalma-tutorial-blog.jpg" /></a>

Kode yag di blocked itu adalah kode gambar, jika ingin memberikan nama supaya, kursor yang menyentuh ada title/tulisannya maka tambahkan kode
.....alt=” tulis keterangannya di sini ” (ingat dengan membubuhkan titik atas dua seperti (“) kurungnya jangan disertakan ya. Misalnya kalau dalam blog ini gambar tersebut saya beri nama tiara goes to school maka kode tersebut akan berubah menjadi:

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaSSk-GbAzKtofsnCheh0E0jkCSAM1lkOhhTrPt02tK9u2Qbe07h1vmt2pZGAkc8ukZrotldn9d_om9lZ0Thvq7qzXt9sciQsTdrqcKoVaT6yMHshRr6YmbMPkQny-4FSdl66xSCSL8bE/s1600/tsalma-tutorial-blog.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaSSk-GbAzKtofsnCheh0E0jkCSAM1lkOhhTrPt02tK9u2Qbe07h1vmt2pZGAkc8ukZrotldn9d_om9lZ0Thvq7qzXt9sciQsTdrqcKoVaT6yMHshRr6YmbMPkQny-4FSdl66xSCSL8bE/s1600/tsalma-tutorial-blog.jpg" alt="tiara goes to school"/></a>

sedangkan untuk memberikan link pada gambar, seperti pada blog ini, ya besok akan kita posting lagi. Sekarang udah ngantuk he he he

Tampilan Konten Lebih Seksi dengan Readmore

noreply@blogger.com (Unknown) — Sat, 12 Mar 2011 02:16:00 +0000

Kalau sebelumnya Tiara telah memberikan informasi tentang cara posting dilengkapi juga dengan memberikan Tampil seksi dengan readmore, tapi posting tersebut kalau dari Edit HTML maka sekarang saat untuk memberikan informasi, bagaimana cara membat read more dengan menggunakan mode kompose. Hal ini sangat mudah bagi blogger pemula seperti saya, karena tool bar dalam postingan sudah disediakan sedemikian rupa sehinggga memudahkan kita untuk mempergunakannya, gak pakai susah menuliskan kode read more seperti ini.

Caranya simple, ikuti langkah berikut ;
1. Masuk dengan akun blogger anda
2. Kemudian klik New Posting
3. Pilih kompose
4. Postinglah artikel yang telah anda siapkan sebelumnya
5. Langkah selanjutnya adalah :
Ditengah penggalan alenia atau artikel tersebut, letakkan kursor anda
6. Kemudian klik tombol insert jump break gambarnya adalah seperti ini

Contohnya:

Tiara Blog tutorial akan memberikan informasi cara mudah membuat readmore di template blogger. Kalau di tempalte hasil download atau template gratisan mungkin aga berbeda. Fokus tiara tutorial adalah membahas pernak pernik blog dengan menggunakan template baru dari blogger. Kemudian letakkan kursor dan klik logo seperti ini

Sebenarnya Tiara tutorial blog juga meyakini bahwa, asalkan kita pandai untuk men-setting tampilan template, dan memberikan pernak pernik yang telah tersedia, seperti recent post, recent comment, update twitter dan lain lainnya, saya kira sudah banyak tersedia.

Nanti akan terlihat seperti ini jadinya

--------------------------------------------------------------------------------

Kalau selesai langkah terakhir adalah Publish/Terbitkan entry

Tampil Posting Seksi dengan Readmore

noreply@blogger.com (Unknown) — Sat, 12 Mar 2011 01:42:00 +0000

Bagi seorang blogger menunjukkan postingan kerennya tentu hal yang lumrah dan biasa, untuk meningkatkan minat baca para visitor. Tiara Blog tutorial akan memberikan informasi cara mudah membuat readmore di template blogger. Kalau di tempalte hasil download atau template gratisan mungkin aga berbeda. Fokus tiara tutorial adalah membahas pernak pernik blog dengan menggunakan template baru dari blogger. Kalau ada postingan yang terlanjur tidak memakai readmore, silahkan baca re-edit posting terlebih dahulu

Langkah cara membuat read more adalah sebagai berikut:
1. Masuk dengan akun blogger anda
2. Kemudian klik New Posting
3. pilih Edit HTML
Kemudian langkah selanjutnya, penggal kata yang ingin anda perlihatkan kepada pembaca dengan menuliskan kode berikut :

Setelah itu penggalan kalimat selanjutnya bisa anda letakkan di bawahnya contoh

kemudian diantara penggalan kata dengan memasukkan kode di bawah ini:

tulisan sebelum kode

<!--more-->

Tulisan setelah kode

hasilnya adalah seperti ini:

Bagi seorang blogger menunjukkan postingan kerennya tentu hal yang lumrah dan biasa, untuk meningkatkan minat baca para visitor. Tiara Blog tutorial akan memberikan informasi cara mudah membuat readmore di template blogger. Kalau di tempalte hasil download atau template gratisan mungkin aga berbeda. Fokus tiara tutorial adalah membahas pernak pernik blog dengan menggunakan template baru dari blogger.

Sebenarnya Tiara tutorial blog juga meyakini bahwa, asalkan kita pandai untuk men-setting tampilan template, dan memberikan pernak pernik yang telah tersedia, seperti recent post, recent comment, update twitter dan lain lainnya, saya kira sudah banyak tersedia.

Tutorial Promosi Posting dengan Relasi Posting

noreply@blogger.com (Unknown) — Thu, 10 Mar 2011 14:01:00 +0000

Blogger kreatif, biasanya suka sekali menggoda pembacanya untuk membaca postingannya satu persatu, dengan memberikan link, dan juga dengan cara promosi posting melalui relasi posting. Hal ini sah sah saja, karena degnan demikian lebih memudahkan untuk mencetak kader blogger yang handal he he he (kaya orang hebat aja). Okay, yang terpenting adalah anda bisa promosi dengan blog, dan ketik pengunjugn datang, rekayasalah sedemikian rupa agar pengunjung tersebut berlama lama dengan blog anda, mau tahu caranya, diantara cara yang paling efektif adalah dengan menggunakan relasi posting, apalagi kalau blog bisnis.

Langkah yang ditempuh adalah sebagai berikut, seperti biasa yaitu

1. Masuk dengan akun blogger anda
2. pada menu dashbor Klik desain Layout lalu Klik Edit HTML
3. Klik Expand widget Template adanya di atas samping kiri
4. Lalu anda cari Kode ini :
<data:post.body></data:post.body>

kalau pingin cepat tinggal ctrl+f dan masukkan kode <data:post.body></data:post.body> pasti langsung ketemu deh
5. Copy kode dibawah ini, dan paste tepat dibawah kode di atas

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='similiar'>

<!-- ****Related Articles by Labels - Take Two*****-->

<div class='widget-content'>

<h3>Related Posts by Categories :</h3>

<div id='data2007'/><br/><br/>

<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;

var maxNumberOfPostsPerLabel = 4;

var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;

maxNumberOfLabels = 3;

function listEntries10(json) {

var ul = document.createElement(&#39;ul&#39;);

var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?

json.feed.entry.length : maxNumberOfPostsPerLabel;

for (var i = 0; i &lt; maxPosts; i++) {

var entry = json.feed.entry[i];

var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {

if (entry.link[k].rel == &#39;alternate&#39;) {

alturl = entry.link[k].href;

break;

}

}

var li = document.createElement(&#39;li&#39;);

var a = document.createElement(&#39;a&#39;);

a.href = alturl;

if(a.href!=location.href) {

var txt = document.createTextNode(entry.title.$t);

a.appendChild(txt);

li.appendChild(a);

ul.appendChild(li);

}

}

for (var l = 0; l &lt; json.feed.link.length; l++) {

if (json.feed.link[l].rel == &#39;alternate&#39;) {

var raw = json.feed.link[l].href;

var label = raw.substr(homeUrl3.length+13);

var k;

for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);

var txt = document.createTextNode(label);

var h = document.createElement(&#39;b&#39;);

h.appendChild(txt);

var div1 = document.createElement(&#39;div&#39;);

div1.appendChild(h);

div1.appendChild(ul);

document.getElementById(&#39;data2007&#39;).appendChild(div1);

}

}

}

function search10(query, label) {

var script = document.createElement(&#39;script&#39;);

script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;

+ label +

&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);

script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);

document.documentElement.firstChild.appendChild(script);

}

var labelArray = new Array();

var numLabel = 0;

<b:loop values='data:posts' var='post'>

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

textLabel = &quot;<data:label.name/>&quot;;

var test = 0;

for (var i = 0; i &lt; labelArray.length; i++)

if (labelArray[i] == textLabel) test = 1;

if (test == 0) {

labelArray.push(textLabel);

var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?

labelArray.length : maxNumberOfLabels;

if (numLabel &lt; maxLabels) {

search10(homeUrl3, textLabel);

numLabel++;

}

}

</b:loop>

</b:loop>

</script>

</div>

</div>

</b:if>

6. Bila sudah, Klik Save Template
kalau takut error, sebelum di paste, back up terlebih dahulu template anda.

kemudian sebagai penyempurna selera anda silahkan anda merubah angka tersebut, sesuai dengan kebutuhan anda.

Cobalah, jangan takut untuk mencoba.

Tutorial Pasang Jam Gratisan di Blog

noreply@blogger.com (Unknown) — Thu, 10 Mar 2011 07:53:00 +0000

Tidak menjadikan blog anda ber SEO atau meningkatkan traffick blog anda, tetapi hanya sekedar aksesoris gratis yang bisa anda dapatkan secara gratis, yaitu jam dinding ala blogger, situs yang menyediakan adalah http://www.clocklink.com. Saya kira tidak ada salahnya jika anda juga mencobanya, biar tahu waktu aja. :”waktu bagaikan pedang, kalau kau tidak pandai menggunakannya maka pedang tersebut akan memotongmu” jadi ceramah deh. Salma ini memang blogger ustadz kali ya.

Ayo ikuti langkah berikut, supaya anda tidak kebablasan kalau nge-blog.
login dulu, tentunya dengan id anda
1. Login dulu dengan akun anda
2. Kemdian klik setting atau layout
3. Klik page element
4. Klik add gadget/tambahkan gadget
5. Kemudian klik HTML/Java Script pastekan di sini kode yang akan anda dapat

Lalu bagaimana mendapatkan kode jam tersebut? Iya entar dulu jangan ngeyel apa…
Untuk mendapatkan kodenya iuti langkah berikut:

1. Silahkan anda buka situs penyedia jam di sini
2. Silahkan cari model sesukanya, borong dah semua jam dinding yang ada he he he
3. Kalau sudah yakit klik View HTML tag
4. Kemudian klik tombol Accept
5. Pilih zona waktu yang benar kalau jakarta/bangkok GMT +7:00
6. Set ukuran jam yang anda sukai di samping tulisan size
7. Tuliskan labelnya misalnya Indonesia raya kalau di blog ini terus klik update
8. Copy kode tersebut seperti langkah di atas, atau simpan dulu di noteped biar gak hilang.
Sudah jam berapakah sekarang….??? Kalau masih ada waktu kunjungi juga yang ini

Posting Artisitk dengan dua Kolom

noreply@blogger.com (Unknown) — Tue, 08 Mar 2011 14:54:00 +0000

Seorang blogger ingin tampil beda, tentu bukan suatu hal yang aneh, tetapi hal itu adalah bagian dari cara blogger untuk menarik para netter berlama lama dalam mengunjungi situs anda, selain pasang jam di blog atau tsalma-tutorialblog kini Tiara tutorial blog juga ingin berbagi info membuat tulisan dengan dua kolom, layaknya majalah atau koran.

Untuk membagi postingan dua kolom pada prinsipnya sama saja, tidak menambah ranking blog naik, tetapi lebih pada nilai artistik belaka, caranya adalah dengan membagi isi konten menjadi dua buah yang sama panjangnya agar nanti hasilnya lebih bagus, indah dan menarik. Untuk menambah ‘seksi’ tulisan tersebut gabungkan juga dengan tutorial membuat huruf capital pada huruf pertama.

Setiap kali anda posting maka tambahkan kode berikut ini, untuk melanggengkan kode tersebut, supaya tidak terus kopas, tinggal masukkan saja kode berikut post template, yaitu

1. Klik dashbor
2. Klik Setting
3. Formating cari post template pada bagian bawah. Ok
Ini kodenya

<table cellpadding="10" cellspacing="10"><tbody>
<tr> <td align="justify" valign="top" width="250"> Posting sisi kiri</td><td align="justify" valign="top" width="250"> Posting posisi kanan</td> </tr>
</tbody></table>

Contoh hasilnya adalah sebagai berikut:

Sudah semsetinya kita menyadari betapa hina dinanya diri ini, karena setiap hari menumpuk dosa tanpa ada taubat nasuha, taubat kita tak lebih hanya taubat sambal belaka, Mengapa, meski mengaku kapo tetapi mengulangi lagi.

Taubat nasuha adalah, taubat yang dilakukan sepenuh hati dan tidak mengulangi perbuatan tersebut untuk yang kedua kali, jika dosa tersebut terulangi maka Tuhan tentu enggan untuk mengampuni.

kode yang saya pasang adalah seperti di bawah ini:
<table cellpadding="10" cellspacing="10"><tbody><tr> <td align="justify" valign="top" width="250">Sudah semsetinya kita menyadari betapa hina dinanya diri ini, karena setiap hari menumpuk dosa tanpa ada taubat nasuha, taubat kita tak lebih hanya taubat sambal belaka. </td><td align="justify" valign="top" width="250">Taubat nasuha adalah, taubat yang dilakukan sepenuh hati dan tidak mengulangi perbuatan tersebut untuk yang kedua kali, jika dosa tersebut terulangi maka Tuhan tentu enggan untuk mengampuni.</td> </tr></tbody></table>

Keterangan :
• Cellpadding : jarak tepi kolom
• Cellspacing : jarak antara kolom;
• Width : lebar kolom;
• Align adalah perataan teks (bisa anda ganti, justify, left, right atau center); sesuai dengan selera sarimi anda
• Valign adalah perataan vertikal (top untuk atas, bottom untuk bawah dan middle tengah);

Silahkan anda coba, kemudian berikan komentar

Tutorial Singkat Posting di Blogspot

noreply@blogger.com (Unknown) — Tue, 08 Mar 2011 06:27:00 +0000

Setelah seorang blogger sukses daftar sub domain di blogspot, kerjaan yang selalu menunggu adalah posting artikel atau informasi baik lainny,a dan jangan posting yang porno porno, karena itu tidak mendidik dan malah berdosa, berdasarkan hadits : “barang siapa yang menunjukkan kepada kejelekan, kemudian diikuti oleh orang lain, maka dosanya akan mengalir terus”, waduh kok jadi “ndalil”. Mungkin tutorial singkat posting ini di blogspot ini harusnya di dahulukan sebelum postingan tutorial re-edit postingan, tapi tidak apalah namanya juga lupa.

Untuk posting, supaya tidak repot repot, sebaiknya siapkan terlebih dahulu artikel yang sudah ditulis di word atau mediaoffice lainnya (tentunya tidak hanya terbatas di office ya), yang nantinya akan di copy paste ke tab postingan di blog kamu. Karena kalau langsung ditulis di tab postingan justru tidak efektif, mengapa? Karena tab postingan sangat reaktif dengan semua bentuk ketikan. Tapi terserah anda sajalah

Langkah berikutnya adalah sebagai berikut:

1. Login dengan akun anda, kalau belum punya ikuti langkahnya di sini

2. Setelah pada jendela dashbor, klik posting baru atau new posting

3. Nah, di sisi kanan atas ada edit HTML dan Compose, klik yang edit HTML

4. Copy artikel yang tadi anda tulis di word

5. Isi label, misalnya blogging, money gunanya untuk mengelompokkan tulisan yang sejenis

6. Terbitkan/Publish

7. Selesai.. lihat hasilnya

Tsalma Tutial Blog juga perlu untuk sekedar memberi tahu tool bar pada postingan tersebut:

* Pilihan huruf, ukuran huruf, bold, italic (miring), warna dan lain lain tapi di blog dulu ya.

* Link untuk memberikan link pada kata yang dikehendaki, caranya tulisan yang di link (anchor text) di block terlebih dahulu kemudian klik link dan masukkan link kemana mau diarahkan, salah satunya dalam blog ini adalah seperti pada kata di sini yang saya arahkan ke posting lainnya.

* Gambar/video, tinggal letakkan kursor dimana gambar akan di letakkan, tapi gak usah cemas karena nanti bisa digeser dengan modah kok. Setelah klik gambar silahkan browse dari komputer anda. apa lagi selesaikan.. salam manis dari tiara fida salma salma blogtutorial

Tutorial Memasang Banner Facebook di Blogspot

noreply@blogger.com (Unknown) — Sun, 06 Mar 2011 18:38:00 +0000

Diantara mempercantik blog adalah memajang banner facebook di blogspot, tentu hal ini tidak baru lagi tetapi perlu juga tsalma tutorialblog untuk memberikan himbauan, agar semua blogger ikut serta memasang. Sebenarnya posting kali ini juga masih terkait erat dengan tutorial membuat menu scroll, maksudnya kode yang nanti di dapat bisa dikombinasikan dengannya. Perlunya memasang banner ini adalah suatu saat facebook yang saat ini menjadi mainan anak anak tersebut bakal bermanfaat bagi kita untuk marketing. Ngomong ngomong soal marketing tentu tidak jauh jauh amat dengan duit, pasti kamu mau kan nyari duit hanya modal klik.. he he he aku juga mau. Oke kawan ikuti langkah dari pak tutorial ini ya

• Sebelumnya silahkan masukkan alamat situs http://developers.facebook.com/plugins?ref=mf ke browser kamu

• Kemudian klik Like Button, kemudian ketemu dengan formulir (naik haji he he he)

• Isi formulirnya dengan lengkap, kemudian isi url to like dengan alamat blog kamu seperti http://tsalma-tutorialblog.blogspot.com

• Setelah selesai ambil kode degnan meng-klik get Code

Sampai sini ada pertanyaan??, selanjutnya anda sudah mendapatkan kode, copy paste kode tersebut dan simpan di notepad atau tidak juga gak apa apa

Setelah itu masuklah ke blog kamu

1. seperti biasa masuk dengan akun blogger-mu, kalau belum punya silahkan baca di sini

2. Klik Desain atau Setting

3. Klik tambah gadget (Add Gadget)

4. Dalam tab tersebut pilih HTML adanya di pojok jendela pop-up tersebut

5. Paste-kan kode yang telah di dapat dari FB tadi

6. Selesai, jangan lupa di save ya

Lihat bagaimana hasilnya selanat menikmati

Hal ini dimaksudkan agar orang yang membaca dan tertarik dengan ketampanan atau budipekerti anda, tentu bisa nge-track dari banner tersebut, sekali lagi ini untuk kebaikan bukan untuk hal hal yang jahat ya

Tutorial Mengetahui Tukang Komentar Tertinggi

noreply@blogger.com (Unknown) — Sat, 05 Mar 2011 14:10:00 +0000

Saling berkunjung untuk menambah backlink, buat meninglkatkan traffick blog kita adalah trik manjur, meski banyak cara lain yang bisa dipergunakan, tapi ingat ya banyak sekali blogger yang tidak menyadari ada banyak blogger lain yang sering komentar dan menjadikan blog anda menjadi kiblat (he he kiblat) karena itulah Tiara Tutorial blog akan membagi informasi penting ini

Salah satu cara untuk mengetahui siapa yang paling banyak memberikan sumbangsih komentar, maka dipandang perlu untuk posting hal ini, caranya

1. login dengan account blogger anda
2. Klik tata letak
3. Pilih elemen halaman
4. Tambah gadget
5. Pilihlah HTML/JavaScript

Copy kode di bawah ini, dan beri judul sesuai dengan selera mu

<script type="text/javascript">
    function pipeCallback(obj) {
    document.write('<ol>');
    var i;
    for (i = 0; i < obj.count ; i++)
    {
    var href = "'" + obj.value.items[i].link + "'";
    if(obj.value.items[i].link == "")
    var item ="<li>" + obj.value.items[i].title + "</li>";
    else
    var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
    document.write(item);
    }
    document.write('</ol>');
    }
    </script>
    <script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=a55cb97ebb368bb1b89b7f6bdeb35336&url=http%3A%2F%2NAMABLOGKAMU.blogspot.com&num=15&filter=rudy" type="text/javascript"></script>

Note :

tanda yang merah merah itu maksudnya bukan hari libur tetapi gantilah sesuai dnegan nama url anda (misal: tsalma-tutorialblog, kemudian angka menunjukkan, berapa jumlah yang akan anda tampilkan, sedangkan nama "rudi" untuk tidak menampilkan nama. tapi itu semua kan nggak penting yang penting adalah kita tahu siapa yang paling sering datang dan kunjungan baliknya harus berlanjut deh....Ok

Elegan Dengan Menu Dropdown

noreply@blogger.com (Unknown) — Fri, 04 Mar 2011 07:35:00 +0000

Sebenarnya blogger / blogspot ini, sudah mempunyai menu dropdown, tetapi hal itu berlaku otomatis untuk peng-arsipan, jadi kayak kantor gitu deh ada arsipnya, postingan lama tidak di tampilkan judulnya kecuali setelah di klik muncul dech… Nah tidak hanya blogger tetapi anda juga bisa, tentunya setelah mengikuti langkah langkah dibawah ini, terlebih lagi kalau menu tersebut ternyata kita inginkan untuk link ke konten atau blog kita yang lain. Sebenarnya agak mirip mirip tutorial menu scroll bar kegunaannya menurut salma blog tutorial sih

1. Login dengan akun blogger anda
2. Setelah pada jendela dashbor, klik Desain/Setting
3. Klik add gadget atau tambah gadget
4. Masukkan kode berikut:

Untuk anda yang memakai template baru, langkahnya lebih mudah yaitu :
1. login dulu, tentunya dengan id anda
2. Pilih layout/setting
3. Klik page element, cari element (kotak) yang bertuliskan Blog Archive
4. Klik Edit pada kotak Blog Archive tadi
5. Di samping tulisan Style ada beberapa radio button, pilih radio button yang bertuliskan Dropdown Menu dengan cara memberi tanda checklist
6. Klik Save Changes
7. Selesai
Kalau anda masih kurang puas dengan model yang di paket oleh blogger.com anda juga bisa dengan mengkombinasikan alamat link sebagai, dengan cara menambahkan kode-kode yang sudah ada di bawah nanti.

Langkah untuk memberikan link pada menu drop down adalah sebagai beriku:
1. Login dengan akun blogger anda
2. Setelah pada jendela dashbor, klik Desain/Setting
3. Klik add gadget atau tambah gadget
4. Masukkan kode berikut:

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected>tulis text-nya di sini</OPTION> 

<option value="isi dengan addres yang ingin di tuju">tulisan di sini yang akan muncul</option> </select></form> 

Sebagai contoh untuk menu Dropdown milik saya : 

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>

<option>-- salma tutorial --</option>

<option value=" http://tsalma-tutorialblog.blogspot.com/2011/02/tutorial-ganti-template-blog-orisinil.html">Ganti Template</option> 

<option value="http://tsalma-tutorialblog.blogspot.com/2011/02/tutorial-memilih-setting-dan-comments.html">setting Blog</option> 

<option value="http://tsalma-tutorialblog.blogspot.com/2011/03/tutorial-buat-recent-post-alternatif-di.html">Buat judul posting</option> 

<option value="http://tsalma-tutorialblog.blogspot.com/2011/03/tutorial-kreatif-untuk-memilih-kode.html">Kode Warna</option> 

<option value="http://tsalma-tutorialblog.blogspot.com/2011/03/tutorial-membuat-menu-scroll-di-sidebar.html">Menu scrol</option> 

</select></form> 

hasilnya adalah sebagai berikut:

kalau gak percaya ya coba aja

Tutorial Membuat Huruf Capital di Blogspot

noreply@blogger.com (Unknown) — Thu, 03 Mar 2011 13:26:00 +0000

logger membuat tulisan besar bergaya koran seperti ini, memang tidak berpengaruh terhadap traffick blog anda, tetapi yang namanya blogger itu suka yang aneh aneh dan unik unik kalau memang tulisan ini termasuk unik. untuk membuat gaya seperti ini tidak repot seperti membuat script warna tapi cukup simple dan tidak bertele tele. silahkan ikuti langkah langkah dibawah ini:

1. Login dengan blogger eccount anda
2. Pilih setting, kemudian klik Edit HTML.demi keamanan template silahkan download, atau kalau sudah yakin ya langsung aja. Tapi saya tetap sarankan di download dulu, kali aja nanti ditengah edit terus lampu mati. yups selanjutnya

copas kode berikut ini
/* Huruf Capita ala Koran
-------------------------- */

.capital {

float:left; 

color: #000000; 

line-height:80px; 

padding-top:1px; 

padding-right:5px; 

font-family:times; 

font-size:100px; 

}

float: letaknya
color: warnanya, untuk mencari warna silahkan klik di sini
line-height: Jarak baris
padding-top: Jarak dengan judul
padding-right: Jarak dengan teks disekelilingnya
font-family: Jenis huruf yang akan di pakai
font-size: Ukuran besar kecilnya huruf
}

cari kode ]]></b:skin>
untuk mencarinya biar mudah pakai ctrl+f kudian tulis ]]></b:skin> di jendelanya langsung akan mengarah ke yang di maksud. Kemudian copy paste kode di atas di atas kode]]></b:skin>
Jadi kira kira nanti akan terlihat seperti ini

.capital {

float:left;

color: #000000;

line-height:80px;

padding-top:1px;

padding-right:5px;

font-family:times;

font-size:100px;

}

]]></b:skin>

kemudian SIMPAN

cara pemakaian kode tersebut adalah sebagai berikut:, anak anak perhatikan ya... he he he

<span class="capital"> T </span> iara blog tutorial ingin memberikan sedikit hasil yang pernah di baca dan dipraktekkan dan ternyata benar adanya maka hasilnya adalah sebagai berikut

iara blog tutorial ingin memberikan sedikit hasil yang pernah di baca dan dipraktekkan dan ternyata benar adanya maka hasilnya adalah sebagai berikut, tapi blog ini tidak menggunakan size-font: 100px

Tutorial Kreatif untuk Memilih Kode Warna

noreply@blogger.com (Unknown) — Wed, 02 Mar 2011 06:44:00 +0000

Biasanya para blogger susah untuk mengingat kode warna karena itu saya memberikan kode warna buat anda, biar memilihnya gampang. Cara operasinya tinggal klik warna yang anga inginkan kemudian pilih warna mana yang anda suka. bisa untuk posting atau untuk bakcgraoud, mau merubah posting anda, Silahkan baca re-edit postingan

Silahkan pilih warna sesukamu, oiya samakan juga warna blog dan warna baju anda ya.. karena bakal ada lomba fashion for blogger

Tutorial Membuat Menu Scroll di Sidebar

noreply@blogger.com (Unknown) — Wed, 02 Mar 2011 05:48:00 +0000

Untuk mempercantik blog kita, maka ada banyak cara yang bisa dilakukan oleh blogger, karena dalam blogspot juga telah tersedian fitur pendukung untuk itu, tapi kurang nge-top kalau blogger hanya menggunakan fitur yang telah ada , karena bisa ditiru oleh blogger lainnya, kalau kemarin Tiara blog Tutorial memposting tentang tutorial buat recent post alternatif, maka sekarang saatnya anda kombinasikan dengan scroll.

Langkah-langkahnya adalah sebagai berikut :

1. Login dengan akun blogger anda
2. Pada dashbor klik setting
3. Kemudian tambah elemen
4. Pada tab elemen, klik tambah gadget (add gadget) dan pilih javasript
5. Copy kode dibawah ini dan letakkan pada tab yang tersedia

<select style size=5="font-weight: normal; font-size: 13px; width="135"; font-family: Verdana,Tahoma,Arial; background-color: rgb(229, 229, 229);" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1" name="menu">

<option style="font-weight: normal; font-size: 11px; color: rgb(204, 204, 204); font-family: Verdana,Tahoma,Arial;" value="" selected="selected"> Menunya Tiara  </option>

<option>  Siji  </option>

<option>  Loro  </option>

<option>  Telu </option>

<option>  Papat  </option>

</select>

</div>

kalau mau ganti ganti silahkan, bebas aja asal jangan merubah kode dasarnya, karena bisa jadi tidak akan muncul dalam postingan, oiya untuk postingnya pastingan pada tab Edit HTML (ada di atas sebelah kanan)
6. Selesai

contohnya adalah seperti di bawah ini
menu scroll dibawah ini

Menu ini bisa anda kombinasikan dengan gambar atau tulisan tulisan lainnya, Apalagi kalau anda faham denagan kode java script pasti bisa tok cer.

Tutorial Buat Recent Post Alternatif di Blog

noreply@blogger.com (Unknown) — Wed, 02 Mar 2011 04:02:00 +0000

Bagi blogger yang ingin menampilkan seluruh postingan blognya maka, blogspot menyediakan gadget tersendiri, sayangnya selama posting ini ditulis gadget tersebut hanya mampu menampilkan 25 posting, begitu juga di feedburner pada pilihan buzzbaz juga menampilkan maksimal 25 postingan, bagaimana dengan postingan yang lebih dari itu?, jangan nangis dulu, ada cara mudah dengan menambahkan script saja. Tidak usah buat script karena tiara-tutorialblog telah membuat postingan Tutorial Buat Recent Post Alternatif di blog untuk keperluan recentpost tersebut (judul posting) kalau belum punya blog silahkan baca ayo buat blog dengan subdomain blogspot

Okay… untuk yang tidak mau repot repot kode script dan ingin menghendaki hanya 25 postingan saja silahkan ikuti langkah berikut:

1. Login dengan akun blogger anda
2. Pada dashbor klik setting
3. Kemudian tambah elemen
4. Pada tab tambah elemen, klik tambah gadget
5. Cari recent post, buasanya ada pada halaman dua, atau lebih mudahnya klik saja fitur unggulan, coba cari disitu beratas-bawah dengan recent comment.
6. Klik dan selesa deh
7. Jreeeeng lihat hasilnya

Tapi kalau ingin menampilkan semua postingan ikuti langkah berikut ini:

1. Login dengan akun blogger anda
2. Pada dashbor klik setting
3. Kemudian tambah elemen
4. Pada tab elemen, klik tambah gadget (add gadget) dan pilih Javasript
5. Copy kode dibawah ini dan letakkan pada tab yang tersedia

</script>

var numposts = 100;

var showpostdate = true;

var showpostsummary = false;

var numchars = 1000;

</script>

</script>

tulisan yang bertanda merah ganti dengan url blog anda, kalau gak diganti ya gak apa apa tapi yang keluar blog tiara tutorial blog

6. Selesai

7. Jangan lupa ucapkan terimakasih dong dengan memberikan komentar di bawah ini

Untuk contoh hasilnya bisa anda lihat seperti di sini

Sekedar perhatian aja kepada anda, saya mau nanya anda udah makan siang atau belum, mungkin menu paling cocok buat anda ada di sini

Tutorial Menampilkan Kode HTML dalam Posting

noreply@blogger.com (Unknown) — Tue, 01 Mar 2011 08:20:00 +0000

Tiara Tutorial Blog berbagi informasi seputar tutorial untuk mencetak kader blogger yang handal, tidak hanya mengais dolar dan mendownload informasi, tetapi berbagi informasi juga dengan blogger pemula lainnya tentang Tutorial menampilkan kode HTML dalam posting, karena kalau anda ingin membuat blog tutorial seperti blog tsalma blogtutorial yang anda baca saat ini, tentu akan akrab sekali dengan posting kode html, kode ini tidak bisa dibaca jika hanya dengan modal copi paste, karena itulah kode html agar tampil dalam postingan harus di parse terlebih dahulu, untuk edit postingan biasa langsung saja baca tutorial re edit isi postingan

Untuk memparse kode html jangan dilakukan satu demi satu tetapi sudah ada fasilitas yang memberikan kode parse tersebut. Silahkan kunjugi http://centricle.com/tools/html-entities, lalu tuliskan atau copy paste kode-kode ingin anda posting tersebut.

Untuk memasukkan ke dalam postingan kopi paste ke tab postingan dalam kondisi tab html bukan kompose, oiya untuk memuadahkannya kode tersebut terletak si sudut kanan atas.

Setelah itu tinggal klik publish.. hasilnya jreeeeng berhasil kan???

<script src="http://tsalma-tutorialblog.blogspot.com/post-terakhir.js">

</script>

Hasilnya kemudian di copy dan dimasukkan ke dalam postingan, maka akan muncul sesuai dengan yang di harapkan. Oiya ingat anda harus memasukkan kode kode tersebut pada tabel postingan Edit HTML (bukan mode kompose) karena biasa kalau mode kompose suka ngaco

Selesai sudah tugas anda hari ini, selanjutnya tinggal di coba dan bisa komentar di bawah ini.

Tutorial Re - Edit isi Postingan di Blogspot

noreply@blogger.com (Unknown) — Mon, 28 Feb 2011 23:46:00 +0000

Blogger ingin meng-edit isi konten?? Tentu itu pasti, begitulah jawabannya, karena mana ada di dunia ini orang yang gak pernah salah, termasuk blogger juga pernah mengalami kesalahan dalam menampilkan postinganyan. Setelah kita membaca postingan yang lalu dengan judul ayo buat blog dengan subdomain blogspot, kalau sudah dan anda ingin meng-editnya maka giliran re-edit isi postingan di blogspot yang harus dibaca setiap blogger pemula seperti saya ini.

Oiya hanya sekedar mengingatkan, jangan mentang mentang bisa diedit kemudian membuat konten seenaknya dengan alasan semua konten bisa diedit dengan mudah, karena postingan yang di edit akan mengalami track edit juga oleh mbah google. Karena itu Tiara tutrial blogspot mengingatkan buatlah konten yang benar benar fixz sebelum di publikasikan, periksa kemabli ejaan setiap jengkal kata yang ada pakai di dalam postingan tersebut. Tapi kalau memang terpaksa ya apa boleh buat.

Hus banyak omong, hayo sekarang ikuti langkah dibawah ini untuk meng-edit postingan yang gak sesuai dengan selera kita.

1 masuk ke akun anda atau klik http://blogger.com

2. masuk dengan akun anda, sebagai saran sebaiknya membuat password itu samakan dengan password yang lainnya, hal ini untuk memudahkan kita agar tidak salah memasukkan password

3. setelah terlihat dashbord-nya terlihat ada beebrapa pilihan yaitu new post, edit post, comment, setting dan lain lain, klik saja edit

4.setelah terlihat di jendela baru, klik EDIT, maka blogger akan di hantarkan kepada postingan yan dimakud

5. Edit-lah sesuai dengan selera anda

6. Jangan lupa klik publikasikan

Selesai, selamat mencoba. Ada cara depat yaitu dengan cara klik pojok kanan yang bergambar pensil, maka anda akan dihantarkan kepada postingan anda sendiri, kemudian edit sesuka hati dan publikasikan, selesai deh…

Ayo Buat Blog Dengan Subdomain Blogspot

noreply@blogger.com (Unknown) — Sun, 27 Feb 2011 14:06:00 +0000

Untuk menciptakan suatu blog gratis maka buat blog saja di blogspot, di situs blogger.com, caranya cukup mudah, namun sebelumnya buatlah akun gmail terlebih dahulu, karena email yang dipakai harus under goggle yaitu gmail. Namun harus anda ingat bahwa, web gratis ini adalah subdomain dari blogspot. Misalnya http:// namablog.blogspot.com. Blogspot cock untuk pemula karena tekhnik mengganti template dal gadgetnya lebih mudah dikelola sesuai dengan selera.

Ya udahlah, saya kira anda jua pasti udah punya blog kok, tetapi sekedar untuk melengkapi konten tentang tutorial blog ini maka, secara singkat langsung ikuti langkah langkah dibawah ini, maaf saya buat dengan sesingkat singkatnya ya.. ok

1. Silahkan kunjungi situs http://www.blogger.com

2. Setelah halaman pendaftaran terbuka, alihkan perhatian ke sebelah kanan atas, ubah bahasa ke Indonesia agar lebih mudah difahami. Silahkan langsung login dengan menggunakan username serta password gmail anda ( akun email anda bisa untuk login ke blogger).

3. Klik tombol bertuliskan CIPTAKAN BLOG ANDA.

4. Isilah nama judul blog serta alamat blog yang di inginkan. Ingat! dalam membuat alamat blog harus benar-benar serius karena itu permanen tidak dapat digantikan lagi (kecuali nanti ganti dengan custom domain). Jika alamat yang diinginkan ternyata tidak bisa digunakan, masukkan kembali alamat lain yang masih tersedia. Jika alamat blog yang diinginkan masih tersedia, silahkan klik anak panah bertuliskan LANJUTKAN.

5. Silahkan pilih template yang anda sukai ( template ini nanti bisa diubah lagi kapan saja anda mau), kemudian klik LANJUTKAN.

6. Akan ada tulisan “Blog Anda Sudah Jadi!”. Silahkan lanjutkan dengan klik tombol MULAI BLOGGING.

7. Setelah masuk post editor, silahkan isi apa saja ( disarankan untuk langsung mengisi posting, biasanya jika tidak langsung posting akan terjaring robot anti spam milik blogger, dan blog anda akan di lock). Contoh : hello world. Klik Tombol PRATINJAU untuk melihat tampilan yang nanti akan muncul di blog, klik tombol TERBITKAN ENTRI jika posting anda mau dipublikasikan ke publik.

8. Klik “Lihat Entri” untuk melihat blog anda. Berikut contoh tampilan blog yang tadi di buat.

9. Selesai.

Untuk tahap awal, blog anda sudah jadi dan bisa diakses dimana saja. Untuk pembahasan lebih dalam tentang bagaimana blogging dengan blogger, akan di bahas pada posting berikutnya.

selanjutnya posting apa aja bisa asal jangan koten negatif lho ya

Tutorial Memilih Setting dan Comments Blog

noreply@blogger.com (Unknown) — Sun, 27 Feb 2011 01:09:00 +0000

Agar blog andan yang sudah di buat mempunyai kinerja baik, setelah anda membuat blog di subdomain blogspot ini maka anda perlu men-setting atau mengatur blog anda dengan dengan benat, kalau blog anda di setting dengan bahasa inggris pada dashbornya, maka anda akan melihat ada tulisan comments dan setting, tujuannya adalah memberikan pengaturan sesuai dnegan yang dikehendaki oleh si-blogger itu sendiri, diantaranya adalah dengan cara sebagai berikut

1. masuk ke akun blogger anda dan jangan lupasswordnya ya...!

2. pada pilihan dashbor ini ada tulisan new post, edit post dan comments (komentar)untuk setting maka anda harus tahu beberapa kegunaan di bawah ini:

Beberapa pengaturan dalam menu Dasar:

BLOG TOOL: Impor blog berfungsi untuk mengimpor data dari komputer anda, hal ini dilakukan jika anda ingin melakukan perpindahan blog dan sebagai pengamannya agar data tidak hilang maka data di simpan di PC anda Ekspor blog berfungsi untuk ekspor data dari satu blog ke blog lainnya

TITTLE: isi dengan judul blog yang anda inginkan. Contoh : Tiara's Tutorial Blogspot

DESCRIPTION: isi yang sesuai dnegan deskripsi blog anda, misalnya Tutorial Blogspot untuk Mencetak Kader Sebagai Blogger

ADD YOUR BLOG TO OUR LISTINGS? supaya blog kita masuk kedalam daftar listnya kanjeng google

LET SEARCH ENGINES FIND YOUR BLOG? :hal ini agar search engine dapat mendeteksi blog anda, jika blog anda memang untuk publikasi kepada orang lain, agar blog anda dapat di index oleh mesin pencari seperti Google, Yahoo atau Bing.

SHOW QUICK EDITING: menampilkan gambar pena untuk mengedit konten dengan cepat, Boleh pilih Ya atau Tidak.

SHOW EMAIL POST LINK? : nantinya akan ada gambar sampul surat, yang berfungsi agar pembaca dapat dengan mudah mengirim konten yang anda tulis ke dalam emailnya

ADULT CONTENT?: Jika blog anda nantinya akan berisi konten dewasa seperti menampilkan artikel, gambar, atau video wanita seksi, dll maka pilih Ya. Namun, jika blog anda berisi hal-hal yang aman diakses oleh anak kecil, pilih Tidak. Sebagai catatan, jika anda memilih opsi Ya, maka nantinya ketika diakses blog anda akan ada peringatan bahwa berisi konten dewasa.

SELECT POST EDITOR: terserah pilih selera karena tidak berpengaruh terhadap perfrma blog anda, hanya saja fasilitasnya yang berneda, ingin hal ini akan mempengaruhi semua blog anda dalam satu akun.

Enable transliteration?: Pilih Aktifkan jika post editor anda ingin mendukung ke translasi Hindi, Kannada, Malayalam, Tamil, atau Telugu. Pilih Nonaktifkan jika post editor anda tidak ingin ada translasi bahasa tersebut.

kemudian klik save

Untu setting comment, setelah klik tombol comments maka akan ada tulisa We have enabled automatic spam detection for comments. You should occasionally check the comments in your spam inbox. Learn more about Blogger's spam detection or report issues. silahkan pelajari, tapi intinya hanya membedakan mana komentar yang spam dan komentar yang benar benar kualitasnya. hanya itu lho

Tutorial Ganti Template Blog Orisinil di Blogspot

noreply@blogger.com (Unknown) — Sun, 27 Feb 2011 00:27:00 +0000

kalau tampilan blog kita kurang sesuai dengan keinginan, sekarang ini blogspot sudah memberikan cara yang mudah bagi blogger untuk mengganti template (tampilan secara keseluruhan perangkat blog), hati hatilah jangan merubah kode template, kecuali anda memahami dengan benar, karena satu kesalahan akan berakibat fatal, saya sarankan untuk tidak membuat sendiri kalau memang baru bisa, kecuali anda benar benar mahir kode html baru buat aja sendiri sesuai dengan keinginan anda

Tiara ingin berbagi tips ya, yaitu pilihkan sesuai dengan kebutuhan isi konten yang anda rencanakan, jangan asal pilih,OK

Cara mengganti template adalah sebagai berikut:

1. Silahkan login ke akun anda

2. Klik Perancang Template. anda akan dihadapkan pada jendela beberapa pilihan template yang telah tersedia

3. Klik pilihan template, kemudian pilih sesuai dengan selera, termasuk masih ada ketersediaan lain, seperti mengubah huruf dan warna tampilan blog anda, untuk memilih latar blog maka pilihlah Background, untuk memilih lebar tampilan isi konten dan side bar pilih adjust width, dan yang berkaitan dengan isi huruf warna dan lain sebagainya cari saja di Advenced, pokoknya banyak deh tinggal di coba coba aja. kalau sudah cocok di pojok atas klik APPLY TO BLOG.

4 Selesai.

Mengerti Sejarah Blog

noreply@blogger.com (Unknown) — Fri, 25 Feb 2011 12:33:00 +0000

Alhamdulilah akhirnya pilihan kami jatuh kepada tema membuat tutorial blogspot yang kira kira menggunakan beberapa keyword antara lain yaitu Blogger, blog, tutorial blogspot, blogspot, blog gratis, blogger, cara membuat blog, free blog, blogger template, wallpapaer, blog gratis, tutorial membuat blog spot. Blogger atau yang sekarang disebut Blogspot sudah tidak asing lagi di kalangan blogger. Penyedia layanan blog gratisan ini adalah perusahaan besar yang menyaingi WordPress sehingga bisa dibilang merupakan penyedia blog gratisan nomor satu paling laris di dunia. Berikut sejarah Blogger:

Blogger sebenarnya adalah sebuah sistem publikasi blog (blog publishing system) yang pada awalnya dibuat oleh Pyra Labs pada tanggal 23 Agustus 1999 dan merupakan sebuah dedicated blog-publishing tool pertama kali yang diperuntukkan untuk membantu mempopulerkan format tersebut.

Pada bulan Februari2003, dikarenakan kepopulerannya, akhirnya Pyra Labs diakuisisi oleh Google. Akuisisi ini memnyebabkan fitur premium yang sebelumnya dikenakan biaya, kemudian berubah gratis.

Pada tahun 2004, Google mengenalkan layanan barunya “Picasa”, yaitu sebuah aplikasi untuk mengorganisir dan mengedit foto digital. Layanan ini kemudian diintergrasikan dengan utility sharing foto Hello ke dalam layanan Blogger, sehingga memungkinkan seorang pengguna Blogger untuk memposting foto-foto mereka ke dalam blog yang dibuatnya.

Pada tanggal 9 Mei 2004, “Blogger” mendesain ulang tampilan utamanya, berbagai perubahan dilakukan di dalam Blogger dengan menambahkan berbagai fitur seperti web standards-compliant template, halaman arsip individu untuk posting, komentar dan posting menggunankan email.

Pada tanggal 14 Agustus2006, “Blogger” meluncurkan rilis terbaru dalam “versi beta” dengan kode “invader”, bersamaan dengan rilis versi Gold. Ini membuat berpindahnya pengguna Blogger ke server Google dan disertai dengan ditambahkannya beberapa “fitur baru” di dalamnya.

Dalam bulan Desember 2006, akhirnya versi terbaru Blogger tersebut tidak lagi dalam “versi beta” dan dalam “bulan Mei 2007″, Blogger telah benar-benar berpindah ke server Google.