- See more at: http://blog-rangga.blogspot.com/2013/05/cara-membuat-gambar-berputar-dan_17.html#sthash.0e66RoLT.dpuf
بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Tampilkan postingan dengan label Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Blogger. Tampilkan semua postingan

Memasukkan Scrip HTML ke Dalam Postingan



Apabila kita akan memposting sebuah konten/artikel dimana konten/artikel tersebut terdapat kode HTML, maka cara untuk memposting kode script tersebut tidak bisa secara langsung dapat kita masukkan ke dalam kolom postingan. Karena jika kita memasukan secara langsung kode script tersebut secara langsung kedalam postingan maka nanti tidak akan muncul kode yang sama dengan kode yang kita posting awal, maka diperlukan kode-kode pengganti yang akan kita gunakan saat posting untuk memunculkan kode script tersebut agar sesuai dengan kode aslinya.

Nah.... berikut ini silahkan anda masukkan kode script HTML kedalam kotak dibawah ini untuk diubah secara otomatis, kemudian klik Parse Script selanjutnya copy kode yang sudah di parse tersebut kedalam postingan anda.





Cara Membuat Label Unik Berbentuk Cloud

Label pada blog adalah suatu postingan artikel tertentu, banyak ragam orang menampilkan label sesuai selera masing-masing ada yang tetap bertahan dengan standar blogger dan tidak sedikit yang menggunakan sentuhan artistik dengan menambahkan script tertentu di tubuh Blog sehingga tampilan label benar-benar keluar dari aslinya. Banyak sekali keuntungan yang didapat dengan menampilkan label/kategori pada blog selain memberikan navigasi kepada pengunjung juga memberikan gambaran umum kepada mesin pencari untuk melakukan crawl/index dari label. Dan sangat diperlukan sekali keberadaan label bagi blog yang memiliki banyak posting.

Pada Gambar di samping mungkin bisa menjadi gambaran hasil dari modifikasi widget Label yang sekarang akan saya bahas. Mau tahu bagaimana bagaimana cara membuatnya? Silakan simak lebih lanjut dan bila perlu coba pada Blog sobat.

Nah untuk membuat gambar yang seperti diatas caranya cukup mudah dan juga simpel. caranya adalah sebagai berikut :

  1. Login ke akun Blogger sobat.
  2. Masuk pada bagian Tata Letak.
  3. Klik Tambahkan gadget di posisi yang sobat inginkan.
  4. Pilih Widget Label dan silakan sobat bisa atur sendiri tampilanya. Namun jangan lupa, sobat harus memilih tampilan cloud
5. Klik simpan, sobat telah berhasil memasang widget Label Cloud pada Blog sobat.
Kini sobat mulai untuk mengedit tampilanya agar lebih unik dan menarik.
6. Masuk ke bagian Template dan klik Edit HTML.
7. Dengan tombol ctrl+F carilah kode ]]></b:skin> dan letakan kode berikut di atas kode ]]></b:skin> tersebut.

.label-size{
margin:0 2px 6px 0;
padding: 3px;
text-transform: uppercase;
border: solid 1px #B22400;
border-radius: 3px;
float:left;
text-decoration:none;
font-size:10px;
color:#666;
}
.label-size:hover {
border:1px solid #6BB5FF;
text-decoration: none;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
zoom: 1;
}
.label-size a  {
text-transform: uppercase;
float:left;
text-decoration: none;
}
.label-size a:hover  {
text-decoration: none;

Ubahlah kode berwarna merah dengan kode warna yang sobat inginkan. Kode ini merupakan warna awal border yang melingkari nama Label.
Ubahlah kode berwarna biru dengan kode warna yang sobat inginkan. Kode ini merupakan warna pada nama Label yang sedang disentuh kursor.

8. Klik Simpan Template, selesai.

Cara Membuat Tombol Share ke Sosial Media

Cara Membuat Widget Tombol Share (tombol berbagi) Sosial Media (Facebook, Twitter, Google Plus) di Bawah Postingan Blog.

Nah pada postingan kali ini admin blogruanginformasi akan berbagi buat anda semua yakni Cara Membuat Widget Tombol Share (Share Button dibawah Postingan Blog.

Share Button atau Tombol Berbagi merupakan suatu widget social media yang berfungsi untuk menambah jumlah visitor atau pengunjung bagi blog kita masing masing dan juga agar postingan tersebut bisa tersebar ke dunia maya hanya dengan klik tombol tersebut.

Berikut ini Cara Membuat Widget Tombol Share di Bawah Postingan Blog:
  • Login di Blogger.com 
  • Masuk ke Dashboard > Template 
  • Terus click Edit HTML > lalu tekan tombol di keyboard secara bersamaan "CTRL + F" > maka muncul kotak search . 
  • Kemudian cari kode ]]></b:skin> jika sudah copas kode CSS dibawah ini diatas kode tersebut.

  • Copas kode berikut ini di bawah kode <data:post.body/> yang ketiga atau yang terakhir:

  • Kemudian klik Simpan Template Anda
