Showing posts with label Blogging. Show all posts
Showing posts with label Blogging. Show all posts

Download Template Nubie Banget Responsive tanpa Credit Link

Nubie Banget Responsive
Rachmatalamsyah.com - Pada kesempatan kali ini saya akan membagikan sebuah Template yang saat ini saya gunakan yaitu Template Nubie Banget yang sangat Responsive dan Mobile Friendly. Template ini sangat cocok untuk didaftarkan pada Program Google Adsense karena didalamnya sudah di sediakan Widget Tab Banner GA ukuran 720x90 sebanyak 2 Widget di  Tata Letak dan tepatnya di Bagian bawah Header/diatas Judul Postingan dan di Footer. 


Untuk Template yang akan saya bagikan di sini adalah template Nubie Banget Responsive tanpa Credit Link, jadi sudah di setting khusus tanpa susah-susah lagi mencari Kredit Link sang Pemilik template dan untuk Demonya adalah Website ini sendiri ya. Baik tanpa berlama-lama lagi berikut akan saya berikan Spesifikasi dari Template Nubie Banget Responsiv.

Spesifikasi Template Nubie Banget Responsive 



Download Template Nubie Banget Responsive tanpa Credit Link (tunggu beberap detik hingga link download muncul ) :

Atau klik :
https://tusfiles.net/8us1a1aifjf7
 Itulah salah satu Template Responsive yang dapat digunakan saat mengikuti Program Google Adsense atau saat Pendaftaran agar website sobat cepat di Approve. Semoga Bermanfaat !

Catatan : Jika Link download diatas tidak Bekerja, Silahkan Berkomentar lewat kolom dibawah dengan menyertakan Email anda untuk saya kirimkan Link Download Template diatas.

Cara mudah mengatur jumlah Postingan di setiap Label Blog

Rachmatalamsyah.com - Pada kesempatan kali ini saya akan menuliskan bagaimana cara mudah mengatur Jumlah Postingan di setiap Label Blog yang akan bekerja secara otomatis mengubah jumlah postingan sesuai keinginan yang ingin kita tampilkan. Secara otomatis jumlah Postingan akan muncul sesuai jumlah yang kita tulis apabila mengklik Label di blog, misalnya kita menuliskan angka 5 di Label Blogger maka secara otomatis jika Label Blogger di klik maka Postingan yang muncul dihalaman Label tersebut hanya berjumlah 5 Postingan. Untuk Demo silahkan klik Label di Blog ini.

Cara mudah mengatur jumlah Postingan di setiap Label Blog

Berikut Cara mudah mengatur jumlah Postingan di setiap Label Blog :

1. Login ke blogger.
2. Masuk ke menu Template lalu Edit html.
3. Cari kode dibawah ini dengan menggunakan Ctrl+F dan apabila kode dibawah ini jumlahnya lebih dari satu maka cobalah satu persatu untuk memastikan kode bekerja :
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
4. Kalau sudah ditemukan tambahkan kode dibawah ini setelah kode data:label.url diatas.
+ &quot;?max-results=5&quot;
5. Sehingga akan terlihat seperti dibawah ini.
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url+ &quot;?max-results=5&quot;'>
6. Terkahir klik simpan template

Keterangan :
Untuk merubah jumlah tampilan posting ganti tulisan warna hijau diatas dengan angka yang diinginkan.

Demikianlah Cara mudah mengatur jumlah Postingan di setiap Label Blog, semoga bisa berhasil anda lakukan di blog agan sendiri dan apabila ada pertanyaa silahkan berkomentar pada kolom komentar dibawah ini.


Cara Pasang Iklan AdSense Page Level Ads Di Blog

Cara Pasang Iklan AdSense Page Level Ads Di Blog
Rachmatalamsyah.com - Pada kali ini saya akan membahas tentang iklan adsense yang baru-baru mengeluarkan dua unit iklan baru khusus untuk perangkat mobile yaitu Cara Pasang Iklan AdSense Page Level Ads Di Blog, Iklan tingkat laman telah digulirkan baru-baru ini dan sekarang tersedia untuk digunakan untuk semua webmaster dan blogger. Iklan tingkat laman memungkinkan anda untuk menampilkan iklan AdSense di template seluler blogger anda. Ini membantu anda untuk menghasilkan uang melalui template mobile anda seperti anda memonetisasi aplikasi mobile dengan Iklan Admob Google.

Jika anda berminat dan ingin menerapkan 2 format iklan tersebut pada blog atau website anda, silahkan anda simak langkah-langkah dibawah ini.

