RSS

Arsip Kategori: Tips Ngeblog

>Cara Membuat Related Post Atau Posting Terkait

>

Cara membuat related post untuk postingan kali ini. Meski ini bukan teknik baru, tampaknya masih banyak blogger yang blognya belum disupport related post. Padahal, fungsi related post atau posting terkait atau artikel yang berhubungan cukup penting. Yakni pengunjung bisa dengan mudah menemukan informasi lain yang masih ada hubungannya dengan artikel yang sedang dibaca.

Keuntungan lain adalah kita bisa ‘mempromosikan’ artikel-artikel lama. Jika halaman blog diibaratkan toko, maka related post ini etalasenya.

Oke, langsung saja ke tutorialnya berikut ini:

1. Login ke blog anda

2. Masuk menu ‘Layout–>Edit HTML

3. Centang kotak ‘Expand Widgets Template

4. Cari kode ini <data:post.body/>

5. Letakkan script berikut ini di bawah kode <data:post.body/> tadi.

<b:if cond=’data:blog.pageType == “item”‘>
<div class=’similiar’>

<div class=’widget-content’>
<h3>Related Post</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('ul');
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 == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
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 == 'alternate') {
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('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&amp;callback=listEntries10');
script.setAttribute('type', 'text/javascript');
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. Simpan. Selesai.

Anda bisa mengganti tulisan ‘Related Post’ dengan kalimat lain misalnya ‘posting terkait’, ‘artikel terkait’, dll.

Cukup sekian dan semoga bermanfaat..

Download

Iklan
 
Tinggalkan komentar

Ditulis oleh pada Juli 10, 2011 in Tips Ngeblog

 

>Membuat kotak komentar Blog berbeda dari yang lain

>Dalam masalah kotak komentar blogspot memang masih belum memiliki fitur seperti diinginkan para blogger, berbeda dengan wordpress yang memiliki sistem tracksback yang memudahkan komentator untuk saling membalas langsung komentar pengunjung.

Karena blogspot belum memiliki fitur seperti wordpress, tapi kita bisa menggunakan layanan dari disqus comment yang terbukti mempermudah siapapun untuk meninggalkan komentar dan saling membalas komentar mereka termasuk pengguna-pengguna akun lain, karena disqus terhubung dengan facebook, twitter, yahoo dan lainnya.

Tertarik membuat? panduannya dibawah ini :

Pertama Login ke blogger
Tata letak>> edit HTML >> Download template lengkap
Simpan template yang kamu download di hard drive dulu. berikutnya

1. Pergi ke disqus.com/comments/
2. Klik tombol SignUp Free
3. Isi data-data yang di minta disqus dan klik continue

4. Next pilih bahasa blog kamu dan pilih akun-akun yang akan di tautkan dengan memberi tanda cek dan klik kontinue

*Ket :

  •  Untuk kode Api key facebook bisa kamu dapatkan setelah membuat applikasi   jika belum membuatnya silahkan atur aplikasi dahulu di http://www.facebook.com/developers/
  • Untuk twitter masukkan user ID twitter kamu

5. Pilih platform klik saja blogger

6. Pada bagian ini upload teplate yang kamu download dari blogger tadi, dan Pilih “Use disquss comment on all blog entries. Any existing comments can be imported in” Kemudian klik Upload and Continue

Jika sudah berhasil anda upload akan ada komentar “Your Blog Template has successfully patched

7. Disitu akan ada kode template kamu yang sudah disisipi dengan kode disqus comments copy kode tersebut dan upload ke blogger caranya :

– Pergi ke tata letak >> edit HTML – hapus seluruh kode template dan paste dengan kode yang kamu copy dari disqus comment kemudian klik save template

8. sampai disini kamu sudah berhasil coba lihat blog kamu

Selamat mencoba….!!!
Untuk hasilnya silahkan Klik di sini (Lihat di paling bawah setiap posting)

 
4 Komentar

Ditulis oleh pada Juli 1, 2011 in Tips Ngeblog

 

>Cara menambah add gatget di blog

>Seperti yang kita ketahui bahwa Add a Gadget adalah sebuah fasilitas yang digunakan untuk menambahkan widget baru pada template. Sehingga kita bisa menambahkan widget atau kode HTML tertentu pada blog kita

Namun ada sebagian template yang tidak menyediakan fasiltas add a gadget pada bagian tertentu sehingga kita tidak bisa menambahkan widget atau kode HTML pada bagian tersebut.

Sebagai contoh, anda ingin menambah widget pada bagian header namun dibagian tersebut tidak ada Add a Gadget.

undefined
Lalu bagaimana caranya? Gampang silahkan ikuti langkah-langkah dibawah ini:

1. Login ke blogger. Klik Layout -> Edit HTML
2. Cari kode:

<div id=’header’>
<b:section class=’header’ id=’header’ maxwidgets=’1‘ showaddelement=’no‘>

atau

<div id=’header-wrapper’>
<b:section class=’header’ id=’header’ maxwidgets=’1‘ showaddelement=’no‘>

Keterangan:
Maxwidgets
: jumlah widget yang bisa ditambahkan
Showaddelement: menampilkan fungsi add a element atau add a gadget.

3. Kalau sudah ketemu, ganti kode diatas dengan kode berikut ini

<div id=’header’>
<b:section class=’header’ id=’header’ maxwidgets=’3‘ showaddelement=’yes‘>

atau

<div id=’header-wrapper’>
<b:section class=’header’ id=’header’ maxwidgets=’3‘ showaddelement=’yes‘>

Itu berarti kita bisa menambahkan maksimal 3 widget pada bagian header. Anda bisa mengganti angkanya dengan nilai lain sesuai kebutuhan.

4. Jika sudah, klik Save Template lalu klik Page Element maka hasilnya akan menjadi seperti ini.

undefined
Untuk bagian Blog Post cari kode:

<div id=’main’>
<b:section class=’main’ id=’main’ showaddelement=’no’>

Sedangkan untuk bagian Footer cari kode:

<div id=’footer’>
<b:section class=’footer1′ id=’footer1′ showaddelement=’yes’>

Download Pasword file rar Download Pasword file rar 2 Semoga bermanfaat… Dagangan hendry… Hendry Server Pulsa… Komputer murah… Untuk informasi dan download Software,PC Games,Tips Blog,Download Template Blog,Download Mp3 dll lebih banyak lagi Dapatkan juga berita Terkini, silahkan kunjungi http://www.hendrygeorge.com

 
Tinggalkan komentar

Ditulis oleh pada Juni 26, 2011 in Tips Ngeblog

 

>Cara menambah 3 gatget footer pada template

>Sebagian template blogger tentu memiliki keunikan tersendiri. Seperti pada jumlah kolomnya. ada yang dua, tiga, sampai empat kolom. Pertanyaanya, apakah template tersebut terdapat kolom ‘tambah gadget’ di bagian footer? Jika tidak, disinilah saya coba berbagi tips cara menambah 3 kolom footer pada template. Mungkin saja tutorial ini bermanfaat untuk sobat yang mau memasang/menambah elemen tiga kolom footer pada template blog milik sobat.

Sebelumnya, pastikan template blog sobat belum memiliki elemen tambah gadget di bagian footer alias hanya 2 atau 3 kolom sidebar saja.

Dan langkah untuk menambah 3 kolom footer pada template, sebagai berikut:

1. Login ke blogger. Setelah masuk klik rancangan lalu klik edit html.

2. Backup/simpan terlebih dahulu template yang sedang digunakan dengan mengklik link download template lengkap. Ini untuk mengantisipasi jika nanti terjadi kesalahan dalam pengeditan template.

3. Setelah selesai, beri centang pada kotak kecil disamping expand template widget.

4. Selanjutnya cari kode:

<div id=’footer’>


5. Setelah ketemu, tepat diatas kode tersebut paste/masukan kode seperti dibawah ini:

<div id=’bottom’>
<b:section class=’bottom’ id=’bottom_1′ preferred=’yes’/>
<b:section class=’bottom’ id=’bottom_2′ preferred=’yes’/>
<b:section class=’bottom’ id=’bottom_3′ preferred=’yes’/>
</div>


6. Setelah selesai, cari lagi kode:

]]></b:skin>

