CARA MEMBUAT TULISAN ARAB DI BLOG

Ada cara menulis tulisan arab di postingan blog yang dengan mudahnya dapat membantu anda dalam share artikel blog tentang keagamaan / relegius yang memang harus mencantumkan tulisan / huruf arab. Di Situs online yang akan saya bagikan ini nantinya, anda tinggal menulis tulisan latin dan secara otomatis akan diterjemahkan dalam tulisan arab. Misalnya anda akan menulis kalimat / tulisan Bismillahhirrohmanirrohim, maka secara otomatis akan tampil tulisan arabnya.

Nah situs yang dapat membantu anda dalam membuat tulisan arab di artikel blog tersebut bernama www.yamli.com/arabic-keyboard. Setelah anda mengunjungi situs tersbut, anda akan dihadapkan pada form atau kotak yang langsung dapat anda ketikkan tulisan latin apa saja dan dengan otomatis akan ditampilkan tulisan arabnya dan hasilnya dapat anda copy paste ke notepad, menarik bukan? Nah silahkan anda coba kunjungi situswww.yamli.com/arabic-keyboard untuk menulisan tulisan arab.

Sekian dulu postingan mengenai cara membuat tulisan arab di blog, silahkan anda coba, semoga bermanfaat. 

MODIFIKASI WIDGET POPULAR POST MENJADI WARNA DAN MELENGKUNG

MODIFIKASI WIDGET POPULAR POST MENJADI WARNA DAN MELENGKUNG

Modifikasi Widget Popular Post Menjadi Warna dan Melengkung ini sebenarnya sama dengan postingan sebelumnya yakni Cara Membuat Widget Popular Post Warna-Warni, namun ada sedikit perbedaan dari kode CSS-nya dan untuk melihatnya silahkan klik link tersebut. Widget popular post yang satu ini tampilannya lebih keren karena backgroundnya yang berwarna-warni atau seperti pelangi/rainbow dan bordernya berbentuk melengkung seperti ketupat.

Cara Membuat Popular Post Berwarna seperti Pelangi :

1. Buka blog anda
2. Pilih Template => Edit HTML
3. Tekan Ctrl + F dan cari kode ]]></b:skin> lalu letakkan kode berikut diatanya

#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block;font-family: Georgia, 'Times New Roman', Times, serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F200FF;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#FF9100;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#E6FF00;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#0073FF;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#FF0080;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#00FFFB;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{background:#B300FF;width:90%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{background:#007902;width:90%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{background:#006579; width:90%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{background:#9E9BD1;width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:3px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}

4. Simpan template

Keterangan :
- Silahkan ubah jenis huruf / font yang berwarna biru
- Ubah juga warna merah dengan kode warna yang anda sukai

5. Selanjutnya masuk ke Tata Letak dan pilih widget Popular Post
6. Lalu hilangkan tanda checklist seperti gambar dibawah ini

7. Simpan

Nah sekian dulu tutorial blog mengenai Cara Membuat/Memasang Popular Post Warna Pelangi di Blog, semoga bermanfaat.

CARA MEMASANG LAGU DI BLOG DAN LANGSUNG BERPUTAR

Untuk anda yang blognya ingin dipasang lagu mp3 atau musik mp3 dan disaat blog dibuka baik pengunjung atau anda sendiri sebagai admin blog, maka secara otomatis akan diputar (autoplay) dengan sendirinya tanpa harus repot-repot menekan tombol play untuk memutar musik/lagunya. Pada tutorial blog ini saya akan share tentangcara memasang lagu mp3 di blog. Dengan lagu yang dipasang di blog, yang jelas akan membuat loading blog anda agak berat sedikit, tapi untuk kepuasan, mengapa tidak?

Cara Memasang Lagu dan Otomatis Berputar di Blog :
1. Silahkan kunjungi http://divine-music.info/
2. Lalu klik "Browse All" untuk memilih lagu dari penyanyinya
3. Lalu copy kode Embed-nya ke notepad, misalnya saya memilih lagu dari Evanessence dan kodenya seperti ini :

<EMBED SRC="http://divine-music.info/musicfiles/Evenessance%20-%20My%20Immortal.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1"></EMBED>

Catatan :
Kode pink yaitu tulisan "TRUE" dapat anda ganti dengan tulisan "FALSE" (lagunya hanya sekali putar)

4. Langkah selanjutnya untuk memasang lagu / musik di blog :
- Login ke blogger
- Klik Tata Letak => Tambah Gadget
- Klik Html/Javascript dan paste kode Embed tadi kedalamnya

5. Kalau sudah lalu simpan

Demikianlah cara memasang lagu / musik MP3 di blog, silahkan dicoba, semoga bermanfaat.