Beberapa Fakta Menarik Tentang Tingkat Laman Iklan:
  • Ditunjukkan oleh AdSense pada waktu yang optimal untuk membantu meningkatkan pendapatan dan memberikan pengalaman pengguna yang baik
  • Dua format iklan baru: Anchor/overlay ads dan Vignette ads
  • Tidak diperhitungkan anda 3 iklan per batas halaman - anda dapat menggunakannya bersama dengan unit konten dan link anda.
  • Hanya tampilan pada situs yang dioptimalkan untuk seluler
  • Dioptimalkan untuk membantu meningkatkan pendapatan
  • Ponsel Responsif!

Saya akan membahas secara rinci format tingkat laman yang tersedia, cara menambahkan kode ke template blogger, dan bagaimana untuk menguji iklan untuk melihat apakah mereka benar-benar bekerja di situs anda.

Format Iklan Tingkat Halaman

Berikut ini adalah dua jenis format iklan tingkat halaman yang tersedia:

Cara Pasang Iklan AdSense Page Level Ads Di Blog
Anchor atau Overlay ads
Anchor atau Overlay ads adalah iklan responsif seluler yang menempel ke bagian bawah layar pengguna dan dapat dengan mudah diberhentikan dengan menggunakan tombol beralih turun di atasnya.

Setelah beban iklan, Archor Ads akan ditampilkan di bagian bawah halaman yang menampilkan berbagai iklan. Pengguna cukup geser bar ke bawah untuk mengabaikan iklan Archor.

Vignette ads
Vignette ads adalah iklan layar ponsel penuh yang menutupi seluruh antarmuka dari halaman web. Mereka bekerja persis sama seperti iklan pengantara Admob ini digunakan dalam aplikasi mobile untuk android dan iOS.

Iklan sketsa muncul sebagai popup antara beban halaman di blog anda. Pengguna memiliki pilihan untuk baik mengetuk iklan dan terus ke tujuan, atau menutupnya dan kembali ke halaman web. Panggilan langsung ke tindakan dan ukuran yang lebih besar menggabungkan membuat sketsa Iklan bentuk yang sangat efektif iklan mobile.

Catatan :
  • Vignette ads ditampilkan ketika pengguna meninggalkan halaman, bukan ketika mereka tiba di satu artikel, sehingga pengguna tidak harus menunggu loading untuk memuat iklan.
  • Selain itu, mereka juga terbatas jumlahnya per pengguna untuk mempertahankan pengalaman pengguna yang baik.

Menerapkan Tag Iklan Tingkat Laman Di Blogspot

Untuk setup atau cara meningkatkan pendapatan baru pada iklan seluler pada template blogger anda, ikuti langkah-langkah mudah di bawah ini:

1. Masuk ke akun AdSense anda.

2. Beralih pada kedua iklan Anchor atau Vignette ads dengan mengklik dua tombol beralih.


3. Setelah itu scroll ke bawah dan klik tombol "Get code"

Cara Pasang Iklan AdSense Page Level Ads Di Blog

4. Salin kode tersebut.


5. Sekarang pergi ke Blogger >> Template >> Backup template anda telebih dahulu.

6. Klik Edit HTML dan cari kode ini </head>.

7. Tempelkan kode tingkat laman tepat di atas </ head>.

8. Sebelum menempatkan kode iklan tersebut ubahlah kode async menjadi async = '' lihat contoh pada gambar dibawah.


9. Setelah semuanya selesai anda kerjakan jangan lupa klik SIMPAN..!!!
  • Catatan: Dalam kode tingkat laman, membuat satu modifikasi. Ganti atribut async dengan async = ''
  • Jika anda tidak membuat modifikasi tersebut, blogger akan memberikan pesan kesalahan seperti yang terlihat pada gambar dibawah.


Demikian Langkah-langkah Cara Pasang Iklan AdSense Page Level Ads Di Blog, Apabila anda kesulitan tentang cara pemasangan Iklan Adsense Page Level ini silahkan berkomentar lewat kolom koment dibawah ini. Semoga Bermanfaat !



Cara Konfigurasi Iklan AdSense Page Level Ads Di BlogSpot ,cara meningkatkan pendapatan google adsense ,apa itu adsense page level ads dan cara menerapkannya di blog ,Cara Pasang Page-level Ads Google di Blogspot ,Cara Memasang Iklan Adsense Page Level ads (Iklan Tingkat Laman) di Blogger ,Add New Page-level Ads of Adsense in WordPress ,Why and how use Page- level ads by Adsense ,AdSense mobile Page-level ads now available to all publish ,AdSense Page Level Ads Is Here To Monetize Your Mobile Site ,Inside AdSense: Meet AdSense's next generation ads ,How To Setup AdSense Page-level ads in BlogSpot? ,WordPress � Support � How to add Google Page-level ads ,How to enable Page-level ads - Advanced Ads ,How to Setup Google AdSense Page Level Ads on Customizr Theme ,How to Activate and Place Google AdSense Page Level Ads in Website/Blog

