AGcreator Blog

Kumpulan Tombol dengan CSS

Semoga bermanfaat ya sob, kali ini saya sengaja share demi keperluan bersama dalam desain mendesain web / blog .. artikel Kumpulan Tombol dengan CSS3 ini adalah lanjutan dari postingan sebelumnya yang berjudul Membuat Tombol / Button dengan CSS3 ..

Artikel ini dikutip dari blog / web Web Design Shock , tepatnya di http://www.webdesignshock.com/CSS-buttons ..

Cara Melihat Alamat / Url Gambar di Browser

Pada postingan kali ini saya akan menerangkan bagaimana cara melihat url/link gambar pada browser , postingan ini saya buat karena banyak teman-teman pemula blogger kita yang kurang paham bagaimana caranya? sangat mudah sobat! berikut cara nya ..

1. Cari 1 gambar pada web / blog orang lain .. jika sudah , arahkan mouse pada gambar tersebut lalu klik kanan tepat pada gambar tersebut, jika di google chrome klik (open image in new tab) jika di firefox klik (view image) ..
contoh lihat gambar dibawah ini :

2. Jika sudah di Klik (Buka gambar di tab baru) nya , lalu sobat lihat pada lokasi url browser sobat , dan sobat akan mengetahui URL Image/gambar tersebut , seperti gambar dibawah ini :

3. Silahkan, Sobat Lihat Langsung di https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTSKAlCjgHFRvAmTTTrXYnHbDhBw_lJipmeJJZu8fN8zSIpmchx_Llmwtlitdbp1lLOrbQtwRJwziI_CApNrzez7fhXyCz24nx8QYZho5Y0reFDMxnuam984dZiupFbHslXhGzDaZSPPzM/s200/css3.jpg

Semoga bermanfaat .. untuk sobat blogger pemula! :)

Cara Mengganti tulisan 'You Might Also Like' pada LinkWithin

Sobat udah pada tau kan.? 'LinkWithin' , kalo belum tau silahkan mampir dulu ke www.LinkWithIn.com , LinkWithIn adalah widget / plugin blog yang berguna untuk menampilkan beberapa artikel terkait dengan kategori yang sama pada setiap akhir postingan , kalo sobat pengen buat / pasang widget ini silahkan baca artikel saya di mari » Cara membuat widget Artikel Terkait dengan Linkwithin , nah disini saya akan menjelaskan tentang "Bagaimana Cara mengganti credit / tulisan 'You Might Also Like' dan Cara Menghapus Link yang Bertuliskan 'LinkWithIn' ..

#MariKitaSimak sob, Berikut Caranya:

Login ke blogger

Tata Letak

Edit HTML, centang Expad Widget Templates

Cari kode ]]></b:skin>dan

Letakkan kode script di bawah ini tepat dibawah kode ]]></b:skin>

<script>linkwithin_text='You might also like:'</script>

Keterangan:

Text yang berwarna Hijau bisa sobat ganti sesuai selera, Contoh: Ceck This Out, Sobat Mungkin Menyukai Ini, Related Post dan lain-lain..

simpan template.

Sedangkan untuk menghilangkan link "Linkwithin" yang berada disebelah kanan bawah widget, caranya hampir sama seperti mengganti title standar "You Might Also Like", dan yang membedakannya hanya penempatan dan kode scriptnya saja.

Menghilangkan Link "Linkwithin"

Caranya:

Tata Letak

Edit HTML, centang Expad Widget Templates

Cari kode ]]></b:skin> dan

Letakkan kode script di bawah ini tepat diatas kode ]]></b:skin>

a#linkwithin_logolink_0 b {display:none; visibility:hidden;height:0; overflow:hidden;}

Lalu Simpan template.

Selesai, dan selamat mencoba...!!! ( Semoga Bermanfaat )

Referensi : PangkalanUnik.com

Load Posting Otomatis dan Scroll Tidak Terbatas di Blog

Scroll Tak Terbatas Di Blog-Pasti anda semua pernah menggunakan Facebook. Facebook merupakan web sosial paling terkenal di dunia. Atau mungkin Twitter, pasti anda pernah menggunakannya. Atau yang paling terlihat pada saat anda membuka 1cak.Tetapi pernahkah anda memperhatikan kebanyakan dari situs tersebut menggunakan teknik Nge-Load secara otomatis untuk menampilkan post berikutnya. Tanpa harus menge-klik next atau previous button.

Demo Live

Teknik seeperti ini sebenarnya juga bisa diaplikasikan di blog. Dalam artikel ini saya akan menjelaskan bagaimana teknik scroll tak terbatas dengan menggunakan JQuery. Untuk nama J Querynya sendiri adalah JQuery Ajax Scrolling. Oke berikut langkah-langkahnya.

