Cara Membuat Kotak Peringatan Pada Postingan Blog

Pagi sob...

Pada kesempatan yang berbahagia ini saya mau share cara membuat kotak peringatan dibawah postingan blog.

Loh kotak peringatan apa gan?? ada ada aja nih, memangnya obat ada peringatannya??? hehehehe Ga sob, ini kotak peringatan atau bisa juga dibilang pemberitahuan kepada pembaca khususnya buat yang mau copy paste artikel kita agar tidak lupa mencantumkan link sumber. Nah ini adalah contohnya sob :

Kalo sebelumnya saya share gimana cara menampilkan link sumber secara otomatis pada saat artikel kita di copas, maka ini dapat menjadi tambahan biar para pembaca lebih ingat untuk tidak lupa menyertakan link sumber hasil copas nya...

Ok langsung aja sob kita ujian praktek nya  :

1. Login dulu ke blogger.

2. Pilih Template - Edit HTML.

3. Cari kode ]]></b:skin> (gunakan CTRL+F biar cepet) dan taruh kode berikut setelah kode ]]></b:skin> tadi.

.permalinkblogspot{border:0px solid #EFF0F1; padding:5px; background:#fff; -moz-border-radius:5px}
.permalinkblogspot a{background:none}
img.float-right{margin:5px 0px 0 10px}
img.float-left{margin:5px 10px 0 0px}

4. Selanjutnya cari kode <data:post.body/> apabila ada lebih dari satu, maka pilih yang kedua.

5. Letakkan kode berikut setelah kode <data:post.body/> tersebut.

<br/>
<b:if cond=data:blog.pageType == &quot;item&quot;>
<div class=permalinkblogspot>
<center>
<div style=border: 1px solid rgb(204, 204, 204); margin: 5px 0px; padding: 5px; width: auto; height: auto; background-color: #FEBFEF; text-align: left;> <br/><small><div style=text-align: justify;>Anda sedang membaca artikel Yang Berjudul <strong><u><data:blog.pageName/></u></strong>. Silahkan copy paste jika artikel <strong><data:blog.pageName/></strong> ini menarik dan bermanfaat , namun jangan lupa untuk meletakkan link postingan <u><a expr:href=data:post.url><data:blog.pageName/></a></u> sebagai sumbernya.Terimakasih</div></small></div></center></div>
</b:if>

6. Simpan Template.

7. Enjoy.

Keterangan : Apabila ingin merubah warna background maka ganti kode #FEBFEF dengan kode warna lain. Untuk melihat kode warna yang lain dapat dilihat pada artikel mengenai kode HTML warna.

Diposting oleh Unknown 19.30 0 komentar

Cara Menambah 2 Widget Diatas Postingan

Cara Menambah 2 Widget Diatas Postingan 
-Hai Tips blogger balik lagi dengan tutorial yang kali ini berjudul Cara Menambah 2 Widget Diatas Postingan, widget ini sangat berfungsi untuk blog agan yang punya trafik tinggi dan ikut iklan PPC sehingga dapat menggunakan 2 kolom tambahan ini untuk memasang iklan..
Untuk tutorialnya silahkan perhatikan cara-cara dibawah ini

 

• Login Blogger Sobat.
• Pilih Template > Edit HTML.
• Ceklis / Centang Expand Widget Template.
• Cari kode ]]></b:skin> dengan menekan tombol CTRL+F pada keyboard.
• Letakkan script berikut ini diatas ]]></b:skin> : 

#box-main-container {clear:both;}.box-column {padding:0px 10px 10px 10px;border:1px dotted $bordercolor;} 

 *Anda dapat mengubah padding ( jarak posisi gadget ) 0px 10px 10px 10px maksudnya adalah Jarak ( Atas, Kanan, Bawah, Kiri ). 
*Anda juga dapat merubah border ( garis tepi widget ) dengan warna, caranya hapus $bordercolor dan ganti dengan kode warna yang Anda inginkan.