Daftar Backlink .Gov High PR Berkualitas

Daftar Backlink .Gov High PR Berkualitas
Add caption
Daftar Backlink .Gov High PR Berkualitas Terbaru 2016 -  Backlink .Gov memang masih banyak di buru oleh para pencari Backlink berkualitas. .Gov adalah backlink dari situs pemerintahan luar negeri, jadi bukan backlink biasa melainkan backlink berkualitas karena didapatkan dari situs pemerintahan Luar negeri. Fungsi dari Backlink .Gov ini untuk meningkatkan SEO blog dan menambahkan Pagerank blog serta menurunkan angka Alexa Rank. 1 Backlink .GOV sama hal nya dengan 10 backlink dari situs biasa, hebat bukan?

Untuk membuat backlink .gov kalian tidak perlu berkomentar dengan Name/URL atau OpenID, anda cukup membuat link seperti ini :


http://energy.gov/redirect.aspx?url=http://www.rachmatalamsyah.com

Ganti http://www.rachmatalamsyah.com dengan URL blog anda.

Daftar Backlink .Gov High PR Berkualitas


Berikut dibawah ini saya akan bagikan secara gratis daftar backlink .gov yang masih work, yuk Silahkan di Comot Gan :

  1. http://www.fws.gov/pacific/script/exit.cfm?link=http://www.rachmatalamsyah.com 
  2. http://www.cherokeecounty-nc.gov/redirect.aspx?url=http://www.rachmatalamsyah.com 
  3. http://www.olelo.hawaii.edu/redirect.php?url=http://www.rachmatalamsyah.com 
  4. http://www.nationalcityca.gov/redirect.aspx?url=http://www.rachmatalamsyah.com 
  5. http://www.cherokeecounty-nc.gov/redirect.aspx?url=http://www.rachmatalamsyah.com 
  6. http://www.evansville.in.gov/redirect.aspx?url= http://www.rachmatalamsyah.com 
  7. http://www.weather.gov/cgi-bin/nwsexit.pl?url=http://www.rachmatalamsyah.com&cache=yes 
  8. http://transtats.bts.gov/exit.asp?url=http://www.rachmatalamsyah.com&cache=yes 
  9. http://transition.fcc.gov/fcc-bin/bye?http://www.rachmatalamsyah.com  
  10. http://democrats.assembly.ca.gov/members/scripts/redirect.asp?url=http://www.rachmatalamsyah.com&cache=yes 
  11. http://cherokeecounty-nc.gov/redirect.aspx?url=http://www.rachmatalamsyah.com 
  12. http://www.usphs.gov/redirect.aspx?URL=http://www.rachmatalamsyah.com  
  13. http://www.polytrauma.va.gov/disclaimer.asp?url=http://www.rachmatalamsyah.com 
  14. http://democrats.assembly.ca.gov/members/scripts/redirect.asp?URL=http://www.rachmatalamsyah.com 
  15. http://www.biometrics.gov/LeavingSite.aspx?url=http://www.rachmatalamsyah.com 
  16. http://senweb03.senate.ca.gov/focus/outreach/sd40/sd40-redirect.asp?URL=http://www.rachmatalamsyah.com 
  17. http://www.nws.noaa.gov/climate/nwsexit.php?wfo=abq&url=http://www.rachmatalamsyah.com 
  18. http://water.weather.gov/ahps2/nwsexit.php?url=http://www.rachmatalamsyah.com 
  19. http://viajes.astalaweb.net/Viajes/Marco.asp?dir=http://www.rachmatalamsyah.com 
  20. http://www.usafa.edu/externalLinkDisclaimer.cfm?el=http://www.rachmatalamsyah.com 
  21. http://transition.fcc.gov/fcc-bin/bye?http://www.rachmatalamsyah.com 
  22. http://www.doleta.gov/regions/reg05/Pages/exit.cfm?vexit=http://www.rachmatalamsyah.com

Ingin alternatif gampang untuk submit Backlink sekaligus tanpa harus  copy paste satu persatu ke browser anda caranya cukup kunjungi situs ini : urlopener.com lalu pastekan seluruh Baclink diatas yang telah anda ganti dengan Url blog sendiri. Demikian artikel mengenai Daftar Backlink .Gov High PR Berkualitas  semoga bermanfaat.