1. Login ke Blogger.com
2. Pilih Template > Edit HTML
3. Cari kode ini <b:includable id='post' var='post'>. Maka akan muncul seperti di bawah ini:

<b:includable id='post' var='post'>
<div class="ias_item">
........Kode lainnya ..........
</div></b:includable>

NB: Kode Warna Merah yang ditambahkan.

4. Cari kode ini <b:includable id='main' var='top'>. Maka akan muncul seperti di bawah ini:

<b:includable id='main' var='top'>
<div class="ias_container">.......Kode lainnya...........</div>
</b:includable>

NB: Kode Warna Merah yang ditambahkan.

5. Cari kode ini <b:includable id='nextprev'>. Maka akan muncul seperti di bawah ini:

<b:includable id='nextprev'>

<div id=’ias_pagination’>.......Kode Lainnya....... </div>

</b:includable>

6. Cari kode ini <a expr:href='data:olderPageUrl'> ............ </a>. Mungkin belum akan ketemu kodenya. Yang terpenting bila anda telah mendapatkan kode expr:href='data:olderPageUrl' maka anda telah benar. Tambahkan kode berikut yang berwarna merah:

NB: Mungkin akan ditemukan lebih dari satu kode (kemungkinan ada dua kode yang sama). Pasang pada kode yang pertama saja.

7. Setelah selesai semua langkah-langkah di atas, dilanjutkan dengan menginstall kode ajax jquerynya. Pasang kode di bawah ini di atas kode </head>

jQuery.ias({container : '.ias_container',item: '.ias_item',pagination: '#ias_pagination',next: '#ias_page_next a',loader: 'your-own-hosting/loading.gif'});</script></b:if>

NB: Jika kode jquery.min.js telah ada, tidak perlu ditambahkan lagi.

9. Simpan dan rasakan hasilnya.

Penjelasan Kode

1. Kode pertama:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

Mengapa harus ada ini? karena kode ini akan memanggil J query framework yang terhosting di google. Kode ini penting karena bila tidak ditambahkan maka, anda ridak dapat menggunakan kode jquery lainnya sebelum memakai kode di atas.

2. Kode kedua:

<script src="https://sites.google.com/site/blognetfori/archive/JQueryAjaxScrolling.js" type="text/javascript"></script>

Kode ini yang bertugas untukmemanggil kode ajax scrolling yang telah dibahas di awal postingan.

3. Kode berikutnya:

<b:if cond='data:blog.pageType != "item"'><script type="text/javascript">
jQuery.ias({container : '.ias_container',item: '.ias_item',pagination: '#ias_pagination',next: '#ias_page_next a',loader: 'your-own-hosting/loading.gif'});</script></b:if>

Untuk memastikan script hanya bekerja jika halaman lebih dari satu atau lebih (bukan single post). Jika tidak halaman tersebut akan bekerja ketika berada di halaman homepage atau halaman archive yang panjang.

Bagaimana Kode Tersebut Bekerja?

Ketika Halaman 1 anda di-load oleh browser, plugin ini akan mencari HTML Element yang berisi link Halaman berikutnya. Halaman 2 (menggunakan informasi dalam "pagination" dan "next").
Lalu, akan menyimpan link untuk menuju Page 2. Menyembunyikan seluruh "pagination" element
Selanjutnya, Halaman 2 akan di-load di dalam memori komputer, kemudian memindai seluruh halaman 2 untuk elemen dengan pilihan "item"
Terakhir, menambahkan item yang ditemukan ke dalam "container".

Oke sekian dulu tutor "singkanya". Terimakasih. Bila ada pertanyaan bisa tanya di kotak komentar. Dikembangkan lagi oleh ini dari sini. Baca juga Cara Membuat Archive Blog yang Lebih Baik (Fresh Trick).

The Harlem Shake - Versi The Five BROTHER

Iseng2 .. akhirnya memuaskan hati .. bisa dibilang menghibur ..
yah.. mengikuti arus zaman ! dulu "Gangnam STYLE" yang heboh hampir di setiap negara mengetahuinya , nah sekarang lagi zaman nya "The Harlem Shake" kaaan.? hehe , cukup aneh namun menarik .. dengan durasi ± 30 Detik .. kita bisa menikmati beberapa parodi yang orang buat se-creative dan se-menarik mungkin, nah akhirnya ane terarik nih bikin tuh Video + mw sharing juga nih .. Video The Harlem Shake buatan ane yang kita namakan "The Five Brother" ..

*Semoga Menghibur ...

Notes : ane yang paling kiri sobb .. :D (yang pegang gitar) :