PPC Iklan Blogger Indonesia
Showing posts with label Belajar Blog. Show all posts
Showing posts with label Belajar Blog. Show all posts

Friday, October 26, 2012

Tutorial Memasang Iklan Melayang di Blog Tanpa Menggunakan Tombol Close


Pengiklan ingin sekali apabila iklannya dapat dilihat oleh pengunjung. Serta pengiklan ingin sekali iklan tersebut dapat terlihat diberbagai sudut. Banyak blogger yang mempergunakan script widget iklan melayang ini untuk melihatkan secara langsung iklannya. Namun script itu tidak seperti yang saya punya ini. Script yang mereka dapatkan adalah script yang tombol close. Apabila tombol close tersebut diclick, maka iklan tersebut akan hilang. Tentunya pengiklan tidak mau untuk menggunakan sistem tersebut.

Apabila anda menginginkan untuk mengetahui serta Cara Memasang Iklan Melayang Tanpa Tombol Close, silahkan anda lihat dan copy script berikut ini secara gratis. :

Monday, October 22, 2012

Cara Mudah Membuat Tombol Back To Top Dan Back To Down Pada Blog



Hallo sobat bloggerMata masih sangat ngantuk karena semalaman main PES sampai subuh tapi semangat sudah berapi-api untuk kembali berbagi bersama di Pizza Hut Uppsss..Maksudnya di Berbagi Ilmu blog. Saya akan coba berbagi tentang bagaimana cara membuat Tombol Back To Top dan Back To Down. pengunjung langsung bisa ke bagian paling bawah dan juga ke atas dengan hanya mengklik icon back to top dan back to down seperti yang ada pada blog saya.Langsung saja pada intinya,setelah sobat Login ke blog. Pilih " Opsi lainnya">>Template>>Edit HTML>>Lanjutkan. Seletah itu cari kode

Cara Membuat Like Box Facebox Melayang Dengan Tombol Close

Objek melayang atau sering juga di sebut dengan Float Top Bar, sebuah jendela kecil yang muncul dari atas halaman setiap kali kita mengunjungi Website atau Blog. Float Top Bar ini biasanya berisi Content Iklan ataupun sebuah Form SubScribe sehingga pasti terlihat oleh pengunjung Website atau Blog kita. Untuk membuat Iklan melayang seperti ini sangatlah mudah, hanya dengan beberapa langkah, maka Iklan Melayang tersebut sudah bisa terpasang pada Website atau Blog Anda.



Oke, berikut ini adalah langkah-langkah pembuatannya :

  1. Login Ke Blogger.com dengan Akun anda masing-masing Pastinya
  2. Masuk ke Tab Tata Letak
  3. Pilih Elemen Halaman
  4. Tambah Gadget Pilih HTML / JAVASCRIPT
  5. Dan copy kode di bawah ini kedalamnya yah

Tutorial Membuat Recent Post (Posting Terakhir) Bergerak Pada Blog Praktis


Recent post atau dalam bahasa indonesianya posting terakhir atau artikel terkini adalah widget yang bisa sobat pasang di blog dengan tujuan memberikan informasi tentang postingan atau artikel terkini.
Recent post biasanya menampilkan sejumlah judul artikel yang belum lama sobat posting dalam deretan ke bawah dan tak jarang juga ada yang bergerak ( animasi ) ke bawah. Contohnya sobat bisa lihat di sidebar blog ini.

Kali ini saya akan kasih tahu bagaimana cara memasang recent post di blog. Sobat yang berminat silahkan ikuti tutorial berikut.

1. Log in ke akun blog sobat.
2. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
3. Masukkan kode berikut ke dalam konten.

Sunday, December 11, 2011

Cara Praktis Mamasukkan Kode HTML di dalam Postingan

Ternyata tidak sembarangan memasukan kode html atau java di postingan blog. Mungkin ada dari teman-teman blogger sudah permah mengalami kesulitan memasukan kode html pada postingan blogspot atau wordpress akan tetapi yang muncul bukanya tulisanya melainkan yang muncul adalah hasil dari kode di postingan tersebu.

Contoh hasil posting

untuk menyiasati itu semua mari ikuti langkah berikut:

untuk melakukanya ada 2 langkah
pertama => cara manual
dengan mencari persamaan kode tersebut diantaranya

untuk kode

tanda( < ) = & lt; tanda( > ) = & gt;
tanda petik (“) = & quot;
tanda (=) =tetap sama dengan

itu jika manual tapi dengan cara itu kita males mengamati kode-kode yang memusingkan kepala dan jalan pintas nya kita bisa mengunakan situs yang mengunakan fasilitas situs dan agar kode html tidak terbaca sebagai kode html

caranya

1. anda masuk ke situs disini ataupun disana juga bisa

2. Setelah masuk ke situs itu lalu masukan kode html yang akan anda parse atau Encode contoh kode yang telah aku parse adalah sbb:

& lt;a href=& quot;sendIM? fandy_2425@yahoo.com & quot;& gt;& lt;img border=& quot;0& quot; src=& quot;http://opi.yahoo.com/online?u= dedy_ry4nsyah;m=g&t=14& quot; /& gt;& lt;/a& gt;

lalu anda copy kodenya pasang di postingan deh. Dan yang jadinya seperti kode yang paling atas itu lho…

Tutorial Membuat Read More (baca selanjutnya) Secara Otomatis Pada Blog

Saya akan berbagi tentang bagaimana membuat Readmore..... secara otomatis.

Postingan kali ini akan memberikan tutorial Cara Membuat Readmore atau Baca Selengkapnya pada postingan blog secara otomatis. Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Trik ini mungkin telah banyak yang mengetahui dan ada juga yang belum mengetahuinya. Bagi anda yang belum mengetahui bagaimana cara membuat readmore otomatis, bisa mengikuti tutorial berikut ini.
PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :





cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

KEDUA, cari kode html berikut ini : <data:post.body/> atau <p><data:post.body/></p> ganti kode tersebut dengan kode di bawah ini :

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

Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image
==> Summar img 430 = tinggi artikel terpenggal dengan image
==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...

KETIGA, klik save template
Selanjutnya anda bisa melakukan postingan dan lihat hasilnya, Readmore atau baca selengkapnya akan secara otomatis terpasang setelah anda publish postingannya.

Related Posts Plugin for WordPress, Blogger...