Cara Cek Kelayakan Template pada Blog

Cara Cek Kelayakan Template pada Blog
Cara Cek Kelayakan Template pada Blog
Rachmatalamsyah.com - Pada kesempatan kali ni saya akan membagikan tool untuk mengecek kelayakan sebuah template pada blog, sebelum anda menggunakan sebuah template pada blog anda ada baik untuk melakukan sebuah test untuk menguji kelayakan template pada blog atau website anda, karena itu akan memberitahukan anda bahwa template tersebut SEO dan Responsive atau tidak, karena apabila jika anda tidak menguji sebuah template dan langsung menerapkan template tersebut, akan ditakutkan anda kecewa naantinya dan anda akan sering untuk menggonta-ganti template, padahal untuk menggonta-ganti sebuah template itu akan sangat merepotkan dan akan banyak membuang-buang waktu.


Inilah Cara Untuk Menguji atau Mengetes Sebuah Template Apakah Layak Dipasang Pada Blog atau tidak.

1. Webmaster Structured Data Testing Tools - Tool tersebut akan berfungsi untuk menguji pada struktur data template baik atau tidak baiknya, sehingga akan memudahkan dan agar cepat diindex oleh mesin pencari.

2. Am I Responsive Design - Tool Tersebut adalah untuk menguji template blog anda apakah mobile friendly atau tidak, seperti yang di rekomendasikan oleh paman Google. Template yang baik itu adalah harus mobile friendly.

3. GT Metrix - Tool tersebut adalah untuk menguci kecepatan pada loading template. Template yang baik dan profesional akan memiliki fast loding sekitar 80 sampai 90% dan itu adalah template yang akan diminati oleh visitor blog anda.

4. Chkme - Tool yang satu ini pasti sudah tidak asing lagi di telinga anda para blogger. Karena tool tersebut akan berfungsi untuk menguji SEO atau tidaknya template pada blog anda dan tool ini juga akan memberi sebuah rekomendasi apa-apa saja yang harus di perbaiki pada template tersebut.

5. Facebook Debugger - Tool tersebut adalah untuk menguji template agar kita bisa mengetehui muncul atau tidak gambar pada facebook. Hal ini sangat perlu dilakukan, karena terkadang ada sebagian orang yang melakukan aktivitas share artikel pada situs anda ke facebook agar gambar muncul di sana, hal tersebut adalah untuk menambah daya tarik orang lain ketika melihat situs web atau blog anda.

Jadi tunggu apalagi silahkan anda uji template yang sudah anda gunakan pada blog anda, bila terjadi sesuatu yang berbeda pada saat melakukan test template tersebut, anda bisa langsung untuk mengganti template blog anda dengan template yang yang lain, atau anda juga bisa melihat di situs Template Free Premium karena disitu tersedia banyak Template Blogger atau Wordpress Theme ada yang premium ada juga yang biasa.

Semoga arikel Cara Cek Kelayakan Template pada Blog yang saya bagikan ini bisa bermanfaat untuk anda semua. Jika anda mengetahui adanya tool lainnya untuk menguji kelayakan template maka silahkan anda berbagi pada komentar di bawah.

Baca juga : Cara Membuat Kotak tempat Script di Postingan Blog

Cara Mengecek Kelayakan Sebuah Template Pada Blog Anda ,Cara Mengetahui (Cek) Responsive Template Blog ,Cara Cek Template Blog SEO Friendly ,Cara Cek Template SEO Atau Tidak ,Cara mengecek kecepatan load template blog ,Cara Menguji Kecepatan Tampilan Blog ,Cara mengetahui template blog SEO friendly dengan tool gratis ,Cara Menguji Template Blog ,Cara Mudah Mengetahui Template Blogger Responsive Atau Tidak ,cara cek seo blog ,cara cek kualitas blog ,cek seo template ,cek seo website ,Cara Mudah Cek Tampilan Responsive Template ,Tempat Untuk Menguji Template ,Cara Mudah Mengetahui Template Blog Atau Website yang responsive ,Cara rahasia mengetahui template blog/website lain ,Online Tools Untuk Menguji Template Responsive ,Cara Cek Template Responsive Dengan Firefox ,Cara melihat dan menguji template diberbagai browser sekaligus ,Cara Memilih Template Blog yang Baik dan Benar

Cara pasang Fanpage Facebook di Akhir Postingan Blog