7. Dan tepat diatas kode tersebut (no.6) masukan kode CSS berikut ini:

#bottom{width:900px;position:relative;clear:both;margin:0px auto 0px;color:#000000;float:left;background:#f7f7f7;padding:15px;margin:0px}

#bottom h2{color:#333;font-size: 14px;font-family: Arial, Tahoma, Verdana;font-weight: bold;margin-top:5px;line-height:1.4em;letter-spacing:0em;text-transform:capitalize;border-bottom:1px solid #ccc;}
#bottom ul{padding:0px;margin:0px;}
#bottom ul li{line-height:26px;list-style-type:square;border-bottom:1px solid #fff;}

#bottom_1{width:260px;float:left;margin-left:20px;padding:0px;}
#bottom_2{width:260px;float:left;margin-right:35px;padding:0px;}
#bottom_3{width:260px;float:left;margin-left:35px;padding:0px;}

Perhatikan pada kode width:900px sesuaikan dengan lebar header pada template sobat. Belum tahu ukurannya? (baca: cari tahu lebar header). Sedangkan pada kode 260px adalah lebar dari tiap kolom footernya yang berjumlah tiga. Angka 260px ini didapat dari 900px dikurangi 120px (total jumlah margin dan padding) = 780px lalu dibagi 3 = 260px.