Nah itulah Artikel tentang Cara Membuat Tombol Share ke Sosial Media di bawah postingan blog dan semoga sobat bisa memasangnya diblog sobat masing-masing dan semoga sobat bisa mendapatkan visitor yang lebih banyak.

Demikianlah artikel tentang Cara Membuat Tombol Share ke Sosial Media semoga artikel ini bisa bermanfaat bagi kita semua.




Cara Membuat Tabel Pada Postingan Blog

Membuat tabel memang mudah, tetapi untuk menampilkannya pada postingan blog cukup sulit. Kita harus paham kode HTML untuk merangkai tabel agar terlihat utuh. Terkadang dalam beberapa posting atau halaman blog kita ingin membuat sebuah tabel untuk keperluan tertentu, entah itu gambar atau teks. Namun sayangnya pada menu blogger tidak dilengkapi dengan menu pilihan untuk membuat tabel secara otomatis, jadi  pemilik blog harus membuat secara manual dengan script HTML.

Pada dasarnya perintah kode HTML untuk membuat tabel terdiri dari tiga saja, yaitu :
  1. Untuk mengawali perintah membuat sebuah tabel adalah dengan kode HTML <table> dan sebagai penutup perintah membuat tabel tersebut di akhiri dengan kode HTML </table>
  2. Perintah untuk membuat sebuah kolom tabel adalah dengan menggunakan kode HTML  <td>   dan untuk menutup perintah membuat kolom tabel tersebut di akhiri dengan kode </td> 
  3. Sedangkan perintah untuk membuat baris tabel adalah dengan kode HTML <tr>  dan untuk menutup perintah membuat baris tabel tersebut diakhiri dengan kode HTML </tr>
Contoh 1 :
Jika ingin membuat sebuah tabel yang terdiri dari 3 kolom dengan 1 baris, maka kode perintah HTML nya adalah seperti berikut :

<table border="1">
<tr>
<td>KOLOM KE-1</td> <td>KOLOM KE-2</td> <td>KOLOM KE-3</td>
</tr>
</table>

Keterangan :
Perintah Script / kode tersebut hanya dapat dituliskan pada pilihan mode penulisan "HTML", dan perintah Script tersebut tidak akan dapat berjalan jika di tuliskan pada mode penulisan "Text Rich" atau "Compose".

Maka hasil dari perintah kode HTML di atas adalah seperti yang terlihat pada tabel di bawah ini :


KOLOM KE-1 KOLOM KE-2 KOLOM KE-3

Contoh 2 :
Jika ingin membuat sebuah tabel yang terdiri dari 3 kolom dengan 2 baris, maka kode perintah HTML nya adalah seperti berikut :

<table border="1">
<tr>
<td>BARIS KE-1 KOLOM KE-1</td> <td>BARIS KE-1 KOLOM KE-2</td> <td>BARIS KE-1 KOLOM KE-3</td>
</tr>
<tr>
<td>BARIS KE-2 KOLOM KE-1</td> <td>BARIS KE-2 KOLOM KE-2</td> <td>BARIS KE-2 KOLOM KE-3</td>
</tr>
</table>