Cara pasang Fanpage Facebook dibawah Postingan Blog
Cara pasang Fanpage Facebook di Akhir Postingan Blog

Rachmatalamsyah.com - Kebanyakan Fanpage facebook di blog/website di pasang di Sidebar ,tersembunyi disamping dan melayang di blog/website,Akan tetapi kali ini saya akan mencoba memberikan cara memasang Fanpage Facebook yang berbeda seperti yang saya sebutkan dalam judul postingan ini yaitu Cara pasang Fanpage Facebook di Akhir Postingan Blog. Untuk demo-nya sendiri bisa lihat gambar diatas atau di akhir artikel ini bagian bawah.

Buat sobat yang ingin mencoba Cara pasang Fanpage Facebook di Akhir Postingan Blog ,silahkan ikuti langkah-langkah berikut ini:

1. Login ke akun Blogger
2. Masuk ke Template >> Edit HTML
3. Cari kode  Gunakan Ctrl+f untuk memudahkan pencarian
4. Pasang kode di bawah ini setelah kode , kode  mungkin lebih dari satu di beberapa template solusinya cobalah satu persatu sampai ketemu hasilnya. Berikut Kodenya dibawah ini :

<b:if cond='data:blog.pageType == &quot;item&quot;'> <iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=URLFanPage Facebook anda &amp;width=590&amp;colorscheme=light&amp;show_faces=true&amp;stream=false&amp;header=false&amp;height=180' style='border:none; overflow:hidden; width:590px; height:180px;'/> </b:if>
Ket : Ganti URLFanPage Facebook anda dengan url Fanpage milik anda.

5. Save template dan Lihat hasilnya.

Demikian artikel Cara pasang Fanpage Facebook di Akhir Postingan Blog, semoga dengan mengikuti langkah-langkah diatas anda sudah bisa menerapkannya di blog/website anda. Selamat mencoba dan semoga bermanfaat.


Cara Memasang Tombol Join This Site Blogger di Blog

Cara Memasang Tombol Join This Site Blogger di Blog
Cara Memasang Tombol Join This Site Blogger di Blog 2015

Rachmatalamsyah.com - Pada kesempatan yang berbahagia ini saya akan menjelaskan tentang Cara Memasang Tombol Join This Site Blogger di Blog, cara ini dapat kita aplikasikan ke blog untuk memperlihatkan jumlah pengikut blog kita. Untuk memasang Tombol Join this Site ini sebenarnya terdapat dua cara yaitu dengan cara menambahkan widget Pengikut dan Memasang tombol Join This Site secara manual,namun yang akan saya bahas hanyalah cara yang kedua yaitu Memasang tombol Join This Site secara manual dengan menempelkan kode script.

Untuk Memasang tombol Join This Site secara manual, Berikut adalah langkah-langkahnya :

1. Login Blogspot anda.
2. Masuk Ke Dashboard Blogspot Pilih Tata Letak,kemudian klik Tambahkan Gadget dan pilih HTML/Java Script di Sidebar atau tempat dimana anda ingin tempatkan Tombol tersebut.
3. Copy dan Paste Kode Script dibawah kedalam Gadget HTML/Java Script :

<ahref="http://www.blogger.com/follow blog.g?blogID=7805508830166576773">&ltimgsrc=quothttps://lh3.googleusercontent.com/-hv6VicWsNFM/T5q-QV4D1YI/AAAAAAAAAD8/CttNp8Ztjjk/s800/Join%2520This%2520Site.png"/>&l /a>
4. Simpan Gadget HTML/Script dan lihat hasilnya.

Catatan : Tulisan Berwarna merah adalah Blog ID sobat jadi silahkan ganti sesuai dengan Blog ID soba masing-masing, Blog ID bisa sobat temukan di Bagian url Dashboard Blog sobat,tinggal copy dan Paste ke dalam Kode diatas. Dibawah ini Gambar Blog ID:
Cara Memasang Tombol Join This Site Blogger di Blog


Dengan mengikuti tahapan  Memasang Tombol Join This Site diatas,maka saya anggap sobat telah berhasil memasangnya di blog sobat masing-masing,jika anda ingin menampilkan pengikut juga boleh untuk memaksimalkan Blog sobat.

Demikian Info tentang Cara Memasang Tombol Join This Site Blogger di Blog dan Semoga Bermanfaat.

Cara membuat Link Sumber ketika postingan Blog di copy