• Kemudian cari kode
  
  •   <div id=main-wrapper>
  •   <div id=content-wrapper>
  •   <div id=header> atau <div id=header-wrapper>
  •   <div id=sidebar-wrapper>
  •   <div id=bottom>
  Keterangan :
  *<div id=main-wrapper> adalah posisi halaman utama anda. Biasanya dipakai untuk penempatan menu horizontall atau daftar isi sebuah blog.
  *<div id=content-wrapper> adalah posisi postingan.
  *<div id=header> adalah posisi kepala. Biasanya ditempatkan judul blog dan deskripsi blog.
  *<div id=sidebar-wrapper> adalah posisi sidebar blog.
  *<div id=bottom> adalah posisi paling bawah. Atau Footer Blog Anda.
  Silakan pilih salah satu, mau menempatkannya dimana.
• Jika sudah didapat atau hampir sama dengan kode diatas, letakkan kode HTML di bawah ini

<div id="box-main-container"> <div id="box1" style="float: left; margin: 0; text-align: left; width: 50%;"> <b:section class="box-column" id="col1" preferred="yes" style="float: left;"> </b:section></div> <div id="box2" style="float: right; margin: 0; text-align: left; width: 50%;"> <b:section class="box-column" id="col2" preferred="yes" style="float: right;"> </b:section></div><div style="clear: both;"> </div></div>

Silakan Anda letakkan di bagian atas atau dibawah salah satu kode tadi.

• Jika sudah selesai klik Preview / Pratinjau dulu, baru klik Save Template / Simpan Template.

Itu dia tutorial Menambah 2 Kolom Widget Diatas Postingan. Semoga Bermanfaat..
Baca Juga Afiliasi Terbaik Indonesia

 

Diposting oleh Unknown 16.15 0 komentar

Mesti Comment Apa Kalau Postingan Itu Sudah Sempurna

Ketika kita berniat untuk memberi komentar pada suatu postingan Blog, masalah yang muncul adalah mesti comment apa kalau postingan itu sudah sempurna? Susah juga ya, mosok cuman nulis bahwa ‘postingan bagus!, salut!, sempurna! ini yang saya cari! mantab!’ dan sejenisnya yang bisa saja kita beri tanpa perlu membaca postingan itu, alias nye-PAM. hehe….

Kalau memang postingan itu sudah sempurna, ada beberapa hal yang bisa kita lakukan. Pertama, minta ijin mengcopy-nya dan memposting ulang-nya dengan menambahkan link sumber-nya. Kebanyakan kita kan hanya mengcopy-reposting tanpa mencantumkan link asal sumbernya. Otomatis yang empunya postingan akan memiliki backlink di blog kita. Itu kalau memang anda mau dan bersedia. Ini juga berarti kita menggumi – walah – blog itu. Tapi ya benar-benar tunggu ijin dari pemilik blog itu untuk me-reposting artikel tersebut.

Kedua, kalau memang kita masih bingung mesti comment apa kalau postingan itu sudah sempurna, maka kita bisa saja mem-bookmarknya, membagikannya melalui tweeter, stumple upon, facebook, atau bookmarker lainnya. Toh langkah ini bisa dilakukan dengan beberapa kali klik saja. Sebuah tindakan kecil yang sangat bernilai bagi pemilik blog itu. Terserah anda mau memberitahukan langkah anda itu atau tidak. Tapi ‘mungkin’ pemilik blog itu akan juga melakukan hal yang sama pada salah satu postingan pada blog anda. Ini menjadi langkah timbal balik yang sangat menguntungkan bukan?

Jangan ragu memberikan kritik dan saran pada blog saya ini. Apa yang anda suka atau tidak suka, juga pendapat anda mengenai bagaimana seharusnya berkomentar. Saya menunggu komentar anda ….

Technorati Tags: Komentar pada Postingan yang sudah sempurna

Share this post :

Diposting oleh Unknown 22.00 0 komentar