Keterangan : 
Perintah Script / kode tersebut hanya dapat dituliskan pada pilihan mode penulisan "HTML", dan perintah Script tersebut tidak akan dapat berjalan jika di tuliskan pada mode penulisan "Text Rich" atau "Compose".

Maka hasil dari perintah kode HTML di atas adalah seperti tabel di bawah ini :

BARIS KE-1 KOLOM KE-1 BARIS KE-1 KOLOM KE-2 BARIS KE-1 KOLOM KE-3
BARIS KE-2 KOLOM KE-1 BARIS KE-2 KOLOM KE-2 BARIS KE-2 KOLOM KE-3

Contoh 3 :
Jika ingin membuat sebuah tabel yang terdiri dari 2 kolom dengan 2 baris, kemudian pada baris ke 1 diisi dengan teks atau tulisan sedangkan pada baris kedua diisi dengan gambar , maka perintah kode HTML yang digunakan adalah sebagai berikut :


<table border="1">
<tr>
<td>GAMBAR-1</td> <td>GAMBAR-2</td>
</tr>
<tr>
<td><img src="http://i752.photobucket.com/albums/xx166/sosmiadi/Angry-Birds2.jpg" height="96" width="144" /></td> 
<td><img src="http://images.dailyfreegames.com/thumbs/SPCOST120.jpg" height="96" width="144" /></td>
</tr>
</table>

Keterangan :
  • Perintah Script / kode tersebut hanya dapat dituliskan pada pilihan mode penulisan "HTML", dan perintah Script tersebut tidak akan dapat berjalan jika di tuliskan pada mode penulisan "Text Rich" atau "Compose".
  • Pada text / tulisan yang berwarna merah pada script diatas adalah link URL tempat penyimpanan gambar. Silahkan diganti dengan URL gambar yang akan ditampilkan ke dalam tabel.
  •   height adalah ukuran tinggi gambar, silahkan diatur dan disesuaikan dengan keinginan.
  •   width adalah ukuran lebar gambar, silahkan diatur dan disesuaikan dengan keinginan

Maka hasil tampilan dari perintah kode HTML di atas adalah seperti yang terlihat pada tabel di bawah ini :

GAMBAR-1
GAMBAR-2

Selamat mencoba, semoga dapat bermanfaat
Sumber



Cara Menuliskan Kode HTML Pada Postingan



Jika Anda masih binggung, bagaimana menaruh kode/script HTML ke dalam postingan tentu scriptnya tidak langsung muncul seperti yang kita inginkan, Misalnya, jika kita menuliskan kode <body> dengan cara yang biasa maka hasilnya tidak akan muncul dalam postingan karena kode tersebut langsung diterjemahkan kedalam bahasa HTML. Jadi untuk menuliskan kode <body>, maka yang seharusnya dituliskan supaya bisa muncul kode tersebut adalah ini &lt;body&gt;

Nah bagaimana kalau ada banyak kode yang harus kita posting? tentu sangat merepotkan sekali..! nah mau tahu bagaimana caranya menuliskan kode-kode/script tersebut ke dalam postingan blog?

Ada beberapa cara untuk menuliskan kode-kode tersebut kedalam postingan blog, diantaranya yaitu:

Cara Pertama
  • Gunakan Software-software web design, misalnya Macromedia Dreamwaver, Microsoft Frontpage, Namao Web Editor. Atau bisa juga dengan software-software blogtools seperti post2blog dll.
  • Tuliskan semua kode di area design, kemudian copy kode-kode tersebut dari area HTML Code. Nah kode-kode dalam area HTML Code tersebut lah yang harus diposting.

Cara Kedua :
  • Tuliskan semua kode/script ke dalam notepad
  • Kemudian ganti/replace kode-kode berikut ini :
Kode
Kode Pengganti
<
&lt;
>
&gt;
"
&quot;
  • Sudah tahu kan caranya mereplace di notepad? yaitu dengan memilih menu edit --> replace kemudian pada kotak yang muncul masukkan kode yg akan direplace pada kolom "Find what" terus masukkan kode pengantinya pada kolom "Replace with"terus tekan tombol Replace All.
  • Nah kalau sudah semua baru Anda copy semua kode yang udah direplace all tadi, terus Anda masukkan kedalam postingan tersebut.