Cara membuat Link Sumber ketika postingan Blog di copy
Cara membuat Link Sumber ketika postingan Blog di copy
Rachmatalamsyah.com - Tentu para blogger sering merasa kesal dengan ulah pengunjung blog yang main copy paste artikel tanpa meletakkan link sumbernya. Dan itulah yang mungkin terjadi di blog saya, setelah sekitar satu bulan tidak blogging. Oke, kali ini saya akan membagikan tips agar para copaster (orang yang suka copy paste) menyertakan link sumber artikel tanpa diminta, alias secara otomatis. Tidak percaya? Lihat preview kerjanya pada gambar di bawah ini :


Berikut ada kode script membuat Link Sumber :

<scripttype='text/javascript'gt;functionaddLink({vara=document.getElementsByTagName("body")[0];var b;b=window.getSelection();var c="<br/><br/>Source<ahref='"+document.location.href+"'gt;"+document.location.href+"</a><br/>Disalin dari Blog ku.";var d=b+c;var e=document.createElement("div");e.style.position="absolute";e.style.left="99999px";a.appendChild(e);e.innerHTML=d;b.selectAllChildren(e) window.setTimeout(function({a.removeChild(e)},0)}document.oncopy=addLink </script>

Jika dipasangkan pada template blog, dan ada pengunjung blog yang melakukan aksi copy paste, teks yang berwarna merah akan muncul pada bagian akhir artikel (seperti pada gambar). Gantilah teks yang berwarna merah sesuai dengan keinginan.

Cara memasangnya  dibawah ini :

1.   Seperti biasa, buka blogger, lalu masuk ke Template -> Edit HTML.
2.   Tekan ctrl+f, lalu cari kode
.
3.   Pastekan script diatas (diatas atau sebelum kode ), lalu klik Simpan.
4.   Ganti kata-kata pada kode yang berwarna Merah diatas sesuai keinginan anda

Script pun siap digunakan. Tidak percaya? Coba tes dengan cara copy paste salah satu artikel blog Anda. Selamat mencoba, dan jangan lupa untuk mengklik tombol Google + dibawah. Terima kasih, dan salam Blogger!

Cara membuat Loading Header Blog mirip Youtube

Cara membuat Loading Header Blog mirip Youtube
Loading Header di Youtube
Rachmatalamsyah.com - Pada kesempatan ini saya akan memberikan info bagaimana cara membuat loading blog bentuk garis merah pada header seperti yang ada di youtube dengan judul artikel kali ini adalah Cara membuat Loading Header Blog mirip Youtube. Baik,untuk membuat Loading header youtube ini sangat mudah tergantung dari proses / langkah-langkahnya. Untuk Demonya sendiri bisa di lihat pada website ini atau di Youtube.

Berikut langkah-langkah pembuatan Loading Header Blog mirip Youtube :

1. Login Blogger 

Masuk ke blogger kemudian klik Template > klik Edit Html

2. Pasang Kode Javascript

Letakkan kode dibawah ini diatas </head>. Kode dibawah ini terdapat Jquery dari ajax.googleapis.com. Agar berjalan dengan baik, kamu harus terkoneksi ke internet untuk memanggil kode Jquery dari google tersebut.

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
(function($){$("html").removeClass("v2");
$("#header").ready(function(){
$("#progress-bar").stop().animate({ width: "25%" },1500) });
$("#footer").ready(function(){
$("#progress-bar").stop().animate({ width: "75%" },1500) });
$(window).load(function(){
$("#progress-bar").stop().animate({ width: "100%" },600,function(){
$("#loading").fadeOut("fast",function(){
$(this).remove();
});
});
});
})(jQuery);
</script>

2. Letakkan Kode CSS

Masih dalam Edit Html Blog,kemudian Letakkan Kode CSS dibawah ini pada bagian b:skin / ></b:skin>  :

#loading {
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
height: 10px;
line-height: 350px;
text-align: center;
padding-top:70px;
font:bold 50px Calibri,Arial,Sans-Serif;
color: #000000;
}
.v2 #loading {
display: none
}
#progress-bar {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color:#fd0000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
opacity: 0.8;
width: 0;
height: 10px;
}
#loader {
top:0;
left:0;
width:100%;
height: 10px;
position:fixed;
display: block;
color:#FFCC66;
background: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
opacity: 0.8;
}

3. Letakkan Elemen DIV

Fungsi elemen div sendiri adalah untuk menampilkan atau menjalankan kode CSS yang telah dipasang diatas,jadi pastikan anda masih dalam mode edit html dan letakkan  elemen div dibawah ini didalam elemen <body> :

<div id='loading'><div id='progress-bar'></div><div id='loader'></div></div>

4. Terakhir Silahkan klik Simpan Template 

