Langsung ke konten utama

Unggulan

Surat Al-Fatihah

بِسْمِ اللّٰهِ الرَّحْمٰنِ الرَّحِيْمِ ۝١ bismillâhir-raḫmânir-raḫîm Dengan nama Allah Yang Maha Pengasih lagi Maha Penyayang. اَلْحَمْدُ لِلّٰهِ رَبِّ الْعٰلَمِيْنَۙ ۝٢ al-ḫamdu lillâhi rabbil-‘âlamîn Segala puji bagi Allah, Tuhan semesta alam الرَّحْمٰنِ الرَّحِيْمِۙ ۝٣ ar-raḫmânir-raḫîm Yang Maha Pengasih lagi Maha Penyayang, مٰلِكِ يَوْمِ الدِّيْنِۗ ۝٤ mâliki yaumid-dîn Pemilik hari Pembalasan. اِيَّاكَ نَعْبُدُ وَاِيَّاكَ نَسْتَعِيْنُۗ ۝٥ iyyâka na‘budu wa iyyâka nasta‘în Hanya kepada Engkaulah kami menyembah dan hanya kepada Engkaulah kami memohon pertolongan. اِهْدِنَا الصِّرَاطَ الْمُسْتَقِيْمَۙ ۝٦ ihdinash-shirâthal-mustaqîm Bimbinglah kami ke jalan yang lurus, صِرَاطَ الَّذِيْنَ اَنْعَمْتَ عَلَيْهِمْ ەۙ غَيْرِ الْمَغْضُوْبِ عَلَيْهِمْ وَلَا الضَّاۤلِّيْنَࣖ ۝٧ shirâthalladzîna an‘amta ‘alaihim ghairil-maghdlûbi ‘alaihim wa ladl-dlâllîn (yaitu) jalan orang-orang yang telah Engkau beri nikmat, bukan (jalan) mereka yang dimurkai dan bukan (pula jalan) orang-orang yang sesat.

Macam - macam Border

Inilah macem moder Border yang saat ini saya bisa ,,,,Buat yang belum tahu silahkan baca  dan bagi yang udah tahu jangan dibaca lewati aja hehehehe.....Mungkin aja ini bisa sedikit membantu sobat buat ngedandanin Blognya biar Makin Caem

Langsung aja Sobat perhatikan penulisan kode-kode dibawah ini dan Lihat hasilnya
 1
<div style="background-color: none; border : 2px solid #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">ISINYA DISINI </div>
ISINYA DISINI



 2
<div style="background-color: none; border : 4px double #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">ISINYA DISINI </div>
ISINYA DISINI


3
<div style="background-color: none; border : 4px inset #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">ISINYA DISINI </div>
ISINYA DISINI


 4
<div style="background-color: none; border : 4px outset #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">ISINYA DISINI </div>
ISINYA DISINI



 5
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; background-color: none; border : 2px solid #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">ISINYA DISINI </div>
ISINYA DISINI


 6
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; background-color: none; border : 4px double #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">ISINYA DISINI </div>
ISINYA DISINI


 7
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; background-color: none; border : 4px inset #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">ISINYA DISINI </div>
ISINYA DISINI


 8
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; background-color: none; border : 4px outset #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">ISINYA DISINI </div>
ISINYA DISINI


 9
<div style="-moz-border-radius: 20px 0px 20px 0px;; -webkit-border-radius:  20px 0px 20px 0px;border-radius:  20px 0px 20px 0px; background-color: none; border : 4px outset #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">ISINYA DISINI </div>
ISINYA DISINI


10
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; background-color: none; border-bottom: 2px solid #ff0000; border-left: 15px solid #ff0000; border-right: 15px solid #ff0000; border-top: 2px solid #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">ISINYA DISINI </div>
ISINYA DISINI


11
<div style="background-color: none; border-bottom: 2px solid #ff0000; border-left: 15px solid #ff0000; border-right: 15px solid #ff0000; border-top: 2px solid #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">ISINYA DISINI </div>
ISINYA DISINI


12
<div style="background-color: none; border: 6px dotted #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
ISINYA DISINI</div>
ISINYA DISINI


13
<div style="background-color: none; border: 4px dashed #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
ISINYA DISINI</div>
ISINYA DISINI


14
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; background-color: none; border: 6px dotted #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
ISINYA DISINI</div>
ISINYA DISINI


15
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; background-color: none; border: 4px dashed #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
ISINYA DISINI</div>
ISINYA DISINI


16
<div style="background-color: none; border: 6px groove #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
ISINYA DISINI</div>
ISINYA DISINI


17
<div style="background-color: none; border: 6px ridge #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
ISINYA DISINI</div>
ISINYA DISINI


18
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; background-color: none; border: 6px groove #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
ISINYA DISINI</div>
ISINYA DISINI

19
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px;background-color: none; border: 6px ridge #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
ISINYA DISINI</div>
ISINYA DISINI
Utak atik kode-kodenya Sobat mulai background color  & border colornya ,biar tampilan Lebih menarik
Semoga bermanfaat