8. Setelah beres, Langkah terakhir klik simpan template.

Jika berhasil, Lihat hasilnya dibagian rancangan. Otomatis ada link baru tambah gadget di bagian footer alias bawah, yang berjumlah 3 kolom footer.

















 

Selamat mencoba!

 
Semoga Bermanfaat..
































Download Pasword file rar Download Pasword file rar 2 Semoga bermanfaat… Dagangan hendry… Hendry Server Pulsa… Komputer murah… Untuk informasi dan download Software,PC Games,Tips Blog,Download Template Blog,Download Mp3 dll lebih banyak lagi Dapatkan juga berita Terkini, silahkan kunjungi http://www.hendrygeorge.com

 
Tinggalkan komentar

Ditulis oleh pada Juni 25, 2011 in Tips Ngeblog

 

>Pasang follow di blog dengan menambah widget

>Untuk memasang widget follower atau pengikut dengan google friend connect biasanya sobat menambahkan dari element halaman ->tambah gadget->pengikut, Tetapi terkadang ada masalah widget follower yang sering hilang atau tidak muncul di blogger.Sebenarnya trouble follower yang hilang bisa diatasi dengan mengganti setting bahasa di pengaturan menjadi bahasa inggris tapi terkadang widget follower masih belum muncul juga seperti kasus blog saya yang widget follower blog sering hilang.

Kenapa widget follower sering hilang?, bisa jadi karena crash atau ga meching sama template blog. Untuk mengatasinya coba tambahkan script html di elemen halaman->tambah gadget->HTML/ Javascript.

<!– Include the Google Friend Connect javascript library. –>
<script src=”http://www.google.com/friendconnect/script/friendconnect.js&#8221; type=”text/javascript”></script>
<!– Define the div tag where the gadget will be inserted. –>
<div id=”div-6056037006948544133” style=”width:377px;border:1px solid #C3D9FF;”></div>
<!– Render the gadget into a div. –>
<script type=”text/javascript”>
var skin = {};
skin[‘BORDER_COLOR’] = ‘#C3D9FF’;
skin[‘ENDCAP_BG_COLOR’] = ‘#C3D9FF’;
skin[‘ENDCAP_TEXT_COLOR’] = ‘#000099’;
skin[‘ENDCAP_LINK_COLOR’] = ‘#990000’;
skin[‘ALTERNATE_BG_COLOR’] = ‘#ffffff’;
skin[‘CONTENT_BG_COLOR’] = ‘#FFFFFF’;
skin[‘CONTENT_LINK_COLOR’] = ‘#0000cc’;
skin[‘CONTENT_TEXT_COLOR’] = ‘#333333’;
skin[‘CONTENT_SECONDARY_LINK_COLOR’] = ‘#7777cc’;
skin[‘CONTENT_SECONDARY_TEXT_COLOR’] = ‘#666666’;
skin[‘CONTENT_HEADLINE_COLOR’] = ‘#333333’;
skin[‘NUMBER_ROWS’] = ‘4’;
google.friendconnect.container.setParentUrl(‘/’ /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
{ id: ‘div-6056037006948544133’,
site: ‘03363730159203948713’ },
skin);
</script>


