Selasa, 20 Januari 2015

Tips Agar Postingan dilirik banyak Pengunjung
Tips agar postingan dapat dilirik oleh banyak pengunjung dan menjadi Nomor Urutan Google yaitu dengan melakukan beberapa hal secara gratis:

1.  Melalui Blog Walking

Blog walking adalah kegiatan mengunjungi blog/ website orang lain yang masih berhubungan dengan blog kita, lalu meninggalkan komentar di blog/ website tersebut. Ada banyak blog yang menyediakan kolom untuk meninggalkan URL website bagi orang yang memberikan komentar di situs mereka, inilah yang harus kita manfaatkan dengan sebaik-baiknya.
Jangan pernah meninggalkan komentar SPAM pada blog orang lain karena hal itu hanya akan memberikan citra yang buruk pada Anda sebagai seorang blogger atau internet marketer. Biasakan untuk membaca artikel yang ditulis terlebih dahulu sebelum meninggalkan komentar agar Anda mengerti memberikan komentar yang sesuai dengan topik artikel.

Dengan berkomentar dengan baik dan meninggalkan URL blog kita di kolom yang telah disediakan, maka Anda akan mendapatkan backlink menuju situs Anda. Selain itu, kemungkinan besar pengunjung lain di blog tersebut juga akan mengunjungi situs Anda ketika mereka melihat komentar yang Anda berikan. Dari proses blog walking ini kita bisa mendapatkan cukup banyak trafik, tapi memang dibutuhkan usaha ekstra dengan memberikan komentar di blog-blog lain terlebih dahulu.


2. Melalui Situs Social Bookmarking

Situs-situs social bookmarking awalnya dibuat untuk membantu netter menyimpan alamat website yang mereka sukai, sehingga akan memudahkan mereka ketika ingin membuka website tersebut di kemudian hari. Pada perkembangannya, situs social bookmarking sering digunakan untuk optimasi SEO dan juga untuk mendapatkan trafik. Nah, yang saya tulis di sini adalah trafik langsung dari Social bookmarking-nya, bukan efeknya ke SEO sebuah situs.

Kita bisa menyimpan URL blog/ website atau URL postingan artikel blog milik kita ke situs-situs social bookmarking, dengan harapan pengguna yang lain akan tertarik dengan URL yang kita submit dan mengunjungi situs kita dengan media social bookmarking tersebut. Selain itu, situs social bookmarking juga sering mendapatkan trafik dari mesin pencari. Jadi, menurut saya kemungkinan untuk mendapatkan trafik dari situs social bookmarking cukup potensial dan harus dimanfaatkan dengan baik.

3. Melalui Situs Social Media


Banyak orang bilang, sekarang itu jamannya media sosial dan itu sangat benar. Pertumbuhan pengguna media sosial di Indonesia saja sudah mengalami peningkatan yang sangat signifikan. Ditambah lagi perkembangan smartphone di Indonesia sudah sangat pesat. Kebanyakan pengguna smartphone pasti punya akun di situs-situs media sosial, paling tidak salah satu dari situs media sosial. Nah, tentunya ini adalah potensi trafik yang cukup besar bagi kita pemilik blog/ website.

Bisnis yang populer di media sosial pasti tidak akan kesulitan untuk mendapatkan perhatian dari pengguna media sosial lainnya. Itulah sebabnya mengapa banyak bisnis mengalami peningkatan profit setelah mereka mengoptimalkan media sosial untuk bisnis mereka. Beberapa media sosial yang sering digunakan untuk mendapatkan trafik adalah Facebook, Twitter, Google plus, YouTube, LinkedIn, dan Pinterest. Sebenarnya masih ada beberapa media sosial yang bisa digunakan, tapi berdasarkan pengalaman saya, 6 situs yang saya sebutkan itu adalah media sosial yang paling populer.

4. Melalui Situs Forum

Situs forum diskusi sering digunakan para internet marketer sebagai media untuk mendapatkan trafik menuju blog/ website bisnis mereka. Ada banyak situs forum yang memperbolehkan link di dalam thread atau pada signature para member mereka. Tentunya ini harus dimanfaatkan dengan sebaik mungkin.
Satu hal yang harus kita perhatikan adalah tetap menjaga nama baik di dalam forum tersebut, bacalah rules dalam forum tersebut sebelum bertindak lebih jauh. Jangan membuat thread yang tidak berguna atau thread yang bisa membuat reputasi Anda tercoreng. Manfaatkan fasilitas link signature forum dengan sebaik-baiknya, manfaatkan fasilitas link di dalam thread forum dengan wajar. Ada beberapa forum yang tidak memperbolehkan link di dalam thread, jangan melanggar aturan tersebut.

Beberapa forum yang saya rekomendasikan untuk mendapatkan trafik dan backlinks adalah pengusaha.co, bersosial.com, forum.kompas.com, forum.detik.com, kaskus.co.id, dan lain-lain. Masih ada banyak forum yang bisa kita manfaatkan untuk mendapatkan referral trafik, tapi saya sarankan untuk fokus pada beberap forum yang paling potensial untuk bisnis Anda.

5. Guest Posting di Blog Lain

Ada banyak blog yang memberikan kesempatan pada orang lain untuk mengirimkan artikel/ konten dan memasang link di blog mereka. Tentunya artikel/ konten yang kita posting di blog tersebut harus sesuai dengan kriteria yang mereka tentukan. Kita bisa memasang link situs bisnis kita di bagian author, beberapa blog memperbolehkan penulis mereka untuk memasang link di dalam artikel. Selain memberikan efek SEO, referral trafik dari blog-blog tersebut tentu cukup banyak, apalagi bila kita menulis artikel di blog yang sudah terkenal.

Sebenarnya masih ada banyak cara gratis lainnya untuk mendapatkan pengunjung menuju situs kita. Tapi lima cara yang sudah saya sebutkan di atas sebenarnya sudah sangat baik bila kita bisa mengoptimalkannya. Saya sendiri fokus pada empat cara tersebut karena selain memberikan trafik langsung, keempat cara yang sudah saya sebutkan di atas terbukti memberikan dampak SEO yang baik pada blog saya. SEO yang baik tentunya akan memungkinkan situs kita akan mendapatkan trafik gratis dari mesin pencari, misalnya Google.