Untuk melihat hasilnya tetap pada mode edit Html dan Cukup Klik Lihat Blog saja pada bilah sebelah sudut kiri blog,dan lihat hasilnya.

Cat : Anda bisa melakukan Modifikasi pada kode seperti merubah warna,ukuran dan kecepatan tapi untuk kecepatan mungkin sesuai dengan load blog anda sendiri.

Demikian informasi mengenai Cara membuat Loading Header Blog mirip Youtube semoga anda bisa menerapkannya di blog sesuai dengan langkah-langkah yang saya jelaskan diatas, Apabila ada pertanyaan silahkan tulis di bawah di kolom komentar.

Cara memasang Scroll pada Label,Popular Post dan Postingan di Blog

Cara memasang Scroll pada Label dan Popular Post di Blog
Cara memasang Scroll pada Label dan Popular Post di Blog
Rachmatalamsyah.com - Pada kesempatan yang berbahagia ini kita berjumpa kembali pada tulisan saya berikut ini dengan judul Cara memasang Scroll pada Label,Popular Post dan Postingan di Blog, scroll disini menurut saya sebagai suatu tamabahan alat untuk memudahkan pembaca melihat semua bagian pada Label dan Popular Pos si empunya blog,selain berfungsi untuk memudahkan juga berfungsi untuk memperpendek tampilan Label dan Popular Post yang mungkin sebelumnya memakan banyak ruang di Blog kita.

Nah untuk cara memasang alat Scroll ini cukup mudah karena hanya menempatkan beberapa kode pada template html blog kita, selain itu kode yang kita masukkan juga cukup ringan dan tidak membuat blog menjadi over/berat. Baik tanpa panjang lebar,berikut adalah penjelasannya :

Cara memasang Scroll pada Label,Popular Post dan Postingan di Blog

A. Memasang Scroll pada pada Label Blog

  1. Silahkan sobat masuk akun Blog sobat 
  2. Klik Template" kemudian "Edit Html"
  3. Kemudian Cari kode ]]></b:skin> (dengan menggunakan Control F) agar lebih cepat.
  4. Lalu Copy Kode di bawah ini dan Paste tepat diatas atau sebelum Kode ]]></b:skin> 
#Label .widget-content{
height:
200px;
width:auto;
overflow:auto;
}

Silahkan "Save/Simpan Template".

B. Memasang Scroll pada Popular Post Blog

Sebenarnya caranya  hampir sama cuma pada kode nya diubah tadi Label diganti menjadi Popular post. Berikut langkah-langkahnya :
  1. Silahkan sobat masuk ke akun akun Blog sobat 
  2. Klik Template" kemudian "Edit Html"
  3. Kemudian Cari kode ]]></b:skin> (dengan menggunakan Control F) agar lebih cepat.
  4. Lalu Copy Kode di bawah ini dan Paste tepat diatas atau sebelum Kode ]]></b:skin> 
#PopularPosts1 .widget-content
{height:170px;
width:auto; 
overflow:auto; 
}

Silahkan "Save/Simpan Template"

Cat : "Untuk kode yang berwarna biru bisa anda atur sesuai keinginan,itu adalah Height / tinggi dari widget Scroll tersebut,untuk width / lebar biarkan saja auto".

C. Memasang Scroll pada Postingan Blog

Caranya sangat mudah,anda tinggal memasukkan Kode Script dibawah ini kedalam postingan yang ingin dipasangi scroll :

<div style='padding: 5px; overflow: auto;width: auto; height:200px;border:1px solid #000000'>
LETAKKAN TULISAN SOBAT ATAU APAPUN DISINI
(Tulisan ditulis di Compose, sedangkan Kode di Tulis pada mode Edit HTML)

</div>

Keterangan:
  • Ingat, sobat harus tempatkan Kode pada mode Edit HTML, bukan Compose.
  • Untuk melihat dan mengecek berhasil atau tidak, silahkan sobat klik Compose.
  • height:200px; adalah ukuran lebar atas bawah kotak scroll, silahkan sobat ganti nilainya, seperti keinginan sobat.
  • width: auto; adalah ukuran otomatis lebar samping kotak scroll, silahkan sobat ganti dengan nilai pada auto, apabila ingin ukurannya disesuaikan seperti keinginan sobat.
  • border:1px solid adalah ukuran tebal garis kotak scroll, silahkan sobat ganti nilainya, seperti yang sobat inginkan.
  • #000000 adalah Kode warna pada garis kotak scroll, silahkan sobat ganti Kode warnanya seperti yang sobat inginkan. 