Didalam script ini terdapat id dan site yang tiap blogger berbeda,seperti yang ditandai warna merah adalah kode id dan site blog saya.Untuk lebih jelasnya sobat bisa mengambil script yang sesuai dengan id dan site blog sobat dengan cara:

1. Login ke blogger
2. Setelah masuk ke dasbor klik “akunku” disebelah kanan atas
3. Klik “Google Friend Connect” pada Produk saya
4. Setelah masuk ke Google Friend Connect, klik nama blog sobat disebelah kiri yang akan dipasangi script
follower
5.Klik “Members gadgets” lalu klik “Add a Members gadget”
6. Silahkan tentukan lebar dan tinggi(row),warna widget
7. Setelah itu klik tombol “generate code” dan salinlah script
HTML yang muncul
8. Terakhir tambahkan kode tersebut ke dalam elemen halaman dan tempatkan sesuai keinginan sobat.

Sobat juga bisa mengatur lebar, tinggi, warna widget lewat script tadi dengan mengubah nilai pada bagian “width”, “NUMBER_ROWS”, dan kode kode warna sesuai keinginan sobat.Semoga bermanfaat.

























Download Pasword file rar Download Pasword file rar 2 Semoga bermanfaat… Dagangan hendry… Hendry Server Pulsa… Komputer murah… Untuk informasi dan download Software,PC Games,Tips Blog,Download Template Blog,Download Mp3 dll lebih banyak lagi Dapatkan juga berita Terkini, silahkan kunjungi http://www.hendrygeorge.com

 
4 Komentar

Ditulis oleh pada Juni 24, 2011 in Tips Ngeblog

 

>Cara mudah membuat komentar facebook di blog

>

Jika sobat kapten ingin blognya ada fasilitas komentar facebook nah silahkan ikuti tutorial berikutt hehhe…
Langsung saja

Nah yang ini yang lebih sempurna ada
fitur reply dan notifikasi, jd kita bisa tahu kalau ada yang berkomentar menggunakan komentar facebook karena ada pemberitahuan di akun facebook kita, jadi kita bisa me-manage komentar tersebut. Tuh diatas udah ada gambarnya. Oke deh cukup untuk kata sambutannya, sekarang kita langsung saja mulai tutorialnya hehehe..).

Yang pertama harus dilakukan adalah membuat aplikasi komentar facebook. Saya rasa point ini tidak perlu saya jelaskan lagi karena sudah saya tulis, silahkan baca dulu disini untuk cara membuat aplikasinya. Jika sudah ada yang memasang komentar facebook lewat tutorial blog ini sebalumnya atau blog lain yang berbeda dengan cara ini, maka silahkan di ganti dengan kode yang saya berikan nanti.

  1. Seperti biasa Login ke blognya
  2. Klik rancangan
  3. Klik edit html
  4. Contrengnya jangan lupa di klik Expand Template Widget

Oke kita lanjutkan lagi yuk. Setelah selesai membuat aplikasinya dan mendapatkan APP ID dari facebook, sekarang tinggal pemasangan pada blog. Pasang kode berikut DI BAWAH <data:post.body/>
 Klik CTRL+F untuk mencari cepatnya

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div id=’fb-root’/><script src=’http://connect.facebook.net/en_US/all.js#appId=APP ID&amp;xfbml=1’/><fb:comments expr:href=’data:post.url’ numposts=’5′ width=’600‘/>
</b:if>