Jumat, 11 Februari 2011

Memasang Label Kategori dengan Scroll
Cara memasang Label Kategori dengan model scroll dapat memberikan penghematan terhadap sidebar blog yang kita miliki, karena disamping meringkas isinya yang terlalu panjang menjadi telihat bersusun dengan scroll juga dapat mempercantik tampilan blog yang kita miliki. 
Teknik dalam memasang Label dengan gaya scroll yaitu:
1. Tentunya sobat harus masuk kedalam Account Blogger sobat terlebih dahulu
2. Sobat Tab pada Design atau Tata Letak 
3. Sobat Pilih Tab Edit HTML
4. Centang Expand Widget Templates
5. Sobat harus mengetahui nama Title Label Kategori yang sobat buat, contoh tech id menggunakan Title "Blog Categori" Maka yang akan dicari pada code hmtl tersebut adalah "Blog Categori"
6. Untuk mempermudah pencarian "Blog Catehori" sobat gunakan ctrl+f dan ketikkan pada kotak Find "Blog Categori"
7. Setelah ketemu, copy kan script code berikut :
<div style='overflow:auto; width:ancho; height:250px;'>

Tepat dibawah code :

<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>

dan code penutup dari code

<div style='overflow:auto; width:ancho; height:250px;'>

yaitu script code : 

</div>

dan Pastekan tepat diatas code 

</b:includable>

Sehingga menjadi seperti:

<b:widget id='Label1' locked='false' title='Blog Categori' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<div style='overflow:auto; width:ancho; height:250px;'>
<b:if cond='data:display == &quot;list&quot;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>


Pada code <div style='overflow:auto; width:ancho; height:250px;'> anda dapat mengatur ketinggian / panjang scroll yang ditampilkan, yaitu dengan menambahkan atau mengurangi angka 250 yang di blog merah sesuai dengan keinginan sobat. 

8. Save templates sobat, dan perhatikan hasilnya.

Jumat, 03 Desember 2010

Mudah Memasang Tombol Like Fb di Blogspot
Tentunya sobat telah mengetahui, bagaimana cara memasang tombol like fb pada blog? jika belum silahkan melanjutkan membaca, namun jika sudah bisa membaca artikel yang lain pada tech-id.
Apa sih fungsi dari tombol like facebook di blog?
Sebenarnya hanya untuk memberikan kesan pada sebuah artikel saja, apakah yang membaca menyukainya atau tidak. 
Langsung saja deh, sebelum tambah pusing.

Langkah Pertama
1. Login ke Account Blogspot Anda
2. Klik tab Design >> Edit HTML
3. Centang Exvand Widget Templates
4. Cari kode berikut ini <b:if cond='data:blog.pageType == &quot;item&quot;'> kemudian Copy script dibawah ini tepat dibawah kode <b:if cond='data:blog.pageType == &quot;item&quot;'>


<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>
5. Setelah itu save Template
6. Maka hasilny tombol likenya ada bawah judul postinga, seperti tech id

Selamat mencoba




Jumat, 08 Oktober 2010

Menghilangkan Show All Post Pada Blogger
Terkadang Artikel yang kita cari pada blog seseorang suka menampilkan Show All Post, namun apakah hal ini terjadi pada blog yang kita miliki?
Tentunya Anda tidak menginginkannya terjadi, untuk itu marilah sama-sama kita peraktekan bagaimana cara menghilangkan tampilan seperti :

Namun jika ingin menghilangkan yaitu dengan cara menghapus script kode berwarna merah dibawah ini:
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
Sudah tahu belum, cara menemukan script kode diatas? jika belum ikuti langkah berikut ini:
1. Masuk ke Account Blogger Anda
2. Klik Design
3. Lalu Klik Edit HTML
4. Centang / Ceklis
5. Cari script kode seperti yang diatas, agar lebih cepat gunakan CTRL + F

Kemudian Ganti kode tersebut dengan kode dibawah ini:
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
</b:if>
</b:includable>

Nah, mudahkan caranya, maka hasilnya seperti:
Selamat mencoba

Sabtu, 12 Juni 2010

Navbar Blog Auto Hide dan Transparan
Tentunya sobat merasa Navbar pada blogspot membuat blog anda terkesan tidak menarik, namun kabarnya kebijakan Blogspot adalah setiap pengguna blogger harus memasang Navbar pada blognya. Isunya sih, blog yang di delete oleh blogger itu blog yang menghapus secara permanen navbar yang ada di blogspot tersebut. Memang terdengar sangat menjengkelkan dan menyedihkan. Namun sudah banyak penyedia template yang hanya menghiden navbar pada blogspot. 

Namun tech id akan memberikan tips agar Navbar yang kita gunakan itu menjadi Auto Hide, atau bisa muncul ketika didekatkan oleh kursor mouse. Tips ini berawal ketika tech id ingin mengubah Navbar pada templates yang baru dipakai saat ini, yaitu template bawaan blogger yaitu Templates Desainer.
Utuk mencoba hasilnya, sobat bisa arahkan kursor mouse sobat kedatas  judul Tech Id. Dan Lihat haslinya.

Untuk membuat Navbar Blog Anda menjadi Auto Hide dan terlihat transparan, silahkan mencari kode berikut:

body {

Nah, tentunya sobat sudah tahu kan, bagaimana cara untuk mencari kode diatas? jika belum bisa mengikuti langkah berikut:
1. Masuk kedalam Dashboard blog sobat (Tentunya harus Login)
2. Klik Tab Design atau Tata Letak
3. Lalu klik Edit HTML dan centang Expand Widhget Templates
4. Kemudian cari kode seperti diatas lalu paste deh kode kode berikut tepat diatas kode diatas tadi :

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

Maka hasilnya seperti:

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
body {

Selamat mempraktekkan, dan lihat hasilnya.

Jumat, 21 Mei 2010

Baca Selengkapnya New Blogger

Sebelumnya tech id membahas bagaimana cara memasang readmore pada postingan, dan membuat auto readmore pada postingan. Bagi pemula dalam membuat blog, adakalanya bingung dan bertanya-tanya bagaimana sih memotong artikel agar kelihatan sebagian saja? Hal tersebut telah dijawab oleh kebanyak para blogger yaitu menyarankan memasang readmore pada postingan. 

Cara memasang readmore pada postingan banyak cara dan penempatan yang berbeda, coba anda bandingkan cara memasang readmore 1 dengan auto readmore, tentu sangat berbeda sekali. 
Kali ini tech id membahas tentang mempotong content / artikel dengan menggunakan template new blogger. Sekarang ini blogger sudah menjadi new blogger, dan dalam melakukan pembuatan postingan ada button yang telah dilengkapi lagi, seperti: 

Nah, pada gambar diatas banyak button yang telah tersedia, khususnya button readmore yang akan kita paparkan.
Sobat semua ingin tahu yang mana button readmore/baca selengkapnya? button yang akan kita gunakan adalah button setelah button image, dan jika diarahkan dengan mouse akan keluar tulisan Insert jump break. Nah itu yang disebut button readmore pada new blogger. 
Gambarnya seperti ini:
Bagaimana sih menggunakannya?
Caranya sangat mudah loh, tinggal letakkan kursor pada baris yang akan kita potong, contohnya, tech id memotong pada postingan ini tepatnya pada paragraf pertama seperti:

Setelah itu sobat tinggal klik deh button Insert jump break, maka hasilnya seperti:

Sobat perhatikan deh garis bawah pada postingan tersebut, garis bawah itu adalah readmore. Jika penasaran, lebih baik dicoba saja dan lihat hasilnya. 
Ternyata mudah yah pasang readmore pada new blogger, tanpa harus cari code script, dan rubah scriptnya. Lebih cepat dan praktik.

Senin, 03 Mei 2010

Cara Membagi Dua Iklan di Widget
Pernah terpikir untuk memasang iklan di dalam Widget Postingan? Namun ingin dibuat jadi 2 Iklan sekaligus yang muncul.
Sebelumnya kita persempit penjelasannya dengan nama, penerapan 2 iklan  dalam satu Widget. Kenapa hal ini harus dibuat?
Hal tersebut tidak harus dibuat, namun terkadang kita ingin memunculkan dua iklan dalam Widget agar terkesan sebagai pembagian dua kolom.

Langsung aja deh, kita peraktekin.
1. Login ke Blog Anda
2. Tab pilihan Tata Letak >> Element Laman
3. Klik tuh Tambah Gadget

Trus Copy Paste kode berikut:

<div 0px;�="" 0px="" 10px="" style="display: block; float: left;">

Pastekan Code Iklan Anda

</div>

<div 0px;�="" 0px="" 10px="" style="display: block; float: right;">

Pastekan Code Iklan Anda

</div>


Nah, kalo udah dipaste, simpan aja. dan lihat Hasilnya..



Minggu, 11 April 2010

Cara Membuat Efek Slide Smooth Galery
Barusan jalan-jalan ke website tentang berita teknologi, dan penasaran slide yang gonta ganti artikel dengan deskripsi sekian, saking penasarannya tech id liat sourch codenya, ternyata menggunakan Smooth Slidebar.
Masih penasaran dicoba copy paste sourch codenya, alhasil gak bisa-bisa, akhirnya nyari-nyari deh di om google, ketemu deh di blognya andidwih.
Setelah dipasang, ternyata template tech id gak cocok menggunakan Smooth Galery, namun tidak ada salahnya untuk yang ingin mempercantik blog atau websitenya.
Langsung aja deh diperaktekin. Lets go...

Langkap Pertama
1. Masuk ke blogger.com
2. Trus Tab ke pilihan Tata Letak >> Edit HTML
3. Jangan lupa yach Expand Template Widget nya di centang
4. Jika sudah copy aja nie code dibawah ini tepat dibawah <head>

<!-- begin Smooth Gallery scripts -->
<link rel="stylesheet" type="text/css" href="http://www.geocities.com/adeha_182/jd2.gallery.css" />

<script src='http://www.geocities.com/adeha_182/mootools2.v1.11.js' type='text/javascript'/>

<script src='http://www.geocities.com/adeha_182/jd2.gallery.js' type='text/javascript'/>
<!-- end Smooth Gallery scripts -->

5. Kalo udah dipaste, sekarang cari deh code berikut:

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>

6. Kemudian Pastein lagi nie code dibawah ini tepat diatas code diatas

<div id='isismoothgallery'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<style>
#myGallery, #myGallerySet, #flickrGallery {
width: 500px;
height: 400px;
z-index:5;
border: 1px solid #000;
margin: 0px 0px 0px 30px;
}

.jdGallery .slideInfoZone
{
position: absolute;
z-index: 10;
width: 100%;
margin: 0px;
left: 0;
bottom: 0;
height: 85px;
background: #000;
color: #fff;
text-indent: 0;
overflow: hidden;
}
</style>
<script type='text/javascript'>
function startGallery() {
var myGallery = new gallery($(&#39;myGallery&#39;), {
timed: true
});
}
window.addEvent(&#39;domready&#39;,startGallery);
</script>

<div id='myGallery'>
<div class='imageElement'>
<h2>Featured Article #1</h2>
<p>This is an example of a Blogger post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can ...</p>
<a class='open' href='http://www.blogger.com/demo/church/featured/featured-article-1.htm' title='Read More'/>
<img class='full' src='http://www.revolutiontwo.com/demo/church/images/01.png'/>
<img class='thumbnail' src='http://www.revolutiontwo.com/demo/church/images/01.png'/>
</div>

<div class='imageElement'>
<h2>Featured Article #2</h2>
<p>This is an example of a Blogger post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can ...</p>
<a class='open' href='http://www.blogger.com/demo/church/featured/featured-article-2.htm' title='Read More'/>
<img class='full' src='http://www.revolutiontwo.com/demo/church/images/02.png'/>
<img class='thumbnail' src='http://www.revolutiontwo.com/demo/church/images/02.png'/>
</div>

<div class='imageElement'>
<h2>Featured Article #3</h2>
<p>This is an example of a Blogger post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can ...</p>
<a class='open' href='http://www.blogger.com/demo/church/featured/featured-article-3.htm' title='Read More'/>
<img class='full' src='http://www.revolutiontwo.com/demo/church/images/03.png'/>
<img class='thumbnail' src='http://www.revolutiontwo.com/demo/church/images/03.png'/>
</div>

</div>
</b:if>
</div>

7. Selah itu, jangan lupa nie ganti tulisan dibawah ini:

+ Ganti tulisan Featured Article #1, Featured Article #2, Featured Article #3 yang bercetak tebal dengan Judul artikelmu.

+ Ganti tulisan yang berwarna Merah sesuai ukuran lay out mu.

  • width: 500px; (lebar Smooth Gallery)
  • height: 400px; (tinggi Smooth Gallery)
  • margin: 0px 0px 0px 30px; (jarak atas,kanan,bawah,kiri Smooth Gallery)

+ Ganti tulisan yang berwarna Biru dengan Ringkasan artikelmu.

+ Ganti tulisan yang berwarna Hijau dengan Link artikelmu.

+ Ganti tulisan yang berwarna Ungu dengan Link Gambarmu.



Nah, jika diperhatikan hasilnya codenya seperti:


<html>
<head>

<!-- begin Smooth Gallery scripts -->
<link rel="stylesheet" type="text/css" href="http://www.geocities.com/adeha_182/jd2.gallery.css" />

<script src='http://www.geocities.com/adeha_182/mootools2.v1.11.js' type='text/javascript'/>

<script src='http://www.geocities.com/adeha_182/jd2.gallery.js' type='text/javascript'/>
<!-- end Smooth Gallery scripts -->


<b:skin><![CDATA[/*

DISINI TEMPAT KODE2 CSS


]]></b:skin>
</head>

<body>
<div id='main-wrapper'>
<div id='isismoothgallery'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<style>
#myGallery, #myGallerySet, #flickrGallery {
width: 400px;
height: 300px;
z-index:5;
border: 1px solid #000;
margin: 0 0 30px;
}

.jdGallery .slideInfoZone
{
position: absolute;
z-index: 10;
width: 100%;
margin: 0px;
left: 0;
bottom: 0;
height: 85px;
background: #000;
color: #fff;
text-indent: 0;
overflow: hidden;
}
</style>
<script type='text/javascript'>
function startGallery() {
var myGallery = new gallery($(&#39;myGallery&#39;), {
timed: true
});
}
window.addEvent(&#39;domready&#39;,startGallery);
</script>
<div id='myGallery'>
<div class='imageElement'>
<h2>Featured Article #1</h2>
<p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can ...</p>
<a class='open' href='http://www.revolutiontwo.com/demo/church/featured/featured-article-1.htm' title='Read More'/>
<img class='full' src='http://www.revolutiontwo.com/demo/church/images/01.png'/>
<img class='thumbnail' src='http://www.revolutiontwo.com/demo/church/images/01.png'/>
</div>

<div class='imageElement'>
<h2>Featured Article #2</h2>
<p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can ...</p>
<a class='open' href='http://www.revolutiontwo.com/demo/church/featured/featured-article-2.htm' title='Read More'/>
<img class='full' src='http://www.revolutiontwo.com/demo/church/images/02.png'/>
<img class='thumbnail' src='http://www.revolutiontwo.com/demo/church/images/02.png'/>
</div>

<div class='imageElement'>
<h2>Featured Article #3</h2>
<p>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can ...</p>
<a class='open' href='http://www.revolutiontwo.com/demo/church/featured/featured-article-3.htm' title='Read More'/>
<img class='full' src='http://www.revolutiontwo.com/demo/church/images/03.png'/>
<img class='thumbnail' src='http://www.revolutiontwo.com/demo/church/images/03.png'/>
</div>

</div>
</b:if>
</div>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>

</body>
</html>



8. Langkah terakhir adalah simpan templates, dan lihat hasilnya. untuk gambaran bisa lihat nie disini. Dan lihat pada Berita Utama


Rabu, 07 April 2010

Membuat Recent Post Bergaya Random
Tentunya sobat semua telah mengetahui apa yang disebut dengan recent post? jika belum tau tech id kasih tau deh. Recent Post adalah Postingan Terbaru dari suatu web atau blog, dimana akan muncul postingan yang udah diposting terbaru. 
Namun jika recent post yang akan kita munculkan merupakan recent post yang membaca artikel lama yang telah diposting, akan terasa sangat berguna sekali, karena dapat memperkenalkan kepada orang lain, jika kita memiliki artikel yang mungkin saja dibutuhkan. 
Dari katanya sudah jelas sekali, Random... yaitu judul recent post akan dengan otomatis merubah judul urutannya dan pemunculannya, setiap kali orang membuka blog kita. 
Kalo begitu tidak usah banyak panjang lebar, macam menghitung luas persegi panjang aja. 

Langsung aja deh... Lets go...
1. Login ke blogger.com dengan menggunakan account anda tentunya
2. Pilih tab Tata Letak >>> Elemen Laman
3. Kalo udah masuk, tinggal tambah gadget aja deh... trus pilih yang HTML/JavaScript
4. Jika udah muncul kotaknya, langsung aja tuh namain nama tittle nya jadi Recent Post atau Artikel Terbaru. 

Nah disini nih yang dicari-cari... sobat copy code dibawah ini tepat di kotak konten. 

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=ac99ebe0691031008a48d750fdbeaa67&url=http%3A%2F%2FblogAnda.blogspot.com&num=10" type="text/javascript"></script>

Nah, huruf yang ditebalkan atau blogAnda.blogspot.com diganti aja dengan blog anda..

Sedangkan huruf 10 yang ditulis dengan warna merah. Dapat dirubah sesuai dengan penampilan judul postingan yang anda kehendaki. 

Selamat mecoba aja deh.. Jika ingin membuat daftar isi yang lebih kumplit seperti ini bisa membaca cara untuk membuat daftar isi blog.

Rabu, 31 Maret 2010

Impor dan Ekspor Blog untuk meningkatkan Visitor
Pernah tidak teman-teman kecapean karena memiliki blog yang banyak namun artikelnya saling berkaitan dengan blog sobat yang lain?
Pernah terpikir oleh sobat, untuk menggabungkan semua blog sobat dalam satu blog saja, agar mudah untuk memaintenancenya?
Kali ini tech id ingin berbagi, bagaimana cara menggabungkan beberapa blog dalam satu blog saja, dengan istilah lain adalah impor dan Ekspor blog.
Maksudnya apa sih?
Maksudnya, seperti yang diatas sudah dijelaskan, agar beberapa blog hanya akan dilakukan satu optimasi pada blog yang akan sering diupdate.
Manfaatnya?
Manfaatnya banyak sekali, yang pertama untuk mendatangkan lebih banyak pengunjung, mendapatkan ranking dari search engine, serta mudah dalam melakukan perawatan blog.

Apa sih impor?
Import adalah, memasukan data kedalam suatu tempat, dengan kata lain input data ke tempat data yang berbeda.

Apa itu ekspor?
Export adalah, membackup data kedalam suatu format yang ditentukan, agar dapat di import ke dalam suatu meta data yang ditentukan.

Bagaiman jika kita peraktekkan cara untuk melakukan Ekspor dan Impor blog...

Langkah Pertama
Hal yang harus dilakukan adalah meng ekspor isi blog, hal ini dilakukan agar kita mendapatkan file terlebih dahulu sebelum melakukan import atau input data.

1. Masuk ke Account blogger Anda
2. Pilih Pengaturan >> >. Dasar >>> Ekspor Blog

3. Klik Ekspor blog maka Anda akan memasuki jendela unduh atau download blog.

4. Klik Unduh blog atau download, maka Anda akan mendownload file dengan format xml

5. Jika download sudah selesai, maka Anda akan mendapatkan file xml yang siap di impor ke blog Anda

Nah.. disini langkah ekspor sudah beres deh.. tinggal import saja... Langsung aja yuk.... Let's go...

Langkah kedua
Langkah yang selanjutnya adalah melakukan input atau impor file yang tadi telah didapat dengan format xml kedalam sebuah blog, caranya:
1. Masuk ke Account blogger Anda
2. Pilih Pengaturan >>> Dasar >>> Impor Blog

3. Klik Import maka Anda akan menuju jedela untuk imput file tersebut

4. Klik Browse... dan pilih tempat file download tersebut
5. Ketikkan / Masukkan karakter (Capctha)
6. Centang terbitkan semua entri
7. Klik Impor Blog

Nah... tinggal menunggu aja deh... proses input data tersebut hingga selesai, jika sudah selesai, maka akan terarah langsung ke jendela Edit Entri Postingan.

Selamat Mencoba

Minggu, 14 Maret 2010

Bisa ko.... Naikin Traffic Blog
Kali ini saya ingin memberikan Tips bisa naikkin Traffic blog. Tentunya dengan bahasa Indonesia. Sebenarnya cuma ingin membuat sensasi sedikit, coz jenuh setiap hari mikirin Ide-ide dengan bahasa bule.. he he.

Tips ini saya dapat ketika maen ke webnya agan Afwan yang mendapatkan 120 Comment dari postingannya yang Naikkin Trafik Blog...Bisa!?!?. Artikel yang cukup menawan dan mendapatkan respon yang menawan pula dari pembaca. Jempol deh buat agan Afwan, kapan yach blog ini bisa dapet comment sampe segitu, bermimpi aja dulu deh.

Oh iya, disana saya ngebaca dengan teliti dan cermat kaya dokter aja. Ternyata untuk naikkin trafik blog itu dengan munculnya ide. Yang pertama sih bagaimana jumlah postingannya itu sendiri, semakin banyak postingan semakin ningkat tuh trafik dengan sendirinya, tentunya di publikasikan atau di promosikan lah, dan yang terpenting dari itu terdapat Katalog artikel itu, mungkin semacam kategori kali yach? saya sendiri masih belum begitu paham antara Katalog dengan Kategori.

Ada banyak cara meningkatkan traffik blog dengan cermat yang ujung-ujungnya tentu banyak visitor yang berkunjung.
Nah.. ini dia nih katalog yang ada di webnya Agan Afgan eh salah agan Afwan, maaf agan afwan. Maklum nama agan Afgan sama agan Afwan beda tipis. Oh iya, munkin bisa buat referensi katalog atau koleksi Teknik SEO, Informasi Umum, Informasi Teknologi, Pengalaman Pribadi, Kisah Inspirasi, Cerita Lucu, Informasi kuliner.

Mudah-mudahan katalog ini bermanfaat buat kita semua, semoga semakin naik deh traffic blognya.

Selasa, 26 Januari 2010

Memasang Script Iklan diatas Auto Readmore
Dalam memasang Script Iklan Pada Postingan di Blog yang menggunakan Auto Readmore. Jika belum menggunakan Auto Readmore bisa lihat disini.
Sebelum meletakkan Script Iklan tersebut sebagai contoh anda bisa melihat disini, disitu atau disana. Sebagai bahan Referensi.

Langkah yang harus dipatuhi dalam memasang script iklan pada postingan, yaitu:
1. Masuk pada Account Blogger anda (http://blogger.com)
2. Pilih Tab Tata Letak - Edit HTML
3. Centang Expand Template Widget seperti:

Postingan Iklan

4. Cari Kata ]]></b:skin>
5. Lalu Pasang Script dibawah ini tepat diatas kode ]]></b:skin>
    #main-iklan{width:200px; height:200px; float:right; margin:5px;}

6.  Setelah itu cari kode:
<div class='post-body entry-content'>
<p><b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

7. Lalu Pastekan Kode dibawah ini tepat dibawah Script Iklan yang anda dapat tepat dibawah kode
<data:post.body/></div>


Sebelum anda memasang Script iklan tersebut, sebaiknya diparse terlebih dahulu, agar Code HTMLnya muncul di Postingan, klik disini untuk memparse disina atau disini.

Contoh:

 <div class='post-body entry-content'>
<p><b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
&lt;script src=&quot;http://kumpulblogger.com/scahor.php?b=96512&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>Baca Selengkapnya&gt;&gt;&gt;&gt; <data:post.title/></a></span>
</b:if>

8. Lalu klik Simpan Template dan lihat Hasilnya.


Semoga Bermanfaat

Sabtu, 16 Januari 2010

Cara Blogger Merebut Pembaca Dengan Cepat
Ini sebuah inspirasi tentang bagaimana Cara Blogger Merebut Pembaca Dengan Cepat yang saya dapatkan dari Note seorang teman di facebook. Kebetulan lagi tadi saya sedang mencari inspirasi untuk menulis di blog dengan jurus ngintip, ketemu intipan dan dapat inspirasi, lalu tulis deh, jadinya judul yang sama yaitu Cara Blogger Merebut Pembaca Dengan Cepat tetapi dengan kata-kata saya sendiri tentunya. Cara cepat merebut pembaca ini tadi saya intip dari artikel Sdr Fadly Muin di blognya facebook.com/fadlymuin :)

Menurut beliau, intinya agar bisa dengan cepat merebut pembaca blog Anda maka diantaranya adalah ini: Menulis Artikel yang aneh, Artikel yang mengangkat profile Magnet, Menulis Artikel yang mengandung konflik. Untuk membaca tulisan beliau secara lengkap tentunya Anda bisa masuk ke faceboonya dengan alamat diatas ya.

Ada tips sedikit nih dari saya. Untuk merebut pembaca yang setia maka kita perlu juga menekankan pada tulisan yang memang dibuat untuk manusia, saya sering menyebutnya sebagai Menulis Untuk Manusia. Maksudnya adalah tentu saja menulis yang bisa dimengerti oleh manusia, bukan tulisan Aneh yang tidak tau dimana subject dan predikatnya, tidak terstruktur tatabahasanya.

Menulis yang bukan untuk menusia disebut juga menulis untuk search engine saja, ini bisa dilakukan untuk menarik pembaca sebanyak-banyanya dari search engine tetapi manusia yang membacanya jadi pusing. Menulis yang seperti ini disebut sebagai Menulis Untuk Robot. Jika sudah ketahuan HANYA menulis untuk Robot (strategi blackhat) maka Robot itu lama kelamaan nanti akan menghempaskan artikel Anda.

Menulis untuk robot pasti bisa merebut pembaca, yaitu robot juga, sehingga dalam waktu tertentu maka blog Anda bisa dicintai robot. sayangnya robot itu tidak membeli, sehingga tulisan Anda tidak akan punya nilai jual. Artinya timbul konflik, dilain sisi Anda ingin berhasil di sisi yang satunya Anda bikin sebel pembaca. Itu tulisan Aneh, haha..

Yang terbaik, setidaknya menurut saya adalah: Menulis untuk manusia, sekaligus juga memperhatikan yang diminati Search Engine, sehingga Anda bisa merebut ribuan pembaca yang datang dari Google misalnya, dan ketika mereka datang ke blog Anda maka Anda juga bisa merebut hati pembaca yang manusia itu. Tidak harus selalu menulis yang aneh loh seperti tulisan tanpa arti untuk merebut pembaca yang berupa robot, tulisan untuk manusia juga bisa dipadukan untuk robot. Selain itu kan robot itu juga kepanjangan tangan manusia.

Yuk kita berusaha terapkan Cara Blogger Merebut Pembaca Dengan Cepat, sebaik yang kita bisa :)

Best Regards
Mufli

Sumber: Cara Blogger Merebut Pembaca Dengan Cepat

Kamis, 22 Oktober 2009

Pasang Chat YM Online di Website/Web blogs
Awalnya ngeliat chatt box di webnya vcc murah. Ketika Verifikasi Paypal. Akhirnya baru sekarang kepingin masang juga. Eh ada Tutorialnya. Jadi gak perlu repot-repot belajar ngebuatnya, soalnya mudah diperaktekan ko.

Ternyata Yahoo mengeluarkan layanan baru yang diberi nama Pingbox. Sebuah layanan yang memungkinkan pembaca dapat mengirimkan pesan atau chat dengan Yahoo Messenger Anda melalui widget Pingbox yang terpasang di blog/website Anda. Mirip dengan widget Meebo yang ada di WordPress.com.

Sayangnya widget ini berbentuk flash sehingga tidak bisa dimasukkan dalam WordPress.com. Layanan ini hanya bisa dimasukkan di blog atau website yang medukung flash seperti Blogger, Friendster dan sebagainya.




Cara Pengunaan

* Untuk mempergunakan layanan ini silakan buka: http://messenger.yahoo.com/pingbox/studio/
* Anda bisa menentukan tampilan widget dengan memilih Background Theme
* Online Greeting adalah tampilan text di widget saat YM Anda sedang Online
* Offline Messege adalah tampilan text di widget saat YM Anda sedang Offline
* Display Name adalah untuk menentukan judul widget
* Show Yahoo Messenger Display Image untuk menampilkan Avatar YM Anda
* Save Pingbox As untuk menentukan nama setting Pingbox tersebut
* Klik Next - Apabila belum login maka akan ada jendela untuk login ke akun Yahoo Anda
* Selanjutnya akan ada setingan untuk mengatur besar widget dan juga kodenya
* Letakkan kode tersebut ke blog atau website Anda

Apabila YM Anda online maka pembaca dapat langsung chat dengan Anda. Namun apabila YM Anda berstatus invisible atau tidak online maka pembaca tidak dapat meninggalkan pesan.

Posted by: http://www.untukku.com/

Semoga Barmanfaat. Salam Sukses.

Minggu, 19 Juli 2009

Postingan hilang setelah pasang Auto Read more

Mungkin anda bertanya-tanya apa ko bisa postingan hilang setelah pasang Auto Read More. Namun alhasil memang seperti itu, seperti tampilan postingan yang hilang setengah artikel disamping.
Cukup mengagetkan ketika saya baca postingan sebelumnya, ternyata sebagin teks hilang, sesuai potongan pada read more sebelumnya.
Lalu saya coba untuk perbaiki postingan saya itu, saya perhatikan dengan seksama ternyata kode





<span class="fullpost">


</span>

diatas harus dihapus juga dari postingan. Dan saya mulai menghapus sampai postingan terakhir, memang cukup melelahkan jika postingan yang telah dibuat berjumlah cukup banyak. he he.
Memang sebaiknya Auto Read more digunakan untuk template yang belum banyak postingannya, karena bisa membuat kita tegang, dan menyangka salah pasang script code. Ha ha ha

Contoh kode :
<span class="fullpost">


</span>
yang harus dihapus pada postingan:

<span class="fullpost">

</span>

Semoga tip ini bermanfaat.


Cara Pasang Baca Selengkapnya Otomatis
Tip kali merupakan inspirasi setelah lihat website yang menggunakan Read more Otomatis tanpa menyisipkan atau memotong (cut) artikel anda di bawah kode <div class="fullpost"> yang terkadang bikin lama dalam membuat postingan artikel. Tidak sengaja jalan-jalan sama Paman Google dan cari keyword Cara Pasang Read More Otomatis. Eh ternyata dapet juga, dan baca semua hasil keywordnya Cara Pasang Auto Read More Terbaru (Part 2). Alhasil ternyata masuk ke web kang o-om.com. Pas diperaktekin hasilnya memang memuaskan, contohnya disini.

Tidak percuma selama ini ikut jalan - jalan sama Paman Google yang selalu memberikan kepuasan tersendiri dan orang lain. Ucapan terima kasih kepada Kang o-om yang udah posting artikel Auto Read More.



Sepertinya langsung aja deh ke pokok permasalahan atau prakteknya.
1. Masuk ke blogger anda
2. Pilih Tab Tata Letak
3. Pilih Edit HTML


Perlu diperhatikan! Bagi anda yang sudah memasang Read more versi lama, termasuk saya sebelumnya menggunakan Read more versi lama, sebaiknya menghapus kode dibawah ini yang berwarna merah. Agar seperti template aslinya sebelum dipasang Read more versi sebelumnya.

<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Baca Selengkapanya/Read more</a>
</b:if>
<div style='clear: both;'/>



Setelah menghapus kode berwarna merah diatas, cari kode
</head> lalu copy paste kode dibawah ini tepat diatas kode </head>
Langsung Paste kode dibawah ini:

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>



<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo


visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>




Kode disamping adalah jumlah karakter huruf
yang dapat anda tentukan sesuai dengan tampilan
yang anda inginkan, dari besar image atau
teks yang akan tampilkan





Kemudian cari kode <data:post.body/> dan ganti dengan kode dibawah ini:

<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:left'><a expr:href='data:post.url'>Baca Selengkapnya/Read more - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>

Jangan lupa Simpan dan lihat hasilnya.
Agar setiap membuat postingan baru tidak muncul kode

<span class="fullpost">


</span>

Sebaiknya anda hapus pada Pengaturan - Formating dan hapus kode

<span class="fullpost">


</span>

Pada kotak Post Template.

Selamat Mencoba.


Minggu, 19 April 2009

Cara Pasang Lagu di Blog
Artikel ini sangat mudah dan tidak terlalu rumit untuk dipahami, Tentunya anda sudah pernah mendengar ketika blog yang kita cari atau tidak sengaja kita temukan, BLOG tersebut dapat memutar sebuah lagu yang berulang-ulang. Tentunya buat anda yang ingin merasa blog Anda terasa hidup dan menarik. Anda dapat menerapkan script dibawah ini:

<div class='clear'></div>
</div><div class='widget HTML' id='HTML9'>
<div class='widget-content'>
<div id="sidebar">
<div id="kotakkanan1" class="kotakkanan section"><div id="HTML6" class="widget HTML">
<div class="widget-content">
<embed width="0" autostart="true" loop="true" src="http://jassen89.googlepages.com/Five_Minutes_Semakin_Ku_Kejar_Semaki.mp3" height="0"/></embed>
</div></div></div></div>
</div>

NB: Kata yang berwarna merah merupakan judul lagu dan web tempat uplode lagu tersebut. Saya menggunakan google.page yang dapat anda lihat dan mendaptarkan diri anda google.page

Cara untuk memasang Script diatas:
1. LOGIN ke Blogger yang anda miliki
2. Pilih Tab Tata Letak
3. Klik Tambah Gadget
4. Pilih Edit HTML/Java Script
5. Pastekan Kode tersebut pada kotak konten
6. Klik Save untuk menyimpan

Sebagai bukti anda dapat melihat Artikel pada browser Internet Explorer

Kamis, 01 Januari 2009

Memasang Buku Tamu atau Chatt
Buku tamu atau chatt merupakan media alternatif untuk berbincang2.. atau pun saling berkomentar dan memberi saran...
Banyak media chatt yang mendukung blog atau website.. seperti Oggix, Shoutmix dan bahkan masih banyak yang lainnya... disini saya akan menjelaskan tentang cara memasang buku tamu atau media chatting pada blogs...
Caranya cukup mudah... tapi mana dulu nie yang mau kita pakai sebagai buku tamu kita...
dari pada bingung dan mungkin tambah bingung ikutin aja tips berikut ini..


Oke... trima kasih udah mau membaca dan menyimak bahasan yang cukup mudah..

Saya akan menjelaskan 2 media chatt atau buku tamu.. yaitu :

1. Oggix...
2. Shoutmix ...

Apa itu Oggix. ?

Oggix adalah media chatt yang mempunyai pariasi cukup menarik.. dan tidak monoton..
Mungkin sobat pun sudah tau Oggix itu apa...

Kalo gitu kita beralih untuk cara pemasangannya saja yuk... !

a. Seperti biasa sobat harus Loggin atau registrasi ke Media chatt tersebut. Contoh Sobat menggunakan Oggix... maka harus registrasi ke Oggix pula.. atau klik disini

b. Klik Register pada Pojok atas kanan. atau sobat klik disini

c. Isikan form sesuai dengan e-mail dan username. Fungsinya untuk dapat Loggin

d. Setelah itu... Sobat Loggin dengan Username/e-mail dan password yang tadi sobat ketik pada form registrasi.. jika sobat lupa.. sobat bisa liat di e-mail sobat sendiri.

e. Nah.. karna yang kita butuhkan hanya Chatt.. jadi sobat pilih Install Shoutbox - HTML Code... Nanti muncul Shoutbox setting.. sobat bisa langsung Next aja..

f. Nah... Disini lah.. tempat sobat memilih warna dan pariasi shoutbox sobat untuk chatt atau buku tamu... Saya saranin sih... Warna nya harus serupa dengan template terutama Backgroun... biar gak terlalu mencolok dan enak di liatnya...
Tapi semua tergantung sobat sendiri..

g. Nah setelah memilah milih.. sekarang tinggal sobat copy aj script nya...

lalu sobat pastekan pada HTML/JaveScript.. Sebelumnya sobat login dulu ke Blogger sobat dan Layout n Add Widgate lalu Pilih deh HTML/JaveScript.. dan pastekan Script Shoutbox tadi pada kotak Konten.. Lalu Save deh...

Silah kah sobat lihat...

Okey... untuk Shoutmix...

Caranya hampir sama... bedanya...

Kita mesti Loggin ke Shoutmix.com atau bisa sobat klik disini untuk Langsung Registrasi

Caranya sama.. sobat isi form tersebut...

Sudah belum... Ditanya ko diam aj...

Jika Sudah .... Tidak perlu Loggin.. karna sudah langsung Loggin pada saat Registrasi..

Untuk utak - atik sesuai keinginnan sobat.. ya kutak - atik aj...

Jika menurut sobat sudah cocok dengan apa yang sobat inginkan.. sobat Klik Get Codes pada kotak Quick Start. Tinggal sobat Copy paste saja...
oh iya... Untuk Shoutbox Size. Sobat bisa atur Whidht dan Hight sesuai dimana sobat mau masang... Apa Widhnya 150 dan Hightnya cuma 200.. seterah sobat..

Jika sudah di Copy... pastekan Script tadi atau Code tersebut di Kotak HTML/JaveScript pada blog.. cara sama seperti kita memasang Shoutbox Oggix...

Gmana... Bagus gak... Jika ada pertanyaan atau.. artikel ini kurang bermutu.. berbagi saran dan komentari apa yang saya sampaikan... karena tidak semua orang itu sempurna...

Salam Blogss.. dan selamat mencoba...



Sabtu, 27 Desember 2008

Menampilkan Komentar Terbaru
Terkadang kita yang awam bertanya apa sih Koment itu? sejujurnya saya juga merasa risih. kenapa dan kenapa dengan artikel saya.. belum pernah ada yang memberi komentar.. Apakah artikel yang saya posting ini sudah terlalu banyak yang sudah memposting.. tapi saya tidak menyerah begitu saja.. karena saya yakin suatu saat nanti artikel saya dapat bermanfaat bagi orang lain..

Beralih dari artikel yang saya posting. walaupun belum ada komentar sama sekali.. tapi buat kalian yang sudah penuh dengan komentar di artikelnya.. saya ingin memberi sedikit pengetahuan tentang menampilkan Komentar terbaru. atau Menampilkan seseorang yang memberi komentar terbaru. hingga kita tidak perlu membuka artikel kita seluruhnya untuk melihat siapa saja yang memberi komentar kepada artikel kita. dan melihat dipostingan mana mereka berkomentar :

Okey... baik lah.. sedikit ulasan ini yang saya unduh dari Tip Triks Blog.

Beginilah cara membuat Recent Comments (Komentar Terbaru):



Beginilah cara membuat Recent Comments (Komentar Terbaru):

1. Login ke blogger lalu pilih menu "Layout"
2. Kemudian copy script berikut ini :

<script style="text/javascript" src="http://kendhin.890m.com/comments.js"></script><script style="text/javascript">var a_rc=8;var m_rc=false;var n_rc=true;var o_rc=40;</script><script src="http://ridwan-os.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script>

- Angka 8 merupakan jumlah komentar yang mau ditampilkan.
- Ganti ridwan-os.blogspot.com dengan nama blogmu.

3. Untuk menampilkannya di sidebar maka pilih "Add a Gadget --> HTML/Javascript" Lalu masukkan script diatas kedalam kotak yg disediakan atau di bagian konten.

Coba lihat blog mu.. berhasilkah ?

Tentunya berhasil.. Selamat mencoba dan mempraktekkan.

Komentar dan kritik yang mendukung sangat saya harapkan... Trims... salam Blogger Mania..

Selasa, 23 Desember 2008

Translate Blogs
Apakah anda membuat artikel dengan bahasa Indonesia? Jawabannya yah. Kebanyakan para blogger menciptakan sebuah blogernya dengan bahasa Indonesia. Namun ada juga yang menciptakan blognya dalam bahasa lain.Seperti bahasa Inggris pada umumnya. Buat mereka yang awam atau cara berbahasa inggrisnya kurang lancar termasuk saya. Kita bisa menggunakan penerjemah blog. Atau bisa kita sebut dengan Translate Blogs. Semua pengguna Google mungkin sudah pada tau tentang cara translate terhadap artikel blog yang di posting.
Buat kamu yang masih awam dengan bahasa inggris. Tentunya artikel ini dapat bermanfaat tentunya. Namun jika tidak yah gak apa2 itung-itung nambahin isi artikel.

Tips ini gampang ko. kita cuma hanya mengcopy kan scriptnya saja dan script tersebut dapat kita unduh di www.Tranlate.google.com

atau kamu tinggal mengcopy script di bawah ini :

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&amp;up_source_language=id&amp;w=160&amp;h=60&amp;title=&amp;border=&amp;output=js"></script>


Caranya :

1. Kamu loggin ke blog pribadi kamu
2. Klik Dasbor lalu pilih Tata Letak (Layout)
3. Pilih Elemen Halaman dan klik Tambah Gadget.
4. Selanjutnya pilih HTML/Javascript dan kita
Pastekan Script tersebut ke dalam Konten
5. Simpan Script tersebut dan klik View atau Lihat Blog

Selamat Mencoba !