Cara Ketiga :
  • Kunjungi situs berikut ini : klik disini
  • Kemudian masukkan kode-kode yang akan Anda posting kedalam kotak yang disediakan, nah kalau sudah tekan tombol "Encode", maka Anda akan mendapatkan script baru untuk diposting di blog Anda.
  • Praktis bukan?
     
Demikianlah cara menuliskan kode/script HTML pada postingan Anda, semoga bermanfaat.
.

Cara Ampuh Meningkatkan Page Rank Blog


Cara mudah Luar biasa, Super Gila Meningkatkan Pengunjung Blog. Sahabat setia para pengunjung Sosmiadi.com semuanya, Banyak pengunjung ke Blog kita tentu sangat menyenangkan hati kita, ini adalah salah satu cara untuk meningkatkan pengunjung Blog kita, simak baik baik caranya. Trik ini diambil berdasarkan pada pengalaman kawan-kawan saya mengenai berbagai cara untuk meningkatkan Page Rank.

Bagaimana cara cepat meningkatkan Page Rank di Google?
Salah satu cara tercepat untuk meningkatkan Page Rank di Google pada postingan ini adalah dengan mengadopsi sistem pemasaran yang menggunakan model Multi Level Marketing. Sistem pemasaran ini, memiliki kelebihan dalam kecepatan distribusi.

Melalui posting ini saya mengajak anda semua untuk mengambil keuntungan dari kecepatan penyebaran sistem ini dalam bentuk backlink.

Caranya mudah, Yang harus anda lakukan adalah dengan meletakkan link-link berikut di blog ataupun di artikel anda.
  1. InformasiTerbaru.com
  2. Tribunjambi.com
  3. Kompasiana.com
  4. Kerincionline.com
  5. mualaf.com
  6. Cahaya.com
  7. InfoSinta.com
  8. Anime Lovers023
  9. FreeFiles023
  10. Sosmiadi.com
Tapi ingat, sebelum anda meletakkan link diatas, kamu harus menghapus peserta nomor 1 dari daftar. Sehingga semua peserta naik 1 level. Yang tadinya nomor 2 jadi nomor 1, nomor 3 jadi 2, dst. Kemudian masukkan link anda sendiri di bagian paling bawah (nomor 10).
Jika tiap peserta mampu mengajak 5 orang saja, maka jumlah backlink yang akan didapat adalah:

Ketika posisi anda 10, jumlah backlink = 1
Posisi 9, jml backlink = 5
Posisi 8, jml backlink = 25
Posisi 7, jml backlink = 125
Posisi 6, jml backlink = 625
Posisi 5, jml backlink = 3,125
Posisi 4, jml backlink = 15,625
Posisi 3, jml backlink = 78,125
Posisi 2, jml backlink = 390,625
Posisi 1, jml backlink = 1,953,125

Dan semuanya menggunakan kata kunci yang anda inginkan. Dari sisi SEO anda sudah mendapatkan 1,953,125 backlink dan efek sampingnya jika pengunjung web para downline anda mengklik link itu, juga membuat ngeblog anda mendapatkan traffik tambahan.

Nah, silahkan copy paste artikel ini, dan hilangkan peserta nomor 1 lalu tambahkan link blog/website anda di posisi 10. Ingat, anda harus mulai dari posisi 10 agar hasilnya maksimal. Karena jika anda tiba2 di posisi 1, maka link anda akan hilang begitu ada yang masuk ke posisi 10.
Saya yakin dalam waktu yang singkat, Pagerank blog anda pasti langsung naik drastis di luar dugaan anda. Selamat mencoba trik rahasia ini!

Bagaimana ? apa sobat semua berkenan? kalau iya copas aja! terus sarankan ke teman yang lain supaya terus menyebar!

Tugasnya gampang koq! copas trik ini lalu sarankan ke teman yang lain begitu pula seterusnya!
laporkan bila ada link yang rusak.
.
SUMATERA EKSPRES L.P.6