Ganti APP ID berwarna biru dengan APP ID yang di dapat dari facebook. Untuk angka 600, adalah lebar kotak komentar, sesuaikan dengan template sobat. Kemudian agar dapat terintegrasi dengan akun facebook kita, pasang kode berikut DI BAWAH <head> atau DI ATAS <b:skin><![CDATA[/*

<meta content=’ID FACEBOOK‘ property=’fb:admins’/>
<meta content=’APP ID‘ property=’fb:app_id’/>

Ganti APP ID dengan ID yang di dapat dari facebook tadi, dan ganti ID Facebook dengan ID sobat, misalnya id facebook saya adalah http://www.facebook.com/wwwhendrygeorgecom (jangan lupa di add ya hehehe), ganti ID FACEBOOK dengan yang berwarna merah. Setelah itu yang wajib harus dilakukan adalah save template. Kalau ada yang kurang jelas silahkan tanya ya.

Jika tidak mau repot silahkan gunakan yang sudah jadi ini  ngk perlu membuat app facebook lagi
Pasang kode berikut DI BAWAH<data:post.body/>

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div id=’fb-root’/><script src=’http://connect.facebook.net/en_US/all.js#appId=218180798198233&amp;xfbml=1’/><fb:comments expr:href=’data:post.url’ numposts=’5′ width=’615’/>
</b:if>

pasang kode berikut DI BAWAH <head> atau DI ATAS <b:skin><![CDATA[/*

<meta content=’ID FACEBOOK‘ property=’fb:admins’/>
<meta content=’218180798198233‘ property=’fb:app_id’/>

Silahkan berkomentar jika ada yang kurang di mengerti

Semoga bermanfaat.

Download Pasword file rar Download Pasword file rar 2 Semoga bermanfaat… Dagangan hendry… Hendry Server Pulsa… Komputer murah… Untuk informasi dan download Software,PC Games,Tips Blog,Download Template Blog,Download Mp3 dll lebih banyak lagi Dapatkan juga berita Terkini, silahkan kunjungi http://www.hendrygeorge.com

 
Tinggalkan komentar

Ditulis oleh pada Juni 23, 2011 in Tips Ngeblog

 

>Cara menghilangkan tanggal di url blog

>

Bagaimana Cara Menghilangkan Tanggal Posting di blogger? untuk menghilangkan tanggal cukup mudah, Anda tidak perlu menguasasi HTML dan ccs, cukup melakukan beberapa langkah seperti yang akan kang salman jelaskan kali ini.

1. Login ke akun Blogger,
2. Pilih Rancangan / Tata Letak
3. Pilih tab Edit HTML
4. Centang kotak kecil “Expand Template Widget”

Tips : dan jangan lupa tiap kali anda melakukan Edit HTML backup dulu kodenya agar nanti kalau terjadi sesuatu yang tidak diinginkan atau kegagalan dalam mengedit anda tidak akan menghadapi masalah besar. Langkah berikutnya:

5. Silakan ca cari kode h2.date-header { jika sudah ketemu tambahkan visibility: hidden; diantara kode tersebut. lihat contoh kodenya dibawah:

h2.date-header {
margin:.3em 0 0;
padding:0;
font-size:80%;
color:#777;
height: 0px;
visibility: hidden;
}

Dengan menghilangkan ( menyembuyikan ) tanggal di postingan blog, maka para pengunjung tidak akan pernah tau apakah postingan itu baru atau udah jadul (lama). Sehingga rajin atau tidaknya kita melakukan posting tidak akan diketahui oleh pengunjung situs anda.

Mungkin itulah panduan singkat cara menghapus tanggal postingan di blogspot. mudah-mudahan tutorial ini membantu.

Download Pasword file rar Download Pasword file rar 2 Semoga bermanfaat… Dagangan hendry… Hendry Server Pulsa… Komputer murah… Untuk informasi dan download Software,PC Games,Tips Blog,Download Template Blog,Download Mp3 dll lebih banyak lagi Dapatkan juga berita Terkini, silahkan kunjungi http://www.hendrygeorge.com

 
Tinggalkan komentar

Ditulis oleh pada Juni 22, 2011 in Tips Ngeblog