Demikian sedikit informasi mengenai, Cara memasang Scroll pada Label,Popular Post dan Postingan di Blog semoga bermanfaat dan semoga bisa berhasil terpasang di blog sobat. Jika bermanfaat silahkan tinggalkan komentar di kolom komentar blog ini.


Cara Membuat Kotak tempat Script di Postingan Blog

Cara Membuat Kotak tempat Script  di Postingan Blog

Rachmatalamsyah.com - Pada sesi kali ini kita akan membahas tentang Cara Membuat Kotak Tempat Script tampil di Postingan Blog, sebagaimana kita ketahui bahwa ketika meletakkan Srcript / kode Html lainnya kedalam postingan secara langsung maka hasilnya kurang indah dipandang mata,nah fungsi dari kotak script ini adalah sebagai tempat meletakkan Kode Sript yang ada dalam postingan dan juga membuat tampilan kode terlihat rapi juga enak dipandang.

Peraturan Pemasangan Kode Srcipt pada postingan adalah:

1. Anda harus mem-Parse terlebih dalu kode Script tersebut sebelum diletakkan dalam postingan, 
2. Anda bisa melakukan Parse di blog ini pada menu Tools dan pilih HTML PARSER, atau klik disini
3. Copy hasil parse kemudian letakkan pada Postingan anda,maka Script tersebut akan bisa tampil  dengan sempurna.

Kita kembali ke topik kita yaitu cara membuat Kotak Script di postingan Blog,cara ini terbilang cukup mudah dilakukan karena kita hanya menambahkan kode kotak Script kedalam postingan setelah itu kita tambahkan Kode Script yang ingin kita beri kotak tempat Script,bentuk,warna dan ukuran kotaknya juga bisa kita atur sesuai dengan keingininan.

Contoh Kotak tempat meletakkan Script :

1. Script- nya ada dalam kotak dibawah in :
 
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
Letakkan Script disini </div>


2. Hasilnya dibawah ini :

Letakkan Script disini

Nah untuk cara pemasangannya cukup copy kode Script yang ada pada kotak nomor 1 diatas kemudian pastekan kedalam postingan lalu Ubah mode Compose ke Html lalu kembalikan lagi ke mode Compose dan hasilnya seperti kotak nomor 2 diatas. Selanjutnya silahkan letakkan Script yang sebelumnya telah di Parse dalam kotak hapus saja tulisan Letakkan Script disini terlebih dahulu, terakhir silahkan publish postingan dan lihat hasilnya.

Berikut Beberapa Model Kotak tempat meletakkan Script (Silahkan dicomot gan)


<div style="border: 1px solid #444; padding: 10px; background-color: #eaeaea; text-align: left;"> Kode Script Anda Di Sini </div>

<div style="border: 2px #1B1A76 dotted; padding: 10px; background-color:#c2c2c2; text-align: left;"> Kode Script Anda Disin </div>

<div style="border: 3px #5f200e double; padding: 10px; background-color: #82CAFA; text-align: left;"> Kode Script Anda Disini </div>

<div style="border: 2px #006400 inset; padding: 10px; background-color: #d5839f; text-align: left;">Kode Script Anda Disini </div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #a2c4c9; border-radius: 10px; border: 4px outset #fff; padding: 10px; t-align: left;">Kode Script Anda Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #6fa8dc; border-radius: 10px; border: 4px double #fff; padding: 10px; t-align: left;">Kode Script Anda Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #ffe599; border-radius: 10px; border: 2px dashed #aaa; padding: 10px; t-align: left;">Kode Script Anda Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-radius: 10px; border: 4px solid #999; padding: 10px; t-align: left;">Kode Script Anda Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-left: 5px solid #2288dd; border-radius: 10px; padding: 10px; t-align: left;">Kode Script Anda Disini</div>

Peraturan Pemasangan kode :
  1. Copy script box code dari beberapa jenis tampilan di atas
  2. Paste pada Menu Tab HTML Artikel Entri
  3. Ganti kode yang berwarna (Merah) yang bertulisan (Kode Script Anda Disini) dengan script yang anda inginkan
  4. Kreasi dengan beberapah bagian di bawah ini seperti :
    • Ganti ukuran sudut lengkungan : border-radius: 10px ada 3 ganti semua
    • Ganti warna background : background-color: #codewarna
    • Ubah ketebalan border / garis tepi kolom : border: 4px

Demikianlah pembahasan mengenai Cara Membuat Kotak tempat Script di Postingan Blog,Semoga artikel ini dapat bermanfaat dan bisa diterapkan di blog anda.Selamat Mencoba